MediaWiki:Mobile.css

/* *********************************************************************************** */ /* CSS placed here will affect users of the mobile site                               */ /*                                                                                    */ /* The mobile css has been moved to two different pages: MediaWiki:Light_mobile.css    */ /* and MediaWiki:dark_mobile.css                                                      */ /* Wiki managers can either customize one or the other for their wiki and overwrite   */ /* this page with the customized version, or update them in situ and use the import   */ /* commands shown below                                                               */ /*                                                                                    */ /* The following is for the regular light-themed mobile css                            */ /*                                                                                    */ /* @import url(/index.php?title=MediaWiki:Light_mobile.css&action=raw&ctype=text/css); */ /*                                                                                    */ /*                                                                                     */ /* Replace the line above with the following is for the dark-themed mobile css         */ /*                                                                                    */ /* @import url(/index.php?title=MediaWiki:Dark_mobile.css&action=raw&ctype=text/css);  */ /*                                                                                    */ /* *********************************************************************************** */

/***************** body, .primary-navigation-enabled { background:url(https://static.wikia.nocookie.net/volcanoids_gamepedia_en/images/9/98/Bg.jpg/revision/latest); /* */ background-size:cover; background-attachment:fixed; background-color:#271a11; }
 * Base framework *

div#content, div#mw-mf-page-center, .navigation-enabled #mw-mf-page-center { background:transparent; }

div#bodyContent, div.content-unstyled { padding:1em; margin-bottom:1em; border:4px solid #463428; border-radius:4px; background-color:rgba(38,24,13,0.95); box-shadow:inset 0 0 0px 2px rgba(0,0,0,0.75), inset 0 0 2px 2px rgba(0,0,0,0.5), 3px 3px 1px rgba(0,0,0,0.5); color:#f7f7f7; }

div.header-container.header-chrome { background-image:linear-gradient(to bottom, #5E4D3D, #291C0F); background-color: #493a2b; letter-spacing:0.05em; color: #FED7A0; text-shadow: 1px 1px 1px #3B0000, -1px 1px 1px #3B0000, 1px -1px 1px #3B0000, -1px -1px 1px #3B0000; border:1px solid #97877B; border-top:none; box-shadow:inset 0 0 0px 1px #000, inset 0 0 2px rgba(0,0,0,0.5); }

form.header div.search-box { display:inline-block; margin:10px 20px; }

a#mw-mf-main-menu-button { background-color:#B14F1D; border:1px solid #51110D; box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.5); height:2em; padding-top:0.5em; margin-right:5px; }

footer .last-modified-bar { background-color: #070707; border-bottom:#f48020 1px solid; }

footer .last-modified-bar a { color:#D7DEE8; font-family: sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.3), 1px -1px 1px rgba(0,0,0,0.3), -1px -1px 1px rgba(0,0,0,0.3); }

.page-list .info, .topic-title-list .info, .site-link-list .info, .page-list .component, .topic-title-list .component, .site-link-list .component { color:#A2A4A5; }

nav div.menu ul li { background-color:#000; }

nav div.menu ul li a, nav div.menu ul li a:visited { color:#fff; }

.notification-count { background:none; }

/*********************
 * End base framework *

/*********** .heading-holder h1#section_0 { color:#FED7A0; text-shadow:2px 2px 1px #3B0000, -2px 2px 1px #3B0000, 2px -2px 1px #3B0000, -2px -2px 1px #3B0000; font-weight:bold; }
 * Headings *

h2 { border-bottom:1px solid #666; } /***************
 * End headings *

/******** a, a:visited, div#footer a, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, color: #5a93cc; } /************
 * Links *
 * 1) mw-indicator-mw-helplink a {
 * End links *

/***************** div.overlay.search-overlay { background-color:rgba(0,0,0,0.8); background:linear-gradient(to bottom, rgba(0,0,0,0.8) 90%, transparent); color:#0e0e0e; } div.overlay.search-overlay h3 { text-shadow:none; } /*********************
 * Search overlay *
 * End search overlay *

/******************* footer { border-top:none; background: #1b1b1c ; color: rgb(240,240,240); } footer div.license a, #footer-info-desktop-toggle a, ul.footer-places a { color:#5A93CC !important; } footer div.license a:visited, #footer-info-desktop-toggle a:visited, ul.footer-places a:visited { color:#800074 !important; } .content table th { background-color: rgba(0, 0, 0, 0); } footer a, footer a.external { color:rgba(0 0 128); } footer a:visited { color:rgba(128 0 128); } /***********************
 * Gamepedia footer *
 * End Gamepedia footer *

/************** .client-js div#preferences { background:rgba(0,0,0,0.2); border:1px solid #7f7f7f; margin-top:1px; }
 * Preferences *

.client-js #preftoc, .client-js #preftoc li, .client-js #preftoc li a, .client-js #preftoc li { background-image: none; background-color: transparent; font-family: sans-serif; color:#bfbfbf; font-size:1em; }

.client-js #preftoc li a:active { font-size:1em; }

.client-js ul#preftoc { margin-left:-0.1em; margin-bottom:5px; }

.client-js #preftoc li.selected a { background-image: none; color: #fff; text-decoration:none; }

.client-js #preftoc li.selected { border:0; padding-right:0; }

.client-js #preftoc li:not(.selected) a:hover { color:#fff; text-decoration:none; text-shadow:5px 5px 1px rgba(0,0,0,0.25); }

.skin-hydradark #preferences legend { color: #FED7A0; text-shadow: 1px 1px 1px #3B0000, -1px 1px 1px #3B0000, 1px -1px 1px #3B0000, -1px -1px 1px #3B0000; }

.skin-hydradark #preferences fieldset.prefsection fieldset { border-color:#7f7f7f; }

.client-js .htmlform-tip { color:#BFBFBF; } /******************
 * End Preferences *

/*************** background-color:rgba(0,0,0,0.3); padding:1px; }
 * Page History *
 * 1) pagehistory li.selected {
 * 1) pagehistory li.selected {

table.diff, td.diff-otitle, td.diff-ntitle { background-color:rgba(0,0,0,0.3) }

/**************
 * end history *

/********************* .skin-hydradark table.TablePager td { border:1px solid #000; }
 * tablepager styling *

.skin-hydradark table.TablePager tr th { background-image:linear-gradient(to bottom, #5E4D3D, #291C0F); background-color: #493a2b; letter-spacing:0.05em; color: #FED7A0; text-shadow: 1px 1px 1px #3B0000, -1px 1px 1px #3B0000, 1px -1px 1px #3B0000, -1px -1px 1px #3B0000; border:1px solid #97877B; box-shadow:inset 0 0 0px 1px #000, inset 0 0 2px rgba(0,0,0,0.5); }

.skin-hydradark table.TablePager tbody tr td { background-color:rgba(0,0,0,0.3) }

.skin-hydradark table.TablePager tbody tr:hover td { background:rgba(75,75,75,0.2); } /*************************
 * end tablepager styling *

/******************** table.wikitable { border:1px solid #97877B; background-color:rgba(0,0,0,0.2); }
 * wikitable styling *

table.wikitable tbody tr th table.wikitable > tr > th, table.wikitable > * > tr > th { background-image:linear-gradient(to bottom, #5E4D3D, #291C0F); background-color: #493a2b; letter-spacing:0.05em; color: #FED7A0; text-shadow: 1px 1px 1px #3B0000, -1px 1px 1px #3B0000, 1px -1px 1px #3B0000, -1px -1px 1px #3B0000; border:1px solid #97877B; box-shadow:inset 0 0 0px 1px #000, inset 0 0 2px rgba(0,0,0,0.5); }

table.wikitable tbody tr td { border:1px solid #97877B; } /************************
 * End wikitable styling *

/******************* div.thumbinner { background-color:rgba(52,40,30,0.75); border:1px solid #896D55; box-shadow:inset 0 0 0px 2px #463428, inset 0 0 0 3px #5B482F, inset 0 0 1px 4px rgba(0,0,0,0.5), 0 0 0 1px #000; border-radius:2px; }
 * Thumnbail tweaks *

li.gallerybox div.thumb { background-color:rgba(52,40,30,0.75); border:1px solid #896D55; box-shadow:inset 0 0 0px 2px #463428, inset 0 0 0 3px #5B482F, inset 0 0 1px 4px rgba(0,0,0,0.5), 0 0 0 1px #000; border-radius:2px; } /***********************
 * End thumbnail tweaks *

/*************************** ul#filetoc { background-color:rgba(20,4,4,0.75); border:1px solid #000; } /*******************************
 * Category bar and filetoc *
 * 1) catlinks,
 * 1) catlinks,
 * End Category bar and filetoc *

/********************************** div#toc, .client-js div.toc-mobile { background-color:rgba(0,0,0,0.9); border:2px solid #3F3E3B; border-radius:3px; } /******************
 * Table of contents (toc) styling *
 * End toc styling *

/***************** .content .infobox { float: right; width: 23em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; padding: 4px; background-color: rgba(52,40,30,0.75); border: 1px solid #896D55; box-shadow: inset 0 0 0px 2px #463428,inset 0 0 0 3px #5B482F,inset 0 0 1px 4px rgba(0,0,0,0.5),0 0 0 1px #000; border-radius: 2px; border-collapse:collapse; }
 * Infobox styles *

.content .infobox-table { width: 100% !important; padding: 0; margin:0; background-color:transparent; border: 0; }

.content .infobox td { border:0; }

.content .infobox-row-name, .content .infobox-row-value, .content .infobox td { border:0; }

.content .infobox-header { text-align:center; padding:0.4em; padding-bottom: 10px; font-size: 150%; background-image: linear-gradient(to bottom,#5E4D3D,#291C0F); background-color: #493a2b; letter-spacing: 0.05em; color: #FED7A0; text-shadow: 1px 1px 1px #3B0000,-1px 1px 1px #3B0000,1px -1px 1px #3B0000,-1px -1px 1px #3B0000; border: 1px solid #97877B; box-shadow: inset 0 0 0px 1px #000,inset 0 0 2px rgba(0,0,0,0.5); }

.content .infobox-section { text-align:center; background-image: linear-gradient(to bottom,#5E4D3D,#291C0F); background-color: #493a2b; letter-spacing: 0.05em; color: #FED7A0; text-shadow: 1px 1px 1px #3B0000,-1px 1px 1px #3B0000,1px -1px 1px #3B0000,-1px -1px 1px #3B0000; border: 1px solid #97877B; box-shadow: inset 0 0 0px 1px #000,inset 0 0 2px rgba(0,0,0,0.5); }

.content .infobox-centered { text-align: center; }

.content .infobox-row { vertical-align: top; }

.content .infobox-row-name { text-align: left; white-space: nowrap; }

.content .infobox-spacer { height: 0.5em; } /*********************
 * End infobox styles *

/*************************** .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }
 * Template:FP links styles *

.fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.fplink { padding: 0.5em; box-sizing: border-box; width: 100%; height: 100%; display: table; }

.fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.fplink-inner { display: table-row; }

.fplink a { display: table-cell; vertical-align: middle; }

.fplink img { max-width: 150px; width: 100%; height: auto; }

.fplink { background: rgba(0,0,0,0.3); border: 1px solid #505050; }

.fplink-fullwidth .fplink { background: rgba(0,0,0,0.4); }

/***********************
 * End Template:FP link *

/* Auto-resize front page video to fit smaller columns */ .fpbox .embedvideowrap { width: 100%!important; max-width: 480px; margin: 0 auto; }

.fpbox .embedvideowrap iframe { width: 100%!important; }

/*************************** /* Dark Wiki Variation */ .keysDark { color:black; border: 1px solid rgb(170, 170, 170); box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); border-radius: .2em; background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); background-color: rgb(249, 249, 249); padding: 0.1em 0.6em 0.1em 0.6em; margin-right:2px; font-size:85%; font-family:inherit; font-style:normal; }
 * Used by Template:Key *

/* Light Wiki Variation */ .keysLight { color:white; border: 1px solid rgb(0, 0, 0); box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); border-radius: .2em; background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); background-color: rgb(30, 30, 30); padding: 0.1em 0.6em 0.1em 0.6em; margin-right:2px; font-size:85%; font-family:inherit; font-style:normal; }

/******************************
 * End Template:Key coloration *