Template:Keegan: Difference between revisions

m
Stuff wasn't working right. Trying over, breaking it down into steps.
m (Trying a different approach)
m (Stuff wasn't working right. Trying over, breaking it down into steps.)
Line 1: Line 1:
{{#css:
{{#css:
.character-image { width: 90px; transition: filter 0.3s; }
.char-label { color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black; }
.character-image.bw { filter: grayscale(100%); }
.char-bar-text { font-size:small; border-bottom: 2px solid steelblue; border-radius: 6px; }
.character-label { color: white; font-weight: bold; line-height: 0; margin-top: -0.5em; font-size: 0.7em; margin-left: 1px; text-shadow: 1px 1px black; }
.mirror-icon-container { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black; }
.character-image:hover { filter: grayscale(0%); }
}}
}}


{| align=center cellpadding=0 cellspacing=0
{| align=center cellpadding=0 cellspacing=0


| <div class="character-container">
| [[File:Hopper-Circle{{ #switch: {{{1|}}} | Hopper = | -BW }}.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]
    <div class="character-image {{#ifeq:{{{1|}}}|Hopper|| bw}}">
<div class="char-label">HOPPER</div>
        [[File:Hopper-Circle.png|90px|Robin Hopper|link={{#switch: {{{1|}}}|Hopper=|Robin Hopper}}]]
    </div>
    <div class="character-label">HOPPER</div>
    <div class="mirror-icon-container">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Raven Hopper]]</div>
</div>


| <div class="character-container">
| <div style="width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black;">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Raven Hopper]]</div>
    <div class="character-image {{#ifeq:{{{1|}}}|Polgonz|| bw}}">
        [[File:TriLea-Circle.png|90px|Tri'lea Ariadust|link={{#switch: {{{1|}}}|Polgonz=|Tri'lea Ariadust}}]]
    </div>
    <div class="character-label">ARIADUST</div>
    <div class="mirror-icon-container">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Tri'lea Doyoxo Polgonz (mirror)]]</div>
</div>


| <div class="character-container">
| [[File:TriLea-Circle{{ #switch: {{{1|}}} | Polgonz = | -BW }}.png|90px|Tri'lea Ariadust|link={{ #switch: {{{1|}}} | Polgonz = | Tri'lea Ariadust}}]]
    <div class="character-image {{#ifeq:{{{1|}}}|Kivik|| bw}}">
<div class="char-label">ARIADUST</div>
        [[File:Kivik-Circle.png|90px|Kivik|link={{#switch: {{{1|}}}|Kivik=|Kivik}}]]
    </div>
    <div class="character-label">KIVIK</div>
</div>


| <div class="character-container">
| <div style="width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black;">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Tri'lea Doyoxo Polgonz (mirror)]]</div>
    <div class="character-image {{#ifeq:{{{1|}}}|Summerside|| bw}}">
        [[File:Arthur-Circle.png|90px|Arthur Summerside|link={{#switch: {{{1|}}}|Summerside=|Arthur Summerside}}]]
    </div>
    <div class="character-label">SUMMERSIDE</div>
</div>


| <div class="character-container">
| [[File:Kivik-Circle{{ #switch: {{{1|}}} | Kivik = | -BW }}.png|90px|Kivik|link={{ #switch: {{{1|}}} | Kivik = | Kivik }}]]
    <div class="character-image {{#ifeq:{{{1|}}}|Flint|| bw}}">
<div class="char-label">KIVIK</div>
        [[File:Flint-Circle.png|90px|David Flint|link={{#switch: {{{1|}}}|Flint=|David Flint}}]]
    </div>
    <div class="character-label">FLINT</div>
</div>


| <div class="character-container">
| [[File:Arthur-Circle{{ #switch: {{{1|}}} | Summerside = | -BW }}.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
    <div class="character-image {{#ifeq:{{{1|}}}|Ychol|| bw}}">
<div class="char-label">SUMMERSIDE</div>
        [[File:Ychol-Circle.png|90px|Ychol|link={{#switch: {{{1|}}}|Ychol=|Ychol}}]]
    </div>
    <div class="character-label">YCHOL</div>
</div>


| [[File:Flint-Circle{{ #switch: {{{1|}}} | Flint = | -BW }}.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
<div class="char-label">FLINT</div>
| [[File:Ychol-Circle{{ #switch: {{{1|}}} | Ychol = | -BW }}.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
<div class="char-label">YCHOL</div>
<!--
| [[File:Vannix-Circle{{ #switch: {{{1|}}} | Vannix = | -BW }}.png|90px|Vannix|link={{ #switch: {{{1|}}} | Vannix = | Destre Vannix }}]]
| [[File:Osuna-Circle{{ #switch: {{{1|}}} | Osuna = | -BW }}.png|90px|Gabriel Osuna|link={{ #switch: {{{1|}}} | Osuna = | Gabriel Osuna }}]]
| [[File:Lohani-Circle{{ #switch: {{{1|}}} | Lohani = | -BW }}.png|90px|Lohani Vanath-Polgonz|link={{ #switch: {{{1|}}} | Lohani = | Lohani Vananth-Polgonz }}]]
-->
|-
|-
|height=5 colspan=100%|
|height=5 colspan=100%|


|-
|-
|align=center style="font-size:small; border-bottom: 2px solid steelblue; border-radius: 6px;" colspan=100%|
|align=center class="char-bar-text" colspan=100%|
'''[[User:Kivik|User (Keegan)]]''' • [[Amity Outpost]] / '''[[Robin Hopper]]''' • [[Image Collective]] • [[Wiki Operations]] • [[Training Team]]
'''[[User:Kivik|User (Keegan)]]''' • [[Amity Outpost]] / '''[[Robin Hopper]]''' • [[Image Collective]] • [[Wiki Operations]] • [[Training Team]]


|}
|}