Command & Conquer Wiki

Welcome to the Command & Conquer Wiki! Log in and join the community.

READ MORE

Command & Conquer Wiki
Register
No edit summary
 
mNo edit summary
 
Line 1: Line 1:
  +
/* CSS placed here will be applied to all skins */
<noinclude>
 
  +
/* This governs the sections on the Community portal */
[[Category:Menu templates|{{PAGENAME}}]]
 
  +
.cpbox {
[[Category:Mission templates|{{PAGENAME}}]]
 
  +
display: flex;
</noinclude>{{-}}{{navbox group
 
  +
flex-direction: row-reverse;
|bodyclass = hlist
 
  +
flex-wrap: wrap;
  +
}
   
  +
.cpbox #admins {
|name = Tiberian Twilight transcripts
 
  +
box-sizing: border-box;
|title = [[:Category:Tiberian Twilight transcripts|Tiberian Twilight transcripts]]
 
  +
width: calc(33% - 10px);
  +
margin: 5px;
  +
flex-grow: 1;
  +
min-width: 300px;
  +
}
   
  +
.cpbox #help {
|groupA1 = Prologue
 
  +
box-sizing: border-box;
|contentA1 =
 
  +
width: calc(67% - 10px);
* ''[[Transcript:A Proposition...|A Proposition...]]''
 
  +
margin: 5px;
* [[Transcript:Night Moves|Night Moves]]
 
  +
flex-grow: 1;
* ''[[Transcript:Welcome Back, Commander|Welcome Back, Commander]]''
 
  +
}
* [[Transcript:Beginning of the End|Beginning of the End]]
 
* ''[[Transcript:Passing Glances|Passing Glances]]''
 
* [[Transcript:Bad to Worse|Bad to Worse]]
 
* ''[[Transcript:Once More Into the Breach|Once More Into the Breach]]''
 
* [[Transcript:Hard Choices|Hard Choices]]
 
* ''[[Transcript:The Choices We Make|The Choices We Make]]''
 
   
  +
/* Wiki logo */
|groupA2 = GDI Campaign
 
  +
.mw-wiki-logo {
|contentA2 =
 
  +
background-image: url(https://static.wikia.nocookie.net/cnc_gamepedia_en/images/b/bc/Wiki.png/revision/latest);
* ''[[Transcript:Action Reaction|Action Reaction]]''
 
  +
}
* [[Transcript:Spontaneous Outbursts|Spontaneous Outbursts]]
 
* ''[[Transcript:Rogue Element|Rogue Element]]''
 
* [[Transcript:Cold Hard Truth|Cold Hard Truth]]
 
* ''[[Transcript:Monkeywrench|Monkeywrench]]''
 
* [[Transcript:Transport Down|Transport Down]]
 
* [[Transcript:Insurrection|Insurrection]]
 
* ''[[Transcript:Not With a Bang...|Not With a Bang...]]''
 
* [[Transcript:Lockdown|Lockdown]]
 
* ''[[Transcript:To Kill Kane|To Kill Kane]]''
 
* [[Transcript:To Kill a Prophet|To Kill a Prophet]]
 
* ''[[Transcript:Unconfirmed Kill|Unconfirmed Kill]]''
 
* [[Transcript:For All Humanity|For All Humanity]]
 
* ''[[Transcript:Everything You Know is Wrong|Everything You Know is Wrong]]''
 
* ''[[Transcript:A New Earth|A New Earth]]''
 
   
  +
/* Template documentation styles */
|groupA3 = Nod Campaign
 
  +
/* If modifying these styles, be sure to update the mobile skin! */
|contentA3 =
 
  +
.doc {
* ''[[Transcript:Realignment|Realignment]]''
 
  +
margin: 0em auto 1em;
* [[Transcript:Things Fall Apart|Things Fall Apart]]
 
  +
background-color: rgba(0, 0, 0, 0.1);
* ''[[Transcript:Solace Through Action|Solace Through Action]]''
 
  +
border: 2px solid #BDCAC3;
* [[Transcript:Further Complications|Further Complications]]
 
  +
border-radius: 1em;
* ''[[Transcript:A Fly in the Ointment|A Fly in the Ointment]]''
 
  +
padding: 1em;
* [[Transcript:The Harder They Fall|The Harder They Fall]]
 
  +
}
* ''[[Transcript:Eye of the Beholden|Eye of the Beholden]]''
 
* [[Transcript:Reversal of Fortune|Reversal of Fortune]]
 
* ''[[Transcript:Transmigration|Transmigration]]''
 
* [[Transcript:Heresy's Reward|Heresy's Reward]]
 
* ''[[Transcript:Pincer Movement|Pincer Movement]]''
 
* [[Transcript:Bleed Out|Bleed Out]]
 
* ''[[Transcript:The Choices We've Made|The Choices We've Made]]''
 
* [[Transcript:The End of All Things|The End of All Things]]
 
* ''[[Transcript:All Things Must End|All Things Must End]]''
 
* ''[[Transcript:A New Earth|A New Earth]]''
 
   
  +
.doc-header {
|footer = Items in ''italics'' are cinematics
 
  +
padding-bottom: 3px;
}}{{#if:{{{NoCat|}}}||<includeonly>[[Category:Tiberian Twilight transcripts|{{PAGENAME}}]]</includeonly>}}
 
  +
border-bottom: 1px solid #BDCAC3;
  +
margin-bottom: 1ex;
  +
}
  +
  +
.doc-footer {
  +
margin: 0;
  +
background-color: rgba(0, 0, 0, 0.1);
  +
border: 2px solid #BDCAC3;
  +
border-radius: 1em;
  +
padding: 1em;
  +
}
  +
  +
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
  +
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
  +
.desktopleft {
  +
text-align: left;
  +
}
  +
  +
.desktopcenter {
  +
text-align: center;
  +
}
  +
  +
.desktopright {
  +
text-align: right;
  +
}
  +
  +
/* Front page structure */
  +
.fpbox {
  +
margin: 5px;
  +
padding: 5px;
  +
overflow: auto;
  +
width: calc(100% - 2px);
  +
border-radius: 5px;
  +
}
  +
  +
.fpbox.plain {
  +
background: transparent;
  +
border: none;
  +
box-shadow: none;
  +
}
  +
  +
.fpbox .heading,
  +
.fpbox .mainheading,
  +
.fpbox .welcome {
  +
margin: 0 0 10px;
  +
padding: 0 0 5px;
  +
overflow: auto;
  +
}
  +
  +
.fpbox .mainheading,
  +
.fpbox .welcome {
  +
font-size: 150%;
  +
font-weight: bold;
  +
}
  +
  +
.fpbox .heading {
  +
text-align: center;
  +
font-size: 132%;
  +
}
  +
  +
.linkslabel {
  +
margin: 15px 5px 5px;
  +
padding: 0 0 5px;
  +
}
  +
  +
/* Template:FP links styles */
  +
.fplinks {
  +
display: flex;
  +
flex-wrap: wrap;
  +
justify-content: space-evenly;
  +
align-items: stretch;
  +
text-align: center;
  +
}
  +
  +
.fplink-outer {
  +
padding: 5px;
  +
flex-basis: calc(25% - 10px);
  +
width: calc(25% - 15px);
  +
min-width: 115px;
  +
display: inline-block;
  +
vertical-align: middle;
  +
}
  +
  +
.fplink-wide {
  +
flex-basis: calc(33% - 10px);
  +
width: calc(33% - 15px);
  +
}
  +
  +
.fplink-fullwidth {
  +
flex-basis: 100%;
  +
width: calc(100% - 15px);
  +
font-weight: bold;
  +
}
  +
  +
.fplink {
  +
padding: 0.5em;
  +
box-sizing: border-box;
  +
width: 100%;
  +
height: 100%;
  +
display: table;
  +
}
  +
  +
.fplink-plain {
  +
background: transparent;
  +
border-radius: 0;
  +
border: 0;
  +
box-shadow: none;
  +
}
  +
  +
.fplink-inner {
  +
display: table-row;
  +
}
  +
  +
.fplink a {
  +
display: table-cell;
  +
vertical-align: middle;
  +
}
  +
  +
.fplink img {
  +
max-width: 150px;
  +
width: 100%;
  +
height: auto;
  +
}
  +
/* Auto-resize front page video to fit smaller columns */
  +
.fpbox .embedvideowrap {
  +
width: 100%!important;
  +
max-width: 480px;
  +
margin: 0 auto;
  +
}
  +
  +
.fpbox .embedvideowrap iframe {
  +
width: 100%!important;
  +
}
  +
  +
/* Multi-column box support */
  +
.fp-container main .columns .leftcol,
  +
.fp-container .columns .rightcol {
  +
width: 100%;
  +
margin: 0;
  +
padding: 0;
  +
}
  +
  +
@media (min-width: 990px) {
  +
.fp-container .columns .leftcol {
  +
float: left;
  +
width: 50%;
  +
}
  +
  +
.fp-container .columns .rightcol {
  +
float: right;
  +
width: 50%;
  +
}
  +
}
  +
  +
.fp-section {
  +
display: flex;
  +
flex-wrap: wrap;
  +
}
  +
  +
/* this CSS governs the responsive 2 column main page layout */
  +
#fp-2column.fp-container {
  +
display: grid;
  +
grid-template-areas: "a" "b" "c";
  +
grid-template-columns: 100%;
  +
}
  +
@media screen and (min-width:990px) {
  +
#fp-2column.fp-container {
  +
grid-template-areas: "a b" "c c";
  +
grid-template-columns: 50% 50%;
  +
}
  +
}
  +
@media screen and (min-width:1350px) {
  +
#fp-2column.fp-container {
  +
grid-template-areas: "a b" "c b";
  +
grid-template-columns: auto 520px;
  +
}
  +
}
  +
  +
#fp-top {
  +
grid-area: a;
  +
}
  +
  +
#fp-flex {
  +
grid-area: b;
  +
}
  +
  +
#fp-bottom {
  +
grid-area: c;
  +
}
  +
  +
/* end responsive 2 column main page layout */
  +
  +
/* ******************** */
  +
/* End main page layout */
  +
/* ******************** */
  +
  +
/* Template:infobox */
  +
.infobox.eva_box { padding: 0; border-spacing: 5px }
  +
.infobox > caption { margin-bottom: 0.25em }
  +
.infobox .mid-header th { font-size: 105%; padding: 0.25em 0.5em }
  +
  +
.infobox {
  +
/* @noflip */
  +
margin: 0.5em 0 0.5em 1em;
  +
padding: 0.2em;
  +
/* @noflip */
  +
float: right;
  +
/* @noflip */
  +
clear: right;
  +
/* @noflip */
  +
text-align: left;
  +
font-size: 88%;
  +
line-height: 1.5em;
  +
}
  +
.infobox caption {
  +
font-size: 125%;
  +
font-weight: bold;
  +
}
  +
.infobox td,
  +
.infobox th {
  +
vertical-align: top;
  +
}
  +
  +
/* Style for horizontal lists (separator following item).
  +
@source mediawiki.org/wiki/Snippets/Horizontal_lists
  +
@revision 9 (2016-08-10)
  +
@author [[User:Edokter]]
  +
*/
  +
.hlist dl,
  +
.hlist ol,
  +
.hlist ul {
  +
margin: 0;
  +
padding: 0;
  +
}
  +
/* Display list items inline */
  +
.hlist dd,
  +
.hlist dt,
  +
.hlist li {
  +
margin: 0;
  +
display: inline;
  +
}
  +
/* Display nested lists inline */
  +
.hlist.inline,
  +
.hlist.inline dl,
  +
.hlist.inline ol,
  +
.hlist.inline ul,
  +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
  +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
  +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
  +
display: inline;
  +
}
  +
/* Hide empty list items */
  +
.hlist .mw-empty-li,
  +
.hlist .mw-empty-elt {
  +
display: none;
  +
}
  +
/* Generate interpuncts */
  +
.hlist dt:after {
  +
content: ": ";
  +
}
  +
.hlist dd:after,
  +
.hlist li:after {
  +
content: " · ";
  +
font-weight: bold;
  +
}
  +
.hlist dd:last-child:after,
  +
.hlist dt:last-child:after,
  +
.hlist li:last-child:after {
  +
content: none;
  +
}
  +
/* Add parentheses around nested lists */
  +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
  +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
  +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
  +
content: " (";
  +
font-weight: normal;
  +
}
  +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
  +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
  +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  +
content: ")";
  +
font-weight: normal;
  +
}
  +
/* Put ordinals in front of ordered list items */
  +
.hlist ol {
  +
counter-reset: listitem;
  +
}
  +
.hlist ol > li {
  +
counter-increment: listitem;
  +
}
  +
.hlist ol > li:before {
  +
content: " " counter(listitem) "\a0";
  +
}
  +
.hlist dd ol > li:first-child:before,
  +
.hlist dt ol > li:first-child:before,
  +
.hlist li ol > li:first-child:before {
  +
content: " (" counter(listitem) "\a0";
  +
}
  +
  +
/* Unbulleted lists */
  +
.plainlist ol,
  +
.plainlist ul {
  +
line-height: inherit;
  +
list-style: none none;
  +
margin: 0;
  +
}
  +
.plainlist ol li,
  +
.plainlist ul li {
  +
margin-bottom: 0;
  +
}
  +
  +
/* Flex icon */
  +
.ficon {
  +
display: inline-block;
  +
margin: 2px;
  +
text-align: center;
  +
vertical-align: top;
  +
text-align: -webkit-center;
  +
text-align: -moz-center;
  +
text-align: -o-center;
  +
}
  +
.ficon-container {
  +
align-content: center;
  +
display: flex;
  +
flex-wrap: wrap;
  +
justify-content: space-evenly;
  +
-webkit-align-content: center;
  +
-webkit-flex-wrap: wrap;
  +
}
  +
  +
div#mw-panel div.portal li a[href="https://discord.gg/3qjaRPZYVR"] {
  +
background: url(https://discordapp.com/api/guilds/486110900831649802/embed.png) no-repeat;
  +
color: transparent !important;
  +
display: inline-block;
  +
height: 20px;
  +
width: 119px;
  +
margin-top: 10px;
  +
}
  +
  +
ul.side-by-side, .side-by-side-recursive ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
  +
ul.side-by-side > li, .side-by-side-recursive ul > li { padding: 0.2em; display: inline-block; vertical-align: top; }
  +
  +
/* Tempo fix */
  +
.socialLink { display: inline-block; margin-left: 5px; }
  +
  +
/* Portable Infoboxes styling */
  +
.portable-infobox {
  +
--theme-article-text-color: #e0e0e0;
  +
--theme-border-color: #017f96;
  +
--theme-infobox-background-color: #001821;
  +
--theme-infobox-section-header-background-color: #017f96;
  +
--theme-link-color: #addddf;
  +
--theme-link-color--hover: #fafafa;
  +
--label-color--active: #FFFFFF;
  +
--label-color--inactive: #777;
  +
--shadow-color: #014d90;
  +
--shadow-effect: inset 0 0 20px var(--shadow-color);
  +
border: 1px solid var(--theme-border-color);
  +
background-color: var(--theme-infobox-background-color);
  +
color: var(--theme-article-text-color);
  +
box-shadow: var(--shadow-effect);
  +
border-radius: 5px;
  +
}
  +
  +
.skin-hydra .portable-infobox {
  +
--theme-article-background-color: #fafafa;
  +
--theme-article-background-color--secondary: #fafafa;
  +
--theme-article-text-color: #3a3a3a;
  +
--theme-article-text-color--hover: #070707;
  +
--theme-border-color: #bed1cf;
  +
--theme-link-color: #f37f20;
  +
--theme-link-color--hover: #a44f09;
  +
--theme-link-label-color: #3a3a3a;
  +
  +
--theme-infobox-background-color: var(--theme-article-background-color);
  +
}
  +
  +
.portable-infobox .pi-header,
  +
.portable-infobox .pi-title {
  +
text-align: center;
  +
margin: auto;
  +
}
  +
  +
.portable-infobox .pi-border-color {
  +
border-color: var(--theme-infobox-section-header-background-color);
  +
}
  +
  +
.portable-infobox .pi-secondary-background {
  +
background-color: rgba(1, 77, 144, 0.7);
  +
}
  +
  +
.portable-infobox .pi-data-label {
  +
/* padding: 0 5px; */
  +
padding-top: 0;
  +
/* background: unset; */
  +
font-size: 12px;
  +
}
  +
  +
.portable-infobox .pi-data {
  +
background-color: transparent;
  +
}
  +
  +
.portable-infobox .pi-title {
  +
border-bottom: 1px solid var(--theme-border-color);
  +
font-size: larger;
  +
line-height: 1.25;
  +
padding: 5px;
  +
}
  +
  +
.portable-infobox.type-country .pi-title[data-source="nativename"] {
  +
font-size: smaller;
  +
border-top: 0;
  +
}
  +
  +
.portable-infobox .pi-title:not(:last-of-type) {
  +
padding-bottom: 0;
  +
border-bottom: 0;
  +
}
  +
  +
.portable-infobox figure.pi-image {
  +
margin: 0;
  +
border-bottom: 1px solid var(--theme-border-color);
  +
}
  +
  +
.portable-infobox .pi-header {
  +
background: rgba(1, 77, 144, 0.7);
  +
border-bottom: 1px solid var(--theme-border-color);
  +
}
  +
  +
.portable-infobox .pi-section-navigation {
  +
background: rgba(1, 77, 144, 0.35);
  +
border-bottom: 1px solid var(--theme-border-color);
  +
}
  +
  +
.portable-infobox .pi-section-label {
  +
color: var(--label-color--inactive);
  +
height: 20px;
  +
text-transform: none;
  +
}
  +
  +
.portable-infobox .pi-section-tab.pi-section-active {
  +
box-shadow: var(--shadow-effect);
  +
}
  +
  +
.portable-infobox .pi-section-tab.pi-section-active .pi-section-label {
  +
color: var(--label-color--active);
  +
}
  +
  +
.portable-infobox.type-album .pi-data[data-source="artist"] .pi-data-value {
  +
text-align: center;
  +
margin: auto;
  +
}
  +
  +
.portable-infobox a:link {
  +
color: var(--theme-link-color);
  +
}
  +
  +
  +
/* Front page appearance styles */
  +
.fpbox .heading,
  +
.fpbox .mainheading,
  +
.fpbox .welcome {
  +
border: 0;
  +
border-bottom: 1px solid #505050;
  +
color: #e0e0e0;
  +
}
  +
  +
.fpbox {
  +
border: 1px solid #017f96;
  +
-moz-box-shadow: inset 0 0 20px #014d90;
  +
-webkit-box-shadow: inset 0 0 20px #014d90;
  +
box-shadow: inset 0 0 20px #014d90;
  +
color: #e0e0e0;
  +
}
  +
  +
.fplink:not(.fplink-plain) {
  +
background: rgba(0,0,0,0.3);
  +
border: 1px solid #505050;
  +
}
  +
  +
.fplink-fullwidth .fplink:not(.fplink-plain) {
  +
background: rgba(0,0,0,0.4);
  +
}
  +
  +
.linkslabel {
  +
border-bottom: 2px solid #505050;
  +
}
  +
  +
  +
.ambox {
  +
background-color: rgba(0,0,0,0.5);
  +
border-bottom-color: #383838;
  +
border-right-color: #383838;
  +
border-top-color: #383838;
  +
border-collapse: collapse;
  +
  +
border: 1px solid #01a3e8;
  +
font-size: 95%;
  +
margin: 0 auto 2px auto;
  +
width: 60%;
  +
}
  +
  +
.ambox-gray {
  +
border-left-color: #383838;
  +
}
  +
  +
.ambox.ambox-tiny {
  +
font-size: 90%;
  +
margin: 2px 0;
  +
width: auto;
  +
}
  +
  +
.ambox + .ambox {
  +
margin-top: -2px;
  +
}
  +
  +
.ambox-text {
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
.ambox-image {
  +
padding: 2px 0px 2px 0.5em;
  +
text-align: center;
  +
width: 60px;
  +
}
  +
  +
.ambox-tiny .ambox-image {
  +
padding: 2px 0.5em;
  +
text-align: left;
  +
width: auto;
  +
}
  +
  +
/* Ambox colors */
  +
.ambox-blue {
  +
border-left: 10px solid #1e90ff;
  +
}
  +
  +
.ambox-red {
  +
border-left: 10px solid #b22222;
  +
}
  +
  +
.ambox-orange {
  +
border-left: 10px solid #f28500;
  +
}
  +
  +
.ambox-yellow {
  +
border-left: 10px solid #f4c430;
  +
}
  +
  +
.ambox-purple {
  +
border-left: 10px solid #9932cc;
  +
}
  +
  +
.ambox-gray {
  +
border-left: 10px solid #bba;
  +
}
  +
  +
.ambox-green {
  +
border-left: 10px solid #228b22;
  +
}
  +
  +
/* Ambox small text */
  +
.amsmalltext {
  +
font-size: smaller;
  +
margin-left:0.8em;
  +
margin-top:0.5em;
  +
}
  +
  +
/* INFOBOXES: game or book depended color style */
  +
.infoboxtable {
  +
background-color: rgba(0, 0, 0, 0.5);
  +
border: 1px solid #001821;
  +
border-radius: 3px;
  +
color: #ffffff;
  +
float: right;
  +
font-size: 89%;
  +
margin-bottom: 0.5em;
  +
margin-left: 1em;
  +
padding: 0.2em;
  +
width: 300px;
  +
}
  +
  +
.infoboxtable td {
  +
vertical-align: top;
  +
}
  +
  +
.infoboxtable td > div {
  +
background-color: #001821;
  +
border: 2px solid inherit;
  +
border-radius: 5px;
  +
font-weight: bold;
  +
padding: 0.5px 7px;
  +
text-align: right;
  +
}
  +
  +
.infoboxname {
  +
background-color: #001821;
  +
font-size: 110%;
  +
font-weight: bold;
  +
padding: 0.5em;
  +
}
  +
  +
.infoboxdetails {
  +
padding: 0em;
  +
}
  +
  +
  +
tr.Quote{
  +
float:center;}
  +
  +
td.Quote{
  +
text-align: center;}
  +
  +
/* Template:Quote Settings */
  +
td.Quote_Left, td.Quote_Right {
  +
color: #0D9BE3;
  +
font-size: 40px;
  +
font-family: 'Arial Black', 'Times New Roman',serif;
  +
font-weight: bold;
  +
width: 0px; }
  +
  +
/* These two control the vertical offset of the quotation marks */
  +
td.Quote_Left {
  +
line-height: 0.7em; /* This adjusts the offset of the quotation mark */
  +
vertical-align: top;
  +
text-align: right; }
  +
  +
td.Quote_Right {
  +
line-height: 0.1em; /* This adjusts the offset of the quotation mark */
  +
vertical-align: bottom;
  +
text-align: left; }
  +
  +
table.Blu {
  +
border-collapse:collapse;
  +
}
  +
table.Blu, th.Blu, td.Blu {
  +
border: 1px solid #0D9BE3;
  +
}
  +
  +
/* ################################################## */
  +
/* ### EVABOXES ### */
  +
/* ################################################## */
  +
  +
/* CSS for scanline boxes, works for both divs and tables */
  +
.eva_box {
  +
background-color: rgb(0, 24, 33);
  +
border-style: solid;
  +
border-width: 1px;
  +
border: 1px solid #017f96;
  +
-moz-box-shadow: inset 0 0 20px #014d90;
  +
-webkit-box-shadow: inset 0 0 20px #014d90;
  +
box-shadow: inset 0 0 20px #014d90;
  +
color: #FFF;
  +
margin-bottom: 5px;
  +
}
  +
.eva_box a {
  +
color: #ADDDDF;
  +
}
  +
.eva_box a.new {
  +
color: #FF8A02 !important;
  +
}
  +
.eva_box a.extiw,
  +
.eva_box a.external {
  +
color: #BBE5E5 !important;
  +
}
  +
table.eva_box {
  +
border-collapse: collapse;
  +
}
  +
  +
table.eva_box th {
  +
background: #001821;
  +
color: #fafafa;
  +
font-size:120%;
  +
padding: 2px;
  +
}
  +
  +
table.eva_box td,
  +
div.eva_box {
  +
padding: 2px;
  +
border-color: #017f96;
  +
}
  +
  +
td.small_text {
  +
font-size:80%;
  +
}
  +
  +
  +
/* Template:Sourcebox */
  +
table.sourcebox {
  +
margin: 0.25em auto 0.25em 0;
  +
border-collapse: collapse;
  +
line-height: normal;
  +
}
  +
  +
table.sourcebox th {
  +
vertical-align: middle;
  +
text-align: center;
  +
padding: 0 0.5em;
  +
}
  +
  +
table.sourcebox td {
  +
font-size: 85%;
  +
padding: 0;
  +
}
  +
  +
table.sourcebox td span {
  +
border-top: 1px solid #047EC4;
  +
  +
border-bottom: 1px solid #047EC4;
  +
  +
display: block;
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
table.sourcebox a.new {
  +
color: #F11 !important;
  +
}
  +
  +
  +
/* ################################################## */
  +
/* ### EVA INFOBOX ### */
  +
/* ################################################## */
  +
table.eva_infobox {
  +
margin-left: 5px;
  +
width: 220px;
  +
font-size: 90%;
  +
}
  +
  +
.infobox.eva_box .eva_box_above {
  +
font-size: 125%;
  +
font-weight: bold;
  +
padding: 5px;
  +
text-align: center;
  +
}
  +
  +
/*td.eva_box_title,
  +
td.eva_box_header,
  +
td.eva_box_data {
  +
}*/
  +
td.eva_box_header,
  +
td.eva_box_title {
  +
background: #001821;
  +
border-width: 1px 0;
  +
}
  +
td.eva_box_title {
  +
text-align: center;
  +
vertical-align: middle;
  +
width: 25%;
  +
white-space: nowrap;
  +
background: rgba(0,0,0,0.7);
  +
border-bottom: 1px solid #017f96;
  +
padding: 2px;
  +
}
  +
th.eva_box_header,
  +
td.eva_box_header {
  +
text-align: center;
  +
}
  +
td.eva_box_data {
  +
background: black;
  +
}
  +
  +
td.eva_box_title,
  +
td.eva_box_data,
  +
table.eva_box th {
  +
border-color: #017f96;
  +
}
  +
  +
table.eva_box .eva_box_image {
  +
padding: 0;
  +
text-align: center;
  +
}
  +
table.eva_box .eva_box_image .tabbertab {
  +
padding: 0;
  +
}
  +
table.eva_box .eva_box_image .tabbertab p {
  +
margin: 0;
  +
}
  +
  +
/* For use in WarBox templates */
  +
table.eva_box td.eva_box_multicolumn {
  +
background: black;
  +
border: none;
  +
border-collapse: collapse;
  +
padding: 0;
  +
}
  +
table.eva_box td.eva_box_multicolumn table {
  +
border: none;
  +
margin: 0;
  +
padding: 0;
  +
text-align: left;
  +
width: 100%;
  +
}
  +
table.eva_box td.eva_box_multicolumn td {
  +
border-left: 1px solid #017f96;
  +
}
  +
table.eva_box td.eva_box_multicolumn td:first-child {
  +
border-left: none;
  +
}
  +
  +
/* Template:Infobox */
  +
.eva_box .above-header {
  +
vertical-align: middle;
  +
white-space: nowrap;
  +
background: rgba(0,0,0,0.7);
  +
border-bottom: 1px solid #017f96;
  +
border-bottom-color: rgb(1, 127, 150);
  +
}
  +
  +
.infobox.eva_box tr:not(:last-child) { border-bottom: 1px solid #017f96; }
  +
.infobox.eva_box th { font-size: 90%; width: 32%; }
  +
.infobox.eva_box th { background-color: rgba(0,0,0,0.7); }
  +
.infobox.eva_box th + td { background-color: black; }
  +
.infobox.eva_box .mid-header th { background-color: #001821; }
  +
  +
.infobox.eva_box .tabberlive .tabbertab, .infobox.eva_box .tabber .tabbertab {
  +
background: transparent;
  +
border-color: transparent;
  +
-moz-box-shadow: none;
  +
-webkit-box-shadow: none;
  +
box-shadow: none;
  +
}
  +
  +
/*** EVA Box - Collapsible child sections ***/
  +
.infobox.eva_box_parent td {
  +
border: none;
  +
}
  +
.infobox.eva_box_parent .eva_box_image {
  +
border-bottom: 1px solid #017f96;
  +
}
  +
.infobox.eva_box_parent .eva_box_collapsible td {
  +
border-bottom: 1px solid #017f96;
  +
}
  +
  +
/*** EVA Box - Tabber cell ***/
  +
table.eva_box .eva_box_tabber {
  +
border-bottom: none;
  +
padding-bottom: 0;
  +
}
  +
td.eva_box_tabber .tabbernav {
  +
border-bottom: 1px solid #017f96;
  +
font-size: 90%;
  +
padding-top: 0;
  +
}
  +
  +
/*** EVA Box - TabView extension ***/
  +
.eva_box .yui-navset .yui-nav li {
  +
background: transparent;
  +
color: #FFF;
  +
border: 0;
  +
padding: 2px 5px;
  +
}
  +
.eva_box .yui-navset .yui-nav li a {
  +
color: #FFF;
  +
}
  +
  +
.eva_box .yui-navset .yui-nav .selected {
  +
background-color: #ACC3D0;
  +
color: #333;
  +
border: 0;
  +
}
  +
.eva_box .yui-navset .yui-nav .selected a {
  +
color: #333;
  +
}
  +
  +
.eva_box .yui-content {
  +
background: transparent;
  +
color: #FFF;
  +
margin-top: 0;
  +
padding-top: 0.25em;
  +
padding-left: 0.5em;
  +
padding-right: 0.5em;
  +
}
  +
  +
.eva_box .yui-content table {
  +
color: #FFF;
  +
}
  +
  +
.eva_box .yui-nav {
  +
background: #001821;
  +
text-align: center;
  +
border-color: #017f96;
  +
border-width: 1px 0;
  +
border-style: solid;
  +
}
  +
  +
.eva_box div.ajax-poll {
  +
border: 0;
  +
margin-top: 0;
  +
}
  +
.eva_box .pollAnswerVotes {
  +
border:1px solid #ACC3D0;
  +
color: #333;
  +
}
  +
.eva_box .pollAnswerVotes div {
  +
background: #ACC3D0;
  +
}
  +
  +
/*** Temporary hacks for preview ***/
  +
.eva_box .yui-content table {
  +
background: transparent !important;
  +
border: 0 !important;
  +
}
  +
  +
/* ################################################## */
  +
/* ### NAVBOXES (Template:Nb main) ### */
  +
/* ################################################## */
  +
  +
table.eva_navbox_box_bottom,
  +
table.eva_navbox_box_left,
  +
table.eva_navbox_box_right {
  +
  +
background: rgba(0, 0, 0, 0.7);
  +
border-style: solid;
  +
border-width: 1px;
  +
border: 1px solid #017f96;
  +
-moz-box-shadow: inset 0 0 20px #014d90;
  +
-webkit-box-shadow: inset 0 0 20px #014d90;
  +
box-shadow: inset 0 0 20px #014d90;
  +
padding: 0px;
  +
text-align: center;
  +
border-collapse: separate;
  +
font-size: 100%;
  +
}
  +
  +
  +
table.eva_navbox_box_bottom {
  +
clear: both;
  +
margin: 5px auto 0;
  +
width: 100%;
  +
}
  +
  +
/* Doesn't work in IE6 but that's bearable, only visual */
  +
table.eva_navbox_box_bottom + table.eva_navbox_box_bottom {
  +
margin-top: 2px;
  +
}
  +
  +
table.eva_navbox_box_left {
  +
clear:left;
  +
float:left;
  +
margin: 0 0 0 0;
  +
}
  +
  +
table.eva_navbox_box_right {
  +
clear:right;
  +
float:right;
  +
margin: 0 0 0 0;
  +
}
  +
  +
th.eva_navbox_innertable_title,
  +
th.eva_navbox_box_title {
  +
padding: 2px;
  +
font-weight: normal;
  +
color: #FFF;
  +
font-size: 80%;
  +
}
  +
  +
th.eva_navbox_box_title {
  +
  +
background: rgba(0, 0, 0, 0.7);
  +
border-bottom: 1px solid #017f96;
  +
}
  +
  +
th.eva_navbox_innertable_title {
  +
background: rgba(0, 0, 0, 0.7);
  +
border-top: 0;
  +
border-bottom: 1px solid #017f96;
  +
border-left: 0;
  +
border-right: 0;
  +
}
  +
  +
th.eva_navbox_box_title span.eva_navbox_maintitle {
  +
font-weight: bold;
  +
font-size: 115%;
  +
}
  +
  +
th.eva_navbox_innertable_title span.eva_navbox_maintitle {
  +
font-weight: bold;
  +
font-size: 125%;
  +
}
  +
  +
td.eva_navbox_cont {
  +
padding: 0px;
  +
border: 0px;
  +
}
  +
  +
table.eva_navbox_innertable,
  +
table.eva_navbox {
  +
margin: 0px;
  +
padding: 0px;
  +
border-collapse: separate;
  +
empty-cells: show;
  +
}
  +
  +
table.eva_navbox {
  +
font-size: 85%;
  +
border: 0;
  +
}
  +
  +
table.eva_navbox_innertable {
  +
font-size: 100%;
  +
}
  +
  +
td.eva_navbox_header, td.eva_navbox_footer,
  +
td.eva_navbox_cell, td.eva_navbox_groupcell,
  +
td.eva_navbox_group, td.eva_navbox_subgroup {
  +
border-top: 0;
  +
border-bottom: 1px solid #017f96;
  +
border-left: 0;
  +
color: #FFF;
  +
}
  +
  +
td.eva_navbox_header, td.eva_navbox_footer,
  +
td.eva_navbox_cell, td.eva_navbox_groupcell {
  +
border-right: 0;
  +
}
  +
  +
td.eva_navbox_header, td.eva_navbox_footer {
  +
padding: 2px;
  +
background: transparent;
  +
color: #FFF;
  +
text-align: center;
  +
}
  +
  +
td.eva_navbox_header {
  +
font-weight: bold;
  +
}
  +
  +
td.eva_navbox_footer {
  +
font-size: 90%;
  +
}
  +
  +
td.eva_navbox_subgroup, td.eva_navbox_group {
  +
padding: 2px;
  +
text-align: center;
  +
white-space: nowrap;
  +
border-right: 1px solid #017f96;
  +
font-weight: bold;
  +
}
  +
  +
td.eva_navbox_group,
  +
td.eva_navbox_subgroup {
  +
background: transparent;
  +
}
  +
  +
td.eva_navbox_groupcell, td.eva_navbox_cell {
  +
padding: 2px;
  +
}
  +
  +
td.eva_navbox_groupcell {
  +
text-align: left;
  +
}
  +
  +
td.eva_navbox_cell {
  +
text-align: center;
  +
}
  +
  +
/* This code prevents links from wrapping */
  +
/* a:link, a:visited, a:hover, a:active {white-space: nowrap;} */
  +
  +
/* do not wrap links in content fields if nowraplinks is set */
  +
  +
table.eva_navbox_nowraplinks td.eva_navbox_cell a,
  +
table.eva_navbox_nowraplinks td.eva_navbox_groupcell a {
  +
white-space: nowrap;
  +
}
  +
  +
/* navbox needs brighter links */
  +
td.eva_navbox_cell a:link,
  +
td.eva_navbox_groupcell a:link {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_cell a:visited,
  +
td.eva_navbox_groupcell a:visited {
  +
color: #90D3D4;
  +
}
  +
td.eva_navbox_cell a:hover,
  +
td.eva_navbox_groupcell a:hover {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_cell a:active,
  +
td.eva_navbox_groupcell a:active {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_cell a.new,
  +
td.eva_navbox_groupcell a.new {
  +
color: #FF8A02 !important;
  +
}
  +
td.eva_navbox_cell a.extiw,
  +
td.eva_navbox_cell a.external,
  +
td.eva_navbox_groupcell a.extiw,
  +
td.eva_navbox_groupcell a.external {
  +
color: #BBE5E5 !important;
  +
}
  +
  +
/* header bar needs brighter links */
  +
th.eva_navbox_box_title a:link {
  +
color: #FFF;
  +
}
  +
th.eva_navbox_box_title a:visited {
  +
color: #E5E5E5;
  +
}
  +
th.eva_navbox_box_title a:hover {
  +
color: #FFF;
  +
}
  +
th.eva_navbox_box_title a:active {
  +
color: #FFF;
  +
}
  +
th.eva_navbox_box_title a.new {
  +
color: #FF8A02 !important;
  +
}
  +
th.eva_navbox_box_title a.extiw,
  +
th.eva_navbox_box_title a.external {
  +
color: #BBE5E5 !important;
  +
}
  +
  +
  +
/* headers and footer need brighter links */
  +
td.eva_navbox_subgroup a:link,
  +
td.eva_navbox_group a:link,
  +
td.eva_navbox_header a:link,
  +
td.eva_navbox_footer a:link,
  +
th.eva_navbox_innertable_title a:link {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_subgroup a:visited,
  +
td.eva_navbox_group a:visited,
  +
td.eva_navbox_header a:visited ,
  +
td.eva_navbox_footer a:visited,
  +
th.eva_navbox_innertable_title a:visited {
  +
color: #90D3D4;
  +
}
  +
td.eva_navbox_subgroup a:hover,
  +
td.eva_navbox_group a:hover,
  +
td.eva_navbox_header a:hover ,
  +
td.eva_navbox_footer a:hover,
  +
th.eva_navbox_innertable_title a:hover {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_subgroup a:active,
  +
td.eva_navbox_group a:active,
  +
td.eva_navbox_header a:active,
  +
td.eva_navbox_footer a:active,
  +
th.eva_navbox_innertable_title a:active {
  +
color: #ADDDDF;
  +
}
  +
td.eva_navbox_subgroup a.new,
  +
td.eva_navbox_group a.new,
  +
td.eva_navbox_header a.new,
  +
td.eva_navbox_footer a.new,
  +
th.eva_navbox_innertable_title a.new {
  +
color: #FF8A02 !important;
  +
}
  +
td.eva_navbox_subgroup a.new,
  +
td.eva_navbox_subgroup a.external,
  +
td.eva_navbox_group a.new,
  +
td.eva_navbox_group a.external,
  +
td.eva_navbox_header a.extiw,
  +
td.eva_navbox_header a.external,
  +
td.eva_navbox_footer a.extiw,
  +
td.eva_navbox_footer a.external,
  +
th.eva_navbox_innertable_title a.extiw,
  +
th.eva_navbox_innertable_title a.external {
  +
color: #BBE5E5 !important;
  +
}
  +
  +
@media print {
  +
table.eva_navbox_box {
  +
display: none;
  +
}
  +
}
  +
  +
/* ################################################## */
  +
/* ### PORTALS ### */
  +
/* ################################################## */
  +
  +
table.portal_section {
  +
width: 100%;
  +
background: transparent;
  +
margin-top: 0px;
  +
margin-bottom: 5px;
  +
  +
background: rgba(0, 0, 0, 0.7);
  +
border-style: solid;
  +
border-width: 1px;
  +
border: 1px solid #017f96;
  +
-moz-box-shadow: inset 0 0 20px #014d90;
  +
-webkit-box-shadow: inset 0 0 20px #014d90;
  +
box-shadow: inset 0 0 20px #014d90;
  +
}
  +
  +
th.portal_header {
  +
background: transparent;
  +
border: 0;
  +
padding: 5px;
  +
color: #FFF;
  +
font-size: 120%;
  +
font-weight: bold;
  +
text-align: left;
  +
}
  +
  +
td.portal_body {
  +
border: 0;
  +
background: transparent;
  +
padding: 5px;
  +
}
  +
  +
span.portal_editbar {
  +
float: right;
  +
font-size: 75%;
  +
font-weight: normal;
  +
}
  +
  +
/* TOC */
  +
.portal_toc {
  +
width: 100%;
  +
font-size: 95%;
  +
}
  +
  +
.portal_toc td {
  +
vertical-align: top;
  +
padding: 0 5px;
  +
}
  +
  +
.portal_toc p {
  +
font-weight: bold;
  +
border-bottom: 1px solid #AAA;
  +
}
  +
  +
/* Intro - image buttons */
  +
table.portal_buttons {
  +
text-align: center;
  +
font-size: 95%;
  +
margin: 0 auto;
  +
}
  +
  +
table.portal_buttons th,
  +
table.portal_buttons td {
  +
width: 25%;
  +
}
  +
  +
table.portal_buttons th {
  +
vertical-align: middle;
  +
font-weight: normal;
  +
padding-top: 3px;
  +
}
  +
  +
table.portal_buttons td {
  +
vertical-align: top;
  +
padding-bottom: 3px;
  +
}
  +
  +
/* ################################################## */
  +
/* ### TITLE ICONS (Template:Games) ### */
  +
/* ################################################## */
  +
  +
.va-titleicons, .va-titleicons-hover {
  +
font-size: 11px;
  +
position: absolute;
  +
margin: 0;
  +
max-width: 275px;
  +
z-index: 3;
  +
}
  +
  +
.va-titleicons {
  +
background: transparent;
  +
right: 0;
  +
height: 25px;
  +
overflow: hidden;
  +
text-align: right;
  +
border: none;
  +
display: none;
  +
}
  +
  +
.va-titleicons-hover {
  +
background: #23425F;
  +
right: -2px;
  +
height: auto;
  +
overflow: auto;
  +
text-align: center;
  +
border: 2px solid #22415D;
  +
padding: 1px 5px;
  +
}
  +
  +
.va-titleicons-preview {
  +
text-align: right;
  +
}
  +
  +
.va-titleicons-fullsize,
  +
.va-titleicons-hover .va-titleicons-preview {
  +
display: none;
  +
}
  +
  +
.va-titleicons-hover .va-titleicons-fullsize {
  +
display: block;
  +
}
  +
  +
.va-titleicons-more {
  +
float: right;
  +
padding: 0 2px;
  +
line-height: 25px;
  +
}
  +
  +
.va-titleicons-chevron {
  +
vertical-align: middle;
  +
border-color: #D5D4D4 transparent transparent;
  +
border-style: solid;
  +
border-width: 3px;
  +
width: 0;
  +
}
  +
  +
div#content .wds-tabs { justify-content: center; }
  +
.games-indicator { float: right; }

Revision as of 03:43, 6 July 2021

/* CSS placed here will be applied to all skins */
/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/* Wiki logo */
.mw-wiki-logo {
    background-image: url(https://static.wikia.nocookie.net/cnc_gamepedia_en/images/b/bc/Wiki.png/revision/latest);
}

/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
    margin: 0em auto 1em;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

.doc-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #BDCAC3;
    margin-bottom: 1ex;
}

.doc-footer {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
    text-align: left;
}

.desktopcenter {
    text-align: center;
}

.desktopright {
    text-align: right;
}

/* Front page structure */
.fpbox {
    margin: 5px;
    padding: 5px;
    overflow: auto;
    width: calc(100% - 2px);
    border-radius: 5px;
}

.fpbox.plain {
    background: transparent;
    border: none;
    box-shadow: none;
}

.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: auto;
}

.fpbox .mainheading,
.fpbox .welcome {
    font-size: 150%;
    font-weight: bold;
}

.fpbox .heading {
    text-align: center;
    font-size: 132%;
}

.linkslabel {
    margin: 15px 5px 5px;
    padding: 0 0 5px;
}

/* Template:FP links styles */
.fplinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    text-align: center;
}

.fplink-outer {
    padding: 5px;
    flex-basis: calc(25% - 10px);
    width: calc(25% - 15px);
    min-width: 115px;
    display: inline-block;
    vertical-align: middle;
}

.fplink-wide {
    flex-basis: calc(33% - 10px);
    width: calc(33% - 15px);
}

.fplink-fullwidth {
    flex-basis: 100%;
    width: calc(100% - 15px);
    font-weight: bold;
}

.fplink {
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: table;
}

.fplink-plain {
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.fplink-inner {
    display: table-row;
}

.fplink a {
    display: table-cell;
    vertical-align: middle;
}

.fplink img {
    max-width: 150px;
    width: 100%;
    height: auto;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
    width: 100%!important;
    max-width: 480px;
    margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
    width: 100%!important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 990px) {
    .fp-container .columns .leftcol {
        float: left;
        width: 50%;
    }

    .fp-container .columns .rightcol {
        float: right;
        width: 50%;
    }
}

.fp-section {
    display: flex;
    flex-wrap: wrap;
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
    display: grid;
    grid-template-areas: "a" "b" "c";
    grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c c";
        grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width:1350px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c b";
        grid-template-columns: auto 520px;
    }
}

#fp-top {
    grid-area: a;
}

#fp-flex {
    grid-area: b;
}

#fp-bottom {
    grid-area: c;
}

/* end responsive 2 column main page layout */

/* ******************** */
/* End main page layout */
/* ******************** */

/* Template:infobox */
.infobox.eva_box { padding: 0; border-spacing: 5px }
.infobox > caption { margin-bottom: 0.25em }
.infobox .mid-header th { font-size: 105%; padding: 0.25em 0.5em }

.infobox {
   /* @noflip */
   margin: 0.5em 0 0.5em 1em;
   padding: 0.2em;
   /* @noflip */
   float: right;
   /* @noflip */
   clear: right;
   /* @noflip */
   text-align: left;
   font-size: 88%;
   line-height: 1.5em;
}
.infobox caption {
   font-size: 125%;
   font-weight: bold;
}
.infobox td,
.infobox th {
   vertical-align: top;
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ol li,
.plainlist ul li {
    margin-bottom: 0;
}

/* Flex icon */
.ficon {
	display: inline-block;
	margin: 2px;
	text-align: center;
	vertical-align: top;
	text-align: -webkit-center;
	text-align: -moz-center;
	text-align: -o-center;
}
.ficon-container {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	-webkit-align-content: center;
	-webkit-flex-wrap: wrap;
}

div#mw-panel div.portal li a[href="https://discord.gg/3qjaRPZYVR"] {
    background: url(https://discordapp.com/api/guilds/486110900831649802/embed.png) no-repeat;
    color: transparent !important;
    display: inline-block;
    height: 20px;
    width: 119px;
    margin-top: 10px;
}

ul.side-by-side, .side-by-side-recursive ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
ul.side-by-side > li, .side-by-side-recursive ul > li { padding: 0.2em; display: inline-block; vertical-align: top; }

/* Tempo fix */
.socialLink { display: inline-block; margin-left: 5px; }

/* Portable Infoboxes styling */
.portable-infobox {
	--theme-article-text-color: #e0e0e0;
	--theme-border-color: #017f96;
	--theme-infobox-background-color: #001821;
	--theme-infobox-section-header-background-color: #017f96;
	--theme-link-color: #addddf;
	--theme-link-color--hover: #fafafa;
	--label-color--active: #FFFFFF;
	--label-color--inactive: #777;
	--shadow-color: #014d90;
	--shadow-effect: inset 0 0 20px var(--shadow-color);
	border: 1px solid var(--theme-border-color);
	background-color: var(--theme-infobox-background-color);
	color: var(--theme-article-text-color);
	box-shadow: var(--shadow-effect);
	border-radius: 5px;
}

.skin-hydra .portable-infobox {
	--theme-article-background-color: #fafafa;
	--theme-article-background-color--secondary: #fafafa;
	--theme-article-text-color: #3a3a3a;
	--theme-article-text-color--hover: #070707;
	--theme-border-color: #bed1cf;
	--theme-link-color: #f37f20;
	--theme-link-color--hover: #a44f09;
	--theme-link-label-color: #3a3a3a;

	--theme-infobox-background-color: var(--theme-article-background-color);
}

.portable-infobox .pi-header,
.portable-infobox .pi-title {
	text-align: center;
	margin: auto;
}

.portable-infobox .pi-border-color {
	border-color: var(--theme-infobox-section-header-background-color);
}

.portable-infobox .pi-secondary-background {
	background-color: rgba(1, 77, 144, 0.7);
}

.portable-infobox .pi-data-label {
	/* padding: 0 5px; */
	padding-top: 0;
	/* background: unset; */
	font-size: 12px;
}

.portable-infobox .pi-data {
	background-color: transparent;
}

.portable-infobox .pi-title {
	border-bottom: 1px solid var(--theme-border-color);
	font-size: larger;
	line-height: 1.25;
	padding: 5px;
}

.portable-infobox.type-country .pi-title[data-source="nativename"] {
	font-size: smaller;
	border-top: 0;
}

.portable-infobox .pi-title:not(:last-of-type) {
	padding-bottom: 0;
	border-bottom: 0;
}

.portable-infobox figure.pi-image {
	margin: 0;
	border-bottom: 1px solid var(--theme-border-color);
}

.portable-infobox .pi-header {
	background: rgba(1, 77, 144, 0.7);
	border-bottom: 1px solid var(--theme-border-color);
}

.portable-infobox .pi-section-navigation {
	background: rgba(1, 77, 144, 0.35);
	border-bottom: 1px solid var(--theme-border-color);
}

.portable-infobox .pi-section-label {
	color: var(--label-color--inactive);
	height: 20px;
	text-transform: none;
}

.portable-infobox .pi-section-tab.pi-section-active {
	box-shadow: var(--shadow-effect);
}

.portable-infobox .pi-section-tab.pi-section-active .pi-section-label {
	color: var(--label-color--active);
}

.portable-infobox.type-album .pi-data[data-source="artist"] .pi-data-value {
	text-align: center;
	margin: auto;
}

.portable-infobox a:link {
	color: var(--theme-link-color);
}


/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
    border: 0;
    border-bottom: 1px solid #505050;
    color: #e0e0e0;
}

.fpbox {
    border: 1px solid #017f96;
    -moz-box-shadow: inset 0 0 20px #014d90;
    -webkit-box-shadow: inset 0 0 20px #014d90;
    box-shadow: inset 0 0 20px #014d90;
    color: #e0e0e0;
}

.fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.3);
    border: 1px solid #505050;
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
    background: rgba(0,0,0,0.4);
}

.linkslabel {
    border-bottom: 2px solid #505050;
}


.ambox {
    background-color: rgba(0,0,0,0.5);
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;

   border: 1px solid #01a3e8;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 60%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}

/* INFOBOXES: game or book depended color style */
.infoboxtable {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #001821;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em; 
    margin-left: 1em; 
    padding: 0.2em; 
    width: 300px;
}

.infoboxtable td {
    vertical-align: top;
}

.infoboxtable td > div {
    background-color: #001821; 
    border: 2px solid inherit; 
    border-radius: 5px; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #001821; 
    font-size: 110%; 
    font-weight: bold;
    padding: 0.5em; 
}

.infoboxdetails {
    padding: 0em;
}


tr.Quote{
float:center;}

td.Quote{
text-align: center;}

/* Template:Quote Settings */
td.Quote_Left, td.Quote_Right {
color: #0D9BE3;
font-size: 40px;
font-family: 'Arial Black', 'Times New Roman',serif;
font-weight: bold;
width: 0px; }

/* These two control the vertical offset of the quotation marks */
td.Quote_Left {
line-height: 0.7em; /* This adjusts the offset of the quotation mark */
vertical-align: top;
text-align: right; }

td.Quote_Right {
line-height: 0.1em; /* This adjusts the offset of the quotation mark */
vertical-align: bottom;
text-align: left; }

table.Blu {
border-collapse:collapse;
}
table.Blu, th.Blu, td.Blu {
border: 1px solid #0D9BE3;
}

/* ################################################## */
/* ### EVABOXES                                   ### */
/* ################################################## */

/* CSS for scanline boxes, works for both divs and tables */
.eva_box {
	background-color: rgb(0, 24, 33);
    border-style: solid;
    border-width: 1px;
    border: 1px solid #017f96;
    -moz-box-shadow: inset 0 0 20px #014d90;
    -webkit-box-shadow: inset 0 0 20px #014d90;
    box-shadow: inset 0 0 20px #014d90;
	color: #FFF;
	margin-bottom: 5px;
}
.eva_box a {
  color: #ADDDDF;
}
.eva_box a.new {
  color: #FF8A02 !important;
}
.eva_box a.extiw,
.eva_box a.external {
  color: #BBE5E5 !important;
}
table.eva_box {
  border-collapse: collapse;
}

table.eva_box th {
  background: #001821;
  color: #fafafa;
  font-size:120%;
  padding: 2px;
}

table.eva_box td,
div.eva_box {
  padding: 2px;
  border-color: #017f96;
}

td.small_text {
  font-size:80%; 
}


/* Template:Sourcebox */
table.sourcebox {
   margin: 0.25em auto 0.25em 0;
   border-collapse: collapse;
   line-height: normal; 
}

table.sourcebox th {
   vertical-align: middle; 
   text-align: center; 
   padding: 0 0.5em;
}

table.sourcebox td {
   font-size: 85%; 
   padding: 0;
}

table.sourcebox td span {
   border-top: 1px solid #047EC4; 

   border-bottom: 1px solid #047EC4; 

   display: block;
   padding: 0.25em 0.5em;
}

table.sourcebox a.new {
   color: #F11 !important;
}


/* ################################################## */
/* ### EVA INFOBOX                                ### */
/* ################################################## */
table.eva_infobox {
	margin-left: 5px;
	width: 220px;
	font-size: 90%;
}

.infobox.eva_box .eva_box_above {
	font-size: 125%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/*td.eva_box_title,
td.eva_box_header,
td.eva_box_data {
}*/
td.eva_box_header,
td.eva_box_title {
	background: #001821;
	border-width: 1px 0;
}
td.eva_box_title {
	text-align: center;
	vertical-align: middle;
	width: 25%;
	white-space: nowrap;
	background: rgba(0,0,0,0.7);
	border-bottom: 1px solid #017f96;
	padding: 2px;
}
th.eva_box_header,
td.eva_box_header {
	text-align: center;
}
td.eva_box_data {
	background: black;
}

td.eva_box_title,
td.eva_box_data,
table.eva_box th {
	border-color: #017f96;
}

table.eva_box .eva_box_image {
    padding: 0;
    text-align: center;
}
table.eva_box .eva_box_image .tabbertab {
    padding: 0;
}
table.eva_box .eva_box_image .tabbertab p {
    margin: 0;
}

/* For use in WarBox templates */
table.eva_box td.eva_box_multicolumn {
    background: black;
    border: none;
    border-collapse: collapse;
    padding: 0;
}
table.eva_box td.eva_box_multicolumn table {
    border: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
table.eva_box td.eva_box_multicolumn td {
    border-left: 1px solid #017f96;
}
table.eva_box td.eva_box_multicolumn td:first-child {
    border-left: none;
}

/* Template:Infobox */
.eva_box .above-header {
    vertical-align: middle;
    white-space: nowrap;
    background: rgba(0,0,0,0.7);
    border-bottom: 1px solid #017f96;
    border-bottom-color: rgb(1, 127, 150);
}

.infobox.eva_box tr:not(:last-child) { border-bottom: 1px solid #017f96; }
.infobox.eva_box th { font-size: 90%; width: 32%; }
.infobox.eva_box th { background-color: rgba(0,0,0,0.7); }
.infobox.eva_box th + td { background-color: black; }
.infobox.eva_box .mid-header th { background-color: #001821; }

.infobox.eva_box .tabberlive .tabbertab, .infobox.eva_box  .tabber .tabbertab {
    background: transparent;
    border-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*** EVA Box - Collapsible child sections ***/
.infobox.eva_box_parent td {
    border: none;
}
.infobox.eva_box_parent .eva_box_image {
    border-bottom: 1px solid #017f96;
}
.infobox.eva_box_parent .eva_box_collapsible td {
    border-bottom: 1px solid #017f96;
}

/*** EVA Box - Tabber cell ***/
table.eva_box .eva_box_tabber {
    border-bottom: none;
    padding-bottom: 0;
}
td.eva_box_tabber .tabbernav {
    border-bottom: 1px solid #017f96;
    font-size: 90%;
    padding-top: 0;
}

/*** EVA Box - TabView extension ***/
.eva_box .yui-navset .yui-nav li {
  background: transparent;
  color: #FFF;
  border: 0;
  padding: 2px 5px;
}
.eva_box .yui-navset .yui-nav li a {
  color: #FFF;
} 

.eva_box .yui-navset .yui-nav .selected {
  background-color: #ACC3D0;
  color: #333;
  border: 0;
}
.eva_box .yui-navset .yui-nav .selected a {
  color: #333;
}

.eva_box .yui-content {
  background: transparent;
  color: #FFF;
  margin-top: 0;
  padding-top: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.eva_box .yui-content table {
  color: #FFF;
}

.eva_box .yui-nav {
  background: #001821;
  text-align: center;
  border-color: #017f96;
  border-width: 1px 0;
  border-style: solid;
}

.eva_box div.ajax-poll {
  border: 0;
  margin-top: 0;
}
.eva_box .pollAnswerVotes {
  border:1px solid #ACC3D0;
  color: #333;
}
.eva_box .pollAnswerVotes div {
  background: #ACC3D0;
}

/*** Temporary hacks for preview ***/
.eva_box .yui-content table {
  background: transparent !important;
  border: 0 !important;
}

/* ################################################## */
/* ### NAVBOXES (Template:Nb main)                ### */
/* ################################################## */

table.eva_navbox_box_bottom,
table.eva_navbox_box_left,
table.eva_navbox_box_right {

    background: rgba(0, 0, 0, 0.7);
    border-style: solid;
    border-width: 1px;
    border: 1px solid #017f96;
    -moz-box-shadow:    inset 0 0 20px #014d90;
    -webkit-box-shadow: inset 0 0 20px #014d90;
    box-shadow:         inset 0 0 20px #014d90;
   padding: 0px;
   text-align: center;
   border-collapse: separate;
   font-size: 100%;
}


table.eva_navbox_box_bottom {
   clear: both; 
   margin: 5px auto 0;
   width: 100%;
}

/* Doesn't work in IE6 but that's bearable, only visual */
table.eva_navbox_box_bottom + table.eva_navbox_box_bottom {
   margin-top: 2px;
}

table.eva_navbox_box_left {
   clear:left;
   float:left;
   margin: 0 0 0 0;
}

table.eva_navbox_box_right {
   clear:right;
   float:right;
   margin: 0 0 0 0;
}

th.eva_navbox_innertable_title,
th.eva_navbox_box_title {
   padding: 2px;
   font-weight: normal;
   color: #FFF;
   font-size: 80%;
}

th.eva_navbox_box_title {
  
    background: rgba(0, 0, 0, 0.7);
     border-bottom: 1px solid #017f96;
}

th.eva_navbox_innertable_title {
    background: rgba(0, 0, 0, 0.7);
   border-top: 0;
   border-bottom: 1px solid #017f96;
   border-left: 0;
   border-right: 0;
}

th.eva_navbox_box_title span.eva_navbox_maintitle {
   font-weight: bold;
   font-size: 115%;
}

th.eva_navbox_innertable_title span.eva_navbox_maintitle {
   font-weight: bold;
   font-size: 125%;
}

td.eva_navbox_cont {
   padding: 0px;
   border: 0px;
}

table.eva_navbox_innertable, 
table.eva_navbox {
   margin: 0px; 
   padding: 0px;
   border-collapse: separate;
   empty-cells: show;
}

table.eva_navbox {
   font-size: 85%;
   border: 0;
}

table.eva_navbox_innertable {
   font-size: 100%;
}

td.eva_navbox_header, td.eva_navbox_footer, 
td.eva_navbox_cell, td.eva_navbox_groupcell,
td.eva_navbox_group, td.eva_navbox_subgroup {
   border-top: 0;
   border-bottom: 1px solid #017f96;
   border-left: 0;
   color: #FFF;
}

td.eva_navbox_header, td.eva_navbox_footer, 
td.eva_navbox_cell, td.eva_navbox_groupcell {
   border-right: 0;
}

td.eva_navbox_header, td.eva_navbox_footer {
   padding: 2px;
   background: transparent;
   color: #FFF;
   text-align: center;
}

td.eva_navbox_header {
   font-weight: bold;
}

td.eva_navbox_footer {
   font-size: 90%;
}

td.eva_navbox_subgroup, td.eva_navbox_group {
   padding: 2px;
   text-align: center;
   white-space: nowrap;
   border-right: 1px solid #017f96;
   font-weight: bold;
}

td.eva_navbox_group,
td.eva_navbox_subgroup {
   background: transparent;
}

td.eva_navbox_groupcell, td.eva_navbox_cell {
   padding: 2px;
}

td.eva_navbox_groupcell {
   text-align: left;
}

td.eva_navbox_cell {
   text-align: center;
}

/* This code prevents links from wrapping */
/* a:link, a:visited, a:hover, a:active {white-space: nowrap;} */

/* do not wrap links in content fields if nowraplinks is set */

table.eva_navbox_nowraplinks td.eva_navbox_cell a,
table.eva_navbox_nowraplinks td.eva_navbox_groupcell a {
   white-space: nowrap;
}

/* navbox needs brighter links */
td.eva_navbox_cell a:link,
td.eva_navbox_groupcell a:link { 
   color: #ADDDDF;
}
td.eva_navbox_cell a:visited,
td.eva_navbox_groupcell a:visited { 
   color: #90D3D4;
}
td.eva_navbox_cell a:hover,
td.eva_navbox_groupcell a:hover { 
   color: #ADDDDF;
}
td.eva_navbox_cell a:active,
td.eva_navbox_groupcell a:active { 
   color: #ADDDDF;
}
td.eva_navbox_cell a.new,
td.eva_navbox_groupcell a.new { 
  color: #FF8A02 !important;
}
td.eva_navbox_cell a.extiw,
td.eva_navbox_cell a.external,
td.eva_navbox_groupcell a.extiw,
td.eva_navbox_groupcell a.external { 
  color: #BBE5E5 !important;
}

/* header bar needs brighter links */
th.eva_navbox_box_title a:link { 
   color: #FFF;
}
th.eva_navbox_box_title a:visited { 
   color: #E5E5E5;
}
th.eva_navbox_box_title a:hover { 
   color: #FFF;
}
th.eva_navbox_box_title a:active { 
   color: #FFF;
}
th.eva_navbox_box_title a.new {
  color: #FF8A02 !important;
}
th.eva_navbox_box_title a.extiw,
th.eva_navbox_box_title a.external {
  color: #BBE5E5 !important;
}


/* headers and footer need brighter links */
td.eva_navbox_subgroup a:link,
td.eva_navbox_group a:link,
td.eva_navbox_header a:link, 
td.eva_navbox_footer a:link,
th.eva_navbox_innertable_title a:link { 
   color: #ADDDDF;
}
td.eva_navbox_subgroup a:visited,
td.eva_navbox_group a:visited,
td.eva_navbox_header a:visited , 
td.eva_navbox_footer a:visited,
th.eva_navbox_innertable_title a:visited { 
   color: #90D3D4;
}
td.eva_navbox_subgroup a:hover,
td.eva_navbox_group a:hover,
td.eva_navbox_header a:hover , 
td.eva_navbox_footer a:hover,
th.eva_navbox_innertable_title a:hover { 
   color: #ADDDDF;
}
td.eva_navbox_subgroup a:active,
td.eva_navbox_group a:active,
td.eva_navbox_header a:active, 
td.eva_navbox_footer a:active,
th.eva_navbox_innertable_title a:active { 
   color: #ADDDDF;
}
td.eva_navbox_subgroup a.new,
td.eva_navbox_group a.new,
td.eva_navbox_header a.new,
td.eva_navbox_footer a.new,
th.eva_navbox_innertable_title a.new {
  color: #FF8A02 !important;
}
td.eva_navbox_subgroup a.new,
td.eva_navbox_subgroup a.external,
td.eva_navbox_group a.new,
td.eva_navbox_group a.external,
td.eva_navbox_header a.extiw,
td.eva_navbox_header a.external,
td.eva_navbox_footer a.extiw,
td.eva_navbox_footer a.external,
th.eva_navbox_innertable_title a.extiw,
th.eva_navbox_innertable_title a.external {
  color: #BBE5E5 !important;
}

@media print {
   table.eva_navbox_box {
      display: none;
   }
}

/* ################################################## */
/* ### PORTALS                                    ### */
/* ################################################## */

table.portal_section {
   width: 100%; 
   background: transparent; 
   margin-top: 0px; 
   margin-bottom: 5px; 

    background: rgba(0, 0, 0, 0.7);
    border-style: solid;
    border-width: 1px;
    border: 1px solid #017f96;
    -moz-box-shadow:    inset 0 0 20px #014d90;
    -webkit-box-shadow: inset 0 0 20px #014d90;
    box-shadow:         inset 0 0 20px #014d90;
}

th.portal_header {
   background: transparent;
   border: 0; 
   padding: 5px; 
   color: #FFF; 
   font-size: 120%; 
   font-weight: bold; 
   text-align: left;
}

td.portal_body {
   border: 0; 
   background: transparent;
   padding: 5px;
}

span.portal_editbar {
   float: right;
   font-size: 75%;
   font-weight: normal;
}

/* TOC */
.portal_toc {
   width: 100%;
   font-size: 95%;
}

.portal_toc td {
   vertical-align: top;
   padding: 0 5px;
}

.portal_toc p {
   font-weight: bold;
   border-bottom: 1px solid #AAA;
}

/* Intro - image buttons */
table.portal_buttons {
   text-align: center;
   font-size: 95%;
   margin: 0 auto;
}

table.portal_buttons th,
table.portal_buttons td {
   width: 25%;
}

table.portal_buttons th {
   vertical-align: middle;
   font-weight: normal;
   padding-top: 3px;
}

table.portal_buttons td {
   vertical-align: top;
   padding-bottom: 3px;
}

/* ################################################## */
/* ### TITLE ICONS (Template:Games)               ### */
/* ################################################## */

.va-titleicons, .va-titleicons-hover {
   font-size: 11px;
   position: absolute;
   margin: 0;
   max-width: 275px;
   z-index: 3;
}

.va-titleicons {
   background: transparent;
   right: 0;
   height: 25px;
   overflow: hidden;
   text-align: right;
   border: none;
   display: none;
}

.va-titleicons-hover {
   background: #23425F;
   right: -2px;
   height: auto;
   overflow: auto;
   text-align: center;
   border: 2px solid #22415D;
   padding: 1px 5px;
}

.va-titleicons-preview {
   text-align: right;
}

.va-titleicons-fullsize,
.va-titleicons-hover .va-titleicons-preview {
   display: none;
}

.va-titleicons-hover .va-titleicons-fullsize {
   display: block;
}

.va-titleicons-more {
   float: right;
   padding: 0 2px;
   line-height: 25px;
}

.va-titleicons-chevron {
   vertical-align: middle;
   border-color: #D5D4D4 transparent transparent;
   border-style: solid;
   border-width: 3px;
   width: 0;
}

div#content .wds-tabs { justify-content: center; }
.games-indicator { float: right; }