Template:PosterGalleryCSS.css: Difference between revisions

From KSI Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* === Card frame for each poster === */
/* Card frame */
.ksi-posters .gallerybox .thumb {
.ksi-posters .gallerybox .thumb {
   border: 1px solid #777;
   border: 1px solid #777;
Line 6: Line 6:
   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;
}


/* === Caption text === */
/* Caption text (non-links) = white */
.ksi-posters .gallerytext {
.mw-parser-output .ksi-posters .gallerytext {
   color: #fff !important;   /* force non-link caption text to white */
   color: #fff !important;
   font-size: 90%;
   font-size: 90%;
   padding-top: 4px;
   padding-top: 4px;
Line 20: Line 16:
}
}


/* Make sure only non-links stay white */
/* Keep links using the skin’s normal colors */
.ksi-posters .gallerytext :not(a) {
.mw-parser-output .ksi-posters .gallerytext a,
  color: #fff !important;
.mw-parser-output .ksi-posters .gallerytext a:visited,
}
.mw-parser-output .ksi-posters .gallerytext a:hover,
 
.mw-parser-output .ksi-posters .gallerytext a:active,
/* Reset links back to default browser/site colors */
.mw-parser-output .ksi-posters .gallerytext a:focus {
.ksi-posters .gallerytext a,
   color: revert !important;         /* fall back to site/skin link color */
.ksi-posters .gallerytext a:visited,
   text-decoration: revert !important;/* keep site’s underline/hover style */
.ksi-posters .gallerytext a:active,
.ksi-posters .gallerytext a:hover,
.ksi-posters .gallerytext a:focus {
   color: inherit !important;
   text-decoration: underline;
}
}

Revision as of 13:55, 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 text (non-links) = white */
.mw-parser-output .ksi-posters .gallerytext {
  color: #fff !important;
  font-size: 90%;
  padding-top: 4px;
  text-align: center;
}

/* Keep links using the skin’s normal colors */
.mw-parser-output .ksi-posters .gallerytext a,
.mw-parser-output .ksi-posters .gallerytext a:visited,
.mw-parser-output .ksi-posters .gallerytext a:hover,
.mw-parser-output .ksi-posters .gallerytext a:active,
.mw-parser-output .ksi-posters .gallerytext a:focus {
  color: revert !important;          /* fall back to site/skin link color */
  text-decoration: revert !important;/* keep site’s underline/hover style */
}