Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
(Tags: Mobile edit, Mobile web edit) |
|||
Line 4: | Line 4: | ||
/* Hides Desktop only elements */ | /* Hides Desktop only elements */ | ||
#mf-HideOnMobile { display: none; } | #mf-HideOnMobile { display: none; } | ||
+ | |||
+ | .search-overlay .overlay-header, | ||
+ | .search-overlay .results, | ||
+ | .search-overlay .search-feedback { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | input.search { | ||
+ | background-color: #000000 !important; | ||
+ | } | ||
+ | input.search::-webkit-input-placeholder { | ||
+ | color: #6D6D6D; | ||
+ | } | ||
+ | input.search:-ms-input-placeholder { | ||
+ | color: #6D6D6D; | ||
+ | } | ||
+ | input.search::-ms-input-placeholder { | ||
+ | color: #6D6D6D; | ||
+ | } | ||
/* non-content area */ | /* non-content area */ |
Revision as of 19:26, 13 June 2017
/* CSS placed here will affect users of the mobile site */ .mobile-float-reset { float: none !important; width: 100% !important; } /* Hides Desktop only elements */ #mf-HideOnMobile { display: none; } .search-overlay .overlay-header, .search-overlay .results, .search-overlay .search-feedback { background: none !important; } input.search { background-color: #000000 !important; } input.search::-webkit-input-placeholder { color: #6D6D6D; } input.search:-ms-input-placeholder { color: #6D6D6D; } input.search::-ms-input-placeholder { color: #6D6D6D; } /* non-content area */ body.search-overlay { background-color: #000000 !important; color: white; } /* Footer */ div#footer { margin-left: 160px !important; border: none; background-color: #000000; color: #ffffff; } div#footer ul li { color: #ffffff; } div#footer a { color: #ffffff; } div#footer a:visited { color: #ffffff; } /* content area */ #content { background: #FFFFD5; color: #000000; border: 1px solid #000000; border-top: 1px solid #000000; } h1, h2, h3, h4, h5, h6 { color: #800000; font-weight: bold; font-family: sans-serif; } #gBox { width:130px; height:120px; background-color:LightGray; } #gBoxImg { width:130px; }