More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* BBOG | /* --- BBOG: remove Citizen "panel" styling ONLY around the featured images --- */ | ||
.bbog- | .bbog-featured-img, | ||
.bbog-featured-img * { | |||
background: transparent !important; | |||
border: 0 !important; | |||
box-shadow: none !important; | |||
} | } | ||
/* | /* Remove the extra padding/margins Citizen/thumb wrappers add */ | ||
.bbog-featured-img figure, | .bbog-featured-img figure, | ||
.bbog-featured-img .thumb, | .bbog-featured-img .thumb, | ||
.bbog-featured-img .thumbinner, | .bbog-featured-img .thumbinner, | ||
.bbog-featured-img .mw-file-element, | .bbog-featured-img .mw-file-element, | ||
.bbog-featured-img a.image { | .bbog-featured-img a.image { | ||
padding: 0 !important; | padding: 0 !important; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
| Line 30: | Line 20: | ||
} | } | ||
/* | /* Keep the image itself looking good */ | ||
.bbog-featured-img img{ | .bbog-featured-img img { | ||
display:block; | display: block !important; | ||
width:100%; | width: 100% !important; | ||
height:auto; | height: auto !important; | ||
max-width:560px; | max-width: 560px !important; | ||
margin:0 auto; | margin: 0 auto !important; | ||
border-radius:14px; | border-radius: 14px !important; | ||
} | } | ||
Revision as of 12:28, 16 February 2026
/* CSS placed here will be applied to all skins */
/* --- BBOG: remove Citizen "panel" styling ONLY around the featured images --- */
.bbog-featured-img,
.bbog-featured-img * {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* Remove the extra padding/margins Citizen/thumb wrappers add */
.bbog-featured-img figure,
.bbog-featured-img .thumb,
.bbog-featured-img .thumbinner,
.bbog-featured-img .mw-file-element,
.bbog-featured-img a.image {
padding: 0 !important;
margin: 0 auto !important;
border-radius: 0 !important;
}
/* Keep the image itself looking good */
.bbog-featured-img img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 560px !important;
margin: 0 auto !important;
border-radius: 14px !important;
}