Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
(Tags: Mobile edit, Mobile web edit) |
m (Tags: Mobile edit, Mobile web edit) |
||
(29 intermediate revisions by the same user not shown) | |||
Line 56: | Line 56: | ||
} | } | ||
− | + | /* 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; | ||
} | } | ||
Line 92: | Line 89: | ||
.mw-body container { | .mw-body container { | ||
− | width: | + | width: 100%; |
margin: 0 auto; | margin: 0 auto; | ||
− | border: 1px solid red; | + | /*border: 1px solid red;*/ |
} | } | ||
Line 104: | Line 101: | ||
column-count: 2; | column-count: 2; | ||
column-gap: 1px; | column-gap: 1px; | ||
− | width: | + | width: 100%; |
− | border: 1px solid black; | + | /*border: 1px solid black;*/ |
} | } | ||
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]]