MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ .nomobile { display: none; }

.client-js .toc-mobile { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid #505050 !important; }

/* Tables are tables, not blocks................... */ table { display: table; max-width: 100% !important; }

html, body, .primary-navigation-enabled { }

body #mw-mf-page-center, body.navigation-enabled #mw-mf-page-center { background: none; color: #333; }

div#content { background: rgba(255,255,255,.9); border: solid 1px #ecb31c; margin: .5em; padding: .5em; }

a { color: #1d73a4; }

a:visited, a:hover { color: #4193cc; }

padding: 0 0.4em; background: white; }
 * 1) mf-section-0 {

.page-heading { padding: 0 2em; margin-bottom: 0; }

.page-actions-menu { padding: 0 0.8em; }

text-align: center; background: white; padding-bottom: 1.5em; }
 * 1) page-secondary-actions {

border-top: 0; padding-bottom: 0; }
 * 1) content {

.content h2, .content h3, .content h4, .content h5 { padding: 0.5em 0.5em; }

.banner-container, .pre-content, .mw-parser-output { background: white; }

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

.content#bodyContent, .pre-content, .post-content { max-width: unset; margin: unset; }

.mwm-notice, #searchbox { background: rgba(255,255,255,.9); border: solid 1px #ecb31c; }

table.wikitable { background: none; border: none; border-collapse: collapse; border-spacing: 0; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #ecb31c; border: solid 1px #ecb31c; color: #fff; }

table.wikitable > tr > td, table.wikitable > * > tr > td { background: none; padding: 0.4em; background-color: #fff; border: solid 1px #ecb31c; }

table.cargoTable td { border: none; }

table.cargoTable tr { background: none !important; /* Used to override Cargo extention CSS where its specificity is higher */ }

table.cargoTable > * > tr > th { background-color: #ecb31c; color: #fff; border: solid 1px #ecb31c; }

table.cargoTable > * > tr > td { background-color: #fff !important; /* See above "important" note */ border: solid 1px #ecb31c; padding: 0.4em }

table.cargoTable { border-collapse: collapse; border-spacing: 0; border: none; }

table.cargoTable, table.wikitable { margin: 0 0.5em; }

td > table th > div { margin: 0 auto; } td > table th > a { display: block; max-width: 100px; }

table.infobox { background: white; border: 1px solid #ecb31c; border-spacing: 2px; width: 20em; float: right; margin: 0 0 2em 1em; }

table.infobox > tr > td, table.infobox > * > tr > td { background: none; padding: 0 .5em; text-align: right; }

table.infobox > tr > th, table.infobox > * > tr > th { padding-left: .5em; padding-right: .5em; color: white; background: #ecb31c; }

table.infobox > tr > th.name, table.infobox > * > tr > th.name, table.infobox > tr > th.title, table.infobox > * > tr > th.title { font-size: 120%; text-align: center; background: #ecb31c; color: white; }

table.infobox > tr > th.section, table.infobox > * > tr > th.section { text-align: center; }

table.infobox { border-spacing: 2px !important; float: none; }

table.infobox .header { display: table-cell; }

table.infobox { margin-right: auto; margin-left: auto !important; border: solid 1px #ecb31c; max-width: 21em !important; width: auto !important; display: table; }

footer { background: rgba(255,255,255,.9); color: #333; }

footer-info-mobile-switcher a, footer-info-mobile-switcher a:visited, footer-info-mobile-switcher a.external { color: #1d73a4; font-weight:bold; }

footer.minerva-footer, #curse-footer { margin: 0; padding: 0; border: none; }

.footer-content > *:not(.footer-hydra) { margin: 0 1em; }

width: 100%; }
 * 1) footer-hydra-hydrafooter {

span.spoiler { color: #CCC; background-color: #CCC; border-bottom: 1px dashed #00F; padding: 0 3px; }

span.spoiler:hover { color: #000; }

/* Front page styles */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { border: 1px solid #ecb31c; box-shadow: 0 2px 5px #333; background: rgba(0, 0, 0, 0.25); color: #9ccad2; margin: 0 5px 5px 5px; padding: 5px; min-height: 80px; }

.fpbannertable { display: table; border: none; background: transparent; width: 100%; min-height: 75px; margin: 0; padding: 5px; }

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

.fpbannerblock { border: none; color: #ffffff; font-weight: bold; text-shadow: 0 0 8px rgba(255, 255, 255, 0.75); font-size: 132%; width: 100%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox:not(.plain) { border: 1px solid #ecb31c; background: rgba(255, 255, 255, 0.90); color: black; margin: 4px 4px 4px 4px; padding: 5px 5px 5px 5px; box-sizing: border-box; }

.fpbox .mainheading { border: none; border-bottom: 2px solid #333; color: #ecb31c; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox > *:not(.mainheading):not(.heading) { overflow: auto; }

.fpbox .heading { background: #ecb31c; color: white; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; letter-spacing: 1px; font-weight: bold; }

.fpwelcome .fpbox div:not(.nomobile):not(.center):not(.floatnone) { text-align: center; }

.fpicon { text-align: center; margin: 4px; display: inline-block; }

@media (min-width: 290px) { .fpgrid { display: grid; grid-template-columns: repeat(1,1fr); justify-content: center; box-sizing: border-box; } }

@media (min-width: 790px) { .fpgrid { display: grid; grid-template-columns: repeat(2,1fr); justify-content: center; box-sizing: border-box; } }

.boxflex { display: flex; justify-content: center; flex-wrap: wrap; }

.fpbox.plain { border: none; box-shadow: none; background: transparent; }

.fpimagelist ul { list-style-type: none; list-style-image: none; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; }

.fpvideo { display: inline-block; margin: 0 5px; }