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 */


/* ===============================
/* ===============================
Line 6: Line 5:
   =============================== */
   =============================== */


/* Grid layout: 2 per row desktop, 1 per row mobile */
/* Grid layout */
.bbog-grid {
.bbog-grid {
   display: grid;
   display: grid;
Line 20: Line 19:
}
}


/* Card container: NO background/border/box.
/* Remove Citizen content-block styling ONLY from card container */
  IMPORTANT: do NOT reset children, so Citizen can style the "Enter Wiki" link */
.mw-parser-output > .bbog-grid > .bbog-card {
.bbog-card {
  text-align: center;
  padding: 0 !important;
   background: transparent !important;
   background: transparent !important;
   border: 0 !important;
   border: none !important;
   box-shadow: none !important;
   box-shadow: none !important;
  padding: 0 !important;
   border-radius: 0 !important;
   border-radius: 0 !important;
}
}


/* Title */
/* Title styling */
.bbog-featured-title {
.bbog-featured-title {
   font-size: 1.1rem;
   font-size: 1.1rem;
   font-weight: 600;
   font-weight: 600;
   margin: 0 0 14px 0;
   margin-bottom: 14px;
}
}


/* Kill MediaWiki/Citizen file wrapper backgrounds just for the image area */
/* Remove image wrapper styling ONLY inside image area */
.bbog-featured-img figure,
.bbog-featured-img figure,
.bbog-featured-img figure[typeof*="mw:File"],
.bbog-featured-img .mw-parser-output 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 .mw-file-caption,
.bbog-featured-img a.image {
   background: transparent !important;
   background: transparent !important;
   border: 0 !important;
   border: none !important;
   box-shadow: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 0 !important;
}
}


/* Image: responsive, rounded, subtle hover */
/* Clean image */
.bbog-featured-img img {
.bbog-featured-img img {
   display: block !important;
   display: block !important;
Line 71: Line 61:
}
}


/* Spacing above the Enter Wiki link.
/* Spacing above Enter Wiki button */
  Do NOT style the link itself so Citizen can keep its button look */
.bbog-featured-link {
.bbog-featured-link {
   margin-top: 14px;
   margin-top: 14px;
}
}

Revision as of 12:22, 16 February 2026

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

/* ===============================
   Big Book of Gaming - Featured Wikis Grid
   =============================== */

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

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

/* Remove Citizen content-block styling ONLY from card container */
.mw-parser-output > .bbog-grid > .bbog-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Title styling */
.bbog-featured-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 14px;
}

/* Remove image wrapper styling ONLY inside image area */
.bbog-featured-img figure,
.bbog-featured-img .thumb,
.bbog-featured-img .thumbinner,
.bbog-featured-img .mw-file-element {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Clean image */
.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;
  transition: transform 0.15s ease;
}

.bbog-featured-img img:hover {
  transform: scale(1.02);
}

/* Spacing above Enter Wiki button */
.bbog-featured-link {
  margin-top: 14px;
}