Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
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 Featured grid layout (keep it minimal) */
/* --- BBOG: remove Citizen "panel" styling ONLY around the featured images --- */
.bbog-grid{
.bbog-featured-img,
  display:grid;
.bbog-featured-img * {
  grid-template-columns:repeat(2,minmax(0,1fr));
   background: transparent !important;
   gap:40px;
   border: 0 !important;
   margin-top:20px;
   box-shadow: none !important;
}
@media (max-width:700px){
   .bbog-grid{ grid-template-columns:1fr; }
}
}


/* --- THE ONLY FIX YOU WANT: remove the panel behind images --- */
/* Remove the extra padding/margins Citizen/thumb wrappers add */
/* Citizen/MediaWiki wrap images in figure/thumb containers. Strip their "panel" styling
  ONLY inside the featured image area, so buttons/links keep their look. */
.bbog-featured-img figure,
.bbog-featured-img figure,
.bbog-featured-img figure[typeof*="mw:File"],
.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 .mw-file-description,
.bbog-featured-img a.image {
.bbog-featured-img a.image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
   padding: 0 !important;
   padding: 0 !important;
   margin: 0 auto !important;
   margin: 0 auto !important;
Line 30: Line 20:
}
}


/* Ensure the image itself is still responsive/nice */
/* 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;
}