Template:Keegan: Difference between revisions

From 118Wiki
Jump to navigation Jump to search
m (Trying a different approach)
m (reversal of images)
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
{{#css:
.character-image { width: 90px; transition: filter 0.3s; }
.character-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 { width: 30px; height: 30px; margin-left: -33px; margin-top: 70px; position: relative; border-radius: 50%; background-color: 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">
|{{#switch:{{{1|}}}|Hopper=[[File:Hopper-Circle.png|90px|Robin Hopper|link=]]|{{hover|Hopper-Circle-BW.png|Hopper-Circle.png|90px|link=Robin Hopper}}}}
    <div class="character-image {{#ifeq:{{{1|}}}|Hopper|| bw}}">
<div class="character-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 class="mirror-icon">[[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">
|{{#switch:{{{1|}}}|Polgonz=[[File:TriLea-Circle.png|90px|Tri'lea Ariadust|link=]]|{{hover|TriLea-Circle-BW.png|TriLea-Circle.png|90px|link=Tri'lea Ariadust}}}}
    <div class="character-image {{#ifeq:{{{1|}}}|Kivik|| bw}}">
<div class="character-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 class="mirror-icon">[[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">
|{{#switch:{{{1|}}}|Kivik=[[File:Kivik-Circle.png|90px|Kivik|link=]]|{{hover|Kivik-Circle-BW.png|Kivik-Circle.png|90px|link=Kivik}}}}
    <div class="character-image {{#ifeq:{{{1|}}}|Flint|| bw}}">
<div class="character-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">
|{{#switch:{{{1|}}}|Summerside=[[File:Arthur-Circle.png|90px|Arthur Summerside|link=]]|{{hover|Arthur-Circle-BW.png|Arthur-Circle.png|90px|link=Arthur Summerside}}}}
    <div class="character-image {{#ifeq:{{{1|}}}|Ychol|| bw}}">
<div class="character-label">SUMMERSIDE</div>
        [[File:Ychol-Circle.png|90px|Ychol|link={{#switch: {{{1|}}}|Ychol=|Ychol}}]]
 
    </div>
|{{#switch:{{{1|}}}|Flint=[[File:Flint-Circle.png|90px|David Flint|link=]]|{{hover|Flint-Circle-BW.png|Flint-Circle.png|90px|link=David Flint}}}}
    <div class="character-label">YCHOL</div>
<div class="character-label">FLINT</div>
</div>
 
|{{#switch:{{{1|}}}|Ychol=[[File:Ychol-Circle.png|90px|Ychol|link=]]|{{hover|Ychol-Circle-BW.png|Ychol-Circle.png|90px|link=Ychol}}}}
<div class="character-label">YCHOL</div>


|-
|-
Line 57: Line 33:


|-
|-
|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]]


|}
|}

Latest revision as of 00:12, 7 August 2024


Hopper-Circle-BW.png
Hopper-Circle.png
HOPPER
Mirror-universe-symbol.png
TriLea-Circle-BW.png
TriLea-Circle.png
ARIADUST
Mirror-universe-symbol.png
Kivik-Circle-BW.png
Kivik-Circle.png
KIVIK
Arthur-Circle-BW.png
Arthur-Circle.png
SUMMERSIDE
Flint-Circle-BW.png
Flint-Circle.png
FLINT
Ychol-Circle-BW.png
Ychol-Circle.png
YCHOL

User (Keegan) • Amity Outpost / Robin Hopper • Image Collective • Wiki Operations • Training Team

Retrieved from "https://wiki.starbase118.net/wiki/index.php?title=Template:Keegan&oldid=367575"