MediaWiki:Mobile.css

/* All CSS here will be loaded for users of the mobile site */

#content { 
   background-color: rgb(191 240 249 / 95%);
   margin: 8px;
   margin-top: -5px;
}

/* Body Styling */
body {
   background: url("/resources/wildfrost/background.jpg") no-repeat fixed top center / cover;
}

#bodyContent hr {
    border-bottom: 1px solid #aaa;
    border-top: none;
}

#searchInput {
    padding: 7px;
}

li#ca-watch {
   display:none;
}

pre {
    background-color: white;
}

.client-js .collapsible-heading {
    border-bottom: solid 1px #aaa !important;
}

#mainmenutable {
   display: table;
}

#footer {
    background: rgba(0,0,0,0.8) none repeat scroll 0% 0%;
    color: #8c8c8c;
    margin-top: 20px;
    border-top: none !important;
}

.toc-mobile {
   background-color: rgba(255,255,255,0.58) !important;
}

#footer a {
    color: white;
}

.overlay .overlay-content {
    background-color:white;
}

.overlay-header-container {
   background: #8dc4e5;
}

.overlay.visible {
   background: none;
}

img {
   max-width:100%;
   height: auto;
}

#mw-mf-page-center, .animations #mw-mf-page-center {
  background-color:transparent !important;
}

/* Top Bar */

.minerva-header .branding-box {
   display: none;
}

.mw-ui-background-icon-search {
   background-image: none;
}

.minerva-header .search-box {
   margin-right: 35px;
   width: 100%;
   max-width: 100%;
}

.minerva-header .branding-box {
   display: initial;
   margin-right: 25px;
}

.minerva-header .branding-box img {
   width: 100% !important;
   height: auto !important;
}

.minerva-search-form {
   width: 0;
}

#mw-mf-page-left ul li a  {
    background: #cdebf1;
}

#main-menu-input:checked ~ #mw-mf-page-left {
    background: #b4e9f4;
}

.header-container, .header-container.header-chrome {
    background: #91dae9;
}

@media screen and (max-width: 625px) {
    .minerva-search-form {
       margin-right: 35px;
    }
}

/* Navboxstyling */
#navbox {
   margin:auto;
   border: 1px solid blue;
   padding: 5px; 
   border-radius:11px;
   clear: both;
   margin-top: 15px;
}

/* Table Styling */
table.wikitable {
  background-color: transparent;
  border-collapse: separate;
  border: none;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
   border: 1px solid #29758e;
   padding: 0.2em;
   background-color: rgba(255, 255, 255, 0.58);
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
   background-color: #29758e;
   text-align: center;
   border-color: #184554;
   box-shadow: 0px 1px rgba(0,0,0,0.3);
   color: white;
   text-shadow: 0px 2px #184554;
}

table.wikitable > tr > th a, table.wikitable > * > tr > th a {
   color:white;
}

/* Main Page Styling */
body.page-Wildfrost_Wiki .mw-body .firstHeading {
   display: none;
}

/* Infobox */
table#infobox {
   float: right !important; 
   min-width:300px; 
   max-width: 375px;
   margin-top: 0;
   margin-left: 15px;
}

/* Alert Templates */

.alert {
   border: 3px solid rgb(68, 74, 73);
   border-radius: 0.5em;
   margin-left: auto;
   margin-right: auto;
   font-size: 14px;
   padding: 5px;
   margin-bottom: 15px;
   height: 80px;
   width: 50%;
   max-width:700px;
}

.alert span.header {
   font-size:22px;
}

.alert th {
   width: 100px;
}

.alert th img {
   text-align: center;
}

#stub {
   border-color:green;
   background-color: rgba(0, 128, 0, 0.05);
}

#construction {
   border-color:#97a50c;
   background-color: rgba(151, 165, 12, 0.05);
}

.mw-footer {
    background-color: #0000009e;
    margin-left: 0em;
    padding-left: 11em;
    padding-bottom: 50px;
}

.mw-footer li {
  color:#9fa5ff;
}

.mw-footer a {
  color:#c0c3f7;
}

.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited {
    color: #0645ad;
}

th.nomobile, td.nomobile, td#mainbannerleft, td#mainbannerright {
    display: none;
}

@media screen and (max-width: 930px) {
    th#devblog, td#devblog {
        display: none;
    }
}

@media screen and (max-width: 675px) {
    div#mainmenu-double, div#mainmenu-single {
       width: 100%;
    }
}

@media screen and (max-width: 550px) {
    table#infobox {
        max-width: initial;
        padding-left: 0;
        width: 100% !important;
        display: inline-table;
    }
}