Template:Keegan: Difference between revisions

Template:Keegan (view source)

Revision as of 23:42, 6 August 2024

312 bytes added , 6 August

m

OK trying to use css for b&w effect again.

Kivik

Power Users, Administrators

3,599

edits

@@ Line 3: / Line 3: @@
 .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; }
+.char-img { width: 90px; }
+.inactive { filter: grayscale(100%); }
 }}
 {| align=center cellpadding=0 cellspacing=0
-| [[File:Hopper-Circle{{ #switch: {{{1|}}} | Hopper = | -BW }}.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]
+| <div class="{{#ifeq: {{{1|}}} | Hopper | char-img | char-img inactive}}">
+[[File:Hopper-Circle.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]
 <div class="char-label">HOPPER</div>
+</div>
 | <div class="mirror-icon">[[File:Mirror-universe-symbol.png|30px|frameless|center|link=Raven Hopper]]</div>
-| [[File:TriLea-Circle{{ #switch: {{{1|}}} | Polgonz = | -BW }}.png|90px|Tri'lea Ariadust|link={{ #switch: {{{1|}}} | Polgonz = | Tri'lea Ariadust}}]]
+| <div class="{{#ifeq: {{{1|}}} | Polgonz | char-img | char-img inactive}}">
+[[File:TriLea-Circle.png|90px|Tri'lea Ariadust|link={{ #switch: {{{1|}}} | Polgonz = | Tri'lea Ariadust}}]]
 <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>
-| [[File:Kivik-Circle{{ #switch: {{{1|}}} | Kivik = | -BW }}.png|90px|Kivik|link={{ #switch: {{{1|}}} | Kivik = | Kivik }}]]
+| <div class="{{#ifeq: {{{1|}}} | Kivik | char-img | char-img inactive}}">
+[[File:Kivik-Circle.png|90px|Kivik|link={{ #switch: {{{1|}}} | Kivik = | Kivik }}]]
 <div class="char-label">KIVIK</div>
+</div>
-| [[File:Arthur-Circle{{ #switch: {{{1|}}} | Summerside = | -BW }}.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
+| <div class="{{#ifeq: {{{1|}}} | Summerside | char-img | char-img inactive}}">
+[[File:Arthur-Circle.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
 <div class="char-label">SUMMERSIDE</div>
+</div>
-| [[File:Flint-Circle{{ #switch: {{{1|}}} | Flint = | -BW }}.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
+| <div class="{{#ifeq: {{{1|}}} | Flint | char-img | char-img inactive}}">
+[[File:Flint-Circle.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
 <div class="char-label">FLINT</div>
+</div>
-| [[File:Ychol-Circle{{ #switch: {{{1|}}} | Ychol = | -BW }}.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
+| <div class="{{#ifeq: {{{1|}}} | Ychol | char-img | char-img inactive}}">
+[[File:Ychol-Circle.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
 <div class="char-label">YCHOL</div>
+</div>
 |-