MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 40: | Line 40: | ||
} | } | ||
/* JS-free target tabs */ | /* JS-free target tabs — UI styles (keep as-is) */ | ||
.u-dd { margin: 10px 0; } | .u-dd { margin: 10px 0; } | ||
.u-dd > summary { cursor: pointer; padding: 8px 10px; border:1px solid #ddd; border-radius:10px; display:inline-block; background:#f9f9f9; } | .u-dd > summary { cursor: pointer; padding: 8px 10px; border:1px solid #ddd; border-radius:10px; display:inline-block; background:#f9f9f9; } | ||
| Line 46: | Line 46: | ||
.u-list a { display:block; padding:6px 8px; border-radius:8px; text-decoration:none; border:1px solid #eee; background:#fff; } | .u-list a { display:block; padding:6px 8px; border-radius:8px; text-decoration:none; border:1px solid #eee; background:#fff; } | ||
.u-list a:hover { background:#f5f5f5; } | .u-list a:hover { background:#f5f5f5; } | ||
.u-panels { margin-top: 12px; } | .u-panels { margin-top: 12px; } | ||
/* | /* Behaviour (no wrapper needed) */ | ||
.u-panel { display: none; } | |||
.u-panel:target { display: block; } | .u-panel:target { display: block; } | ||
/* Default: if | /* Default: if no #hash is present, show the first panel */ | ||
body:not(:has(.u-panel:target)) .u-panel:first-of-type { display: block; } | body:not(:has(.u-panel:target)) .u-panel:first-of-type { display: block; } | ||
Revision as of 23:33, 7 September 2025
/* CSS placed here will be applied to all skins */
#p-tb {
display: none;
}
body.page-Home #firstHeading {
display: none;
}
/* Force all links to be underlined */
a,
a:visited,
a:active {
text-decoration: underline !important;
}
/* Download buttons row */
.download-row {
display: flex;
flex-wrap: wrap; /* wrap if super narrow */
justify-content: center; /* center the row */
gap: 12px; /* space between buttons */
margin: 8px 0 16px;
}
/* Make the badge images responsive */
.download-row img {
width: clamp(140px, 28vw, 200px); /* 140–200px, scales with viewport */
height: auto;
display: block;
}
.spoiler {
filter: blur(6px);
cursor: pointer;
transition: filter 0.3s ease;
}
.spoiler.revealed {
filter: none;
}
/* JS-free target tabs — UI styles (keep as-is) */
.u-dd { margin: 10px 0; }
.u-dd > summary { cursor: pointer; padding: 8px 10px; border:1px solid #ddd; border-radius:10px; display:inline-block; background:#f9f9f9; }
.u-list { list-style: none; margin:8px 0 0; padding:0; display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:6px; }
.u-list a { display:block; padding:6px 8px; border-radius:8px; text-decoration:none; border:1px solid #eee; background:#fff; }
.u-list a:hover { background:#f5f5f5; }
.u-panels { margin-top: 12px; }
/* Behaviour (no wrapper needed) */
.u-panel { display: none; }
.u-panel:target { display: block; }
/* Default: if no #hash is present, show the first panel */
body:not(:has(.u-panel:target)) .u-panel:first-of-type { display: block; }