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 {

.nomobile { display: none; }

a.watch-this-article { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */ }

/* 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: #c0c0c0; }

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

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

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

.client-js .toc-mobile { background-color: rgba(0, 0, 0, 0) !important; /* or whatever bg color you desire - but default it is white */ border: 1px solid #6c3113 !important; }

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

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

/* non-content area */ body { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background: url("/media/9/98/Bg.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 1); color: #ffffff; }

border-top: 1px solid #975020; color: #ffffff; }
 * 1) footer {

color: #d8aa52; }
 * 1) footer a {

color: #d8aa52; }
 * 1) footer h2 {

/* content area */

.overlay-enabled, #content { background: rgba(0, 0, 0, 0.7); }

a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited { color: #d8aa52; }

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

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

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

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

.content table td, .content table th { border: 1px solid #6c3113; 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 #6c3113; }

.content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: #000000; padding: 3px; }

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

.divclearable, a.watch-this-article, .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 */ .infoboxtable { background: rgba(0, 0, 0, 0); border: 1px solid #6c3113; border-radius: 10px; color: white; 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: rgba(0, 0, 0, 0); border: 2px solid inherit; border-radius: 5px; text-align:right; font-weight:bold; padding:0.5px 7px; }

.infoboxname { font-size:110%; font-weight:bold; padding:0.5em; }

.infoboxdetails, .infoboxdescription { padding:0em; }

.infoboxname, .infoboxdetails, .infoboxdescription { background: #d8aa52; /* Old browsers */ background: -moz-linear-gradient(top, #d8aa52 0%, #975020 58%, #6c3113 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8aa52), color-stop(58%,#975020), color-stop(100%,#6c3113)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8aa52 0%,#975020 58%,#6c3113 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8aa52 0%,#975020 58%,#6c3113 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8aa52 0%,#975020 58%,#6c3113 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8aa52 0%,#975020 58%,#6c3113 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8aa52', endColorstr='#6c3113',GradientType=0 ); /* IE6-9 */ border-color: #6c3113; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; color: #FFFFFF; font-weight: bold; }

/* Main page Titans navigator */ border-radius: 10px; }
 * 1) mf-titans > div img {

box-shadow: 0 0 6px #d8aa52; }
 * 1) mf-titans > div img:hover {