Weitere Optionen
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
/* Grundlegende Farbpalette */ :root { --primary-color: #3E3E3E; /* Dunkleres Grau für Hintergründe */ --secondary-color: #9E9E9E; /* Mittelgrau für Karten/Boxen */ --accent-color: #BA6700; /* Dunklere Rostfarbe für Akzente */ --text-color: #E0E0E0; /* Helles Grau für Text */ --link-color: #8AB4F8; /* Verblasstes Blau für Links */ --button-hover-color: #4CAF50; /* Verblasstes Grün für Button-Hover */ } /* Schriftarten und Typografie */ @import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap'); /* Buttons */ .button { border: 1px solid var(--accent-color); background-image: var(--button-texture), linear-gradient(var(--secondary-color), var(--primary-color)); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } /* Anwendung der Farben */ body { background-color: var(--primary-color); color: var(--text-color); background-image: url('https://de.maddraxikon.com//asphalt.png'); background-repeat: repeat; /* Hintergrundtextur wiederholen */ background-size: auto; /* Automatische Größe der Textur */ } /* Stile für Links */ a { color: #E0E0E0; /* Helle Textfarbe für Links */ transition: color 0.3s ease; /* Sanfter Farbübergang bei Hover */ } a:hover { color: #BA6700; /* Rostfarbe beim Überfahren mit der Maus */ } .button:hover { background-color: var(--accent-color); } /* Hintergründe für Abschnittstitel */ #content, #mw-head, #mw-panel, .mw-page-container, .vector-body, .section-title { background-color: var(--secondary-color); } /* Hauptmenü-Stil */ #mw-panel .vector-menu-content-list li { margin-bottom: 5px; /* Abstand zwischen den Menüpunkten */ } #mw-panel .vector-menu-content-list li a { display: block; padding: 8px 10px; /* Innenabstand */ background-color: #333; /* Dunkler Hintergrund für die Buttons */ color: white; /* Helle Textfarbe */ text-decoration: none; /* Keine Unterstreichung */ border-radius: 4px; /* Abgerundete Ecken */ transition: background-color 0.3s; /* Animation für Hover-Effekt */ } #mw-panel .vector-menu-content-list li a:hover { background-color: #555; /* Hintergrundfarbe beim Überfahren mit der Maus */ } /* Stil für die Hauptmenü-Überschriften */ #mw-panel .vector-menu-portal .vector-menu-heading { background-color: #444; /* Dunkler Hintergrund */ color: #c0c0c0; /* Leicht helle Textfarbe */ padding: 8px 12px; /* Erhöhter Innenabstand */ font-family: 'Courier New', Courier, monospace; /* Monospaced-Schriftart */ font-size: 1.1em; /* Vergrößerte Schrift */ border-bottom: 1px solid #333; /* Untere Grenze für die Trennung */ text-transform: uppercase; /* Großbuchstaben */ letter-spacing: 1px; /* Buchstabenabstand */ text-shadow: 2px 2px 2px #000; /* Textschatten für einen Kontureffekt */ } /* Link "Umschalten zum bisherigen Aussehen" im Hauptmenü versteckt */ .mw-sidebar-action-content { display: none; } /* Hintergrundbild für das Hauptmenü */ #mw-panel { background-image: url('https://de.maddraxikon.com//beton.png'); background-size: cover; /* Stellt sicher, dass das Bild den gesamten Bereich abdeckt */ background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */ } /* Boxen für die Hauptseite */ .Hauptseite-Box { background-color: #333; /* Dunkler Hintergrund */ color: #E0E0E0; /* Helle Textfarbe */ border: 1px solid #BA6700; /* Rostfarbener Rahmen */ box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); /* Schatten für Tiefeffekt */ padding: 20px; /* Innenabstand */ font-family: 'Special Elite', cursive; /* Passende Schriftart */ font-size: 1.2em; /* Vergrößerte Schrift */ text-align: center; /* Zentrierte Ausrichtung */ } .Hauptseite-Box h2 { color: #BA6700; /* Rostfarbener Titel */ font-size: 1.5em; /* Vergrößerte Titelschrift */ margin-bottom: 10px; /* Abstand zum Inhalt */ } .Hauptseite-Box p { margin-bottom: 10px; /* Abstand zwischen Absätzen */ } .Hauptseite-Box a { color: #8AB4F8; /* Verblasstes Blau für Links */ text-decoration: none; /* Keine Unterstreichung */ } .Hauptseite-Box a:hover { color: #4CAF50; /* Verblasstes Grün beim Überfahren mit der Maus */ } /* Toolbar für Artikelbearbeitung */ .vector-menu-tabs { font-family: 'Bree Serif', serif; text-transform: uppercase; letter-spacing: 2px; } /* Inaktive Tabs */ .vector-menu-tabs .vector-menu-content-list a { color: #fff; text-shadow: 1px 1px 2px #000; } /* Aktiver Tab */ .vector-menu-tabs .selected a { color: #fff; text-shadow: 1px 1px 1px #000; } /* Hover/Focus */ .vector-menu-tabs .vector-menu-content-list a:hover, .vector-menu-tabs .vector-menu-content-list a:focus { text-shadow: none; color: #ccc; } /* Kategorienmodul anpassen */ .catlinks { margin: 10px 0; padding: 10px; background: #333; border: 1px solid #666; } /* Titel */ .catlinks .mw-normal-catlinks { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } /* Liste */ .catlinks ul { list-style: none; margin: 0; padding: 0; } .catlinks li { display: inline-block; margin-right: 5px; } /* Links */ .catlinks a { color: #fff; text-decoration: none; padding: 3px 5px; border: 1px solid #666; transition: background .3s; } .catlinks a:hover { background: #555; } /* Anpassung der Infoboxen */ /* Infobox */ .infobox { float:right; background-color: #555; color: #ccc; border: 1px solid #333; box-shadow: 0 0 10px rgba(0,0,0,0.5); font-size: 0.7em; } .infobox-header { background-color: #444; color: #fff; padding: 10px; font-size: 1.2em; text-transform: uppercase; letter-spacing: 2px; } .infobox-data { padding: 10px; } .infobox-row { padding: 5px 0; } .infobox-cell { padding: 3px 10px; } .infobox-below { border-top: 1px solid #666; padding: 10px; } .infobox-button { border: 1px solid var(--accent-color); background-color: var(--primary-color); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); text-align: center; } .infobox-button:hover { background-color: var(--secondary-color); }