MediaWiki:Mobile.css

/****************** /* General styles * /******************/ body, body.navigation-enabled #mw-mf-page-center { color: #222222; }

.skin-minerva .search-overlay, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center { background: #ffffff url(https://static.wikia.nocookie.net/lethispop_gamepedia/images/f/f3/Halftone.png/revision/latest) repeat top left !important; }
 * 1) mw-mf-page-center,

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

.header-container.header-chrome h1 { border: none; }

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

.overlay-enabled, background: transparent; }
 * 1) content {

h1, .content h1, h2, .content h2 { font-family: 'Droid Serif', Georgia, serif; color: #243e5c; border-bottom: 1px solid #dddddd; }

h3, .content h3, h4, .content h4 { font-family: 'Droid Serif', Georgia, serif; color: #243e5c; border-bottom: 1px solid #eeeeee; }

h5, .content h5, h6, .content h6 { font-family: 'Droid Serif', Georgia, serif; color: #243e5c; }

border-bottom: 1px solid #cccccc; }
 * 1) content_wrapper .section {

background: #ffffff; border: 4px solid #dadee3; color: #222222; 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: 2px solid #e6e6e6; background: #f2f2f2; color: #222222; padding: 3px; margin: auto; margin-bottom: 5px; }

table th, table.wikitable th, .content table th, .content table.wikitable th { border: 1px solid #e6e6e6; background: #e6e6e6; font-family: 'Droid Serif', Georgia, serif; font-weight: bold; color: #000000; margin: 0; padding: 0 3px 3px 3px; }

table td, table.wikitable td, .content table td, .content table.wikitable td { border: 1px solid #e6e6e6; background: #f2f2f2; color: #222222; vertical-align: middle; padding: 4px 8px; }

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

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

code { color: #ffffff; }

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

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

background: #ffffff !important; border: 4px solid #dadee3 !important; color: #222222 !important; }
 * 1) mf-notification {

.toast { background: #ffffff; border: 4px solid #dadee3; color: #222222; }

.drawer { background: #ffffff !important; }

/******************** /* Main menu styles * /********************/ .primary-navigation-enabled { border-left: 12px solid #576f87 !important; background: #243e5c !important; }

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

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

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

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

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

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

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

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

/*************** /* Link styles * /***************/ a, a:link { color: #255e9f; }

a:visited { color: #1f75cd; }

a:active { color: #298eff; }

a.new { color: #298eff !important; }

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

a.new:active { color: #ff3701 !important; }

a.stub { color: #5f8d23; }

a.stub:visited { color: #7abc1c; }

a.stub:active { color: #9fff15; }

a.extiw, a.external { color: #238d87; }

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

a.extiw:active, a.external:active { color: #01fff0; }

/*************************** /* 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: #777777; font-style: italic; }

/******************** /* Notice templates * /********************/ .topNotice { background: #ffffff; border: 4px solid #dadee3; color: #222222; padding: 3px; }

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

.topNotice.delete { background: #ffcdcd; }

.topNotice.move, .topnotice.merge, .topnotice.split { background: #ffe6cd; }

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough { background: #cdffcd; }

/****************** /* Image licenses * /******************/ div.imageLicense { background: #ffffff; border: 4px solid #dadee3; color: #222222; padding: 3px; }

div.imageLicense table {}

div.imageLicense p {}

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

/****************** /* Infobox styles * /******************/   background: #ffffff; border: 4px solid #dadee3; color: #222222; vertical-align: top; width: 100%; margin-left: 1em; padding: 3px; }
 * 1) bodyContent .stdinfobox {

font-family: 'Droid Serif', Georgia, serif; font-size: 150%; font-weight: bold; color: #243e5c; border-bottom: 1px solid #dddddd; text-align: center; overflow: auto; }
 * 1) bodyContent .stdinfobox .title {


 * 1) bodyContent .stdinfobox img {}

border: 1px solid #e6e6e6; background: transparent; font-size: 94%; text-align: center; }
 * 1) bodyContent .stdinfobox .caption {


 * 1) bodyContent .stdinfobox .body {}

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


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


 * 1) bodyContent .stdinfobox .image img {}


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

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

border: none; background: transparent; font-family: 'Droid Serif', Georgia, serif; font-weight: bold; color: #000000; text-align: left; vertical-align: top; white-space: nowrap; width: 1%; }
 * 1) bodyContent .stdinfobox table tr th {

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

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

font-family: 'Droid Serif', Georgia, serif; font-size: 116%; font-weight: bold; color: #243e5c; border-bottom: 1px solid #dddddd; text-align: center; }
 * 1) bodyContent .stdinfobox table tr td.listlabel {

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

/********************* /* Navigation tables * /*********************/ table.nav { border: 2px solid #e6e6e6; background: #f2f2f2; color: #222222; border-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 { border: 1px solid #e6e6e6; background: #e6e6e6; font-family: 'Droid Serif', Georgia, serif; font-weight: bold; font-size: 116%; color: #000000; text-align: center; vertical-align: top; margin: 0; padding: 0 5px 5px 5px; }

table.nav td, table.nav tr td, table.nav>tr>td, table.nav>*>tr>td { border: 1px solid #e6e6e6; background: #f2f2f2; color: #222222; 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: 2px solid #e6e6e6; margin: 3px 0 6px 0; padding: 0 11px 2px 11px; }

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

/****************** /* General styles * /******************/ .contentbox { background: #ffffff; border: 4px solid #dadee3; color: #222222; 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: #777777; /* For any text that appear fainter for some reason */ }

.columns { padding: 0; margin: 10px 0 0 0; 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; }

/* non-content area */ .globalNotice { position: relative; color: white; }

.page-Main_Page.is-authenticated .pre-content { display: none; }

.notification-count { background: transparent; }

/* Front page (FP) styles */

.fpbox { margin: 5px; padding: 5px; overflow: auto; background-color:rgba( 126, 82, 54, .2 ); box-shadow:rgba(25, 35, 41, 1) 0 0.1em 0.5em; border-radius:0.3em; }

.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; border: 0; border-bottom: 1px solid #505050; }

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

.fpbox .heading { text-align: center; font-size: 132%; background-color:#a88b66; border:1px solid #7b5b44; color:#eee; }

.fpbox .heading a { color:#eee; }

/*** mobile front page collapse ***/ .fpbox.mobilecollapsible .heading a.togglecollapse { display: block; padding: 0 0 0 15px; }

.fpbox.mobilecollapsible .heading a.togglecollapse:active, .fpbox.mobilecollapsible .heading a.togglecollapse:hover { text-decoration: none; }

.fpbox.mobilecollapsible.collapsed .heading { border: none; margin-bottom: -4px; }

.fpbox.mobilecollapsible .heading a.togglecollapse { position: relative; }

.fpbox.mobilecollapsible .heading a.togglecollapse:before { content: ""; width: 12px; height: 12px; background-image: url("/skins/Vector/images/arrow-down.png"); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E"); position: absolute; left: 0; top: 50%; margin-top: -6px; }

.fpbox.mobilecollapsible.collapsed .heading a.togglecollapse:before { transform: rotate(-90deg); }

.fpbox.mobilecollapsible.collapsed .body { display: none; }