MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */
/******************
/* General styles *
/******************/
body, body.navigation-enabled #mw-mf-page-center {
  color: #000000;
}

#mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {
  background: #d8ffff url("http://hydra-media.cursecdn.com/godus.gamepedia.com/8/8c/Godus-Vector-FP-Card-Background.jpg") no-repeat left center !important;
}

body.navigation-enabled .transparent-shield {
  background: rgba(216, 255, 255, 0.8) !important;
}

div#searchbox {
  border: 1px solid #ddddff;
}

#content {
  background: #ffffff url("http://hydra-media.cursecdn.com/godus.gamepedia.com/6/6e/Godus-Vector-Content-Background.jpg") no-repeat right bottom;
  border: 1px solid #ddddff;
  border-radius: 12px;
  color: #000000;
  clear: both;
  margin: 0;
  padding: 3px;
}

h1, .content h1, h2, .content h2, h3, .content h3, h4, .content h4, h5, .content h5, h6, .content h6 {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 132%;
  color: #494c56;
  border-bottom: 1px solid #ddddff;
}

h1:first-letter, .content h1:first-letter, h2:first-letter, .content h2:first-letter, h3:first-letter, .content h3:first-letter, h4:first-letter, .content h4:first-letter, h5:first-letter, .content h5:first-letter, h6:first-letter, .content h6:first-letter {
  color: #e20010;
}

#content .section {
  border-bottom: 1px solid #2A3C52;
}

#content .thumb {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  padding: 8px;
  margin-bottom: 5px;
}

table, table.wikitable, .content table, .content table.wikitable {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: none;
  background: transparent;
  color: #000000;
  padding: 3px;
  margin: auto; 
  margin-bottom: 5px;
}

table th, table.wikitable th, .content table th, .content table.wikitable th {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 110%;
  color: #494c56;
  border: none;
  border-radius: 2px;
  background: #e1d28c;
  margin: 0;
  padding: 0 3px 3px 3px;
}

table th:first-letter, table.wikitable th:first-letter, .content table th:first-letter, .content table.wikitable th:first-letter {
  color: #e20010;
}

table td, table.wikitable td, .content table td, .content table.wikitable td {
  color: #000000;
  border: 1px solid #ddddff;
  border-radius: 2px;
  background: transparent;
  vertical-align: middle;
  padding: 4px 8px;
}

div#footer {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  margin: 0 10px 10px 10px;
  padding: 8px;
}

.mwm-notice {
  border: none;
  background: transparent;
  color: #000000;
}

pre, .mw-code {
  border: 1px solid #ddddff;
  border-radius: 2px;
  background: #ffffff;
  color: #000000;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  color: #000000;
}

input, select, textarea {
  border: 1px solid #ae8318;
  border-radius: 2px;
  background: #ffffff;
  color: #000000;
  padding: 2px 2px;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  border: none;
  border-radius: 12px/6px;
  background: #7aab37;
  color: #ffffff;
  padding: 2px 2px;
}

#mf-notification {
  border: 1px solid #ddddff !important;
  border-radius: 8px;
  background: #ffffff !important;
  color: #000000 !important;
}

.toast {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
}

.drawer {
  background: #ffffff !important;
}

/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
  border-left: 12px solid #af8217 !important;
  background: #d8ffff url("http://hydra-media.cursecdn.com/godus.gamepedia.com/8/8c/Godus-Vector-FP-Card-Background.jpg") no-repeat right center !important;
}

#mw-mf-page-left {
  border-left: 12px solid #af8217;
  background: transparent;
}

#mw-mf-page-left ul {
  background: #dda98f;
}

#mw-mf-page-left ul:first-child {
  border-bottom: 12px solid #af8217;
}

#mw-mf-page-left ul li {
  border-top: 1px solid #af8217;
  border-bottom: 1px solid #af8217;
  background: transparent;
  text-shadow: none;
}

#mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {
  border: none;
  color: #0645ad;
}

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #e20010;
  background: transparent;
}

#mw-mf-page-left ul.hlist li:hover {
  border: none;
}

#mw-mf-page-left ul li:hover a, #mw-mf-page-left ul.hlist li:hover a {
  color: #000000;
}

/***************
/* Link styles *
/***************/
a, a:link {
  color: #0645ad;
}

a:visited {
  color: #0b0080;
}

a.new {
  color: #ba0000 !important;
}

a.new:visited {
  color: #a55858 !important;
}

a.stub {
  color: #772233;
}

a.stub:visited {
  color: #772233;
}

a.extiw, a.external {
  color: #3366bb;
}

a.extiw:visited, a.external:visited {
  color: #663366;
}

a:active {
  color: #faa700 !important;
}

/***************************
/* Template example styles *
/***************************/
span.templateexmaple {
  font-family: fixed-width;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #555555;
  font-style: italic;
}

/********************
/* Notice templates *
/********************/
.topNotice {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  padding: 3px;
}

.topNotice .heading { 
  font-size: 132%;
}

.topNotice.delete {
  border: 1px solid #ff9999;
  background: #ffbbbb;
  color: #000000;
}

.topNotice.move, .topnotice.merge, .topnotice.split {
  border: 1px solid #ffcc99;
  background: #ffddbb;
  color: #000000;
}

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
  border: 1px solid #99ff99;
  background: #bbffbb;
  color: #000000;
}

.topNotice.offtopic {
  border: 1px solid #99ffff;
  background: #bbffff;
  color: #000000;
}

/******************
/* Image licenses *
/******************/
div.imageLicense {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  padding: 3px;
}

div.imageLicense table {
}

div.imageLicense p {
}

div.licenseHeading {
  font-size: 150%;
  font-weight: bold;
}

/*********************
/* Front page styles *
/*********************/
.fpcolumns {
  min-width: auto !important;
  width: auto !important;
  max-width: auto !important;
}

.fpouter {
  padding: 0;
  margin: 10px -10px 0 -10px;
}

.fplogo {
  display: none;
}

table.fprow {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  margin: 5px 0 0 0;
  padding: 0;
  width: 100%;
}

.fpcolleft {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.fpcolcenter {
  float: left;
  margin: 0;
  padding: 0;
}

.fpcolright {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

.fpbanner {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  padding: 3px;
}

.fpbannertable {
  display: table; 
  width: 100%; 
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  display: inline-block;
  text-align: center;
  width: 100%; 
}

.fpbox {
  border: none;
  border-radius: 12px;
  box-shadow: 0 0 5px 0 #e20010,
              5px 5px 5px #494c56;
  background: #ffffff;
  color: #000000;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.fpbox img { 
  max-width: 100%; 
  height: 100%; 
}

.fpbox .heading {
  border-radius: 8px 8px 0 0;
  background: #e1d28c;
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 132%;
  color: #494c56;
  margin: 0 0 5px 0;
  padding: 5px 5px 0.17em 5px;
}

.fpbox .heading:first-letter {
  color: #e20010;
}

.fpbox .body {
  border-radius: 0 0 8px 8px;
  background: #d8ffff url("http://hydra-media.cursecdn.com/godus.gamepedia.com/8/8c/Godus-Vector-FP-Card-Background.jpg") no-repeat center center;
  border: 1px solid #ddddff;
  margin: 0 0 0 0;
  padding: 0 5px 5px 5px;
}

.fpcolleft .fpbox {
  margin-right: 5px;
}

.fpcolcenter .fpbox {
  margin-left: 5px;
  margin-right: 5px;
}

.fpcolright .fpbox {
  margin-left: 5px;
}

.fpbox .inlineHeading {
  display: inline-block;
  font-weight: bold;
}

.fpbox .inlineBody {
  width: auto;
}

.fpbox .heading {
  font-size: 150%; 
  font-weight: bold;
}

.fpbox .body {
  height: 100%;
}

.fpplainbox {
  padding: 0 5px 0 5px;
  margin: 0 5px 5px 5px;
  vertical-align: top;
}

/******************
/* Infobox styles *
/******************/
#bodyContent .infobox {
  float: right;
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  vertical-align: top;
  width: 40%;
  margin-left: 1em;
  padding: 3px;
}

#bodyContent .infobox2 {
  clear: right;
}

#bodyContent .infobox .title {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  overflow: auto;
}

#bodyContent .infobox img {
}

#bodyContent .infobox .caption {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  font-size: 94%;
  text-align: center;
}

#bodyContent .infobox .body {
}

#bodyContent .infobox .image {
  text-align: center;
}

#bodyContent .infobox .image .image {
}

#bodyContent .infobox .image img {
}

#bodyContent .infobox .image .image img {
}

#bodyContent .infobox table {
  width: 100%;
}

#bodyContent .infobox table tr th {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 110%;
  color: #494c56;
  border: none;
  border-radius: 2px;
  background: transparent;
  vertical-align: top;
  white-space: nowrap;
  width: 1%;
}

#bodyContent .infobox table tr td {
  color: #000000;
  border: none;
  background: transparent;
  text-align: left;
  vertical-align: center;
}

#bodyContent .infobox table tr td.subtitle {
  font-size: 132%;
  font-weight: bold;
  text-align: center;
}

#bodyContent .infobox table tr td.listlabel {
  font-size: 116%;
  font-weight: bold;
  text-align: center;
}

#bodyContent .infobox table tr td.listentries {
  text-align: center;
}

/*********************
/* Navigation tables *
/*********************/
table.nav {
  border: none;
  background: transparent;
  color: #000000;
  cell-spacing: 0;
  margin: 0 auto 10px auto;
  padding: 0;
  clear: both;
}

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
  font-family: Georgia, serif;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 116%;
  color: #494c56;
  border: none;
  border-radius: 2px;
  background: #e1d28c;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0 5px 5px 5px;
}

table.nav th:first-letter, table.nav tr th:first-letter, table.nav > tr > th:first-letter, table.nav > * > tr > th:first-letter {
  color: #e20010;
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
  color: #000000;
  border: 1px solid #ddddff;
  border-radius: 2px;
  background: transparent;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
  padding: 0;
}

table.nav td .item {
  display: inline-block;
  border-right: 1px solid #cccccc;
  margin: 3px 0 6px 0;
  padding: 0 11px 2px 11px;
}

table.nav td .item:last-child {
  border: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid #ddddff;
  border-radius: 8px;
  background: none;
  color: #000000;
  overflow: auto;
  padding: 3em;
}

span.bullet {
  font-size: 1%;
}

span.bullet:after {
  font-size: 10000%;
  content: "•";
}

.dablink {
  padding: 3px 3em 10px 3em;
  font-style: italic;
}

span.ghost {
  color: #555555; /* For any text that appear fainter for some reason */
}

.columns {
  padding: 0;
  margin: 10px -10px 0 -10px;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .column {
  margin-left: 10px;
  margin-right: 10px;
}

div#content .columns .leftcol > *, div#content .columns .centercol > *, div#content .columns .rightcol > * {
  margin-left: 10px;
  margin-right: 10px;
}

div#content .columns .leftcol > ul, div#content .columns .centercol > ul, div#content .columns .rightcol > ul {
  margin-left: 15px;
  padding-left: 15px;
  margin-right: 10px;
}

div#content .columns .leftcol .column > *, div#content .columns .centercol .column > *, div#content .columns .rightcol .column > * {
  margin-left: 0;
  margin-right: 0;
}