MediaWiki:Mobile.css: Difference between revisions

1,502 bytes added ,  17:07, 24 April 2023
m
no edit summary
mNo edit summary
mNo edit summary
 
(13 intermediate revisions by the same user not shown)
Line 71: Line 71:
#mw-mf-page-center, .animations #mw-mf-page-center {
#mw-mf-page-center, .animations #mw-mf-page-center {
   background-color:transparent !important;
   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;
    }
}
}


Line 112: Line 160:
body.page-Wildfrost_Wiki .mw-body .firstHeading {
body.page-Wildfrost_Wiki .mw-body .firstHeading {
   display: none;
   display: none;
}
table#main_menu_links td {
    vertical-align: top;
}
/* Infobox */
table#infobox {
  float: right !important;
  min-width:300px;
  max-width: 375px;
  margin-top: 0;
  margin-left: 15px;
}
}


Line 156: Line 217:
     padding-left: 11em;
     padding-left: 11em;
     padding-bottom: 50px;
     padding-bottom: 50px;
}
.mw-footer li {
  color:#9fa5ff;
}
.mw-footer a {
  color:#c0c3f7;
}
div.minerva-footer-logo {
  color: white;
}
}


Line 162: Line 235:
}
}


th#sidebar, td#sidebar {
th.nomobile, td.nomobile, td#mainbannerleft, td#mainbannerright {
     display: none;
     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;
    }
}
}