Difference between revisions of "MediaWiki:Mobile.css"
From The Mickey Wiki: Your Walt Disney World Encyclopedia!
(Created page with "/* CSS placed here will affect users of the mobile site */ →Allow for This Day in History: .tdihb { background-image: url('https://themickeywiki.com/images/DonaldBoard.JPG'...") |
|||
| (27 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
/*Allow for This Day in History*/ | /*Allow for This Day in History*/ | ||
.tdihb { | .tdihb { | ||
| − | + | background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG); | |
| − | + | width: 15em; | |
| − | + | height: 15em; | |
| − | + | background-size: 100% 100%; | |
| − | + | overflow: hidden; | |
| − | + | vertical-align: top; | |
| − | + | background-position: center; | |
| + | /* Overriding skin table .content settings, which are higher in stack */ | ||
| + | padding: 0 !important; | ||
| + | border: none !important; | ||
| + | margin: 0 !important; | ||
| + | } | ||
| + | |||
| + | .tdihb_text { | ||
| + | font-size: .8rem; | ||
| + | padding: 0rem .6rem 0 .6rem; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .cell { | ||
| + | display: table-cell; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | |||
| + | .cell p { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | /*Unfortunately, the important tag was used to force an automatic height for some reason in the skin css... can't have this for the main page*/ | ||
| + | .content a > img.parklink { | ||
| + | height: 15em !important; | ||
} | } | ||
Latest revision as of 23:42, 27 February 2022
/* CSS placed here will affect users of the mobile site */
/*Allow for This Day in History*/
.tdihb {
background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG);
width: 15em;
height: 15em;
background-size: 100% 100%;
overflow: hidden;
vertical-align: top;
background-position: center;
/* Overriding skin table .content settings, which are higher in stack */
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
.tdihb_text {
font-size: .8rem;
padding: 0rem .6rem 0 .6rem;
text-align: center;
}
.cell {
display: table-cell;
vertical-align: top;
}
.cell p {
margin: 0;
}
/*Unfortunately, the important tag was used to force an automatic height for some reason in the skin css... can't have this for the main page*/
.content a > img.parklink {
height: 15em !important;
}
