MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.mw-body {
position: relative;
min-height: 100vh; /* full viewport height */
background-image:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
url('/wiki/assets/bg.jpeg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.page-Main_Page #firstHeading {
display: none;
}
.skin-minerva,
.skin-minerva body {
background-color: #0f1318 !important;
color: #e5e9f0 !important;
color-scheme: dark;
}
@media (min-width: 720px) {
.skin-minerva #mw-mf-page-center .content,
.skin-minerva .content,
.skin-minerva #content,
.skin-minerva .mw-body {
max-width: 960px;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px;
padding-right: 16px;
}
}
.skin-minerva .mw-parser-output > p {
max-width: 75ch;
}
.skin-minerva .mw-parser-output a,
.skin-minerva a {
color: #7fb3ff !important;
}
.skin-minerva a:visited { color: #a5c4ff !important; }
.skin-minerva a:hover,
.skin-minerva a:focus { color: #89b8ff !important; }
.skin-minerva .mw-parser-output table.wikitable,
.skin-minerva .mw-parser-output .infobox,
.skin-minerva .mw-message-box,
.skin-minerva .navbox,
.skin-minerva .toc,
.skin-minerva .portal {
background-color: #141a21;
color: #e5e9f0;
border: 1px solid #243040;
}
.skin-minerva input[type="search"],
.skin-minerva .mw-ui-input,
.skin-minerva textarea,
.skin-minerva select {
background-color: #141a21;
color: #e5e9f0;
border: 1px solid #243040;
}
.skin-minerva ::placeholder { color: #a9b4c2; }
.skin-minerva .mw-parser-output img { border-radius: 8px; }
.skin-minerva.mw-page-is-mainpage .eld-hero {
background: linear-gradient(180deg, rgba(126,177,255,0.08), rgba(126,177,255,0.03)), #141a21;
border: 1px solid #243040;
padding: 24px;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.skin-minerva.mw-page-is-mainpage .eld-hero__title {
font-size: 2rem;
margin: 0 0 8px 0;
}
.skin-minerva.mw-page-is-mainpage .eld-hero__tagline {
color: #a9b4c2;
margin: 0 0 16px 0;
}
.skin-minerva .eld-btn {
display: inline-flex;
align-items: center;
padding: 10px 14px;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
border: 1px solid #243040;
background: #1b232c;
color: #e5e9f0;
}
.skin-minerva .eld-btn--primary {
background: linear-gradient(180deg, rgba(126,177,255,0.22), rgba(126,177,255,0.10));
border-color: #2a3a52;
}
.skin-minerva .eld-btn:hover { filter: brightness(1.1); }
.skin-minerva.mw-page-is-mainpage .eld-section-title {
margin: 22px 0 10px 0;
border-bottom: 1px solid #243040;
padding-bottom: 6px;
}
.skin-minerva.mw-page-is-mainpage .eld-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-top: 18px;
}
@media (min-width: 650px) {
.skin-minerva.mw-page-is-mainpage .eld-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1000px) {
.skin-minerva.mw-page-is-mainpage .eld-grid { grid-template-columns: repeat(3, 1fr); }
}
.skin-minerva .eld-card {
background: #141a21;
border: 1px solid #243040;
border-radius: 12px;
padding: 16px;
box-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.skin-minerva .eld-card h3 { margin-top: 0; font-size: 1.1rem; }
.skin-minerva .eld-card p { color: #a9b4c2; margin-bottom: 10px; }