MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Override weird default styles of tables */
table {
	display: table;
	white-space: normal;
}

/* Hide "Create with form", we don't use this feature, and it can confuse new editors */
#ca-formedit { display: none; }

/* Hide "Last updated", incorrect on bot-updated pages */
#mwe-lastmodified { display: none; }

/* Desktop-only styles that are applied on top of [[MediaWiki:Gadget-mainstyles.css]] */

.recipe {
	margin: 10px 0px;
}

.codex-text {
	max-width: 580px;
}

/* Redlinks to tag categories should be shown as normal links */
.infobox-tag a.new, .infobox-tag a.new:visited { color: #0645ad; }

/* Make images like "Item_icon_mechenergyfield.png" be at least 32x32 when in the infobox */
.infobox img[src*="/Item_icon"] {
  min-width: 32px;
  min-height: 32px;
  object-fit: contain;
  max-width: 128px;
}

/* Make images like "Item_image_zerchbookcase.png" be at least 128x64px when in the infobox */
.infobox img[src*="/Item_image"] {
  min-width: 128px;
  min-height: 64px;
  object-fit: contain;
  object-position: 0% 50%;
  max-height: 300px;
}

/* Infobox styles (see [[Template:Infobox item]] for an example) */
.infobox {
  float: right;
  width: 310px;
  background-color: #e9e9e9;
  line-height: normal;
  margin-left: 2px;
  margin-top: 5px;
  border-collapse: collapse;
  border: 1px solid black;
}

.infobox .title {
  background-color: #003771;
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
}

.infobox .left {
  width: 108px;
  color: #333;
  font-weight: bold;
}
.infobox .right {
  width: 243px;
  font-size:14px;
}

.infobox tr:nth-child(odd) {
  background-color: #c9c9c9;
}

.infobox td {
  vertical-align: top;
  font-size: 16px;
  padding: 10px;
  color: #333333;
  border: 1px solid black;
}

/*-------------------*/

html,body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    font-family: "Helvetica";
    font-size:1em;
}

/* main body styles */
body {
background:#003771;
font-family: "Helvetica";
}

.mw-body { 
background-color:#efefef;
color: #4a4a4a;
font-family: "Helvetica";
border:0px;
outline:1px solid #efefef;
}

.mw-body-content {
font-family: "Helvetica";
}


/* Special Case data (links, etc) */

#simpleSearch input { background-color:#fff;} /* Search Bar overrides*/
.mw-body h1 { font-family: "Helvetica";}
.mw-body-content h1 { font-family: "Helvetica";}
a.new { color:#258fda;}  /* profile links */
a.new:hover {text-decoration:underline;}  /* profile links */
a.new:visited {color:#999;}  /* profile links */

#p-personal a { color:#fff;}
#p-personal a.new, #p-personal a.new:visited { color:#ffea00;}

#p-cactions-label { color:#fff !important;}

/* header */
#mw-head {
background:#003771; 
}


/* left panel */
#mw-panel {
background:#003771;
background-color:#003771;
font-family: "Helvetica";
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2,h1,h2 {
    font-family: Helvetica;
}

/* left panel content */
#mw-panel .portal .vector-menu-content {
background:#003771;
font-family: "Helvetica";
}

#mw-panel .portal h3 {
    color: #fff;
    font-weight: 600;
    margin: 0.5em 0 0 0.66666667em;
    padding: 0.25em 0;
    cursor: default;
    border: 0;
    font-size: 0.85em;
}
#mw-panel .portal .vector-menu-content ul a {color:#ddd;}
#mw-panel .portal .vector-menu-content ul a:hover {text-decoration:underline;}
#mw-panel .portal .vector-menu-content ul a:visited {color:#999;}
#mw-panel .portal .vector-menu-content li {font-family: "Helvetica";font-size: 0.85em;}

#mw-panel .vector-menu-portal .vector-menu-heading { font-weight:bold !important;font-size:0.85em !important;color:#fff;}

/* tabs */
#vector-menu-tabs {padding-left:0px;}/*disable left padding on tabs */
#vector-menu-tabs, #vector-menu-tabs span, #mw-head #vector-menu h3 {
    background-image: url();
    background-image: linear-gradient(to bottom,rgba(167,215,249,1) 0,#a7d7f9 0%);
    background-repeat: no-repeat;
    background-size: 1px 0%;
}

#vector-menu-tabs li {background:#539be9;} 
#vector-menu-tabs li a { color:#555;} /* blue/cyan links */
#vector-menu-tabs .new a, #vector-menu-tabs .new a:visited { color: #555;} /* greyed links */
#vector-menu-tabs .new a:visited { color: #fff;background:#539be9;} 
#vector-menu-tabs .selected {background:#539be9;color:#fff;} /* light grey/white */
#mw-head .vector-menu-dropdown .vector-menu-heading {}

#vector-menu h3 span {color:#fff;}

/* Footer */
#footer li {
    color: #fff;
    margin: 0;
    margin-right:1em;
    padding: 0.5em 0;
    font-size: 0.7em;
    font-family: "Helvetica";
}

#footer li a {
color:#eac81c;
text-decoration:none;
font-family: "Helvetica";
}

#footer li a:hover {
color:#faa700;
text-decoration:underline
}

#footer li a:visited{
color:#999;
}

/* icons */
.oo-ui-icon-bell, .mw-ui-icon-bell:before {background-image: url("https://static.miraheze.org/frackinuniversewiki/1/12/Beakericon.png");}
.oo-ui-icon-tray, .mw-ui-icon-tray:before {background-image: url("https://static.miraheze.org/frackinuniversewiki/6/6e/Trayicon.png");}
#pt-userpage a { background-image: url("https://static.miraheze.org/frackinuniversewiki/9/91/Usericon.png");}


#vector-menu h3 span:after {
    content: '';
    position: absolute;
    top: 1.25em;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("https://static.miraheze.org/frackinuniversewiki/6/63/Arrowicon.png");
    background-image: linear-gradient(transparent,transparent),url("https://static.miraheze.org/frackinuniversewiki/6/63/Arrowicon.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    opacity: 0.85;
}

table.gametable, .gametable { width:100% !important}
.gametable li {  font-size:1.2em}

/* template code */
.fu_template_item { border-collapse: collapse;margin:0;padding:0;outline:1px solid #ddd;}
.fu_template_header {padding:5px 10px; color:#fff; background:#003771;font-size:1.2em; }
.fu_template_image { display:block; position:relative; text-align:center;}
.fu_template_image pre {padding:0;margin:0;border:0;background-color:#efefef;}

.stats_1 {
 padding:5px 10px;
 background:#ddd;
 display:flex;
}
.stats_2 {
 padding:5px 10px;
 background:#efefef;
 display:flex;
}
.stats_column1{
 flex:50%;
 font-weight:bold;
 text-align:left;
}
.stats_column2{
 flex:50%;
 text-align:right;
}

.section_header {
 padding:5px 10px;
 color:#fff;
 background:#003771;
 font-size:1.2em;
}
.section_header2 {
 padding:4px 8px;
 color:#fff;
 background:#314d99;
 font-size: 1.0em;
 text-align: center;
}