MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Aus NordhausenWiki
Die Seite wurde neu angelegt: „/* Das folgende CSS wird für alle Nutzer der Mobilen Version geladen. Die MediaWiki:Common.css steht in der Mobilen Version nicht zur Verfügung, we…“ |
Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Nutzer der Mobilen Version geladen. | /* | ||
* Das folgende CSS wird für alle Nutzer der Mobilen Version geladen. | |||
* Die [[MediaWiki:Common.css]] steht in der Mobilen Version nicht zur | |||
* Verfügung, weshalb sich einiges von dort hier wiederholt. | |||
*/ | * Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden. | ||
* Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende | |||
* geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von | |||
* Boxen betreffen, zu einem „flash of unstyled content“, vgl. [[phab:T126137]]. | |||
* Es ist vorgesehen, dieses Problem durch „echtes“ CSS in Vorlagen zu lösen, | |||
* vgl. [[phab:T483]]. | |||
*/ | |||
/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */ | |||
/* | /* @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 */ | ||
.toptextcells > * > * > td { | |||
. | vertical-align: top; | ||
} | } | ||
/* | /* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen */ | ||
/* | /* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */ | ||
.rahmenfarbe1 { | |||
.rahmenfarbe1 { | |||
border: 1px #aaa; | border: 1px #aaa; | ||
} | } | ||
/* Unauffällig, geringer Kontrast */ | |||
.rahmenfarbe2 { | |||
border: 1px #e9e9e9; | border: 1px #e9e9e9; | ||
} | } | ||
/* „Rot“, auffällig */ | |||
.rahmenfarbe3 { | |||
border: 1px #c00000; | border: 1px #c00000; | ||
} | } | ||
/* Neutrale Farbe, deutlich */ | |||
.rahmenfarbe4 { | |||
border: 1px #88a; | border: 1px #88a; | ||
} | } | ||
/* „Schwarz“, hoher Kontrast */ | |||
.rahmenfarbe5 { | |||
border: 1px #000; | border: 1px #000; | ||
} | } | ||
/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */ | |||
table > * > tr.hintergrundfarbe1 > th, | table > * > tr.hintergrundfarbe1 > th, | ||
table > * > tr > th.hintergrundfarbe1, | table > * > tr > th.hintergrundfarbe1, | ||
table.hintergrundfarbe1, | table.hintergrundfarbe1, | ||
.hintergrundfarbe1 { | .hintergrundfarbe1 { | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
} | } | ||
/* „Weiß“, für Nicht-Artikel-Seiten, neutral */ | |||
table > * > tr.hintergrundfarbe2 > th, | table > * > tr.hintergrundfarbe2 > th, | ||
table > * > tr > th.hintergrundfarbe2, | table > * > tr > th.hintergrundfarbe2, | ||
table.hintergrundfarbe2, | table.hintergrundfarbe2, | ||
.hintergrundfarbe2 { | .hintergrundfarbe2 { | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
/* „Gelb“, auffällig */ | |||
table > * > tr.hintergrundfarbe3 > th, | table > * > tr.hintergrundfarbe3 > th, | ||
table > * > tr > th.hintergrundfarbe3, | table > * > tr > th.hintergrundfarbe3, | ||
table.hintergrundfarbe3, | table.hintergrundfarbe3, | ||
.hintergrundfarbe3 { | .hintergrundfarbe3 { | ||
background-color: #ffff40; | background-color: #ffff40; | ||
} | } | ||
/* Sehr auffällig */ | |||
table > * > tr.hintergrundfarbe4 > th, | table > * > tr.hintergrundfarbe4 > th, | ||
table > * > tr > th.hintergrundfarbe4, | table > * > tr > th.hintergrundfarbe4, | ||
table.hintergrundfarbe4, | table.hintergrundfarbe4, | ||
.hintergrundfarbe4 { | .hintergrundfarbe4 { | ||
background-color: #fa0; | background-color: #fa0; | ||
} | } | ||
/* Neutral, abgesetzt */ | |||
table > * > tr.hintergrundfarbe5 > th, | table > * > tr.hintergrundfarbe5 > th, | ||
table > * > tr > th.hintergrundfarbe5, | table > * > tr > th.hintergrundfarbe5, | ||
table.hintergrundfarbe5, | table.hintergrundfarbe5, | ||
.hintergrundfarbe5 { | .hintergrundfarbe5 { | ||
background-color: #e0e0e0; | background-color: #e0e0e0; | ||
} | } | ||
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ | |||
table > * > tr.hintergrundfarbe6 > th, | table > * > tr.hintergrundfarbe6 > th, | ||
table > * > tr > th.hintergrundfarbe6, | table > * > tr > th.hintergrundfarbe6, | ||
table.hintergrundfarbe6, | table.hintergrundfarbe6, | ||
.hintergrundfarbe6 { | .hintergrundfarbe6 { | ||
background-color: #b3b7ff; | background-color: #b3b7ff; | ||
} | } | ||
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ | |||
table > * > tr.hintergrundfarbe7 > th, | table > * > tr.hintergrundfarbe7 > th, | ||
table > * > tr > th.hintergrundfarbe7, | table > * > tr > th.hintergrundfarbe7, | ||
table.hintergrundfarbe7, | table.hintergrundfarbe7, | ||
.hintergrundfarbe7 { | .hintergrundfarbe7 { | ||
background-color: #ffcbcb; | background-color: #ffcbcb; | ||
} | } | ||
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ | |||
table > * > tr.hintergrundfarbe8 > th, | table > * > tr.hintergrundfarbe8 > th, | ||
table > * > tr > th.hintergrundfarbe8, | table > * > tr > th.hintergrundfarbe8, | ||
table.hintergrundfarbe8, | table.hintergrundfarbe8, | ||
.hintergrundfarbe8 { | .hintergrundfarbe8 { | ||
background-color: #ffebad; | background-color: #ffebad; | ||
} | } | ||
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ | |||
table > * > tr.hintergrundfarbe9 > th, | table > * > tr.hintergrundfarbe9 > th, | ||
table > * > tr > th.hintergrundfarbe9, | table > * > tr > th.hintergrundfarbe9, | ||
table.hintergrundfarbe9, | table.hintergrundfarbe9, | ||
.hintergrundfarbe9 { | .hintergrundfarbe9 { | ||
background-color: #b9ffc5; | background-color: #b9ffc5; | ||
} | } | ||
/* | /* Metadaten, bspw. [[Hilfe:Personendaten|Personendaten]] */ | ||
.metadata { | |||
display: none; | |||
} | } | ||
/* | |||
/* Skinabhängige absolute Positionierungen ausblenden */ | |||
#mw-content-text #coordinates, | |||
#mw-content-text #editcount, | |||
#mw-content-text #issnlink, | |||
#mw-content-text #shortcut, | |||
body.mw-mf-special #mw-content-text .specialpage-helplink { | |||
display: none; | |||
. | |||
} | } |
Aktuelle Version vom 7. Dezember 2016, 10:40 Uhr
/*
* Das folgende CSS wird für alle Nutzer der Mobilen Version geladen.
* Die [[MediaWiki:Common.css]] steht in der Mobilen Version nicht zur
* Verfügung, weshalb sich einiges von dort hier wiederholt.
* Sofern sinnvoll, sollten aber eigene Definitionen genutzt werden.
* Derzeit (Mai 2016) wird diese Datei aus Performancegründen erst am Seitenende
* geladen. Deshalb führen Definitionen, die die Dimensionen oder Positionen von
* Boxen betreffen, zu einem „flash of unstyled content“, vgl. [[phab:T126137]].
* Es ist vorgesehen, dieses Problem durch „echtes“ CSS in Vorlagen zu lösen,
* vgl. [[phab:T483]].
*/
/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */
/* @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 */
.toptextcells > * > * > td {
vertical-align: top;
}
/* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen */
/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
.rahmenfarbe1 {
border: 1px #aaa;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
border: 1px #e9e9e9;
}
/* „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: #f9f9f9;
}
/* „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: #e0e0e0;
}
/* 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]] */
.metadata {
display: none;
}
/* Skinabhängige absolute Positionierungen ausblenden */
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #issnlink,
#mw-content-text #shortcut,
body.mw-mf-special #mw-content-text .specialpage-helplink {
display: none;
}