MediaWiki:Common.css

/* SKIN SPECIFIC STUFF IS IN HERE: MediaWiki:Timeless.css */

/* Imports go here */
/* Nice fonts, not udsed anywhere currently */
/*
@import url('https://fonts.googleapis.com/css?family=Tinos&display=swap');
@import url('https://fonts.googleapis.com/css?family=Inknut+Antiqua:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Tienne&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css?family=Volkhov&display=swap');
*/
/* Imports:
> templateCSS gadget
*/

/* Default image CSS */
img {
	max-width: 100%;
    height: auto;
}

/* Make images responsive */
.responsive img,img.responsive {
    max-width: 100%;
    height: auto;
}

.banner img,img.banner {
	max-width: 100%;
    height: auto;
    max-height: 10rem;
    width: auto;
}

/* Hide main page title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* Clearfix */
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
} 
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.cf-fix::before {
	content: none; /* Make top margins collapse nicely */
}

/*****************************
* Stuff from Gamepedia start *
******************************/

/* Navbox template style */
/* Navbox container style */
.navbox {
    border: 1px solid #9F6A00;
    font-size: 88%;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 1px;
    clear: both;
}

.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Title, group and above/below styles */
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    text-align: center;	
    padding: 0.25em 1em;
    line-height: 1.5em;
}

/* Group style */
th.navbox-group {				
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox,
.navbox-subgroup {
    background-color: transparent;
}

.navbox-list {
    line-height: 1.8em;
    border-color: transparent;	/* Must match background color */
}

/* Level 1 color */
.navbox th,
.navbox-title {
    background-color: #282828;
    border: 0 solid #9F6A00;
    color: #FFFFFF;
}

/* Level 2 color */
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #282828;
}

/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #444444;		
}

/* Odd row striping */
.navbox-odd {
    background: transparent;	
}

/* Even row striping */
.navbox-even {
    background-color: rgba(128,128,128,0.3);	
}

/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {	
    margin-top: -1px;
}

/* Default styling for Navbar template */
.navbar {
    font-size: 88%;
    font-weight: normal;
}

/* Navbar styling when nested in infobox and navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* .navbox .mw-collapsible-toggle a, */
.wikitable .mw-collapsible-toggle a {
    color: #F58120 !important;
}

.mw-collapsible-toggle.mw-collapsible-toggle-expanded a, 
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #F37F20;
}

/* Infobox template style */
.infobox {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em;
    padding: 0.2em;
    width: 300px;
}

.infobox td.infoboxlabel {
    border: 2px solid inherit; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

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

.infoboxdescription {
    background-color: #f58120;
    color: #000;
}

fieldset { border-color: #F37F20; }
#global-wrapper #preferences legend { color: #F37F20; }
.client-js #preferences fieldset { background: none; }

/* [[Template:Message]] */
table.gpmbox {
    background:var(--message-background);
    color:var(--text-color);
}

/***************************
* Stuff from Gamepedia end *
****************************/

#mw-site-navigation .sidebar-inner h3,
#mw-related-navigation .sidebar-inner h3,
#mw-site-navigation .dropdown h3,
#mw-related-navigation .dropdown h3 {
	border-color: var(--gray-lightish);
}

/* Default table style */
table.article-table {
	background: #d6d0c5;
	border-collapse: collapse;
	border: 0px none #aeaaa2;
	margin:1em 1em 1em 0;
}

.article-table th {
	background: #cfc9bc;
	text-align: left;
}

.article-table th, .article-table td  {
	border: 1px #aeaaa2 solid;
	padding: 6px 12px;
}

.article-table tr:nth-child(odd) {
	background: var(--secondary);
}

.article-table tr:nth-child(even) {
	background: hsl(var(--z-secondary-h), calc(var(--z-secondary-s) * 1%), calc(var(--z-secondary-l) * (100 - var(--x-darkish)) / 90 * 1%));
}

.ajaxpoll {
	width:auto;
	border:none;
	background:initial;
}

.ajaxpoll .ajaxpoll-id-info {
	display:none;
}

/* Sitenotice */
#centralNotice {
	position: relative;
}
.mw-dismissable-notice {
    background: var(--content-color);
    border-color: var(--heading-border);
    box-shadow: none;
}
.mw-dismissable-notice-body.mw-dismissable-notice-body.mw-dismissable-notice-body {
	margin:0;
}
.mw-dismissable-notice-body .wikitable {
	margin:0;
}