Difference between revisions of "MediaWiki:Mobile.css"
From ChaldeanWiki
(Tags: Mobile edit, Mobile web edit) |
|||
Line 3: | Line 3: | ||
.mf-welcome { | .mf-welcome { | ||
max-width:350px; | max-width:350px; | ||
+ | } | ||
+ | |||
+ | /*library of congress gallery*/ | ||
+ | .gallery3 { | ||
+ | clear: both; | ||
+ | -ms-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | text-align: left; | ||
+ | font-size: 0px; | ||
+ | letter-spacing: 0px; | ||
+ | word-spacing: 0px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .gallery3 > li { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | width: 100%; | ||
+ | margin-left: 2.1276595744681%; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | font-size: 12px; | ||
+ | letter-spacing: normal; | ||
+ | word-spacing: normal; | ||
+ | } | ||
+ | .gallery3 img { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | width: auto \9; | ||
+ | display: block; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .gallery3 > li { | ||
+ | width: 31.914893617021%; | ||
+ | margin-left: 2.1276595744681%; | ||
+ | } | ||
+ | .gallery3 > li:nth-child(3n+1) { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .gallery3 li span { | ||
+ | position: relative!important; | ||
+ | color:#FFF; | ||
+ | top:-30px; | ||
+ | float:left; | ||
+ | padding: 7px; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | font-weight: bold; | ||
+ | -ms-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | line-height: 1.1; | ||
+ | text-shadow: 0 0 5px #333333; | ||
} | } |
Revision as of 12:23, 12 July 2015
/* CSS placed here will affect users of the mobile site */ .mf-welcome { max-width:350px; } /*library of congress gallery*/ .gallery3 { clear: both; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; margin: 0; padding: 0; list-style: none; } .gallery3 > li { padding: 0; list-style: none; width: 100%; margin-left: 2.1276595744681%; display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: normal; word-spacing: normal; } .gallery3 img { max-width: 100%; height: auto; width: auto \9; display: block; margin-bottom: 5px; } .gallery3 > li { width: 31.914893617021%; margin-left: 2.1276595744681%; } .gallery3 > li:nth-child(3n+1) { margin-left: 0; } .gallery3 li span { position: relative!important; color:#FFF; top:-30px; float:left; padding: 7px; display: block; width: 100%; font-weight: bold; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.1; text-shadow: 0 0 5px #333333; }