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; }

.header-container.header-chrome { background: #e1d28c; }

background: #d8ffff url("https://static.wikia.nocookie.net/godus_gamepedia/images/8/8c/Godus-Vector-FP-Card-Background.jpg/revision/latest?cb=20130920084056") no-repeat left center !important; }
 * 1) mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {

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

.overlay-enabled, #content { background: transparent; }

background: #ffffff url("https://static.wikia.nocookie.net/godus_gamepedia/images/6/6e/Godus-Vector-Content-Background.jpg/revision/latest?cb=20121220012343") no-repeat right bottom; border: 1px solid #ddddff; border-radius: 12px; color: #000000; clear: both; margin: 0; padding: 3px; }
 * 1) content {

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; }

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

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

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; }

input#searchInput { background-color: #ffffff !important; }

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

.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("https://static.wikia.nocookie.net/godus_gamepedia/images/8/8c/Godus-Vector-FP-Card-Background.jpg/revision/latest?cb=20130920084056") no-repeat right center !important; }

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

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

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

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

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

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

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

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

/*************** /* 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("https://static.wikia.nocookie.net/godus_gamepedia/images/8/8c/Godus-Vector-FP-Card-Background.jpg/revision/latest?cb=20130920084056") 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 * /******************/ float: right; border: 1px solid #ddddff; border-radius: 8px; background: none; color: #000000; vertical-align: top; width: 40%; margin-left: 1em; padding: 3px; }
 * 1) bodyContent .infobox {

clear: right; }
 * 1) bodyContent .infobox2 {

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

}
 * 1) bodyContent .infobox img {

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

}
 * 1) bodyContent .infobox .body {

text-align: center; }
 * 1) bodyContent .infobox .image {

}
 * 1) bodyContent .infobox .image .image {

}
 * 1) bodyContent .infobox .image img {

}
 * 1) bodyContent .infobox .image .image img {

width: 100%; }
 * 1) bodyContent .infobox table {

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%; }
 * 1) bodyContent .infobox table tr th {

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

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

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

text-align: center; }
 * 1) bodyContent .infobox table tr td.listentries {

/********************* /* 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; }