More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* =============================== | /* =============================== | ||
| Line 6: | Line 5: | ||
=============================== */ | =============================== */ | ||
/* Grid layout | /* Grid layout */ | ||
.bbog-grid { | .bbog-grid { | ||
display: grid; | display: grid; | ||
| Line 20: | Line 19: | ||
} | } | ||
/* | /* Remove Citizen content-block styling ONLY from card container */ | ||
.mw-parser-output > .bbog-grid > .bbog-card { | |||
.bbog-card { | |||
background: transparent !important; | background: transparent !important; | ||
border: | border: none !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
padding: 0 !important; | |||
border-radius: 0 !important; | border-radius: 0 !important; | ||
} | } | ||
/* Title */ | /* Title styling */ | ||
.bbog-featured-title { | .bbog-featured-title { | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
font-weight: 600; | font-weight: 600; | ||
margin: | margin-bottom: 14px; | ||
} | } | ||
/* | /* Remove image wrapper styling ONLY inside image area */ | ||
.bbog-featured-img figure, | .bbog-featured-img figure, | ||
.bbog-featured-img .thumb, | .bbog-featured-img .thumb, | ||
.bbog-featured-img .thumbinner, | .bbog-featured-img .thumbinner, | ||
.bbog-featured-img .mw-file-element | .bbog-featured-img .mw-file-element { | ||
background: transparent !important; | background: transparent !important; | ||
border: | border: none !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
/* | /* Clean image */ | ||
.bbog-featured-img img { | .bbog-featured-img img { | ||
display: block !important; | display: block !important; | ||
| Line 71: | Line 61: | ||
} | } | ||
/* Spacing above | /* Spacing above Enter Wiki button */ | ||
.bbog-featured-link { | .bbog-featured-link { | ||
margin-top: 14px; | margin-top: 14px; | ||
} | } | ||
Revision as of 12:22, 16 February 2026
/* CSS placed here will be applied to all skins */
/* ===============================
Big Book of Gaming - Featured Wikis Grid
=============================== */
/* Grid layout */
.bbog-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
margin-top: 20px;
}
@media (max-width: 700px) {
.bbog-grid {
grid-template-columns: 1fr;
}
}
/* Remove Citizen content-block styling ONLY from card container */
.mw-parser-output > .bbog-grid > .bbog-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
/* Title styling */
.bbog-featured-title {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 14px;
}
/* Remove image wrapper styling ONLY inside image area */
.bbog-featured-img figure,
.bbog-featured-img .thumb,
.bbog-featured-img .thumbinner,
.bbog-featured-img .mw-file-element {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
}
/* Clean image */
.bbog-featured-img img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 560px !important;
margin: 0 auto !important;
border-radius: 14px !important;
transition: transform 0.15s ease;
}
.bbog-featured-img img:hover {
transform: scale(1.02);
}
/* Spacing above Enter Wiki button */
.bbog-featured-link {
margin-top: 14px;
}