Template:Keegan: Difference between revisions

m
Doing troubleshooting and testing because something isn't working and my dumb brain isn't comprehending what exactly it is haha
m (OK trying to use css for b&w effect again.)
m (Doing troubleshooting and testing because something isn't working and my dumb brain isn't comprehending what exactly it is haha)
Line 3: Line 3:
.char-bar-text { font-size:small; border-bottom: 2px solid steelblue; border-radius: 6px; }
.char-bar-text { font-size:small; border-bottom: 2px solid steelblue; border-radius: 6px; }
.mirror-icon { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black; }
.mirror-icon { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: black; }
.char-img { width: 90px; }
.char-image { }
.inactive { filter: grayscale(100%); }
.char-inactive { filter: grayscale(100%); }
}}
}}


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


| <div class="{{#ifeq: {{{1|}}} | Hopper | char-img | char-img inactive}}">
| <div class="inactive">[[File:Hopper-Circle{{ #switch: {{{1|}}} | Hopper = | -BW }}.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]</div>
[[File:Hopper-Circle.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]
<div class="char-label">HOPPER</div>
<div class="char-label">HOPPER</div>
</div>


| <div class="mirror-icon">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Raven Hopper]]</div>
| <div class="mirror-icon">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Raven Hopper]]</div>


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


| <div class="mirror-icon">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Tri'lea Doyoxo Polgonz (mirror)]]</div>
| <div class="mirror-icon">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Tri'lea Doyoxo Polgonz (mirror)]]</div>


| <div class="{{#ifeq: {{{1|}}} | Kivik | char-img | char-img inactive}}">
| [[File:Kivik-Circle{{ #switch: {{{1|}}} | Kivik = | -BW }}.png|90px|Kivik|link={{ #switch: {{{1|}}} | Kivik = | Kivik }}]]
[[File:Kivik-Circle.png|90px|Kivik|link={{ #switch: {{{1|}}} | Kivik = | Kivik }}]]
<div class="char-label">KIVIK</div>
<div class="char-label">KIVIK</div>
</div>


| <div class="{{#ifeq: {{{1|}}} | Summerside | char-img | char-img inactive}}">
| [[File:Arthur-Circle{{ #switch: {{{1|}}} | Summerside = | -BW }}.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
[[File:Arthur-Circle.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
<div class="char-label">SUMMERSIDE</div>
<div class="char-label">SUMMERSIDE</div>
</div>


| <div class="{{#ifeq: {{{1|}}} | Flint | char-img | char-img inactive}}">
| [[File:Flint-Circle{{ #switch: {{{1|}}} | Flint = | -BW }}.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
[[File:Flint-Circle.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
<div class="char-label">FLINT</div>
<div class="char-label">FLINT</div>
</div>


| <div class="{{#ifeq: {{{1|}}} | Ychol | char-img | char-img inactive}}">
| [[File:Ychol-Circle{{ #switch: {{{1|}}} | Ychol = | -BW }}.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
[[File:Ychol-Circle.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
<div class="char-label">YCHOL</div>
<div class="char-label">YCHOL</div>
</div>


|-
|-