MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→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: c…“) |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* | /* Allgemeiner Hintergrund mit Minecraft-Textur */ | ||
body { | body { | ||
background: url('https://example.com/minecraft-grass.png') repeat; | background: url('https://example.com/minecraft-grass-texture.png') repeat; | ||
color: # | background-size: cover; | ||
font-family: "Minecraft", | 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 { | #p-logo a { | ||
background: url('https://example.com/tcjb-logo.png') no-repeat center center; | background: url('https://example.com/tcjb-logo.png') no-repeat center center; | ||
background-size: contain; | background-size: contain; | ||
width: | width: 160px; | ||
height: | height: 160px; | ||
display: block; | display: block; | ||
text-indent: -9999px; /* Text | text-indent: -9999px; /* Versteckt den Text des Logos */ | ||
} | } | ||
/* Links im Minecraft-Stil */ | /* Links im Minecraft-Stil */ | ||
a { | a { | ||
color: # | color: #55ff55; /* Helles Minecraft-Grün */ | ||
text-decoration: none; | text-decoration: none; | ||
transition: color 0.3s ease; | |||
} | } | ||
a:hover { | a:hover { | ||
color: # | color: #99ff99; /* Helleres Grün bei Hover */ | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
/* Tabellen und | /* Tabellen und Infoboxen */ | ||
table, .infobox { | table, .infobox { | ||
background-color: rgba( | background-color: rgba(34, 34, 34, 0.95); /* Fast schwarzer, transparenter Hintergrund */ | ||
border: 2px solid #00aa00; /* Grüner Rand */ | border: 2px solid #00aa00; /* Minecraft-Grüner Rand */ | ||
border-radius: | border-radius: 5px; | ||
color: # | color: #ffffff; | ||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); | |||
} | } | ||
th, td { | th, td { | ||
border: 1px solid # | border: 1px solid #444; /* Dunklere Trennlinien */ | ||
padding: | padding: 10px; | ||
text-align: left; | |||
} | } | ||
/* | /* Navigationsleiste */ | ||
#mw-panel { | |||
background: | background: #1f1f1f; /* Sehr dunkles Grau */ | ||
border-right: | border-right: 3px solid #00aa00; /* Minecraft-Grüner Rand rechts */ | ||
} | } | ||
#p- | #p-navigation ul { | ||
background: | list-style: none; | ||
border- | 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- | #p-navigation li a:hover { | ||
background: # | background: #00aa00; /* Helleres Grün bei Hover */ | ||
color: #000; | |||
} | } | ||
/* Minecraft-Buttons */ | /* Minecraft-ähnliche Buttons */ | ||
button, input[type="submit"] { | button, input[type="submit"] { | ||
background: #007700; | background: linear-gradient(to bottom, #00aa00, #007700); | ||
border: 2px solid # | border: 2px solid #003300; | ||
color: # | color: #ffffff; | ||
font-family: "Minecraft", | font-family: "Minecraft", Arial, sans-serif; | ||
padding: 8px 16px; | padding: 8px 16px; | ||
cursor: pointer; | cursor: pointer; | ||
transition: background 0.3s ease, transform 0.2s ease; | |||
} | } | ||
button:hover, input[type="submit"]:hover { | button:hover, input[type="submit"]:hover { | ||
background: # | background: #00ff00; /* Knalliges Grün */ | ||
transform: scale(1.05); /* Leichter Vergrößerungseffekt */ | |||
} | } | ||
/* | /* Footer-Anpassung */ | ||
#footer { | #footer { | ||
background: | background: #2a2a2a; | ||
color: # | color: #ffffff; | ||
border-top: | border-top: 3px solid #00aa00; | ||
padding: | padding: 15px; | ||
text-align: center; | |||
} | } | ||
Version vom 3. Januar 2025, 13:35 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Allgemeiner Hintergrund mit Minecraft-Textur */
body {
background: url('https://example.com/minecraft-grass-texture.png') 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://example.com/tcjb-logo.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;
}