|
|
Line 1: |
Line 1: |
| {{#css: | | {{#css: |
|
| |
|
| .flag-tab-content:not(.skin-minerva div) { | | .effects p { |
| border: none !important;
| | margin:0 !important; |
| padding-top: 20px !important;
| |
| }
| |
| | |
| .flag-tab-box {
| |
| position: relative !important;
| |
| box-shadow: none !important;
| |
| padding: 8px !important;
| |
| line-height: 0px !important;
| |
| height: max-content !important;
| |
| background-color: #dce0e6 !important;
| |
| border: solid 1px #d3dcdd !important;
| |
| border-radius: 4px !important;
| |
| }
| |
| | |
| .info-box {
| |
| position: absolute;
| |
| padding: 12px 6px;
| |
| right: -2px;
| |
| line-height: 0px;
| |
| height: max-content;
| |
| border-radius: 4px;
| |
| margin-top: -1px;
| |
| font-weight: 1000;
| |
| font-size: 12px;
| |
| cursor: pointer;
| |
| background-color: white;
| |
| border: solid 2px #d3dcdd;
| |
| }
| |
| | |
| .skin-minerva .info-box {
| |
| right: 0px;
| |
| }
| |
| | |
| .dark-mode .info-box {
| |
| background-color: #e8e8e8;
| |
| border: solid 2px #d8d8d8 !important;
| |
| }
| |
| | |
| .info-box:hover {
| |
| background-color: #dce0e6;
| |
| border-color: #dce0e6 !important;
| |
| color: grey;
| |
| }
| |
| | |
| .dark-mode .info-box:hover {
| |
| background-color: #3b3b3b;
| |
| border-color: #3b3b3b !important;
| |
| color: #e8e8e8;
| |
| }
| |
| | |
| .tabdiv .flag-tab-box {
| |
| margin-right: 6px !important;
| |
| background-color: #dce0e6 !important;
| |
| border-color: #d3dcdd !important;
| |
| margin-top: 0px;
| |
| }
| |
| | |
| .dark-mode .tabdiv .flag-tab-box:not(.active, :hover) {
| |
| background: unset !important;
| |
| }
| |
| | |
| .tabdiv .flag-tab-box:not(.active, :hover) {
| |
| background: unset !important;
| |
| }
| |
| | |
| .dark-mode .tabdiv .flag-tab-box {
| |
| background-color: #4c4f53 !important;
| |
| border-color: #444444 !important;
| |
| }
| |
| | |
| .flag-tab-box:not(.skin-minerva li) {
| |
| width: fit-content;
| |
| }
| |
| | |
| .title-title:not(.skin-minerva th) {
| |
| border-left: none;
| |
| border-top-width: 4px;
| |
| padding: 7px;
| |
| }
| |
| | |
| .dark-mode .caption {
| |
| color: inherit;
| |
| }
| |
| | |
| .caption {
| |
| color: #303030;
| |
| text-align: center;
| |
| font-style: italic;
| |
| padding: 5px;
| |
| width: 100%;
| |
| position: relative;
| |
| z-index: 4 !important;
| |
| }
| |
| | |
| .skin-minerva .tabber-tab-wrap {
| |
| width: 100%;
| |
| }
| |
| | |
| .skin-minerva .tabdiv .flag-tab-box {
| |
| margin-right: 0px !important;
| |
| }
| |
| | |
| .skin-minerva .title-icons {
| |
| z-index: 2;
| |
| display: flex;
| |
| flex-basis: 100%;
| |
| flex-wrap: wrap;
| |
| height: 100%;
| |
| flex-direction: row;
| |
| align-items: center;
| |
| align-content: flex-start;
| |
| } | | } |
|
| |
|
| }} | | }} |
| {| class="wikitable" width="100%" style="border-collapse: collapse" | | {| class="wikitable" width="100%" style="border-collapse: collapse;" |
| {{#forargs:title | | {{#forargs:title |
| | key | | | key |
Line 126: |
Line 15: |
|
| |
|
| -->{{#vardefine:regex|{{#regex: {{{effects{{#var:key|}}|}}}|/\n/m | {{uc:</br> $0}} }}}}<!-- | | -->{{#vardefine:regex|{{#regex: {{{effects{{#var:key|}}|}}}|/\n/m | {{uc:</br> $0}} }}}}<!-- |
|
| |
| VARIABLES
| |
|
| |
| -->{{#vardefine:icon|{{{icon{{#var:key|}}|}}}}}
| |
| {{#vardefine:iconkr|{{{iconkr{{#var:key|}}|}}}}}
| |
| {{#vardefine:desc|{{{desc{{#var:key|}}|}}}}}
| |
| {{#vardefine:title|{{{title{{#var:key|}}|}}}}}
| |
| {{#vardefine:info|{{{info{{#var:key|}}|}}}}}
| |
| {{#vardefine:discovery|{{{discovery{{#var:key|}}|}}}}}
| |
| {{#vardefine:obtain|{{{obtain{{#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 143: |
Line 20: |
| | | | | |
| {{!}}- | | {{!}}- |
| ! colspan=5 width=100% class="tone-7" style="background-color:{{#var:background-color}} !important; color:{{#var:font-color}} !important;" {{!}} {{#var:title}} | | ! colspan=4 width=100% class="tone-7" style="background-color:{{#var:background-color}} !important; color:{{#var:font-color}} !important;" {{!}} {{{title{{#var:key|}}|}}} |
| {{!}}- | | {{!}}- |
| | | | | |
| {{!}}- | | {{!}}- |
| {{!}} height=100% align=center width=25% rowspan=4 style="border-top-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
| | ! colspan=4 width=100% class="tone-7" style="background-color:{{#var:background-color}} !important; color:{{#var:font-color}} !important;" {{!}} {{{title{{#var:key|}}|}}} |
| |$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;
| |
| |[[File:American_Flag.png|20px]]=[[File:{{#if:{{#var:icon}}|{{#var:icon}}|Dunno.png}}|link=]]{{#var:caption}}|[[File:Korean_Flag.png|20px]]=[[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=20% width=10% {{!}} Discovery
| |
| {{!}} height=20% width=27.5% {{!}} {{#if:{{#var:discovery}}|{{#var:discovery}}|Unknown}}
| |
| ! height=20% width=10% {{!}} Obtain
| |
| {{!}} height=20% width=27.5% {{!}} {{#if:{{#var:obtain}}|{{#var:obtain}}|Unknown}}
| |
| {{!}}- | | {{!}}- |
| ! colspan=4 {{!}} Effect | | {{!}} align=center width=30% {{!}} [[File:{{#if:{{{icon{{#var:key|}}|}}}|{{{icon{{#var:key|}}|}}}|Dunno.png}}|100px|link=]]{{#if:{{{iconkr{{#var:key|}}|}}}|<hr>{{tt|[[File:{{{iconkr{{#var:key|}}|}}}|75px|link=]]|'''KR server only'''|line=false}}}} |
| | ! width=10% {{!}} Discovery |
| | {{!}} width=30% {{!}} {{#if:{{{discovery{{#var:key|}}|}}}|{{{discovery{{#var:key|}}|}}}|Unknown}} |
| | {{!}} width=30% rowspan=2 {{!}} '''[Effects]''' |
| | <div class="effects">{{#if:{{{effects{{#var:key|}}|}}}|{{#var:regex}}|Unknown}}</div> |
| {{!}}- | | {{!}}- |
| {{!}} height=70% width=75% colspan=4 {{!}} {{#if:{{#var:effects}}|{{#var:regex}}|Unknown}} | | {{!}} width=30% align=center style="font-style:italic;" {{!}} {{#if:{{{desc{{#var:key|}}|}}}|{{{desc{{#var:key|}}|}}}|Unknown}} |
| | ! width=10% {{!}} Obtain |
| | {{!}} width=30% {{!}} {{#if:{{{obtain{{#var:key|}}|}}}|{{{obtain{{#var:key|}}|}}}|Unknown}} |
| {{!}}- | | {{!}}- |
| }}}}}} | | }}}}}} |
| |} | | |} |
| <noinclude>{{User:Bluhen/Sandbox}}</noinclude>
| |