MediaWiki:Common.css: Unterschied zwischen den Versionen
Tin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Tin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
. | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
@media (min-width: 640px) { | |||
.infobox { | |||
.infobox { | |||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
font-size: 88%; | width: 22em; | ||
} | |||
} | |||
@media screen { | |||
.infobox { | |||
background-color: #f8f9fa; | |||
} | |||
} | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
color: black; | |||
padding: 0.2em; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
border-spacing: 3px; | |||
} | } | ||
/* Stil für die Top-Bar */ | /* Stil für die Top-Bar */ | ||
.top-bar { | .top-bar { | ||
background-color: | background-color: rgba(50, 75, 80, 0.2); /* Dunkelblau für die Hintergrundfarbe */ | ||
color: | color: #148394; /* Textfarbe */ | ||
padding: 10px; /* Innenabstand */ | padding: 10px; /* Innenabstand */ | ||
text-align: center; /* Text zentrieren */ | text-align: center; /* Text zentrieren */ | ||
Zeile 28: | Zeile 35: | ||
/* Stil für Links in der Top-Bar */ | /* Stil für Links in der Top-Bar */ | ||
.top-bar a { | .top-bar a { | ||
color: | color: #148394; /* Linkfarbe */ | ||
text-decoration: none; /* Unterstreichung entfernen */ | text-decoration: none; /* Unterstreichung entfernen */ | ||
margin: 0 15px; /* Abstand zwischen den Links */ | margin: 0 15px; /* Abstand zwischen den Links */ | ||
Zeile 36: | Zeile 43: | ||
text-decoration: underline; /* Unterstreichung beim Hover */ | text-decoration: underline; /* Unterstreichung beim Hover */ | ||
} | } | ||
/* Media Query, um die Top-Bar auf Desktop auszublenden */ | |||
@media (min-width: 768px) { | |||
.top-bar { | |||
display: none; /* Top-Bar nicht anzeigen auf größeren Bildschirmen */ | |||
} | |||
} | |||
@font-face { | @font-face { |
Aktuelle Version vom 20. Oktober 2024, 12:25 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@media (min-width: 640px) {
.infobox {
margin: 0.5em 0 0.5em 1em;
float: right;
clear: right;
width: 22em;
}
}
@media screen {
.infobox {
background-color: #f8f9fa;
}
}
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
}
/* Stil für die Top-Bar */
.top-bar {
background-color: rgba(50, 75, 80, 0.2); /* Dunkelblau für die Hintergrundfarbe */
color: #148394; /* Textfarbe */
padding: 10px; /* Innenabstand */
text-align: center; /* Text zentrieren */
position: relative; /* Positionierung */
}
/* Stil für Links in der Top-Bar */
.top-bar a {
color: #148394; /* Linkfarbe */
text-decoration: none; /* Unterstreichung entfernen */
margin: 0 15px; /* Abstand zwischen den Links */
}
.top-bar a:hover {
text-decoration: underline; /* Unterstreichung beim Hover */
}
/* Media Query, um die Top-Bar auf Desktop auszublenden */
@media (min-width: 768px) {
.top-bar {
display: none; /* Top-Bar nicht anzeigen auf größeren Bildschirmen */
}
}
@font-face {
font-family: 'Liberation Sans';
src: local('Liberation Sans'), local('Arial'), sans-serif;
}
.mw-logo-wordmark {
font-family: 'Liberation Sans', Arial, sans-serif;
/* Set to Liberation Sans or a similar fallback */
font-size: 1.25rem;
/* Set base font size */
text-transform: uppercase;
/* Make all letters uppercase */
color: #148394;
/* Set the text color */
}