User:Bluhen/Sandbox2: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
<noinclude>{{Doc}}</noinclude><includeonly>{{#css:
 
.dark-mode-only .light-mode-only,
.dark-mode .light-mode-only {
    display: none !important;
}
 
.dark-mode .dark-mode-only,
:not(.dark-mode) .light-mode-only {
    display: revert;
}
 
.skin-minerva div .dark-mode-only {
    display: none !important;
}


.flag-tab-content:not(.skin-minerva div) {
.flag-tab-content:not(.skin-minerva div) {
Line 18: Line 32:


.info-box {
.info-box {
     position: absolute;
     position: absolute !important;
     padding: 12px 6px;
     padding: 12px 6px !important;
     right: -2px;
     right: -2px;
     line-height: 0px;
     top: -0.5px;
     height: max-content;
    transform: translateY(0%);
     line-height: 0;
     border-radius: 4px;
     border-radius: 4px;
     margin-top: -1px;
     margin: -2px !important;
     font-weight: 1000;
     font-weight: 1000;
     font-size: 12px;
     font-size: 12px;
Line 33: Line 48:


.skin-minerva .info-box {
.skin-minerva .info-box {
     right: 0px;
     right: 2px;
    top:2px;
}
}


Line 39: Line 55:
     background-color: #e8e8e8;
     background-color: #e8e8e8;
     border: solid 2px #d8d8d8 !important;
     border: solid 2px #d8d8d8 !important;
    top:1px;
}
}


Line 44: Line 61:
     background-color: #dce0e6;
     background-color: #dce0e6;
     border-color: #dce0e6 !important;
     border-color: #dce0e6 !important;
     color: grey;
     color: grey !important;
}
}


Line 50: Line 67:
     background-color: #3b3b3b;
     background-color: #3b3b3b;
     border-color: #3b3b3b !important;
     border-color: #3b3b3b !important;
     color: #e8e8e8;
     color: #e8e8e8 !important;
}
}


Line 79: Line 96:
.title-title:not(.skin-minerva th) {
.title-title:not(.skin-minerva th) {
     border-left: none;
     border-left: none;
    border-top-width: 4px;
     padding: 7px;
     padding: 7px;
}
}
Line 92: 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 121: Line 137:
  | key
  | key
  | value
  | value
  | {{#vardefine:background-color|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Event|Special={{ColorSel|{{{color{{#var:key|}}|}}}}}|#default={{ColorSel|Village|{{{color{{#var:key|}}|}}}}}}}|{{#switch:{{{color|}}}|Misc|Event|Special={{ColorSel|{{{color|}}}}}|#default={{ColorSel|Village|{{{color|}}}}}}}}}}}<!--
  | {{#vardefine:background-color-light|{{#if:{{{color{{#var:key|}}|}}}|{{#switch:{{{color{{#var:key|}}|}}}|Misc|Event|Special={{ColorSel|{{{color{{#var:key|}}|}}}}}|#default={{ColorSel|Village|{{{color{{#var:key|}}|}}}}}}}|{{#switch:{{{color|}}}|Misc|Event|Special={{ColorSel|{{{color|}}}}}|#default={{ColorSel|Village|{{{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 136: Line 154:
{{#vardefine:discovery|{{{discovery{{#var:key|}}|}}}}}
{{#vardefine:discovery|{{{discovery{{#var:key|}}|}}}}}
{{#vardefine:obtain|{{{obtain{{#var:key|}}|}}}}}
{{#vardefine:obtain|{{{obtain{{#var:key|}}|}}}}}
{{#vardefine:effects|{{{effects{{#var:key|}}|}}}}}<!--
{{#vardefine:effects|{{{effects{{#var:key|}}|}}}}}
{{#vardefine:caption|<div class="caption">{{#if:{{#var:desc}}|{{#var:desc}}|Unknown}}</div>}}<!--


-->{{#if:{{#var:value|}}
-->{{#if:{{#var:value|}}
Line 142: Line 161:
   |
   |
{{!}}-
{{!}}-
! colspan=5 width=100% class="tone-7" style="background-color:{{#var:background-color}} !important; color:{{#var:font-color}} !important;" {{!}} {{#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>
{{!}}-
{{!}}-
   |
   |
{{!}}-
{{!}}-
{{!}} height=100% align=center width=25% rowspan=4 style="border-top-width:4px; height: 1px; height: 1px;padding: 0;" {{!}} <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]]=[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]<div class="caption">{{#if:{{#var:desc}}|{{#var:desc}}|Unknown}}</div>|[[File:Korean_Flag.png|20px]]={{#if:{{#var:iconkr}}|[[File:{{#var:iconkr}}|link=]]<div class="caption">{{#if:{{#var:desc}}|{{#var:desc}}|Unknown}}</div>}}}}</div>
|[[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}} !important; color:{{#var:font-color}} !important;" class="tone-7 title-title" {{!}} <div style="position:relative;">{{#var:title}}{{#if:{{#var:info}}|{{tt|NOTES|{{#var:info}}|pos=bottom|line=false|span=span|text-align=left|style=color:{{#var:background-color}};|class=info-box}}}}</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|
{{!}}-
{{!}} 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 {{!}} {{#if:{{#var:effects}}|{{#var:regex}}|Unknown}}
{{!}} height=70% width=75% colspan=4 style="border-bottom-width: 4px;" {{!}} {{#if:{{#var:effects}}|{{#var:effects}}|Unknown}}
{{!}}-
{{!}}-
}}}}}}
}}}}}}
|}
|}</includeonly><noinclude>{{User:Bluhen/Sandbox}}</noinclude>
ElEditors
8,317

edits