Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
(Tags: Mobile edit, Mobile web edit) |
m (Tags: Mobile edit, Mobile web edit) |
||
(67 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
margin-top: 0; | margin-top: 0; | ||
border-top: none; | border-top: none; | ||
− | background-color: # | + | background-color: #F0F0F0 !important; |
} | } | ||
− | .search | + | input.search { |
− | |||
− | |||
background: none !important; | background: none !important; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* non-content area */ | /* non-content area */ | ||
body.search-overlay { | body.search-overlay { | ||
− | background-color: # | + | background-color: #282828 !important; |
color: white; | color: white; | ||
} | } | ||
Line 38: | Line 23: | ||
/* Footer */ | /* Footer */ | ||
div#footer { | div#footer { | ||
− | |||
border: none; | border: none; | ||
− | background-color: # | + | background-color: #282828; |
color: #ffffff; | color: #ffffff; | ||
} | } | ||
Line 69: | Line 53: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
+ | Margin-right:0px; | ||
+ | } | ||
+ | |||
+ | /* Regia Objects */ | ||
+ | |||
+ | #TabButton { | ||
+ | width: calc(50% - 30px); | ||
} | } | ||
− | # | + | #RFrame { |
− | + | margin-right: 0px; | |
− | |||
− | |||
} | } | ||
− | # | + | |
− | width: | + | #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]] |
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]]