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. */
/* Hintergrundbild im Minecraft-Stil */
body {
background: url('https://example.com/minecraft-grass.png') repeat;
color: #fff; /* Weißer Text für Kontrast */
font-family: "Minecraft", "Arial", sans-serif; /* Minecraft-Schriftart */
}
/* Seitenkopf anpassen */
#p-logo a {
background: url('https://example.com/tcjb-logo.png') no-repeat center center;
background-size: contain;
width: 200px;
height: 200px;
display: block;
text-indent: -9999px; /* Text verstecken */
}
/* Links im Minecraft-Stil */
a {
color: #00ff00; /* Minecraft-Grün */
text-decoration: none;
}
a:hover {
color: #55ff55; /* Helleres Grün bei Hover */
text-decoration: underline;
}
/* Tabellen und Boxen */
table, .infobox {
background-color: rgba(0, 0, 0, 0.8); /* Transparenter schwarzer Hintergrund */
border: 2px solid #00aa00; /* Grüner Rand */
border-radius: 8px;
color: #fff;
}
th, td {
border: 1px solid #555; /* Dunkle Trennlinien */
padding: 8px;
}
/* Anpassung der Navigation */
#mw-head, #mw-panel {
background: rgba(34, 34, 34, 0.9); /* Dunkler Hintergrund */
border-right: 2px solid #00aa00; /* Grüner Rand rechts */
}
#p-personal ul li {
background: #444; /* Dunkler Hintergrund */
border-bottom: 1px solid #555;
}
#p-personal ul li:hover {
background: #555;
}
/* Minecraft-Buttons */
button, input[type="submit"] {
background: #007700; /* Dunkles Grün */
border: 2px solid #00aa00; /* Hellerer Rand */
color: #fff;
font-family: "Minecraft", "Arial", sans-serif;
padding: 8px 16px;
cursor: pointer;
}
button:hover, input[type="submit"]:hover {
background: #00aa00; /* Helleres Grün */
color: #000;
}
/* Fußzeile anpassen */
#footer {
background: rgba(0, 0, 0, 0.8);
color: #fff;
border-top: 2px solid #00aa00;
padding: 10px;
}