User:Bluhen/Sandbox: Difference between revisions
making language tabs and the caption look a tiny bit better
No edit summary |
(making language tabs and the caption look a tiny bit better) |
||
Line 13: | Line 13: | ||
} | } | ||
.flag-tab-box { | .flag-tab-box { | ||
position:relative !important; | position:relative !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
Line 19: | Line 19: | ||
line-height: 0px !important; | line-height: 0px !important; | ||
height: max-content !important; | height: max-content !important; | ||
background-color:#dce0e6 !important | |||
border-color:#d3dcdd !important; | |||
border-radius:4px !important; | border-radius:4px !important; | ||
border-style: solid !important; | |||
width: | border-width: 1px !important; | ||
} | |||
.tabdiv .flag-tab-box { | |||
margin-right: 6px !important; | |||
background-color:#dce0e6 !important; | |||
border-color:#d3dcdd !important; | |||
} | |||
.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; | |||
} | } | ||
Line 78: | Line 99: | ||
font-style:italic; | font-style:italic; | ||
padding:5px; | padding:5px; | ||
width:100%; | |||
} | } | ||
}} | }} | ||
Line 150: | Line 168: | ||
! height=10% colspan=5 width=75% class="title-title" | Veteran | ! height=10% colspan=5 width=75% class="title-title" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 183: | Line 201: | ||
! height=10% colspan=5 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="title-title" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 202: | Line 220: | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Veteran | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 235: | Line 253: | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 254: | Line 272: | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Veteran | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 287: | Line 305: | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 306: | Line 324: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| 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;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | 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;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Veteran | ! height=10% colspan=4 width=75% class="title-title" | Veteran | ||
Line 339: | Line 357: | ||
|- | |- | ||
|- | |- | ||
| 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;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | 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;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ||
Line 359: | Line 377: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Veteran | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Veteran | ||
Line 392: | Line 410: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Hero of Ponggos | ||
Line 412: | Line 430: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Veteran | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Veteran | ||
Line 445: | Line 463: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Hero of Ponggos | ||
Line 465: | Line 483: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Veteran | ! height=10% colspan=4 width=75% class="title-title" | Veteran | ||
Line 498: | Line 516: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ||
Line 577: | Line 595: | ||
! height=10% colspan=5 width=75% class="title-title" | Veteran | ! height=10% colspan=5 width=75% class="title-title" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 610: | Line 628: | ||
! height=10% colspan=5 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="title-title" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 630: | Line 648: | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Veteran | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 663: | Line 681: | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 683: | Line 701: | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Veteran | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Veteran | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 716: | Line 734: | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Hero of Ponggos | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Hero of Ponggos | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=3 style="height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 737: | Line 755: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| 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;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | 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;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Veteran | ! height=10% colspan=4 width=75% class="title-title" | Veteran | ||
Line 770: | Line 788: | ||
|- | |- | ||
|- | |- | ||
| 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;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | 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;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ||
Line 790: | Line 808: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Veteran | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Veteran | ||
Line 823: | Line 841: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Hero of Ponggos | ||
Line 843: | Line 861: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Veteran | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Veteran | ||
Line 876: | Line 894: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px; height: 1px; height: 1px;padding: 0;" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Hero of Ponggos | ||
Line 898: | Line 916: | ||
{| class="wikitable" width="100%" style="border-collapse: collapse" | {| class="wikitable" width="100%" style="border-collapse: collapse" | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | |[[File:American Flag.png]]=[[File:Title 190 English.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>|[[File:Korean Flag.png]]=[[File:TITLE_190.png|link=]]<div class="caption">A symbol of a veteran that fought in many wars.</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Veteran | ! height=10% colspan=4 width=75% class="title-title" | Veteran | ||
Line 931: | Line 949: | ||
|- | |- | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;padding: 0.4em 0.5em;position: relative;z-index: 1;flex-wrap: wrap;align-items: center;">{{Tabber | | height=100% align=center width=25% rowspan=4 style="height: 1px;padding: 0;" class="title-box" | <div style="height: 100%;display: flex;/* padding: 0.4em 0.5em; */ 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;|$tabclass=tone-8 flag-tab-box|$divclass=tabber-center|$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|$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]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | |[[File:American Flag.png]]=[[File:Title_210 English.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>|[[File:Korean Flag.png]]=[[File:TITLE_210.png|link=]]<div class="caption">The token given to whom defeated King Nasod and return Altera to Ponggos</div>}}</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos | ! height=10% colspan=4 width=75% class="title-title" | Hero of Ponggos |