MediaWiki:Mobile.css: Difference between revisions
Appearance
No edit summary |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* | /* Force thumbnail boxes in Minerva mobile skin */ | ||
.thumbinner { | body.skin-minerva .content figure, | ||
body.skin-minerva .content .thumb, | |||
body.skin-minerva .content .thumbinner { | |||
border: 1px solid #c8ccd1 !important; | border: 1px solid #c8ccd1 !important; | ||
background-color: #f8f9fa !important; | background-color: #f8f9fa !important; | ||
padding: | padding: 6px !important; | ||
margin: 10px 0 !important; | |||
display: table !important; /* Keeps the box wrapping tightly around the image */ | |||
box-sizing: border-box !important; | |||
} | } | ||
.thumbcaption { | /* Style the caption text to match desktop */ | ||
body.skin-minerva .content figcaption, | |||
body.skin-minerva .content .thumbcaption { | |||
font-size: 0.85em !important; | |||
padding-top: 5px !important; | padding-top: 5px !important; | ||
color: #54595d !important; | |||
line-height: 1.4 !important; | |||
text-align: left !important; | |||
display: block !important; | |||
} | } | ||
Latest revision as of 07:12, 19 July 2026
/* All CSS here will be loaded for users of the mobile site */
/* Force thumbnail boxes in Minerva mobile skin */
body.skin-minerva .content figure,
body.skin-minerva .content .thumb,
body.skin-minerva .content .thumbinner {
border: 1px solid #c8ccd1 !important;
background-color: #f8f9fa !important;
padding: 6px !important;
margin: 10px 0 !important;
display: table !important; /* Keeps the box wrapping tightly around the image */
box-sizing: border-box !important;
}
/* Style the caption text to match desktop */
body.skin-minerva .content figcaption,
body.skin-minerva .content .thumbcaption {
font-size: 0.85em !important;
padding-top: 5px !important;
color: #54595d !important;
line-height: 1.4 !important;
text-align: left !important;
display: block !important;
}