Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
m (Tags: Mobile edit, Mobile web edit) |
|||
(4 intermediate revisions by the same user not shown) | |||
Line 57: | Line 57: | ||
/* Regia Objects */ | /* Regia Objects */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#TabButton { | #TabButton { | ||
Line 73: | Line 66: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#NavTiles { | #NavTiles { | ||
− | + | margin: 0 auto; | |
− | + | text-align: center; | |
} | } | ||
Line 93: | Line 77: | ||
background-color:#ffffff; | background-color:#ffffff; | ||
border:1px solid #808080; | border:1px solid #808080; | ||
− | overflow: | + | overflow: hidden; |
− | + | margin: 0px 1px 5px 1px; | |
− | |||
} | } | ||
Latest revision as of 18:49, 25 January 2018
/* 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; } /* Regia Objects */ #TabButton { width: calc(50% - 30px); } #RFrame { margin-right: 0px; } #NavTiles { margin: 0 auto; text-align: center; } #PinTile { display: inline-block; border-radius: 7px; background-color:#ffffff; border:1px solid #808080; overflow: hidden; margin: 0px 1px 5px 1px; } /* 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: 100%; 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: 100%; /*border: 1px solid black;*/ } .mw-body Pin-Tiles img{ display: inline-block; margin-bottom: 5px; width: 100%; } [[Category:Wiki]]