MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary Tags: Mobile edit Mobile web edit |
mNo edit summary |
||
(6 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; | |||
} | } | ||
Line 118: | Line 170: | ||
float: right !important; | float: right !important; | ||
min-width:300px; | min-width:300px; | ||
max-width: | max-width: 375px; | ||
margin-top: 0; | |||
margin-left: 15px; | |||
} | } | ||
Line 164: | 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 177: | Line 242: | ||
th#devblog, td#devblog { | th#devblog, td#devblog { | ||
display: none; | display: none; | ||
} | |||
} | |||
@media screen and (max-width: 675px) { | |||
div#mainmenu-double, div#mainmenu-single { | |||
width: 100%; | |||
} | } | ||
} | } |
Latest revision as of 17:07, 24 April 2023
/* 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;
}
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;
}
/* 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;
}
div.minerva-footer-logo {
color: white;
}
.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;
}
}