MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ /* Header and footer */ .header-container.header-chrome, background: #212121; }
 * 1) mw-mf-page-center {

.header .branding-box h1 span { color:white; }

.notification-count.notification-unseen, .notification-count { background: transparent; }

.nomobile { display: none; }

/* fonts */ @font-face { font-family: 'Roboto-Black'; src: local('Roboto-Black'), local('Roboto-Black'), url(/media/hydra/fonts/Roboto-Black.ttf) format('truetype'); }

body.mediawiki #mw-mf-page-center { background-color: #4C4A45; background: url("https://static.wikia.nocookie.net/toothandtail_gamepedia/images/b/b1/Bg_tnt.png/revision/latest") no-repeat fixed center center / cover rgba(0, 0, 0, 0); -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; color:white; }

.overlay-enabled, footer { background-color: rgba(0, 0, 0, 0.6); }
 * 1) content,

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1.3; padding-bottom: 0.5em; padding-left: 0; padding-right: 0; padding-top: 0.5em; font-family: "Roboto-Black"; text-transform: uppercase; }

.overlay { background-attachment: scroll; background-clip: border-box; background-color: #4C4A45; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; box-sizing: border-box; left: 0; padding-top: 3.35em; position: absolute; top: 0; width: 100%; z-index: 4; }

/* effect */ .glow { -webkit-filter: drop-shadow(0px 0px 10px #666666); filter: drop-shadow(0px 0 3.5px gray) drop-shadow(1px 1px 1px gray); }

/* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: #4C4A44; border: 1px solid red; color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; border-radius: 5px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("https://static.wikia.nocookie.net/toothandtail_gamepedia/images/2/20/Splat.png/revision/latest"), linear-gradient(to bottom, #afb1be 0%, #858894 66%, #676775 100%); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxname { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("https://static.wikia.nocookie.net/toothandtail_gamepedia/images/2/20/Splat.png/revision/latest"), linear-gradient(to bottom, #afb1be 0%, #858894 66%, #676775 100%); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; font-size: 110%; font-weight: bold; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.5em; text-align: center; }

.infoboxdetails { padding: 0em; }

a, a:visited, a:active { color: #41A8FC; }

a:hover { color:red; }

.client-js .toc-mobile .collapsible-heading { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url("https://static.wikia.nocookie.net/toothandtail_gamepedia/images/2/20/Splat.png/revision/latest"), linear-gradient(to bottom, #afb1be 0%, #858894 66%, #676775 100%); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: auto auto; border-bottom-color: -moz-use-text-color; border-bottom-style: none; border-bottom-width: medium; font-family: "Helvetica Neue","Helvetica","Nimbus Sans L","Arial","Liberation Sans",sans-serif; font-size: 0.8em; font-weight: bold; padding-bottom: 0.7em; padding-left: 0; padding-right: 0; padding-top: 0.7em; }

.client-js .toc-mobile { background-color: #4c4a44 !important; border: 1px solid #DD3F09; }

.globalNotice { color: black; position: relative; }

.header .branding-box { color: black; font-weight: bold; width: 11.0625em; }

/* this section governs the responsive 3 column main page layout */ .fpmain { width: 100%; overflow: hidden; z-index: 1; }

.fpbanner { background: rgba(0, 0, 0, 0.1); border: 1px solid #505050; box-shadow: 0 2px 5px #505050; color: #B3B4B7; 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; }

.fpmidsections { float: left; width: 100%; overflow: hidden; }

.fpbox { background: rgba(0, 0, 0, 0.1); border: 1px solid gray; box-shadow: 0 2px 5px gray; color: white; margin: 5px; padding: 5px; overflow: auto; }

.fpbox .mainheading { border: none; border-bottom: 1px solid #505050; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpbox .heading { border: none; border-bottom: 1px solid #505050; text-align: center; font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: auto; }

.fpmain .columns .leftcol { width: 100%; margin: 0; padding: 0; }

.fpmain .columns .rightcol { width: 100%; margin: 0; padding: 0; }

.fpsection1, .fpsection2, .fpsection3, .fpsection4 { float: left; clear: both; width: 100%; }

div.fp2columnonly, div.fp3columnonly { display: none; }

@media (min-width: 790px) { .fpsection1 { float: left; clear: none; width: 50%; }

.fpmidsections { clear: none; float: right; width: 50%; }

.fpsection4 { float: left; clear: none; width: 50%; }

div.fp2columnonly { display: block; } }

@media (min-width: 990px) { .fpmain .columns .leftcol { float: left; width: 50%; margin: 0; padding: 0; }

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

@media (min-width: 1390px) { .fpmidsections { clear: none; float: right; width: 66.667%; }

.fpsection1 { clear: none; width: 33.333%; }

.fpsection2 { clear: none; width: 50%; }

.fpsection3 { clear: none; width: 50%; } .fpsection4 { clear: left; width: 33.333%; }

div.fp2columnonly { display: none; }

div.fp3columnonly { display: block; } }

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

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