Template:PosterGalleryCSS.css: Difference between revisions

From KSI Wiki
Jump to: navigation, search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ===== Poster gallery card look ===== */
/* Card frame */
.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 =====
/* Caption container: make all non-link text white */
  (higher specificity so it beats the skin defaults) */
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext {
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext,
.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;
   text-align: center;
   text-align: center;
}
/* ===== Keep links using the site's normal colors ===== */
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:visited,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:active,
.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;
}
}

Latest revision as of 14:23, 14 September 2025

/* Card frame */
.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; }

/* Caption container: make all non-link text white */
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext {
  font-size: 90%;
  padding-top: 4px;
  text-align: center;
}