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 13: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;
}