Difference between revisions of "MediaWiki:Mobile.css"
From ChaldeanWiki
(Tags: Mobile edit, Mobile web edit) |
|||
| (11 intermediate revisions by the same user not shown) | |||
| 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:1.2%; | ||
| + | } | ||
| + | .gallery3 > li:nth-child(3n+1) { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | .gallery3 li span { | ||
| + | position: relative!important; | ||
| + | color:#FFF; | ||
| + | top:-40px; | ||
| + | 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: 1px 1px 1px #000000; | ||
| + | } | ||
| + | |||
| + | .icon-edit, .icon-edit.enabled{ | ||
| + | background-image:none!important; | ||
| + | } | ||
| + | |||
| + | .pre-content .icon-edit, .pre-content .icon-edit.enabled{ | ||
| + | background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAANlBMVEUAAAD///9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW+FiFraAAAAEXRSTlMAABAgMEBQYHCAkKCwwNDg8InUWv0AAAGfSURBVHhe7djBjsIgFIXhOwjFeltK3/9lJ4J6SG5dHGgyyaRn1dUXlb8slJ+T9//AC7zACxRiLu37EqXsDPCW9ue2cBLo8/7a/RQwFK9OTwDj3k6Hwbk6Mb/EeRDUojyaHzKMgG4pRmy/ehoAXcklT3h+buoGffU8vDJlQJtfuuG5busEY/Xc28N4EPkp7EHwUaODjSkLIr8Iu/VIELkE2Bj9psDzSBuLQoLIxX1sLEfhQHirQ9rwvLAgcoHdejx4b3IJ8PDOcCBysfklJzToipc9Piu2OKFA5LL5o/xUhAZ9Qi7W40Dkspj8as48OGXkYj0ORH73w/yC8OCMXA5y5sE2lwgPh86Bbi3h+i8506Brc3kYjwb9VkL7lh8N+jaXxXg0GBGayW8WCoSXq+dNzjyIXGx+UXhQm1yCyZkHA8JAfvBosF6h21RvU3vb86B+4lCTcxf4rkTV3PZ9IAiTcxcYvnm94P3Qi9IN6rHXDybL5SAD4IHnZQAMxtu8jIA4E+Q8BKr1xkCcybrOcwhOBsE3JOT+4G+WC7zAC7zAXxMIT+qGYJfyAAAAAElFTkSuQmCC)!important; | ||
} | } | ||
Latest revision as of 17:58, 2 August 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:1.2%;
}
.gallery3 > li:nth-child(3n+1) {
margin-left: 0;
}
.gallery3 li span {
position: relative!important;
color:#FFF;
top:-40px;
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: 1px 1px 1px #000000;
}
.icon-edit, .icon-edit.enabled{
background-image:none!important;
}
.pre-content .icon-edit, .pre-content .icon-edit.enabled{
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAANlBMVEUAAAD///9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW9sbW+FiFraAAAAEXRSTlMAABAgMEBQYHCAkKCwwNDg8InUWv0AAAGfSURBVHhe7djBjsIgFIXhOwjFeltK3/9lJ4J6SG5dHGgyyaRn1dUXlb8slJ+T9//AC7zACxRiLu37EqXsDPCW9ue2cBLo8/7a/RQwFK9OTwDj3k6Hwbk6Mb/EeRDUojyaHzKMgG4pRmy/ehoAXcklT3h+buoGffU8vDJlQJtfuuG5busEY/Xc28N4EPkp7EHwUaODjSkLIr8Iu/VIELkE2Bj9psDzSBuLQoLIxX1sLEfhQHirQ9rwvLAgcoHdejx4b3IJ8PDOcCBysfklJzToipc9Piu2OKFA5LL5o/xUhAZ9Qi7W40Dkspj8as48OGXkYj0ORH73w/yC8OCMXA5y5sE2lwgPh86Bbi3h+i8506Brc3kYjwb9VkL7lh8N+jaXxXg0GBGayW8WCoSXq+dNzjyIXGx+UXhQm1yCyZkHA8JAfvBosF6h21RvU3vb86B+4lCTcxf4rkTV3PZ9IAiTcxcYvnm94P3Qi9IN6rHXDybL5SAD4IHnZQAMxtu8jIA4E+Q8BKr1xkCcybrOcwhOBsE3JOT+4G+WC7zAC7zAXxMIT+qGYJfyAAAAAElFTkSuQmCC)!important;
}
