User:Bluhen/Sandbox2: Difference between revisions

From Elwiki
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>{{#css:
<noinclude>{{Doc}}</noinclude><includeonly>{{#css:


.nomobile {
.dark-mode-only .light-mode-only,
     display: inline !important;
.dark-mode .light-mode-only {
     display: none !important;
}
 
.dark-mode .dark-mode-only,
:not(.dark-mode) .light-mode-only {
    display: revert;
}
}


.skin-minerva span .nomobile {
.skin-minerva div .dark-mode-only {
     display: none !important;
     display: none !important;
}
}


}}{{trim2|
.flag-tab-content:not(.skin-minerva div) {
{{#vardefine: type_arg |{{{4|{{{type|}}}}}}}}
    border: none !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 !important;
    padding: 12px 6px !important;
    right: -2px;
    top: -0.5px;
    transform: translateY(0%);
    line-height: 0;
    border-radius: 4px;
    margin: -2px !important;
    font-weight: 1000;
    font-size: 12px;
    cursor: pointer;
    background-color: white;
    border: solid 2px #d3dcdd;
}
 
.skin-minerva .info-box {
    right: 2px;
    top:2px;
}
 
.dark-mode .info-box {
    background-color: #e8e8e8;
    border: solid 2px #d8d8d8 !important;
    top:1px;
}
 
.info-box:hover {
    background-color: #dce0e6;
    border-color: #dce0e6 !important;
    color: grey !important;
}
 
.dark-mode .info-box:hover {
    background-color: #3b3b3b;
    border-color: #3b3b3b !important;
    color: #e8e8e8 !important;
}


{{#vardefine: type |
.tabdiv .flag-tab-box {
     {{#if: {{{4|{{{type|}}}}}}
    margin-right: 6px !important;
        |{{#switch:{{#var:type_arg}}|pb=Party Buff|aob=Ally Only Buff|pd=Party Debuff|aod=Ally Only Debuff|sapb=Self/Ally Pick-up Buff|stb=Selective Target Buff|sb=Self Buff|sd=Self Debuff|eb=Enemy Buff|ed=Enemy Debuff|sapd=Self/Ally Pick-up Debuff|cb=Couple Buff|aoeb=Ally Only & Enemy Buff|aoed=Ally Only & Enemy Debuff|#default=Self Buff}}
    background-color: #dce0e6 !important;
        |{{#switch: {{{2|{{{name|}}}}}}|Freeze|Burn|Faint|Conviction|Power Faint|Poison|Wound|Flattened|Extreme Coldness|Confusion|Bleed|Lethargy|Mana Pollution|Anti-Magic|Groggy|Move Slowdown|Leg Injury|Silence|Panic|Curse=Enemy Debuff|#default=Self Buff}}
    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;
    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;
}


{{#vardefine: id |
.skin-minerva .title-icons {
     {{#if: {{{1|{{{id|}}}}}}
    z-index: 2;
        |{{{1|{{{id|}}}}}}
    display: flex;
        |{{#switch: {{{2|{{{name|}}}}}} | Freeze=081 | Burn=071 | Faint|Conviction|Power Faint=087 | Poison=076 | Wound=085 | Flattened=070 | Extreme Coldness=094 | Confusion=095 | Bleed=116 | Lethargy=129 | Mana Pollution=236 | Anti-Magic=074 | Groggy=458 | Super Armor=045 | Move Slowdown=092 | Leg Injury=090 | Silence=313 | Panic=088 | Curse=079 | #default={{{1|{{{id|}}}}}}
     flex-basis: 100%;
        }}
    flex-wrap: wrap;
     }}
    height: 100%;
}}
    flex-direction: row;
    align-items: center;
     align-content: flex-start;
}


{{#vardefine: link |
    Status Effects{{#if:{{{2|{{{name|}}}}}}
        |{{#ifexist:Status Effects/{{{2|{{{name|}}}}}}|/{{{2|{{{name|}}}}}}}}
    }}
}}
}}
{| class="wikitable" width="100%" style="border-collapse: collapse"
{{#forargs:title
| key
| value
| {{#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: alt |
-->{{#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|}}}}}}}}}}}<!--
    {{#if: {{{3|{{{alt|}}}}}}
        |{{{3|{{{alt|}}}}}}
        |{{{2|{{{name}}}}}}
    }}
}}


{{#vardefine: text |
-->{{#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}}}}}}<!--
    {{#ifeq: {{{tt|}}}
        |no|[[{{#var:link}}|{{#var:alt}}]]
        |{{tt|[[{{#var:link}}|{{#var:alt}}]]|'''{{#var:type}}'''|span=span}}
    }}
}}


{{#vardefine: textmobile |
-->{{#vardefine:regex|{{#regex: {{{effects{{#var:key|}}|}}}|/\n/m | {{uc:</br> $0}} }}}}<!--
    {{#ifeq: {{{tt|}}}
        |no|'''{{#var:alt}}'''
        |{{tt|'''{{#var:alt}}'''|'''{{#var:type}}'''|span=span}}
    }}
}}


{{#vardefine: font |
     VARIABLES
     {{#switch:{{{font|}}}
        |bold|b=font-weight:bold;|italic|i=font-style:italic;|bold italic|italic bold|bi|ib=font-weight:bold;font-style:italic;
    }}
}}


{{#vardefine: dunno |
-->{{#vardefine:icon|{{{icon{{#var:key|}}|}}}}}
    {{#if: {{{4|{{{type|}}}}}}
{{#vardefine:iconkr|{{{iconkr{{#var:key|}}|}}}}}
        |{{#switch:{{#var:type_arg}}|
{{#vardefine:desc|{{{desc{{#var:key|}}|}}}}}
            |pb|aob|sapb|sb|eb|stb|aoeb=DunnoBuff
{{#vardefine:title|{{{title{{#var:key|}}|}}}}}
            |pd|aod|sd|ed|sapd|aoed=DunnoDebuff
{{#vardefine:info|{{{info{{#var:key|}}|}}}}}
            |#default=DunnoBuff
{{#vardefine:discovery|{{{discovery{{#var:key|}}|}}}}}
        }}
{{#vardefine:obtain|{{{obtain{{#var:key|}}|}}}}}
        |DunnoBuff
{{#vardefine:effects|{{{effects{{#var:key|}}|}}}}}
    }}
{{#vardefine:caption|<div class="caption">{{#if:{{#var:desc}}|{{#var:desc}}|Unknown}}</div>}}<!--
}}


}}{{#if:{{{prefix|}}}|{{{prefix|}}}&nbsp;}}<span class="status" style="display:inline;">{{#ifeq:{{{icon|}}}|no|{{#if:{{{font|}}}|<span style="{{#var:font}}">}}<span class="nomobile">{{#var:text}}</span><span class="mobileonly">{{#var:textmobile}}</span>{{#if:{{{font|}}}|</span>}}|[[File:{{#if:{{#var:id}}|Status_{{#var:id}}|{{#var:dunno}}}}.png|20px|link={{#var:link}}]]{{#if:{{{2|{{{name|}}}}}}|{{#ifeq:{{{label|}}}|no||&nbsp;{{#if:{{{font|}}}|<span style="{{#var:font}}">}}<span class="nomobile">{{#var:text}}</span><span class="mobileonly">{{#var:textmobile}}</span>{{#if:{{{font|}}}|</span>}}}}}}}}</span>{{#if:{{{suffix|}}}|&nbsp;{{{suffix|}}}}}</includeonly><noinclude>{{Doc}}</noinclude>
-->{{#if:{{#var:value|}}
| {{#ifeq:{{{header{{#var:key|}}|}}}|true
  |
{{!}}-
! 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 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
|$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:{{#if:{{{KRonly{{#var:key|}}|}}}|true|Korean_flag|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; font-weight:500;" 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=10% colspan=4 width=75% style="background-color:{{#var:background-color-dark}} !important; color:{{#var:font-color}} !important; font-weight:500" 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>
{{!}}-
{{#ifeq:{{#var:discovery}}|none||
! height=20% width=10% {{!}} Discovery
{{!}} height=20% width=27.5% {{!}} {{#if:{{#var:discovery}}|{{#var:discovery}}|Unknown}}}}
! height=20% width=10% {{!}} Obtain
{{!}} 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
{{!}}-
{{!}} height=70% width=75% colspan=4 style="border-bottom-width: 4px;" {{!}} {{#if:{{#var:effects}}|{{#var:effects}}|Unknown}}
{{!}}-
}}}}}}
|}</includeonly>

Revision as of 03:58, 1 July 2023

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