MediaWiki:Common.css
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.pdf-link::after {
content: url(/w/images/Pdf_icon.png); /* Pfad zum Icon anpassen */
padding-left: 5px;
}
/* Basis-Schriftgröße und Skalierung für alle Geräte */
body {
font-size: 16px; /* Einheitliche Basis-Schriftgröße */
line-height: 1.6; /* Bessere Lesbarkeit */
}
/* Schriftgrößen für Überschriften vereinheitlichen */
h1, h2, h3, h4, h5, h6 {
font-size: 1.5em; /* Anpassen nach Bedarf */
line-height: 1.3;
}
/* Inhaltsbereich für mobile Geräte anpassen */
#mw-content-text {
width: 100%;
max-width: 100%;
padding: 10px;
box-sizing: border-box;
}
/* Seitenleiste auf mobilen Geräten ausblenden */
@media screen and (max-width: 768px) {
#mw-panel {
display: none; /* Seitenleiste ausblenden */
}
#content {
margin-left: 0 !important; /* Seitenleisten-Margin entfernen */
width: 100%;
padding: 10px;
}
/* Navigationselemente anpassen */
.vector-menu-portal {
width: 100%;
margin: 0;
}
.vector-menu-heading {
font-size: 1em;
padding: 10px;
}
.vector-menu-content-list {
font-size: 0.9em;
}
/* Inhaltsverzeichnis anpassen */
#toc {
width: 100%;
font-size: 0.9em;
}
/* Schriftgrößen für Inhalte anpassen */
#mw-content-text p,
#mw-content-text li,
#mw-content-text div {
font-size: 1em; /* Einheitliche Schriftgröße für Text */
}
/* Links und Buttons anpassen */
a {
font-size: 1em;
}
/* Kopfzeile anpassen */
#mw-head {
position: relative;
width: 100%;
padding: 10px;
}
#mw-head-base {
margin: 0;
}
/* Suchleiste anpassen */
#p-search {
width: 100%;
margin: 10px 0;
}
#p-search form {
width: 100%;
}
#searchInput {
width: 100%;
font-size: 1em;
padding: 5px;
}
}
/* Für sehr kleine Bildschirme (z. B. Smartphones) */
@media screen and (max-width: 480px) {
h1, h2, h3, h4, h5, h6 {
font-size: 1.2em; /* Kleinere Überschriften auf sehr kleinen Bildschirmen */
}
#mw-content-text p,
#mw-content-text li,
#mw-content-text div {
font-size: 0.95em; /* Etwas kleinere Schrift für Text */
}
.vector-menu-heading {
font-size: 0.9em;
}
.vector-menu-content-list {
font-size: 0.85em;
}
}