MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, 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)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*
licensed under CC-by-sa 3.0 Derived from https://de.wikipedia.org/wiki/MediaWiki:Common.css
*/
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*----------------------------------------------------------------------------------------------*/
/* ACHTUNG! Common.css enthält die gemeinsamen Skin-Anpassungen der deutschsprachigen Wikipedia */
/*----------------------------------------------------------------------------------------------*/
/*
* Common.css ist in drei grundlegende Abschnitte gegliedert:
*
* 1. Anpassungen der Anzeige von editierbaren Seiteninhalten
* (a) Definitionen projektweiter Klassen und IDs
* (b) Fußnoten
* (c) HTML-Elemente
* 2. Anpassungen der Bedienoberfläche
* (a) Seitenbearbeitung und Hochladen
* (b) Anpassungen für die Flagged-Revisions-Erweiterung
* (c) Unsortierte Anpassungen
* 3. Hauptseite
*
* Jede Ergänzung/Änderung muss vorher jeweils für alle Skins auf Tauglichkeit
* getestet werden, individuell per [[Special:Mypage/common.css]]! Ist hier
* erstmal geändert, dauert es dank Cache eine Weile, bis die Änderungen bei
* allen Nutzern sichtbar oder, bei Fehlern, korrigiert sind.
*
* Insbesondere innerhalb des Abschnitts 1. (a) ist die Reihenfolge der Regeln
* wichtig, weil die dort definierten Klassen kombiniert werden können.
*/
/* +++++ 1. ANPASSUNGEN DER ANZEIGE VON EDITIERBAREN SEITENINHALTEN +++++ */
/* +++++ 1. (a) DEFINITIONEN PROJEKTWEITER KLASSEN UND IDS +++++ */
/* Personennamen in Kapitälchen */
.Person {
font-variant: small-caps;
}
/*
* Stylesheet-Ergänzung zu Standard-Navigationsleisten:
* [[Hilfe:Navigationsleisten]], [[Vorlage:Navigationsleiste]]
*/
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
div.NavFrame {
border: 1px solid #a2a9b1;
clear: both;
font-size: 95%;
margin-top: 1.5em;
min-height: 0; /* IE 7 */
padding: 2px;
text-align: center;
}
div.NavPic {
float: left;
padding: 2px;
}
div.NavHead {
background: #eaecf0;
font-weight: bold;
}
div.NavFrame:after {
clear: both;
content: "";
display: block;
}
/*
* Stylesheet für den „Ausklappen“-Button an Navigationsleisten, der in
* [[MediaWiki:Common.js]] implementiert wird
*/
.NavToggle {
float: right;
font-size: x-small;
}
/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame {
margin-top: -1px;
}
/*
* Verschmelzen mittels [[Vorlage:NaviBlock]]
* Im Gegensatz zum automatischen Verschmelzen gibt es bei dieser Variante keine
* Trennlinie zwischen den Leisten. Möglicherweise war dies ursprünglich nur ein
* IE-6-Workaround, da das automatische Verschmelzen im IE 6 nicht funktioniert.
*/
div.BoxenVerschmelzen {
border: 1px solid #a2a9b1;
clear: both;
font-size: 95%;
margin-top: 1.5em;
padding-top: 2px;
}
div.BoxenVerschmelzen div.NavFrame {
border: none;
font-size: 100%;
margin: 0;
padding-top: 0;
}
/*
* VERALTET: Ehemals [[Vorlage:Prettytable]], jetzt infolge von [[rev:48842]]
* Kopie der Klasse „wikitable“ aus mediawiki.legacy/shared.css bis auf die
* Einfärbung der Kopfzellen.
* Die Existenz zweier Klassennamen ist aus [[:en:MediaWiki:Common.css]] geerbt,
* vgl. https://en.wikipedia.org/w/index.php?diff=26977467&oldid=26934973
* und https://en.wikipedia.org/w/index.php?diff=361917988&oldid=358750840.
* Es gab im Jahr 2007 einen Botlauf zur Umstellung der Vorlage auf CSS,
* dokumentiert unter [[Vorlage Diskussion:Prettytable/Bugs]] (gelöscht). Dabei
* wurde leider der „falsche“ Klassenname gewählt.
* Da die Vorlage keine farblichen Hervorhebungen hatte, es deshalb zahlreiche
* Einbindungen mit individuell eingefärbten Kopfzeilen gibt und die Einfärbung
* der Kopfzellen diese verdecken würde, wurde hier auf die Einfärbung der
* Kopfzellen verzichtet.
*/
.prettytable {
background-color: #f8f9fa;
border: 1px solid #a2a9b1;
border-collapse: collapse;
color: black;
margin: 1em 0;
}
table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
border: 1px solid #a2a9b1;
padding: .2em .4em;
}
table.prettytable > * > tr > th {
/* background-color: #eaecf0; */
text-align: center;
}
table.prettytable > caption {
font-weight: bold;
}
/*
* Zebra-Tabellen. Bei Verwendung zusammen mit „rowspan“ richtet sich die Farbe
* jeder Zelle nach der ersten Zeile, zu der die Zelle gehört.
*/
table.wikitable.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
background: white;
}
/*
* Klassen für die Ausrichtung von Bausteinen, Tabellen, mit „gallery“-Tags
* realisierten Bildergalerien und weiteren Objekten.
* Vorsicht: Das MediaWiki-eigene CSS enthält Klassen mit den sehr ähnlichen
* Namen „floatleft“, „floatright“ und „center“, deren Definitionen sich aber
* von den lokalen Definitionen unterscheiden.
* Für die Bedeutung der „noflip“-Kommentare siehe
* [[mw:ResourceLoader/Features#Flipping]].
*/
/* @noflip */
div.float-left,
table.float-left,
ul.float-left,
.float-left {
clear: left;
float: left;
margin: 1em 1em 1em 0;
}
/* @noflip */
div.float-right,
table.float-right,
ul.float-right,
.float-right {
clear: right;
float: right;
margin: 1em 0 1em 1em;
}
div.centered,
table.centered,
ul.centered,
.centered {
margin-left: auto;
margin-right: auto;
}
/*
* Obenbündige Textausrichtung in Tabellen. Wirkt nicht auf Kopfzellen und wurde
* unter anderem wegen Inkonsistenzen bei sortierbaren Tabellen nicht auf
* Kopfzellen ausgeweitet.
*/
.toptextcells > * > * > td {
vertical-align: top;
}
/*
* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen:
* [[Wikipedia:Textbausteine]]; Anpassungen für andere Skins sind optional.
* (Die Angaben der Rahmenstärke dienen der Bequemlichkeit, so dass man
* für dünne Rahmen nur noch „border-style“ angeben muss.)
*/
/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
.rahmenfarbe1 {
border: 1px #a2a9b1;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
border: 1px #eaecf0;
}
/* „Rot“, auffällig */
.rahmenfarbe3 {
border: 1px #c00000;
}
/* Neutrale Farbe, deutlich */
.rahmenfarbe4 {
border: 1px #88a;
}
/* „Schwarz“, hoher Kontrast */
.rahmenfarbe5 {
border: 1px #000;
}
/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 {
background-color: #f8f9fa;
}
/* „Weiß“, für Nicht-Artikel-Seiten, neutral */
table > * > tr.hintergrundfarbe2 > th,
table > * > tr > th.hintergrundfarbe2,
table.hintergrundfarbe2,
.hintergrundfarbe2 {
background-color: #fff;
}
/* „Gelb“, auffällig */
table > * > tr.hintergrundfarbe3 > th,
table > * > tr > th.hintergrundfarbe3,
table.hintergrundfarbe3,
.hintergrundfarbe3 {
background-color: #ffff40;
}
/* Sehr auffällig */
table > * > tr.hintergrundfarbe4 > th,
table > * > tr > th.hintergrundfarbe4,
table.hintergrundfarbe4,
.hintergrundfarbe4 {
background-color: #fa0;
}
/* Neutral, abgesetzt */
table > * > tr.hintergrundfarbe5 > th,
table > * > tr > th.hintergrundfarbe5,
table.hintergrundfarbe5,
.hintergrundfarbe5 {
background-color: #eaecf0;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe6 > th,
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 {
background-color: #b3b7ff;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe7 > th,
table > * > tr > th.hintergrundfarbe7,
table.hintergrundfarbe7,
.hintergrundfarbe7 {
background-color: #ffcbcb;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 {
background-color: #ffebad;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe9 > th,
table > * > tr > th.hintergrundfarbe9,
table.hintergrundfarbe9,
.hintergrundfarbe9 {
background-color: #b9ffc5;
}
/*
* Metadaten, bspw. [[Hilfe:Personendaten|Personendaten]]; vgl.
* [[MediaWiki:Gadget-Personendaten.css]].
* Der Klassenname „metadata“ wird in der englischen Wikipedia traditionell für
* einen anderen Zweck verwendet, nämlich für „Elemente in Artikeln, die nicht
* als Teil des eigentlichen Artikelinhalts angesehen werden“, aber auch nicht
* standardmäßig ausgeblendet sind, sondern nur in „alternativen Ansichten“,
* vgl. [[:en:Wikipedia:Catalogue of CSS classes]].
* Das führt zu Nebenwirkungen, zum Beispiel ignoriert der MediaViewer Bilder in
* Bereichen mit dieser Klasse, weil er davon ausgeht, dass es sich um einen
* Wartungsbaustein mit schmückenden Icons wie [[:en:Template:Refimprove]]
* handelt, vgl. [[phab:rEMMV21549d754747681a2b50b8763996b7abf0f4efd5]].
*/
.metadata {
display: none;
}
/* <noscript>-Emulation, vgl. [[phab:T47731]] */
.client-js .noscript {
display: none;
}
/*
* Skinabhängige absolute Positionierungen ausblenden
* Bitte [[MediaWiki Diskussion:Common.css/Archiv/1#Absolute Positionierungen]]
* beachten
*/
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #shortcut,
body.ns-special #mw-content-text .specialpage-helplink {
display: none;
}
/* +++++ 1. (b) FUSSNOTEN +++++ */
/* Vererbung von Hervorhebungen auf Einzelnachweise verhindern */
sup.reference {
font-style: normal;
font-weight: normal;
}
/* Hochgestellte Buchstaben in der Einzelnachweiseliste kursiv setzen */
ol.references li a[href|="#cite_ref"] {
font-style: italic;
}
/*
* Verwendung der Schwesterprojektverweise in Einzelnachweisen:
* [[:Kategorie:Vorlage:Schwesterprojektverweis]]
*/
ol.references li div.sisterproject {
display: inline;
}
/* +++++ 1. (c) HTML-ELEMENTE +++++ */
/*
* Bei URLs, die auf unser Projekt und verwandte Projekte verweisen, den Pfeil
* ausblenden. Dieser Pfeil dient nur dazu, auf externe Ziele hinzuweisen. Auf
* den Einsatz der Klasse „plainlinks“ kann dadurch verzichtet werden.
* März 2016: Die hohe Selektorenspezifität ist für den Modern-Skin nötig.
*/
#mw-content-text a.external[href^="//de.wikipedia.org"],
#mw-content-text a.external[href^="http://de.wikipedia.org"],
#mw-content-text a.external[href^="https://de.wikipedia.org"],
#mw-content-text a.external[href^="//www.wikidata.org"],
#mw-content-text a.external[href^="http://www.wikidata.org"],
#mw-content-text a.external[href^="https://www.wikidata.org"],
#mw-content-text a.external[href^="//tools.wmflabs.org"],
#mw-content-text a.external[href^="http://tools.wmflabs.org"],
#mw-content-text a.external[href^="https://tools.wmflabs.org"] {
background-image: none;
padding-right: 0;
}
/*
* Unterstrichelung für Abkürzungen weniger aufdringlich als vorgegeben, damit
* die Auszeichnungen nicht wegen Aufdringlichkeit entfernt werden.
* März 2016: Firefox >= 36 benutzt „text-decoration“, alle anderen Rendering-
* Engines benutzen „border-bottom“, vgl. Regel in mediawiki.legacy/shared.css,
* https://bugs.chromium.org/p/chromium/issues/detail?id=665898 sowie
* https://bugs.webkit.org/show_bug.cgi?id=58491
*/
abbr[title]:not(:hover),
.explain[title]:not(:hover) {
border-bottom-color: rgba(50%, 50%, 50%, .5);
text-decoration-color: rgba(50%, 50%, 50%, .5);
}
/* +++++ 2. ANPASSUNGEN DER BEDIENOBERFLÄCHE +++++ */
/* +++++ 2. (a) SEITENBEARBEITUNG UND HOCHLADEN +++++ */
/* Für [[MediaWiki:Missingcommentheader]] */
div#mw-missingcommentheader strong {
color: red;
}
/* Für [[MediaWiki:Missingsummary]] */
div#mw-missingsummary {
background: #d3e1f2;
border: 1px solid #1a47ff;
margin: 1em auto;
padding: 1em;
width: 80%;
}
/*
* Falls bei der Seitenbearbeitung vergessen wurde, die Zusammenfassung
* auszufüllen
*/
.mw-summarymissed {
border: 5px solid red;
padding: 2px;
}
/* Copyrightwarnung: [[MediaWiki:Wikimedia-copyrightwarning]] */
div#editpage-copywarn {
background: #fff;
border: 1px solid #c00000;
margin: 1em 0;
}
/*
* Warnmeldung bei der Bearbeitung von Seiten im MediaWiki-Namensraum:
* [[MediaWiki:Editinginterface]], [[MediaWiki:Translateinterface]]
*/
.mw-editinginterface,
.mw-translateinterface {
background: #f8f9fa;
border: 1px solid #c00000;
padding: 2px;
}
.mw-editinginterface + .mw-translateinterface {
border-top: none;
margin-top: -8px;
}
/* [[Special:Upload]]: Höheres Feld für die Beschreibung */
textarea#wpUploadDescription {
height: 20em;
}