|
|
| (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. */ |
| /* Hintergrundfarbe der Seiten */
| |
| body {
| |
| background-color: #f0f0f0; /* Helles Grau für besseren Kontrast */
| |
| font-family: 'Arial', sans-serif;
| |
| }
| |
|
| |
|
| /* Hauptüberschriften */ | | /* Veränderte Hauptüberschriften */ |
| h1, h2, h3 { | | h1, h2, h3 { |
| font-family: 'Minecraft', sans-serif; /* Pixel-ähnliche Schriftart */ | | font-family: "Freeman", serif; |
| color: #FF0000; /* Rote Farbe für Überschriften */ | | color: #FF6347; /* Tomatenrot für Überschriften */ |
| }
| | text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Schatten für besseren Kontrast */ |
| | |
| /* Links in der Sidebar */
| |
| #p-navigation a {
| |
| color: #00BFFF; /* Helles Blau für Links */ | |
| }
| |
| | |
| /* Header anpassen */
| |
| #p-logo a {
| |
| background-image: url('https://tcjb.de.cool/img/www/150.png'); /* Dein Logo */
| |
| background-size: contain;
| |
| height: 100px;
| |
| width: 300px;
| |
| display: block;
| |
| }
| |
| | |
| /* Sidebar anpassen */
| |
| #p-navigation {
| |
| background-color: #333333;
| |
| padding: 10px;
| |
| }
| |
| | |
| #p-navigation a {
| |
| color: #FFFFFF;
| |
| text-decoration: none;
| |
| }
| |
| | |
| #p-navigation a:hover {
| |
| background-color: #555555;
| |
| }
| |
| | |
| /* Footer anpassen */
| |
| #footer {
| |
| background-color: #333333;
| |
| color: white;
| |
| text-align: center;
| |
| padding: 10px 0;
| |
| }
| |
| | |
| /* Responsive Design für mobile Geräte */
| |
| @media (max-width: 768px) {
| |
| #p-logo a {
| |
| height: 80px;
| |
| width: 200px;
| |
| }
| |
| | |
| #p-navigation {
| |
| padding: 5px;
| |
| }
| |
| } | | } |
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Veränderte Hauptüberschriften */
h1, h2, h3 {
font-family: "Freeman", serif;
color: #FF6347; /* Tomatenrot für Überschriften */
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Schatten für besseren Kontrast */
}