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. */
/* Allgemeiner Hintergrund mit Minecraft-Textur */
body {
background: url('https://static.wikia.nocookie.net/minecraft_gamepedia/images/c/c7/Grass_Block.png/revision/latest?cb=20230226144250') repeat;
background-size: cover;
color: #d1d1d1; /* Angenehmes Grau für Lesbarkeit */
font-family: "Minecraft", Arial, sans-serif;
line-height: 1.6;
}
/* Anpassung des Headers */
#mw-head {
background-color: #2a2a2a; /* Dunkles Grau für den Header */
border-bottom: 3px solid #00aa00; /* Grüner Minecraft-ähnlicher Rand */
color: #ffffff;
padding: 10px;
}
/* Logo-Styling */
#p-logo a {
background: url('https://tcjb.de.cool/img/www/150.png') no-repeat center center;
background-size: contain;
width: 160px;
height: 160px;
display: block;
text-indent: -9999px; /* Versteckt den Text des Logos */
}
/* Links im Minecraft-Stil */
a {
color: #55ff55; /* Helles Minecraft-Grün */
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #99ff99; /* Helleres Grün bei Hover */
text-decoration: underline;
}
/* Tabellen und Infoboxen */
table, .infobox {
background-color: rgba(34, 34, 34, 0.95); /* Fast schwarzer, transparenter Hintergrund */
border: 2px solid #00aa00; /* Minecraft-Grüner Rand */
border-radius: 5px;
color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
th, td {
border: 1px solid #444; /* Dunklere Trennlinien */
padding: 10px;
text-align: left;
}
/* Navigationsleiste */
#mw-panel {
background: #1f1f1f; /* Sehr dunkles Grau */
border-right: 3px solid #00aa00; /* Minecraft-Grüner Rand rechts */
}
#p-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
#p-navigation li {
margin: 5px 0;
}
#p-navigation li a {
padding: 8px 12px;
display: block;
background: rgba(0, 0, 0, 0.8);
border-radius: 5px;
}
#p-navigation li a:hover {
background: #00aa00; /* Helleres Grün bei Hover */
color: #000;
}
/* Minecraft-ähnliche Buttons */
button, input[type="submit"] {
background: linear-gradient(to bottom, #00aa00, #007700);
border: 2px solid #003300;
color: #ffffff;
font-family: "Minecraft", Arial, sans-serif;
padding: 8px 16px;
cursor: pointer;
transition: background 0.3s ease, transform 0.2s ease;
}
button:hover, input[type="submit"]:hover {
background: #00ff00; /* Knalliges Grün */
transform: scale(1.05); /* Leichter Vergrößerungseffekt */
}
/* Footer-Anpassung */
#footer {
background: #2a2a2a;
color: #ffffff;
border-top: 3px solid #00aa00;
padding: 15px;
text-align: center;
}