1,096
edits
MediaWiki:Mobile.css: Difference between revisions
m
no edit summary
(Created page with "→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; } .clie...") |
mNo edit summary |
||
| (15 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 81: | Line 129: | ||
clear: both; | clear: both; | ||
margin-top: 15px; | 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; | |||
} | |||
} | } | ||