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 Wiki Grid (2 cols desktop, 1 col mobile) ===== */
/* ===== BBOG Featured Wiki Grid ===== */
.bbog-grid{
.bbog-grid{
   display: grid !important;
   display:grid !important;
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   grid-template-columns:repeat(2,minmax(0,1fr)) !important;
   gap: 40px !important;
   gap:40px !important;
   margin-top: 20px !important;
   margin-top:20px !important;
  align-items: start;
}
}


@media (max-width: 700px){
@media (max-width:700px){
   .bbog-grid{
   .bbog-grid{ grid-template-columns:1fr !important; }
    grid-template-columns: 1fr !important;
  }
}
}


/* Card layout */
.bbog-card{ text-align:center; }
.bbog-card{
 
  text-align: center;
.bbog-featured-title{
  font-size:1.1rem;
  font-weight:600;
  margin:0 0 14px 0;
}
}


/* Title */
/* THE FIX: remove Citizen “panel” look in the image area ONLY.
.bbog-featured-title{
  IMPORTANT: only reset visual properties – do NOT touch margin/padding/display here. */
   font-size: 1.1rem;
.bbog-featured-img,
   font-weight: 600;
.bbog-featured-img *{
   margin: 0 0 14px 0;
   background:transparent !important;
  box-shadow:none !important;
   border-color:transparent !important;
   outline:0 !important;
}
}


/* --- Remove the grey "panel" ONLY from MediaWiki/Citizen file wrappers --- */
/* Also strip borders explicitly where some skins use border shorthand */
.bbog-featured-img figure,
.bbog-featured-img *{
.bbog-featured-img figure[typeof*="mw:File"],
   border:0 !important;
.bbog-featured-img .thumb,
.bbog-featured-img .thumbinner,
.bbog-featured-img .mw-file-element,
.bbog-featured-img .mw-file-description,
.bbog-featured-img .mw-file-caption,
.bbog-featured-img a.image{
  background: transparent !important;
   border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;          /* IMPORTANT: don't auto-center the wrapper */
  border-radius: 0 !important;
}
}


/* Make the image fill the card width (no centering) */
/* Image should fill the card width */
.bbog-featured-img img{
.bbog-featured-img img{
   display: block !important;
   display:block !important;
   width: 100% !important;
   width:100% !important;
   height: auto !important;
   height:auto !important;
   max-width: none !important;   /* IMPORTANT: allow full width */
   max-width:none !important;
  margin: 0 !important;          /* IMPORTANT: no auto centering */
   border-radius:14px !important;
   border-radius: 14px !important;
}
}


/* Keep the Enter Wiki button area as-is (Citizen styles it) */
/* Leave Enter Wiki styling alone (Citizen can do its button thing) */
.bbog-featured-link{
.bbog-featured-link{ margin-top:14px; }
  margin-top: 14px;
}

Revision as of 12:30, 16 February 2026

/* CSS placed here will be applied to all skins */

/* ===== BBOG Featured Wiki Grid ===== */
.bbog-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:40px !important;
  margin-top:20px !important;
}

@media (max-width:700px){
  .bbog-grid{ grid-template-columns:1fr !important; }
}

.bbog-card{ text-align:center; }

.bbog-featured-title{
  font-size:1.1rem;
  font-weight:600;
  margin:0 0 14px 0;
}

/* THE FIX: remove Citizen “panel” look in the image area ONLY.
   IMPORTANT: only reset visual properties – do NOT touch margin/padding/display here. */
.bbog-featured-img,
.bbog-featured-img *{
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
  outline:0 !important;
}

/* Also strip borders explicitly where some skins use border shorthand */
.bbog-featured-img *{
  border:0 !important;
}

/* Image should fill the card width */
.bbog-featured-img img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  border-radius:14px !important;
}

/* Leave Enter Wiki styling alone (Citizen can do its button thing) */
.bbog-featured-link{ margin-top:14px; }