Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
Line 90: | Line 90: | ||
margin-left:0px; | margin-left:0px; | ||
background-color: #808080; | background-color: #808080; | ||
− | border: | + | border: 10px solid blue; |
} | } | ||
Revision as of 11:50, 3 July 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; } .header { margin-top: 0; border-top: none; background-color: #F0F0F0 !important; } input.search { background: none !important; } /* non-content area */ body.search-overlay { background-color: #282828 !important; color: white; } /* Footer */ div#footer { border: none; background-color: #282828; 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; Margin-right:0px; } .mw-body p { margin-right:0px; margin-left:0px; } /* AO Special Mention Box */ .mw-body-content AOBox { background-color: red; } #AOBox { width: 100%; margin-right:56px; background-color: yellow; } #content AOBox { background-color: blue; } div#AOBox { background-color: orange; } /* Pin Box Container*/ #PinFrame { margin-right:0px; margin-left:0px; background-color: #808080; border: 10px solid blue; } #PinBox { margin-right:0px; margin-left:0px } /* CSS Pinterest Like Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] */ .mw-body container { width: 400px; margin: 0 auto; border: 1px solid red; } .mw-body Pin-Tiles { -moz-column-count: 2; -moz-column-gap: 1px; -webkit-column-count: 2; -webkit-column-gap: 1px; column-count: 2; column-gap: 1px; width: 400px; border: 1px solid black; } .mw-body Pin-Tiles img{ display: inline-block; margin-bottom: 5px; width: 100%; } [[Category:Wiki]]