Template:ID badge: Difference between revisions
Jump to navigation
Jump to search
SuperHamster (talk | contribs) m (Rm invalid CSS property #cww) |
SuperHamster (talk | contribs) (Flex box with two columns (one for pic, one for name + planet) #cww) |
||
Line 2: | Line 2: | ||
<div style="background-color:{{{color|#EE1122}}}"> </div> | <div style="background-color:{{{color|#EE1122}}}"> </div> | ||
<div style="background-color:#EFEFEF;"> | <div style="background-color:#EFEFEF;"> | ||
<div style="padding: | <div style="display: flex; box-sizing: border-box; padding: 0 1em; gap: 1em; width:100%;"> | ||
<div style=" | <div> | ||
<div style="background-color:#FFFFFF; border-radius:0px 10px 0px 8px; margin:1px;"> | |||
[[File:P4 ID Badge Collin.png|80px|link=]] | [[File:P4 ID Badge Collin.png|80px|link=]] | ||
</div> | </div> | ||
<div style="background-color:#FFFFFF; width: | </div> | ||
<div style="flex-grow: 1;"> | |||
<div style="background-color:#FFFFFF; width:100%; padding-left: .5em;"> | |||
<span style="color:#00AAFF">Rescue Corps Officer</span><br> | <span style="color:#00AAFF">Rescue Corps Officer</span><br> | ||
<span style="color:#113388">'''{{{name|null}}}'''</span></div> | <span style="color:#113388">'''{{{name|null}}}'''</span></div> | ||
<div style="background-color:#FFFFFF; width: | <div style="background-color:#FFFFFF; width:100%; padding-left: .5em;"> | ||
<span style="color:#00AAFF">Home Planet</span><br> | <span style="color:#00AAFF">Home Planet</span><br> | ||
<span style="color:#113388">'''{{{planet|null}}}'''</span></div> | <span style="color:#113388">'''{{{planet|null}}}'''</span></div> | ||
</div> | |||
</div> | </div> | ||
</div> | </div> |