MediaWiki:Mobile.css

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(/media/hydra/fonts/OpenSans-Regular.ttf) format('truetype'); }

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

/* search header */ .pre-content { background: none repeat scroll 0 0 #ffffff; }

.pre-content #page-actions { background: rgba(255, 255, 255, 0.85) !important; }

.overlay { background: rgba(255, 255, 255, 0.85); }

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

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

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

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

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

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

/* non-content area */ body { background: #1f1f1f; font-family: "Open Sans", sans-serif; }

background: #1f1f1f !important; }
 * 1) mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {

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

footer { border-top: 1px solid #999999; color: #ffffff; }

footer a { color: #f58120; }

footer h2 { color: #f58120; }

/* content area */ background-color: #ffffff; border-color: #999999; color: #000000; margin-top: 49px; }
 * 1) content {

body.page-Streamerpedia #content { background: #1f1f1f; border: none; }

body.page-Streamerpedia .mw-editfooter-toggler { color: #ffffff; }

body.page-Twitchpedia .mw-editfooter-list.mw-collapsible a { color: #f58120; }

a, a.external { color: #f58120; }

a:visited, a.external:visited { color: #c18555; }

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

.content table td, .content table th { border: medium none; padding: 3px; }

h1, h2 { color: #000000; }

h3, h4, h5, h6 { color: #000000; }

.thumb, background: transparent; border: 2px solid rgba(0, 0, 0, 0.2); }
 * 1) content .thumb {

table.wikitable { border: none; border-collapse: separate !important; border-spacing: 2px !important; margin: auto; margin-bottom: 1em; }

table.wikitable td { border: none; padding: 3px; background: rgba(255, 255, 255, 0); }

table.wikitable th { background: rgba(224, 224, 224, 0); border: none; padding: 3px; }

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

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

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

/********************* /* Front page styles * /*********************/ .fpcontent { background: #1f1f1f; margin: 0 -16px; overflow: hidden; z-index: 1; }

div#content .fpcontent a.extiw, div#footer .fpcontent a.extiw, div#content .fpcontent a.external, div#footer .fpcontent a.external { color: #f58120; }

div#content .fpcontent a.extiw:visited, div#footer .fpcontent a.extiw:visited, div#content .fpcontent a.external:visited, div#footer .fpcontent a.external:visited { color: #c18555; }

.fpbox { border: none; background: #ffffff; color: #000000; margin: 10px; padding: 25px; }

.fpbox img { max-width: 100%; }

.fpbox.help { background: #999999; color: #ffffff; }

.fpbox .heading { border: none; color: #f37c23; font-size: 150%; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox.help .heading { color: #ffffff; }

display: inline-block; width: 14%; padding: 10px; overflow: visible }
 * 1) GameImages a {

border-radius: 50%; box-shadow: 4px 4px 10px #000000; margin: 0; width: 100%; height: auto; opacity: 0.8; filter: alpha(opacity=40); /* For IE8 and earlier */ }
 * 1) GameImages img {

opacity: 10; filter: alpha(opacity=100); /* For IE8 and earlier */ }
 * 1) GameImages img:hover {

div#content div.inlinebutton { display: inline-block; width: 100%; max-width: 240px; }

div#content div.majorlinkbutton a, div#content div.majorlinkbutton a:link, div#content div.majorlinkbutton a:visited { display: block; border-radius: 8px; border: none; background: #888888; color: #ffffff; font-weight: bold; margin: 0 5px 5px 5px; padding: 20px !important; }

div#content div.helpbutton { display: inline-block; width: 100%; max-width: 240px; }

div#content div.helpbutton a, div#content div.helpbutton a:link, div#content div.helpbutton a:visited { display: block; border-radius: 8px; border: 1px solid #666666; background: #ffffff !important; color: #888888 !important; margin: 0 5px 5px 5px; padding: 10px !important; }

div#content div.minorlinkbutton a, div#content div.minorlinkbutton a:link, div#content div.minorlinkbutton a:visited { display: block; border-radius: 8px; border: 1px solid #f58120; background: transparent; color: #f58120; margin: 0 5px 5px 5px; padding: 10px !important; }

div.featuredimage { text-align: center; }

div.addpagebutton { display: table; }

div.addpagebutton .inner { display: table-row; }

div#content div.addpagebutton a, div#content div.addpagebutton a:link, div#content div.addpagebutton a:visited { display: table-cell; width: 130px; height: 90px; background: #cccccc url("https://static.wikia.nocookie.net/twitch_gamepedia/images/0/0e/No_image.jpg/revision/latest") no-repeat center center; color: #ffffff; text-align: center; vertical-align: middle; padding: 5px !important; }

/* AJAXPoll styling */ .ajaxpoll { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: none; text-align: left; width: auto; }

div.ajax-poll { border: none; clear: both; margin-top: 1em; padding: 1em; }

.pollAnswerVotes { border: 1px solid #cccccc; font-size: 10px; height: 12px; margin-left: 10px; position: relative; width: 100%; }

.ajaxpoll .ajaxpoll-answer-vote div { background: none repeat scroll 0 0 #999999; }

.ajaxpoll .ajaxpoll-ajax { background: none repeat scroll 0 0 #888888; }

.ajaxpoll-id-info, .ajaxpoll .ajaxpoll-misc, .ajaxpoll .ajaxpoll-info { display: none; }

/* Infobox styles */ .infoboxtable { background: rgba(224, 224, 224, 0); border: 1px solid #888888; color: #000000; 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 { border: none; border-radius: 2px; background: #888888; color: #ffffff; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.infoboxdetails { background: rgba(224, 224, 224, 0); padding: 0em; }

.infoboxname { background: #888888; border: none; border-radius: 2px; color: #ffffff; font-size: 110%; font-weight: bold; height: 30px; padding: 0.5em; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }