Template:PosterGalleryCSS.css: Difference between revisions

From KSI Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* Template:PosterGalleryCSS.css */
/* ===== Poster gallery card look ===== */
.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;             /* dark card behind the image */
   padding: 6px;             /* space between border and image */
   padding: 6px;                 /* space between border and image */
   box-shadow: 0 1px 4px rgba(0,0,0,.4);
   box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
}
.ksi-posters .thumb img { display: block; width: 100%; height: auto; }
.ksi-posters .thumb img {
.ksi-posters .gallerytext {
  display: block;
   color: #fff;         /* make non-link caption text white */
  width: 100%;
  height: auto;
}
 
/* ===== Force white for non-link caption text =====
  (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 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;
}
/* Force white caption text in packed galleries */
ul.gallery.mw-gallery-packed.ksi-posters li.gallerybox .gallerytext {
  color: #fff !important;
}
}


/* Keep links using the site’s normal link color */
/* ===== Keep links using the site's normal colors ===== */
ul.gallery.mw-gallery-packed.ksi-posters li.gallerybox .gallerytext a,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a,
ul.gallery.mw-gallery-packed.ksi-posters li.gallerybox .gallerytext a:visited {
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:visited,
   color: revert !important; /* fall back to skin/site link color */
.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;
}
}

Revision as of 13:49, 14 September 2025

/* ===== Poster gallery card look ===== */
.ksi-posters .gallerybox .thumb {
  border: 1px solid #777;
  background: #111;              /* dark card behind the image */
  padding: 6px;                  /* space between border and image */
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.ksi-posters .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

/* ===== Force white for non-link caption text =====
   (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 p,
.mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext span {
  color: #fff !important;
  font-size: 90%;
  padding-top: 4px;
  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;
}