MediaWiki:Common.css
Erscheinungsbild
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/*--------------------------------------------------------------
Common.css – Global styles for all users
--------------------------------------------------------------*/
/*==============================
1. Root Variables & Base Colors
==============================*/
:root {
--color-link: #666;
--color-link-visited: #555;
--color-link-hover: #534fa3;
--color-accent: #b2292e;
}
/*==============================
2. Global Typography
==============================*/
.mw-body,
.mw-body-content,
.mw-heading,
.firstHeading,
.mw-body h1,
.mw-body .mw-heading1,
.mw-body-content h1,
.mw-body-content .mw-heading1,
.mw-body-content h2,
.mw-body-content .mw-heading2,
.vector-body {
font-family: "Minion Pro", minion-pro, serif !important;
}
.firstHeading {
font-weight: 700;
color: var(--color-accent);
border-bottom: none !important;
}
.mw-heading {
border-bottom: none !important;
color: var(--color-accent);
}
/*==============================
3. Links
==============================*/
a,
a:visited {
color: var(--color-link);
text-decoration: underline;
}
a:hover {
color: var(--color-link-hover);
}
/* Hide external link icons */
.mw-parser-output a.external,
.mw-parser-output a.external:visited {
background: none !important;
padding-right: 0 !important;
}
/*==============================
4. Page Layout & Interface
==============================*/
.vector-page-titlebar {
box-shadow: none !important;
}
.vector-page-titlebar::after {
display: none;
}
/* Vector Tabs */
.vector-tab,
.vector-tab-noicon {
padding: 3px;
color: var(--color-accent);
}
.vector-tab a,
.vector-tab-noicon a,
.vector-tab a:visited,
.vector-tab-noicon a:visited {
color: var(--color-accent) !important;
text-decoration: none !important;
}
/* Boxes */
.graybox {
background:#f5f5f5;
padding: 0 10px 10px 10px;
}
/*==============================
5. References & Citations
==============================*/
ol.references {
font-size: 90%;
list-style: none !important;
counter-reset: mw-ref;
margin-left: 0;
padding-left: 0;
}
ol.references > li::before {
counter-increment: mw-ref;
content: "[" counter(mw-ref) "]";
vertical-align: super;
font-size: smaller;
margin-right: 0.25em;
color: var(--color-link);
}
ol.references .mw-cite-backlink {
display: none;
}
sup.reference a {
text-decoration: none !important;
}
/*==============================
6. Mainpage
==============================*/
/* Hlavní strana */
.mainpage {
display: grid;
grid-template-columns: 1fr; /* default: 1 column (mobile) */
gap: 10px;
}
.mainpage div {
padding:20px;
text-align: center;
}
/* Wide screens */
@media (min-width: 768px) {
.mainpage {
grid-template-columns: 1fr 1fr; /* 2 columns */
grid-template-areas:
"mp-about mp-about"
"mp-birth mp-death";
}
.mp-about { grid-area: mp-about; }
.mp-birth { grid-area: mp-birth; }
.mp-death { grid-area: mp-death; }
}
.mp-graybox {
background:#f5f5f5;
}
.mp-h2 {
color: var(--color-accent);
font-size: 125%;
font-weight: 700;
}