Difference between revisions of "MediaWiki:Mobile.css"
From The Mickey Wiki: Your Walt Disney World Encyclopedia!
(21 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
.tdihb { | .tdihb { | ||
background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG); | background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG); | ||
− | width: | + | width: 15em; |
− | height: | + | height: 15em; |
− | background-size: | + | background-size: 100% 100%; |
− | + | overflow: hidden; | |
− | overflow: | + | |
− | + | ||
vertical-align: top; | vertical-align: top; | ||
background-position: center; | background-position: center; | ||
− | border: none; | + | /* 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*/ | /*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: | + | 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; }