MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* | /*-------------------------------------------------------------- | ||
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); | |||
} | } | ||
a { | |||
color: | /*============================== | ||
3. Links | |||
==============================*/ | |||
a, | |||
a:visited { | |||
color: var(--color-link); | |||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
a:visited { | |||
color: | a:hover { | ||
text-decoration: | 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 { | |||
ol.references { | display: none; | ||
} | |||
sup.reference a { | sup.reference a { | ||
| Zeile 63: | Zeile 121: | ||
} | } | ||
/*============================== | |||
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; | |||
} | } | ||
Aktuelle Version vom 7. Oktober 2025, 12:23 Uhr
/*--------------------------------------------------------------
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;
}