MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */ | |||
.barrierefrei { | .barrierefrei { | ||
Zeile 5: | Zeile 6: | ||
max-width: 50em; | max-width: 50em; | ||
} | } | ||
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen | /* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */ | ||
.hinweisbox { | .hinweisbox { |
Version vom 28. September 2022, 10:27 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Die Definitionen werden immer durch den nächsten Kommentar unterhalb erläutert. Ein Kommentar kann sich so auch auf mehrere Definitionen darüber beziehen. */
.barrierefrei {
line-height: 150%;
max-width: 50em;
}
/* Klasse wird genutzt in den Anleitungen: In Tabellen und in den Vorlagen der Screenshots, AnleitungAbsatz und HinweisBox. Sie regelt den Zeilenabstand und beschränkt die Absatzbreite auf maximal ca. 80 Zeichen. */
.hinweisbox {
border: solid 3px #008965;
display: table;
vertical-align: middle;
}
/*Formatierung der Hinweisbox*/
.screenshotrahmen {
background-color: whitesmoke;
border: solid 1px lightgray;
padding: 5px;
}
/*Formatierung des Screenshothintergrunds*/
.screenshotrahmen,
.hinweisbox,
.kachel,
#toc {
box-shadow: 5px 5px 5px 0px silver;
}
/*Schatten für Screenshot, Kacheln der Startseite und die Hinweisboxen.*/
.noautonum .tocnumber {
display: none;
}
/* Wird benötigt, um im Inhaltsverzeichnis die Nummerierung zu unterdrücken. */
.tanleitung {
background-color: #008965 !important;
color: white;
}
/* In Tabellen der Anleitungen benutzt, um die Kopfzeile zu formatieren */
#mw-subcategories + #mw-pages > h2,
.mw-category-generated,
.screenshot + h2,
.screenshot + h3,
.absatz + h2,
.absatz + h3,
.hinweisbox + h2,
.hinweisbox + h3 {
margin-top: 2em !important;
}
/* größerer Zeilenabstand über den Überschriften */
.hinweisbox + .absatz,
.absatz + .hinweisbox,
.hinweisbox + .screenshot,
.screenshot + .hinweisbox,
.hinweisbox + #toc,
.hinweisbox + .hinweisbox {
margin-top: 2em;
}
/* Zeilenabstand der Hinweisbox */
.screenshot + .absatz,
.absatz + .screenshot,
.screenshot + #toc {
margin-top: 1.5em;
}
/* größerer Abstand zwischen zwischen Screenshot, Absatz und Inhaltsverzeichnis */
.kachel {
text-align: center;
border-top: solid 2px darkgray;
border-left: solid 2px darkgray;
border-right: solid 2px gray;
border-bottom: solid 2px gray;
background-color: gainsboro;
}
/* Eigenschaften der Kacheln im Seitenindex */
.kachel {
transition: all 1s;
}
.kachel:hover {
background-color: lightgrey;
box-shadow: 5px 5px 5px 0px #a7d7f9;
border-top-color: LightSteelBlue;
border-left-color: LightSteelBlue;
border-right-color: SteelBlue;
border-bottom-color: SteelBlue;
}
/* Eine Kachel im Seitenindex wird hervorgehoben wenn der Mauszeiger sich darüber befindet */
/* nav#p-tb {
display: none;
} */
/* Unterdrückt die Anzeige der Werkzeuge im Seitenmenü komplett */
li#t-recentchangeslinked,
li#t-upload,
li#t-specialpages,
li#t-permalink,
li#t-info,
li#t-cite {
display: none;
}
/* Einzelne Werkzeuge im linken Seitenmenü werden ausgeblendet */
#mw-panel a {
transition: all 1s;
}
#mw-panel a:hover {
box-shadow: 0px 5px 5px -2px Silver;
}
/* Hervorhebung im linken Seitenmenü der ausgewählten Menüzeile */