MediaWiki:Mobile.css

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

background: #ffffff url no-repeat top left !important; }
 * 1) mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {

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

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

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

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

footer { background: #ffffff; border: 4px solid #dadee3; color: #222222; margin: 0 10px 10px 10px; padding: 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, #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, #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; 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 { 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; }