MediaWiki:Instance-Page.css: Difference between revisions

From Elwiki
No edit summary
(Undo revision 777480 by Ritsu (talk))
Tag: Undo
Line 1: Line 1:
<includeonly>__NOTOC__{{#css:MediaWiki:Instance-Page.css}}{{#if:{{{DunButton|}}}|
.instance-page .segment {
[[File:{{{DunButton|}}}|100px|left]]
    margin: 0.5rem 0;
|}}{{#if:{{{SmallPic|}}}|
}
[[File:{{{SmallPic|}}}|right]]
.instance-page .segment-header {
|}}
    font-size: 1em !important;
=<span class="fancy-font">{{{DunName|}}}</span>=
    border: 1px solid #c1c1c1 !important;
{{#if:{{{Quotation|}}}|
    color: white;
<center>{{quotation|{{{Quotation|}}}}}</center>
}
|}}
.instance-page .segment-contents {
<div class="instance-page">
    border: 1px solid #c1c1c1;
<div class="section-side-column">
    border-top: none;
<div class="section-side-column-image instance-image">
}
{{#if:{{{LvFitHell|}}}
.instance-page .segment-contents .mw-collapsible-content,
|{{Tabber
.instance-page .segment-header {
|$divclass=fancy
    box-sizing: border-box;
|Normal Mode=[[File:{{{BigPic|}}}{{!}}600px]]
}
|Hell Mode=[[File:{{{BigPic2|}}}{{!}}600px]]}}
.instance-page .segment-contents .instance-image img {
|
    max-width: 100%;
{{#if:{{{BigPic2|}}}
    height: auto;
|
    margin-bottom: 1rem;
{{Tabber
}
|$divclass=fancy
.instance-page .instance-image img {
|Bethma=[[File:{{{BigPic|}}}{{!}}600px]]
    border-radius: 4px;
|Altera=[[File:{{{BigPic2|}}}{{!}}600px]]
}
}}
.section-side-column-image.instance-image p {
|
    margin: 0;
[[File:{{{BigPic|}}}|600px]]
}
}}
.instance-page .section-side-column {
}}
    display: grid;
</div>
    grid-template-columns: repeat(2, 1fr);
{{#if:{{{Description|}}}|
    gap: 1rem;
{{Segment
    place-content: center;
| SectionSty=text-align: center; {{#if:{{{BigPic2|}}}|margin-top: 36px;}}
    place-items: self-start;
| Color0={{{Color|}}}
}
| Title0=Description
.instance-page .section-side-column-image {
| Content0={{{Description|}}}
    grid-row: span 3;
}}|}}
    margin: 0;
{{Segment
}
| Color0={{{Color|}}}
.instance-page .section-side-column .segment:first-of-type {
| SectionCls=fancy-text
    display: flex;
| Title0=Recommended Level
    flex-direction: column;
| Content0={{{LvNeed|}}}
    place-content: end;
}}{{#vardefine: CP|#ee6f1c}}
}
{{Segment
.instance-page .section-side-column .segment:first-of-type,
| Color0={{{Color|}}}
.instance-page .section-side-column .segment:last-of-type {
| SectionCls=fancy-text
    display: flex;
| Title0={{#if:{{{LvFit|}}}|Required Combat Power|Appropriate Item Level}}
    flex-direction: column;
| Content0=
    height: 100%;
{{#if:{{{LvFitHell|}}}
}
|
.instance-page .section-side-column .segment:first-of-type .segment-contents,
{{Tabber
.instance-page .section-side-column .segment:last-of-type .segment-contents {
|$divclass=tabber-vertical fancy
    display: flex;
|Normal Mode={{color|{{#var:CP}}|{{{LvFit|}}} }}
    place-content: center;
|Hell Mode={{color|{{#var:CP}}|{{{LvFitHell|}}} }}
    place-items: center;
}}
    height: 100%;
|
}
{{#if:{{{LvFitStory|}}}
.instance-page .fancy-text .segment-contents > .mw-collapsible-content {
|
    font-family: "Heading";
{{Tabber
    font-size: 2.5rem;
|$divclass=tabber-vertical fancy
    text-align: center;
|Story Mode={{color|{{#var:CP}}|{{{LvFitStory|}}} }}
}
|Normal Mode={{color|{{#var:CP}}|{{{LvFit|}}} }}
.instance-page .fancy-text .segment-contents > .mw-collapsible-content .custom-text {
}}
    font-family: "Heading";
|
}
{{color|{{#var:CP}}|{{{LvFit|}}}}}
h1 .fancy-font {
}}
    font-size: 1.2em;
}}
}
}}
.instance-page h4:first-of-type {
</div>{{#if:{{{XEntryReq|}}}|
    margin-top: 0;
{{Segment
}
| Color0={{{Color|}}}
.instance-page .section-side-column .segment {
| Title0=Entry Requirements
    margin: 0;
| Content0={{{XEntryReq|}}}
    width: 100%;
}}|}}{{#if:{{{DunMap|}}}|
}
{{Segment
.instance-page .tabdiv > ul > li, .instance-page .tabdiv > ul > li a {
| SectionSty=text-align: center;
    font-size: initial;
| Title0=Dungeon Layout
    letter-spacing: initial;
| Color0={{{Color|}}}
}
| Content0={{{DunMap|}}}
}}|}}{{#if:{{{Detail|}}}|
{{Segment
| Title0=Details
| Color0={{{Color|}}}
| Content0={{{Detail|}}}
}}|}}{{#if:{{{Ally|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Ally{{#ifeq:{{{Ally_KROnly}}}|true| (KR Only)|}}
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Ally Image
  ! {{#ifeq:{{{AllyATK}}}|true|width="350px"|}} | Ally Description
  {{#ifeq:{{{AllyATK}}}|true|! Ally Moves|}}
  |-
  {{{Ally|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Mob|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Mobs
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Monster Description
  ! Monster Moves
  |-
  {{{Mob|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{BethmaMob|}}}|
{{Segment
| Color0={{ColorSel|Village|3}}
| Title0=Bethma Mobs
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Monster Description
  ! Monster Moves
  |-
  {{{BethmaMob|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{AlteraMob|}}}|
{{Segment
| Color0={{ColorSel|Village|4}}
| Title0=Altera Mobs
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Monster Description
  ! Monster Moves
  |-
  {{{AlteraMob|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Start|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Hall of El - Beginning
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Shadow Description
  ! Shadow Moves
  |-
  {{{Start|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Trial|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Hall of El - Trials
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Shadow Description
  ! Shadow Moves
  |-
  {{{Trial|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Choice|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Hall of El - Choice
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Shadow Description
  ! Shadow Moves
  |-
  {{{Choice|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{General|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=General
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | General Description
  ! General Moves
  |-
  {{{General|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{MiniBoss|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Mini Boss{{#ifeq:{{{MiniBoss_KROnly}}}|true| (KR Only)|}}
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Boss Description
  ! Boss Moves
  |-
  {{{MiniBoss|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Shadows|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Trial of Shadows
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Shadow Description
  ! Shadow Moves
  |-
  {{{Shadows|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Potions|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Potions
| Content0={{{Potions|}}}
}}|}}{{#if:{{{Buffs|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Buffs
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Buffs Image
  ! Buffs Description
  |-
  {{{Buffs|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Obstacle|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Obstacles{{#ifeq:{{{Obstacle_KROnly}}}|true| (KR Only)|}}
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Obstacles Image
  ! Obstacles Description
  |-
  {{{Obstacle|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Boss|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Boss
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Boss Description
  ! Boss Moves
  |-
  {{{Boss|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{BethmaBoss|}}}|
{{Segment
| Color0={{ColorSel|Village|3}}
| Title0=Bethma Boss
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Boss Description
  ! Boss Moves
  |-
  {{{BethmaBoss|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{AlteraBoss|}}}|
{{Segment
| Color0={{ColorSel|Village|4}}
| Title0=Altera Boss
| Content0=<dfn>{{</dfn>
  {| class="wikitable" border="1" cellpadding="5" style="border-spacing: 0; border: 1px #000 solid; border-collapse: collapse; width: 100%; vertical-align: top;"
  |-
  ! width="60px" | Monster Image
  ! width="350px" | Boss Description
  ! Boss Moves
  |-
  {{{AlteraBoss|}}}
  |}
<dfn>}}</dfn>
}}|}}{{#if:{{{Helpful|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Helpful Skills
| Content0={{{Helpful|}}}
}}|}}{{#if:{{{Dialogue|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Dialogue
| Content0={{{Dialogue|}}}
}}|}}{{#if:{{{XSet|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Secret Set
| Content0={{{XSet|}}}
}}|}}{{#if:{{{YSet|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Legendary Weapon
| Content0={{{YSet|}}}
}}|}}{{#if:{{{Reward|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Reward
| Content0={{{Reward|}}}
}}|}}
{{Segment
| Color={{{Color|}}}
| SectionCls=split uneven-split
| hStyle1={{#if:{{{BDrop|}}}{{{SBDrop|}}}||border-left: none;}}
| Title0={{#if:{{{BDrop|}}}|[[Boss Drops]]|}}{{#if:{{{SBDrop|}}}|Boss Drops|}}
| Title1=[[Soundtrack|BGM]]
| Content0=<dfn>{{</dfn>
{{{BDrop|}}}{{{SBDrop|}}}
<dfn>}}</dfn>
| Style1=text-align: center;
| Content1=<dfn>{{</dfn>
{{#if:{{{SBGM|}}}|{{{SBGM|}}}|}}
{{#if:{{{DBGM|}}}|
=== Dungeon ===
{{{DBGM|}}}|}}
{{#if:{{{DLBGM|}}}|
=== Luto Mode ===
{{{DLBGM|}}}|}}
{{#if:{{{BBGM|}}}|
=== Boss ===
{{{BBGM|}}}|}}
{{#if:{{{BLBGM|}}}|
=== Luto Boss ===
{{{BLBGM|}}}|}}
<dfn>}}</dfn>
}}{{#if:{{{Gallery|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Gallery
| Content0={{{Gallery|}}}
}}|}}{{#if:{{{Video|}}}|
{{Segment
| SectionSty=text-align: center;
| Color0={{{Color|}}}
| Title0=Videos
| Content0=<dfn>{{</dfn>
{{{Video|}}}
<dfn>}}</dfn>
}}|}}{{#if:{{{Trivia|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Trivia
| Content0={{{Trivia|}}}
}}|}}{{#if:{{{Updates|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Updates
| Content0={{{Updates|}}}
}}|}}{{#if:{{{AltLang|}}}|
{{Segment
| Color0={{{Color|}}}
| Title0=Alternative Names
| Content0=<dfn>{{</dfn>
{{{AltLang|}}}
<dfn>}}</dfn>
}}|}}
</div>
<br>
{{Dungeons|name=a|Orient={{{Orient|}}}}}{{Hunting Fields|name=b|Orient={{{Orient|}}}}}
</includeonly>

Revision as of 20:51, 28 May 2022

.instance-page .segment {
    margin: 0.5rem 0;
}
.instance-page .segment-header {
    font-size: 1em !important;
    border: 1px solid #c1c1c1 !important;
    color: white;
}
.instance-page .segment-contents {
    border: 1px solid #c1c1c1;
    border-top: none;
}
.instance-page .segment-contents .mw-collapsible-content,
.instance-page .segment-header {
    box-sizing: border-box;
}
.instance-page .segment-contents .instance-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}
.instance-page .instance-image img {
    border-radius: 4px;
}
.section-side-column-image.instance-image p {
    margin: 0;
}
.instance-page .section-side-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    place-content: center;
    place-items: self-start;
}
.instance-page .section-side-column-image {
    grid-row: span 3;
    margin: 0;
}
.instance-page .section-side-column .segment:first-of-type {
    display: flex;
    flex-direction: column;
    place-content: end;
}
.instance-page .section-side-column .segment:first-of-type,
.instance-page .section-side-column .segment:last-of-type {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.instance-page .section-side-column .segment:first-of-type .segment-contents,
.instance-page .section-side-column .segment:last-of-type .segment-contents {
    display: flex;
    place-content: center;
    place-items: center;
    height: 100%;
}
.instance-page .fancy-text .segment-contents > .mw-collapsible-content {
    font-family: "Heading";
    font-size: 2.5rem;
    text-align: center;
}
.instance-page .fancy-text .segment-contents > .mw-collapsible-content .custom-text {
    font-family: "Heading";
}
h1 .fancy-font {
    font-size: 1.2em;
}
.instance-page h4:first-of-type {
    margin-top: 0;
}
.instance-page .section-side-column .segment {
    margin: 0;
    width: 100%;
}
.instance-page .tabdiv > ul > li, .instance-page .tabdiv > ul > li a {
    font-size: initial;
    letter-spacing: initial;
}
Retrieved from "https://elwiki.net:443/wiki/index.php?title=MediaWiki:Instance-Page.css&oldid=777481"