MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

.nomobile { display: none; }

/* Header */ .header-container.header-chrome, background: transparent; }
 * 1) mw-mf-page-center {

.overlay #secondary-button.user-button, .header #secondary-button.user-button, .overlay .user-button, .header .user-button { background: transparent; }

/* search header */ .pre-content #page-actions { background-color: rgba(0, 0, 0, 0.85) !important; }

.overlay { background-color: rgba(0, 0, 0, 0.85); }

.overlay .overlay-header-container { background-color: rgba(0, 0, 0, 0.85) !important; }

.search-overlay .overlay-header, .search-overlay .results { background-color: rgba(0, 0, 0, 0.85) !important; color: #D5D4D4; }

.search-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85) !important; }

ul.suggestions-results, ul.suggestions-results li { background-color: rgba(0, 0, 0, 0.85); color: #D5D4D4; }

ul.suggestions-results li.suggestions-result { color: #D5D4D4; }

/* end header */ /* hamburger menu */ .view-border-box:not(#ca-watch):not(.toc-mobile) * { background: #000000; border-color: #505050; color: #e0e0e0; }

.client-js .toc-mobile, .view-border-box:not(#ca-watch) { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid #404040 !important; }

.mw-ui-button, .last-modified-bar #mw-mf-last-modified { background-color: rgba(0, 0, 0, 0); color: #D5D4D4; }

/* general header */ background-color: rgba(0, 0, 0, 0.85); }
 * 1) mw-mf-header form,
 * 2) mw-mf-sq {

/* non-content area */ body { background: #000000 url("https://witcher.gamepedia.com/media/witcher.gamepedia.com/3/33/Tw3_wiki_bg.jpg") no-repeat fixed center top / 100% auto; color: #D5D4D4; }

footer .last-modified-bar { background-color: #000000; }

footer { background-color: #000000; border-top: 1px solid #394147; color: #D5D4D4; }

footer a { color: #7AB1CC; }

footer h2 { color: #7AB1CC; }

/* Interlanguage links */ .language-overlay { background: #000000 !important; }

.language-overlay .list-header { background: #000000; }

.language-overlay .site-link-list a .autonym { color: #7AB1CC !important; }

/* content area */ .overlay-enabled, background-color: rgba(0, 0, 0, 0.8); border: 1px solid #394147; color: #D5D4D4; }
 * 1) content {

background-color: transparent; padding: 10px; }
 * 1) bodyContent {

a, a:visited, a.external, a:not([href]), nav ul.hlist li a { color: #7AB1CC; }

h1, h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #404040; color: #D5D4D4; }

h3, h4, h5, h6 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #D5D4D4; }

.thumb, li.gallerybox div.thumb { background-color: rgba(0, 0, 0, 0); border: 1px solid #394147; }
 * 1) content_wrapper .thumb,

.content table th { background-color: rgba(0, 0, 0, 0); }

.content table td, .content table th { border: 1px solid #404040; padding: 3px; }

.content table.wikitable { background-color: rgba(0, 0, 0, 0); margin: auto; margin-bottom: 1em; }

.content table.wikitable > tr > th, .content table.wikitable > tr > td, .content table.wikitable > * > tr > th, .content table.wikitable > * > tr > td { border: 1px solid #404040; }

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: rgba(0, 0, 0, 1); padding: 3px; }

.mwm-notice, background-color: rgba(0, 0, 0, 0); border: 2px solid #394147; border-radius: 5px 5px 5px 5px; }
 * 1) searchbox {

.divclearable, .jsEnabled #mw-mf-main-menu-button { background-color: rgba(0, 0, 0, 0); }

a.back_to_top, a.back_to_top:visited { margin-top: 7px; }

/* INFOBOXES: game or book depended color style */ .infoboxtable { background: #000000; background-image: -moz-linear-gradient(center top, #1A1D20 60%, #0A0B0C 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(60%,#1A1D20), color-stop(100%,#0A0B0C)); background-image: -webkit-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: -o-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: -ms-linear-gradient(top, #1A1D20 60%, #0A0B0C 100%); background-image: linear-gradient(to bottom, #1A1D20 60%, #0A0B0C 100%); border: 1px solid #404040; color: #ffffff; float: right; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 300px; }

.infoboxtable td { vertical-align: top; }

.infoboxtable td > div { background-color: rgb(41, 43, 46); border: 2px solid inherit; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxtable td > .tabber.tabberlive { background-color: rgba(0, 0, 0, 0); }

div.infoboxtable td * ul.tabbernav { text-align: center; }

.infoboxtable td > .tabber .tabbertab { padding: 0; }

.infoboxname1, .infoboxname2, .infoboxname3, .infoboxnamebook, .infoboxnamenv, .infoboxnamefilmtv { font-size: 110%; font-weight: bold; padding: 0.5em; }

/* Infobox-Icons */ div.icons { display: table-cell; vertical-align: middle; text-align: center; }

div.icons img, div.icons span { display: inline-block; }

div.icons span { width: 280px; }

div.icons img { margin-top: -0.5em; margin-bottom: -0.5em; } /* end Infobox-Icons */

.infoboxdetails1, .infoboxdetails2, .infoboxdetails3, .infoboxdescription1, .infoboxdescription2, .infoboxdescription3, .infoboxdetailsbook, .infoboxdetailsnv { padding: 0em; }

.infoboxname1, .infoboxdetails1, .infoboxdescription1 { background: #C0C0C0; background-image: -moz-linear-gradient(center top, #C0C0C0 0%, #505050 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#C0C0C0), color-stop(100%,#505050)); background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: -o-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: -ms-linear-gradient(top, #C0C0C0 0%, #505050 100%); background-image: linear-gradient(to bottom, #C0C0C0 0%, #505050 100%); color: #000000; }

.infoboxname2, .infoboxdetails2, .infoboxdescription2 { background: #d2801e; background-image: -moz-linear-gradient(center top, #d2801e 0%, #653f03 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#d2801e), color-stop(100%,#653f03)); background-image: -webkit-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: -o-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: -ms-linear-gradient(top, #d2801e 0%, #653f03 100%); background-image: linear-gradient(to bottom, #d2801e 0%, #653f03 100%); color: #000000; }

.infoboxname3, .infoboxdetails3, .infoboxdescription3 { background: #AB0000; background-image: -moz-linear-gradient(center top, #AB0000 0%, #4A040A 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#AB0000), color-stop(100%,#4A040A)); background-image: -webkit-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: -o-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: -ms-linear-gradient(top, #AB0000 0%, #4A040A 100%); background-image: linear-gradient(to bottom, #AB0000 0%, #4A040A 100%); color: #d5d4d4; }

.infoboxnamebook, .infoboxdetailsbook, .infoboxdescriptionbook { background: #824d1f; /* Old browsers */ background: -moz-linear-gradient(top, #824d1f 0%, #512300 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#824d1f), color-stop(100%,#512300)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #824d1f 0%,#512300 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #824d1f 0%,#512300 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #824d1f 0%,#512300 100%); /* IE10+ */ background: linear-gradient(to bottom, #824d1f 0%,#512300 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#824d1f", endColorstr="#512300",GradientType=0 ); /* IE6-9 */ color: #FFFFFF; }

.infoboxnamenv, .infoboxdetailsnv { background: #55B784; background-image: -moz-linear-gradient(center top, #55B784 0%, #001E0E 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#55B784), color-stop(100%,#001E0E)); background-image: -webkit-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: -o-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: -ms-linear-gradient(top, #55B784 0%, #001E0E 100%); background-image: linear-gradient(to bottom, #55B784 0%, #001E0E 100%); color: #FFFFFF; }

.infoboxnamefilmtv, .infoboxdetailsfilmtv { background: #D1E6F4; background-image: -moz-linear-gradient(center top, #D1E6F4 0%, #17405C 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#D1E6F4), color-stop(100%,#17405C)); background-image: -webkit-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: -o-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: -ms-linear-gradient(top, #D1E6F4 0%, #17405C 100%); background-image: linear-gradient(to bottom, #D1E6F4 0%, #17405C 100%); color: #000000; }

/* Collapsing sections in infoboxes */ .section-collapse { border-color: #ffffff; border-style: solid; border-width: 2px 2px 0 0; content: ""; cursor: pointer; display: inline-block; height: 7px; margin-right: 5px; position: relative; right: 0; top: 5px; transform: rotate(-45deg); vertical-align: middle; width: 7px; }

.section-collapsed { display: none; }

.collapsed-icon { margin-top: -2px; transform: rotate(135deg); }

/* collapsible sections */

.mw-ui-icon-arrow::before { filter: invert(100%); }

/* Navboxes in general */ /* Lore navboxes */

.navbox_title { background: #4A040A; color: #ffffff; font-size:90%; }

/* Newer Navbox template style */ table.navbox { border: 1px solid #67676; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; }

/* Border between adjacent navboxes */ table.navbox + table.navbox { margin-top: -1px; }

.navbox-title, .navbox-abovebelow, table.navbox th { padding-left: 1em; padding-right: 1em; text-align: center; }

.navbox-group { font-weight: bold; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

/* Base background */ .navbox, .navbox-subgroup { background: #0f0f0f; }

.navbox-list { border-color: #0f0f0f;  /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: #151414; color: #fff; }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #1c1b1b; color: #fff; }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #242222; color: #fff; }

/* Even row striping */ .navbox-even { background: #1C1E20; color: #fff; }

/* Odd row striping */ .navbox-odd { background: transparent; } .collapseButton { font-weight: normal; width: auto; }

.navbox .collapseButton { width: 6em; } .navbar { font-size: 88%; font-weight: normal; }

.navbox .navbar { font-size: 100%; } table.collapsed tr.collapsible { display: none; } /* End of new Navbox styling */

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { -moz-border-bottom-colors: transparent !important; -moz-border-left-colors: transparent !important; -moz-border-right-colors: transparent !important; -moz-border-top-colors: #434647 !important; border-top-bottom: transparent !important; border-top-left: transparent !important; border-top-right : transparent !important; border-top-color: #434647 !important; border-image: none !important; border-style: solid none none !important; border-width: 1px medium medium !important; }

ul.tabbernav { border-bottom: none !important; }

ul.tabbernav li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #000000 !important; border: 1px solid #434647 !important; border-image: none; border-radius: 5px 5px 0 0 !important; margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:link { color: #7AB1CC !important; }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #000000 !important; border-color: #434647 !important; color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a { background-color: #000000 !important; color: #FFFFFF !important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #000000 !important; border-bottom: 1px none !important; padding: 2px 0.5em 4px !important; }

div#mf-content * ul.tabbernav { text-align:center; }

/* Recent changes */ .content .mw-changeslist table td { border: none; padding: 1px; }