Template:PosterGalleryCSS.css: Difference between revisions

From KSI Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* ===== Poster gallery card look ===== */
/* Card frame for each poster */
.ksi-posters .gallerybox .thumb {
.ksi-posters .gallerybox .thumb {
   border: 1px solid #777;
   border: 1px solid #777;
   background: #111;             /* dark card behind the image */
   background: #111;
   padding: 6px;                 /* space between border and image */
   padding: 6px;
   box-shadow: 0 1px 4px rgba(0,0,0,.4);
   box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
}
.ksi-posters .thumb img {
.ksi-posters .thumb img { display:block; width:100%; height:auto; }
  display: block;
  width: 100%;
  height: auto;
}


/* ===== Force white for non-link caption text =====
/* Make caption text WHITE (but do not touch links) */
  (higher specificity so it beats the skin defaults) */
.ksi-posters .gallerytext {
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext,
   color: #fff !important;   /* forces non-link caption text to white */
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext p,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext span {
   color: #fff !important;
   font-size: 90%;
   font-size: 90%;
   padding-top: 4px;
   padding-top: 4px;
Line 23: Line 16:
}
}


/* ===== Keep links using the site's normal colors ===== */
/* Ensure any non-anchor elements inside captions inherit the white */
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a,
.ksi-posters .gallerytext > :not(a),
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:visited,
.ksi-posters .gallerytext > :not(a) * {
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:active,
   color: #fff !important;
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:hover,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:focus {
   color: revert !important;      /* fall back to skin/site link colors */
  text-decoration: revert;
}
}
/* Do NOT set colors on links – they’ll keep your site’s default link color */

Revision as of 13:50, 14 September 2025

/* Card frame for each poster */
.ksi-posters .gallerybox .thumb {
  border: 1px solid #777;
  background: #111;
  padding: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.ksi-posters .thumb img { display:block; width:100%; height:auto; }

/* Make caption text WHITE (but do not touch links) */
.ksi-posters .gallerytext {
  color: #fff !important;   /* forces non-link caption text to white */
  font-size: 90%;
  padding-top: 4px;
  text-align: center;
}

/* Ensure any non-anchor elements inside captions inherit the white */
.ksi-posters .gallerytext > :not(a),
.ksi-posters .gallerytext > :not(a) * {
  color: #fff !important;
}

/* Do NOT set colors on links – they’ll keep your site’s default link color */
Retrieved from "https://wiki.ksiglobal.com/index.php?title=Template:PosterGalleryCSS.css&oldid=82052"