More actions
Created page with "→CSS placed here will be applied to all skins: →Featured Wiki Grid: .bbog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 10px; } @media (max-width: 700px) { .bbog-grid { grid-template-columns: 1fr; } } .bbog-card { text-align: center; padding: 12px; } .bbog-featured-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 12px; } .bbog-featured-img img { width: 100%; height: auto..." |
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 */ | ||
/* Featured Wiki Grid */ | |||
/* Featured Wiki Grid */ | /* Featured Wiki Grid */ | ||
.bbog-grid { | .bbog-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
gap: | gap: 40px; /* more breathing room */ | ||
margin-top: | margin-top: 20px; | ||
} | } | ||
| Line 16: | Line 17: | ||
.bbog-card { | .bbog-card { | ||
text-align: center; | text-align: center; | ||
padding: | padding: 0; /* remove padding */ | ||
background: none; /* remove background */ | |||
border: none; /* remove borders */ | |||
box-shadow: none; /* remove any theme shadow */ | |||
} | } | ||
| Line 22: | Line 26: | ||
font-size: 1.1rem; | font-size: 1.1rem; | ||
font-weight: 600; | font-weight: 600; | ||
margin-bottom: | margin-bottom: 14px; | ||
} | } | ||
| Line 28: | Line 32: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
max-width: | max-width: 560px; | ||
border-radius: | border-radius: 14px; | ||
display: block; | display: block; | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 40: | Line 44: | ||
.bbog-featured-link { | .bbog-featured-link { | ||
margin-top: | margin-top: 14px; | ||
} | } | ||
Revision as of 12:15, 16 February 2026
/* CSS placed here will be applied to all skins */
/* Featured Wiki Grid */
/* Featured Wiki Grid */
.bbog-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px; /* more breathing room */
margin-top: 20px;
}
@media (max-width: 700px) {
.bbog-grid {
grid-template-columns: 1fr;
}
}
.bbog-card {
text-align: center;
padding: 0; /* remove padding */
background: none; /* remove background */
border: none; /* remove borders */
box-shadow: none; /* remove any theme shadow */
}
.bbog-featured-title {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 14px;
}
.bbog-featured-img img {
width: 100%;
height: auto;
max-width: 560px;
border-radius: 14px;
display: block;
margin: 0 auto;
transition: transform 0.15s ease;
}
.bbog-featured-img img:hover {
transform: scale(1.02);
}
.bbog-featured-link {
margin-top: 14px;
}