Template:Title: Difference between revisions

From Elwiki
mNo edit summary
mNo edit summary
 
(28 intermediate revisions by the same user not shown)
Line 35: Line 35:
     padding: 12px 6px !important;
     padding: 12px 6px !important;
     right: -2px;
     right: -2px;
     top: -1px;
     top: -0.5px;
     transform: translateY(0%);
     transform: translateY(0%);
     line-height: 0;
     line-height: 0;
Line 55: Line 55:
     background-color: #e8e8e8;
     background-color: #e8e8e8;
     border: solid 2px #d8d8d8 !important;
     border: solid 2px #d8d8d8 !important;
    top:1px;
}
}


Line 107: Line 108:
     font-style: italic;
     font-style: italic;
     padding: 5px;
     padding: 5px;
     width: 100%;
     /* width: 100%; */
     position: relative;
     position: relative;
     z-index: 4 !important;
     z-index: 4 !important;
Line 140: Line 141:
-->{{#vardefine:background-color-dark|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Event|Special={{ColorSel|{{{color{{#var:key|}}|}}}}}|#default={{ColorSel|VillageDark|{{{color{{#var:key|}}|}}}}}}}|{{#switch:{{{color|}}}|Misc|Event|Special={{ColorSel|{{{color|}}}}}|#default={{ColorSel|VillageDark|{{{color|}}}}}}}}}}}<!--
-->{{#vardefine:background-color-dark|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Event|Special={{ColorSel|{{{color{{#var:key|}}|}}}}}|#default={{ColorSel|VillageDark|{{{color{{#var:key|}}|}}}}}}}|{{#switch:{{{color|}}}|Misc|Event|Special={{ColorSel|{{{color|}}}}}|#default={{ColorSel|VillageDark|{{{color|}}}}}}}}}}}<!--


-->{{#vardefine:font-color|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Altera|Feita|Velder|Hamel|Varnimyr||Master Road|Pruinaum|Pruinaum Outskirts=white|#default=black}}|{{#switch:{{{color|}}}|Misc|Altera|Feita|Velder|Hamel|Varnimyr|Master Road|Pruinaum|Pruinaum Outskirts=white|#default=black}}}}}}<!--
-->{{#vardefine:font-color|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Special|Altera|Feita|Velder|Hamel|Varnimyr||Master Road|Pruinaum Outskirts=white|#default=black}}|{{#switch:{{{color|}}}|Misc|Special|Altera|Feita|Velder|Hamel|Varnimyr|Master Road|Pruinaum Outskirts=white|#default=black}}}}}}<!--


-->{{#vardefine:regex|{{#regex: {{{effects{{#var:key|}}|}}}|/\n/m | {{uc:</br> $0}} }}}}<!--
-->{{#vardefine:regex|{{#regex: {{{effects{{#var:key|}}|}}}|/\n/m | {{uc:</br> $0}} }}}}<!--
Line 160: Line 161:
   |
   |
{{!}}-
{{!}}-
! colspan=5 width=100% class="tone-7 light-mode-only" style="background-color:{{#var:background-color-light}} !important; color:{{#var:font-color}} !important; border-bottom-width:1px;" {{!}} {{#var:title}}
! colspan=5 width=100% class="tone-7" style="padding:0px; color:{{#var:font-color}} !important; border-bottom-width:1px;" {{!}} <div class="light-mode-only" style="background-color:{{#var:background-color-light}} !important; padding:0.4em 0.5em;">{{#var:title}}</div><!-- DARK MODE ONLY --><div class="dark-mode-only" style="background-color:{{#var:background-color-dark}} !important; padding:0.4em 0.5em;">{{#var:title}}</div>
{{!}}-
! colspan=5 width=100% class="tone-7 dark-mode-only" style="background-color:{{#var:background-color-dark}} !important; color:{{#var:font-color}} !important; border-bottom-width:1px;" {{!}} {{#var:title}}
{{!}}-
{{!}}-
   |
   |
{{!}}-
{{!}}-
{{!}} height=100% align=center width=25% rowspan=5 style="border-bottom-width:4px;{{#if:{{#var:iconkr}}|height: 1px; height: 1px;padding: 0;}}" {{!}} {{#if:{{#var:iconkr}}|<div style="height: 100%;display: flex; width:100%;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber
{{!}} height=100% align=center width=25% rowspan={{#ifeq:{{{unobtainable{{#var:key}}|}}}|true|5|4}} style="border-bottom-width:4px;{{#if:{{#var:iconkr}}|height: 1px; height: 1px;padding: 0;}}" {{!}} {{#if:{{#var:iconkr}}|<div style="height: 100%;display: flex; width:100%;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber
|$ulstyle=justify-content: flex-end !important;position: absolute;z-index: 3;margin-top:10px;height: 100%;flex-basis: 100%;|$conclass=flag-tab-content
|$ulstyle=justify-content: flex-end !important;position: absolute;z-index: 3;margin-top:10px;height: 100%;flex-basis: 100%;|$conclass=flag-tab-content
|$constyle=padding-top: 40px !important;padding-left:10px !important;padding-right:10px !important;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center title-icons|$divstyle=z-index: 2;display: flex;flex-basis: 100%;justify-content: flex-end;flex-wrap: wrap;flex-direction: row;height: 100%;align-items: center;
|$constyle=padding-top: 40px !important;padding-left:10px !important;padding-right:10px !important;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center title-icons|$divstyle=z-index: 2;display: flex;flex-basis: 100%;justify-content: flex-end;flex-wrap: wrap;flex-direction: row;height: 100%;align-items: center;
|[[File:American_Flag.png|20px|North America & International|alt=NA]]=[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]{{#var:caption}}|[[File:Korean_Flag.png|20px|South Korea|alt=KR]]=[[File:{{#var:iconkr}}|link=]]{{#var:caption}}}}</div>|[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]{{#var:caption}}}}
|[[File:American_Flag.png|20px|North America & International|alt=NA]]=[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]{{#var:caption}}|[[File:Korean_Flag.png|20px|South Korea|alt=KR]]=[[File:{{#var:iconkr}}|link=]]{{#var:caption}}}}</div>|[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]{{#var:caption}}}}
! height=10% colspan=4 width=75% style="background-color:{{#var:background-color-light}} !important; color:{{#var:font-color}} !important;" class="tone-7 title-title light-mode-only" {{!}} <div style="position: relative;" class="light-mode-only"><div style="display: flex; align-items: center; justify-content: center;" class="light-mode-only">{{#var:title}}</div>{{#if:{{#var:info}}|<div style="position: absolute; top: 0; right: 0;" class="light-mode-only">{{tt|NOTES|{{#var:info}}|pos=bottom|line=false|span=span|text-align:left;|style=color:{{#var:background-color-light}};|class=info-box light-mode-only}}</div>}}</div>
{{!}} height={{#ifeq:{{{unobtainable{{#var:key}}|}}}|true|8%|10%}} colspan=4 width=75% style="padding:0px; border-bottom:none; color:{{#var:font-color}} !important; font-weight:500;" class="tone-7 title-title" {{!}} <div class="light-mode-only" style="background-color:{{#var:background-color-light}} !important; padding:0.4em 0.5em; position: relative;"><div style="display: flex; align-items: center; justify-content: center;">{{#var:title}}</div>{{#if:{{#var:info}}|<div style="position: absolute; top: 0; right: 0;" class="light-mode-only">{{tt|NOTES|{{#var:info}}|pos=bottom|line=false|span=span|text-align:left;|style=color:{{#var:background-color-light}};|class=info-box}}</div>}}</div><!-- DARK MODE ONLY --><div class="dark-mode-only" style="background-color:{{#var:background-color-dark}} !important; padding:0.4em 0.5em; position: relative;"><div style="display: flex; align-items: center; justify-content: center;">{{#var:title}}</div>{{#if:{{#var:info}}|<div style="position: absolute; top: 0; right: 0;" class="dark-mode-only">{{tt|NOTES|{{#var:info}}|pos=bottom|line=false|span=span|text-align:left;|style=color:{{#var:background-color-dark}};|class=info-box}}</div>}}</div>
{{#ifeq:{{{unobtainable{{#var:key}}|}}}|true|
{{!}}-
{{!}}-
!! height=10% colspan=4 width=75% style="background-color:{{#var:background-color-dark}} !important; color:{{#var:font-color}} !important;" class="tone-7 title-title dark-mode-only" {{!}} <div style="position: relative;" class="dark-mode-only"><div style="display: flex; align-items: center; justify-content: center;" class="dark-mode-only">{{#var:title}}</div>{{#if:{{#var:info}}|<div style="position: absolute; top: 0; right: 0;" class="dark-mode-only">{{tt|NOTES|{{#var:info}}|pos=bottom|line=false|span=span|text-align:left;|style=color:{{#var:background-color-dark}};|class=info-box dark-mode-only}}</div>}}</div>
{{!}} colspan=4 height:2% align=center width=75% style="padding:0px; border-top:none;" {{!}} <div class="light-mode-only" style="background-color:{{#var:background-color-light}} !important"><div style="background-color: rgba(0,0,0,.3) !important; color:white !important; font-size:11px; font-weight: 500; padding:0.5em !important">NO LONGER OBTAINABLE</div></div><!-- DARK MODE ONLY --><div class="dark-mode-only" style="background-color:{{#var:background-color-dark}} !important"><div style="background-color: rgba(0,0,0,.3) !important; color:white !important; font-size:11px; font-weight: 500; padding:0.5em !important">NO LONGER OBTAINABLE</div></div>}}
{{!}}-
{{!}}-
{{#ifeq:{{#var:discovery}}|none||
! height=20% width=10% {{!}} Discovery
! height=20% width=10% {{!}} Discovery
{{!}} height=20% width=27.5% {{!}} {{#if:{{#var:discovery}}|{{#var:discovery}}|Unknown}}
{{!}} height=20% width=27.5% {{!}} {{#if:{{#var:discovery}}|{{#var:discovery}}|''Unknown''}}}}
! height=20% width=10% {{!}} Obtain
! height=20% width=10% {{!}} Obtain
{{!}} height=20% width=27.5% {{!}} {{#if:{{#var:obtain}}|{{#var:obtain}}|Unknown}}
{{!}} height=20% {{#ifeq:{{#var:discovery}}|none|colspan=3}} width={{#ifeq:{{#var:discovery}}|none|55%|27.5%}} {{!}} {{#if:{{#var:obtain}}|{{#var:obtain}}|''Unknown''}}
{{!}}-
{{!}}-
! colspan=4 {{!}} Effect
! colspan=4 {{!}} Effect
{{!}}-
{{!}}-
{{!}} height=70% width=75% colspan=4 style="border-bottom-width: 4px;" {{!}} {{#if:{{#var:effects}}|{{#var:regex}}|Unknown}}
{{!}} height=70% width=75% colspan=4 style="border-bottom-width: 4px;" {{!}} {{#if:{{#var:effects}}|{{#var:effects}}|''Unknown''}}
{{!}}-
{{!}}-
}}}}}}
}}}}}}
|}</includeonly>
|}</includeonly>

Latest revision as of 05:46, 1 July 2023

Information: If you want to test this template, please use Sandbox.
The documentation does not exist, you can click here to create.