MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 652: | Line 652: | ||
* { border-color: currentColor; } | * { border-color: currentColor; } | ||
hr { border: 0; border-top: 1px solid #1f1f1f !important; } | hr { border: 0; border-top: 1px solid #1f1f1f !important; } | ||
/* ===== Global dark background & text ===== */ | |||
body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, | |||
.mw-parser-output { | |||
background: #0a0a0a !important; | |||
color: #e6e6e6; | |||
} | |||
/* ===== Tables, TOC, navboxes, message boxes ===== */ | |||
.mw-parser-output table, | |||
table, .wikitable, .toc, .navbox, .ambox { | |||
background: #111 !important; | |||
border-color: #333 !important; | |||
} | |||
.mw-parser-output table th, | |||
.mw-parser-output table td { | |||
background: transparent !important; | |||
border-color: #333 !important; | |||
} | |||
/* ===== Infoboxes (white backgrounds -> dark) ===== */ | |||
table.infobox, .infobox, | |||
.portable-infobox, .portable-infobox .pi-item, .portable-infobox .pi-data, | |||
.portable-infobox .pi-header, .portable-infobox .pi-title, | |||
.portable-infobox .pi-data-value, .portable-infobox .pi-image, .portable-infobox .pi-media { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border-color: #333 !important; | |||
} | |||
/* ===== Code blocks ===== */ | |||
pre, code, .mw-code { | |||
background: #0f0f0f !important; | |||
color: #e6e6e6 !important; | |||
border: 1px solid #333 !important; | |||
} | |||
/* ===== Images: no overflow, responsive ===== */ | |||
.mw-parser-output img, | |||
.thumb img, .thumbimage, .mw-file-element, | |||
.gallerybox .thumb img, .fullImageLink img, | |||
.mw-parser-output .infobox img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
display: block; | |||
} | |||
/* Containers shouldn’t overflow horizontally */ | |||
.mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; } | |||
/* Thumbs/galleries keep content clipped inside */ | |||
.thumb, .tleft, .tright, .gallerybox .thumb { | |||
overflow: hidden; | |||
max-width: 100%; | |||
} | |||
/* Gallery text color */ | |||
.gallerybox .gallerytext { color: #ddd; } | |||
/* Links (optional tweak for readability on dark bg) */ | |||
a { color: #8ab4ff; } | |||
a:visited { color: #b388ff; } | |||