Template:PosterGalleryCSS.css: Difference between revisions
From KSI Wiki
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* ===== Poster gallery card look ===== */ | ||
.ksi-posters .gallerybox .thumb { | .ksi-posters .gallerybox .thumb { | ||
border: 1px solid #777; | border: 1px solid #777; | ||
background: #111; | background: #111; /* dark card behind the image */ | ||
padding: 6px; | 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; | 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; | ||
} | } | ||
/* Keep links using the | /* ===== Keep links using the site's normal colors ===== */ | ||
ul.gallery.mw-gallery- | .mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a, | ||
ul.gallery.mw-gallery | .mw-parser-output ul.gallery.ksi-posters li.gallerybox .gallerytext a:visited, | ||
color: revert !important; | .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;
}