Template:Keegan: Difference between revisions

Template:Keegan (view source)

Revision as of 23:28, 6 August 2024

740 bytes removed , 6 August

m

Testing something bear with me

Kivik

Power Users, Administrators

3,599

edits

@@ Line 1: / Line 1: @@
+{{#css:
+.character-image { width: 90px; transition: filter 0.3s; }
+.character-image.bw { filter: grayscale(100%); }
+.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
-| [[File:Hopper-Circle{{ #switch: {{{1|}}} | Hopper = | -BW }}.png|90px|Robin Hopper|link={{ #switch: {{{1|}}} | Hopper = | Robin Hopper }}]]
+| [[File:Hopper-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Hopper|| bw}}|Robin Hopper|link={{#switch: {{{1|}}}|Hopper=|Robin Hopper}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">HOPPER</div>
+<div class="character-label">HOPPER</div>
-| <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="mirror-icon-container">[[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}}]]
+| [[File:TriLea-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Polgonz|| bw}}|Tri'lea Ariadust|link={{#switch: {{{1|}}}|Polgonz=|Tri'lea Ariadust}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">ARIADUST</div>
+<div class="character-label">ARIADUST</div>
-| <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="mirror-icon-container">[[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 }}]]
+| [[File:Kivik-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Kivik|| bw}}|Kivik|link={{#switch: {{{1|}}}|Kivik=|Kivik}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">KIVIK</div>
+<div class="character-label">KIVIK</div>
-| [[File:Arthur-Circle{{ #switch: {{{1|}}} | Summerside = | -BW }}.png|90px|Arthur Summerside|link={{ #switch: {{{1|}}} | Summerside = | Arthur Summerside }}]]
+| [[File:Arthur-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Summerside|| bw}}|Arthur Summerside|link={{#switch: {{{1|}}}|Summerside=|Arthur Summerside}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">SUMMERSIDE</div>
+<div class="character-label">SUMMERSIDE</div>
-| [[File:Flint-Circle{{ #switch: {{{1|}}} | Flint = | -BW }}.png|90px|David Flint|link={{#switch: {{{1|}}} | Flint = | David Flint }}]]
+| [[File:Flint-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Flint|| bw}}|David Flint|link={{#switch: {{{1|}}}|Flint=|David Flint}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">FLINT</div>
+<div class="character-label">FLINT</div>
-| [[File:Ychol-Circle{{ #switch: {{{1|}}} | Ychol = | -BW }}.png|90px|Ychol|link={{ #switch: {{{1|}}} | Ychol = | Ychol }}]]
+| [[File:Ychol-Circle.png|90px|class=character-image{{#if:{{{1|}}}|}}{{#ifeq:{{{1|}}}|Ychol|| bw}}|Ychol|link={{#switch: {{{1|}}}|Ychol=|Ychol}}]]
-<div style="color: white; font-weight: bold; line-height: 0; margin-top: -.5em; font-size: .7em; margin-left: 1px; text-shadow: 1px 1px black;">YCHOL</div>
+<div class="character-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%|