MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus jl87
Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→----------------------------------------------------------------------------------------------: /* ACHTUNG! Common.css enthält die gemeinsamen Skin-Anpassu…“) |
(kein Unterschied)
|
Aktuelle Version vom 31. August 2017, 11:42 Uhr
/*----------------------------------------------------------------------------------------------*/ /* 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) Inhaltsverzeichnis und 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]] */ 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; } /* * Lokal erhalten gebliebene Kopie der ehemals global vorhandenen Klasse * „townBox“; vgl. [[rev:2909]], [[rev:36662]], [[Wikipedia:Archiv/TownBox]]; * ehemals verwendet in [[Wikipedia:Formatvorlage Charts]], siehe * https://de.wikipedia.org/w/index.php?diff=57274184&oldid=56781842; Ersatz * durch [[Vorlage:Infobox Chartplatzierungen]], die diese Klasse nicht nutzt */ div.sideBox { background: white; border: 1px solid #72777d; clear: right; float: right; margin-left: 1em; padding: .3em; width: 200px; } div.sideBox dl { font-size: 96%; margin: 0 0 .3em; } div.sideBox dt { margin: .4em 0 0; } div.sideBox dd { background: #f8f9fa; margin: .1em 0 0 1.1em; } /* * Stylesheet-Ergänzung für [[Vorlage:Taxobox]], mitbenutzt von * [[Vorlage:Infobox Virus]]; ehemals in nativen Tabellen außerhalb * programmierter Vorlagen verwendet, vgl. [[Wikipedia:Taxoboxen]], konkret * https://de.wikipedia.org/w/index.php?diff=37690951&oldid=36341210; siehe auch * [[Vorlage:Taxobox/Doku/Tech]] */ table.taxobox { background: white; border: 1px solid #72777d; border-collapse: collapse; /* Redundant zur Klasse „float-right“ weiter unten */ clear: right; float: right; margin: 1em 0 1em 1em; } table.taxobox > * > * > th { background: #9bcd9b; border: 1px solid #72777d; text-align: center; } table.taxobox.palaeobox > * > * > th { background: #e7dcc3; } table.taxobox > * > * > td.Person, table.taxobox > * > * > td.taxo-name, table.taxobox > * > * > td.taxo-bild, table.taxobox.palaeobox > * > * > td.taxo-zeit { text-align: center; } /* * Bitte KEINE weiteren Definitionen dieser Art für Boxen hier, das gehört in * entsprechende Vorlagen! * Hier 20-mal Trivialitäten wie „text-align: center“ zu definieren verlangsamt * alles und ist nicht Sinn der Sache. (Und wer nicht weiß warum, hat’s nicht * verstanden.) */ /* * 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; } /* * IPA-Links nicht unterstreichen: [[Vorlage:IPA]] und weitere * Diese Regel überschreibt die entsprechende Benutzereinstellung (Klasse * „mw-underline-always“ aus mediawiki.legacy/shared.css) und die Effekte für * :hover und :focus aus mediawiki.skinning/elements.css */ .IPA a { text-decoration: none; } /* * 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 #issnlink, #mw-content-text #shortcut, body.ns-special #mw-content-text .specialpage-helplink { display: none; } /* +++++ 1. (b) INHALTSVERZEICHNIS UND FUSSNOTEN +++++ */ /* * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to * showing ==headings== and ===headings=== but no further * (as long as there are no =headings= on the page, which * there shouldn't be according to the MoS). * [[Vorlage:TOC limit]] */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* * Hide the numbers are shown in a TOC * [[Vorlage:TOC nonum]] */ .nonumtoc .tocnumber { display: none; } /* 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 für gesperrte Titel: [[MediaWiki:Titleprotectedwarning]] */ .mw-titleprotectedwarning { background: #eaecf0; border: 2px solid red; padding: 1em; } /* * 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; } /* Gestaltung der Edittools-Leiste: [[MediaWiki:Onlyifediting.js]] */ div#specialchars { background: white; border: 1px solid #a2a9b1; margin-top: 3px; padding: 1px; text-align: left; } /* [[Special:Upload]]: Höheres Feld für die Beschreibung */ textarea#wpUploadDescription { height: 20em; } /* +++++ 2. (b) ANPASSUNGEN FÜR DIE FLAGGED-REVISIONS-ERWEITERUNG +++++ */ /* Für den Abgleich: [[phab:diffusion/EFLR/browse/master/frontend/modules]] */ /* Flagged-Revisions-Backlog-Sitenotice */ .fr-watchlist-pending-notice { background: transparent; border: none; margin: 0; padding: 0; } /* Standardmäßige Ausblendung der Flagged-Revisions-Kommentarbox */ .fr-comment-box { display: none; } /* Hintergrund des Sichten-Links auf der Beobachtungsliste entfärben */ .mw-fr-reviewlink { background: transparent; } /* * Ausklappbarer Teil der Flagged-Revisions-Box im Vordergrund relativ * positionierter Vorlagen, vor allem [[Vorlage:Positionskarte]]; an * #mw-fr-revisiondetails-wrapper statt div.flaggedrevs_short_details für IE 7: * http://web.archive.org/web/therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ #mw-fr-revisiondetails-wrapper { z-index: 1; } /* * Patrollink, Ausrufezeichen und Legendeneintrag ausblenden und Einträge auf * [[Spezial:Neue Seiten]] entfärben, da das Feature hier nicht genutzt wird und * dessen Optik zu sehr den gesichteten Versionen ähnelt; vgl. [[phab:T102818]] */ .patrollink, ul.special .unpatrolled, .mw-changeslist-legend .unpatrolled, .mw-changeslist-legend-unpatrolled { display: none; } td.mw-enhanced-rc .unpatrolled { visibility: hidden; } .not-patrolled { background-color: transparent; } /* +++++ 2. (c) UNSORTIERTE ANPASSUNGEN +++++ */ /* * Rollback-Knopf auf der Beobachtungsliste ausblenden, da er dort nur von sehr * beschränktem Nutzen ist und zu sehr vielen Reverts aus Versehen führt */ .mw-special-Watchlist .mw-rollback-link { display: none; } /* Legende für Versionsgeschichte: [[MediaWiki:Histlegend]] */ .mw-history-legend { background: #f8f9fa; border: 1px solid #eaecf0; font-size: 90%; margin: 2px 0; padding: 0 5px 5px; } /* Spezialseiten: [[MediaWiki:Perfcached]], [[MediaWiki:Perfcachedts]] */ .sp-cached { background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock_and_warning.svg/20px-Clock_and_warning.svg.png) 5px 3px no-repeat #ffffe0; /* IE 7–8 */ background: url(https://upload.wikimedia.org/wikipedia/commons/8/8c/Clock_and_warning.svg) 5px 3px/20px no-repeat #ffffe0; border: 1px solid #eeee80; color: #606000; font-style: italic; margin: .3em 0; padding: 4px 0 4px 30px; } /* * Verhindere, dass Infoboxen etc. in den Inhalt von Kategorien hineinragen. * Das betrifft nur Kategorieseiten. */ div.mw-category-generated { clear: both; } /* [[Special:Search]]: Suchergebnisse aus anderssprachigen Wikipedien */ .mw-search-interwiki-header { border-top: 3px solid #c00000; } /* +++++ 3. [[Wikipedia:Hauptseite|HAUPTSEITE]] +++++ */ /* * Überschrift, Weiterleitungshinweis, Kategorie und Schwesterprojektverweise * auf der Hauptseite verbergen * Nicht in allen Skins vollständig wirksam; vgl. [[MediaWiki:Cologneblue.css]] */ .action-view.page-Wikipedia_Hauptseite h1.firstHeading, .action-view.page-Wikipedia_Hauptseite #contentSub, .action-view.page-Wikipedia_Hauptseite #catlinks, .page-Wikipedia_Hauptseite #p-wikibase-otherprojects { display: none; } /* [[Wikipedia Diskussion:Meinungsbilder/Neue Hauptseite/V5-2-css]], 2006 */ #hauptseite h2 { background: #d8e8ff; border: 1px solid #8898bf; font-family: inherit; /* [[mw:Typography refresh]] */ font-size: 1em; font-weight: bold; line-height: 1.5; /* [[mw:Typography refresh]] */ margin: 0; padding: .1em 0; } #hauptseite .inhalt { background: #fff; border: 1px solid #8898bf; border-top: 0; min-height: 0; /* IE 7 */ padding: .3em .8em .4em; } #hauptseite .inhalt hr { background: #8898bf; color: #8898bf; /* IE 7 */ height: 1px; margin: .5em 0; } #hauptseite .inhalt .mehr { clear: both; font-size: 95%; margin-top: .8em; text-align: right; } .hauptseite-oben, .hauptseite-links, .hauptseite-rechts { margin-bottom: 1em; } .hauptseite-links { margin-right: .5em; } .hauptseite-rechts { margin-left: .5em; } .hauptseite-oben h2, .hauptseite-unten h2 { text-align: center; } .hauptseite-oben .inhalt .portale { font-weight: bold; margin: .2em 0; } .hauptseite-oben .inhalt .intern { font-size: 90%; text-align: center; } .hauptseite-links h2, .hauptseite-rechts h2 { text-indent: .8em; } #hauptseite-schwesterprojekte .inhalt a { font-weight: bold; }