MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Lasse (Diskussion | Beiträge) Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: →Sterne-Bewertung: .rating { display: inline-block; position: relative; font-size: 22px; →Größe der Sterne: color: #ccc; →Farbe der leeren Sterne: font-family: "Arial", sans-serif; line-height: 1; } .rating::before { content: "★★★★★"; →leere Sterne: } .rating .filled { position: absolute; top: 0; left: 0; overflow: hidden; white-space…“ |
Lasse (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. */ | ||
/* | /* Klassischer Wikipedia-Stern-Look mit echten Halbsternen */ | ||
. | .stars { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
font-size: 22px; /* | font-size: 22px; /* mittelgroß */ | ||
line-height: 1; | line-height: 1; | ||
color: #ccc; /* Farbe der leeren Sterne */ | |||
font-family: sans-serif; | |||
} | } | ||
. | .stars::before { | ||
content: "★★★★★"; /* leere Sterne */ | content: "★★★★★"; /* leere Sterne */ | ||
} | } | ||
. | .stars .filled { | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
white-space: nowrap; | |||
overflow: hidden; | overflow: hidden; | ||
color: #fc0; /* goldene volle Sterne */ | |||
color: #fc0; /* | |||
} | } | ||
. | .stars .filled::before { | ||
content: "★★★★★"; /* | content: "★★★★★"; /* gefüllte Sterne */ | ||
} | } | ||
Version vom 18. November 2025, 18:40 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Klassischer Wikipedia-Stern-Look mit echten Halbsternen */
.stars {
display: inline-block;
position: relative;
font-size: 22px; /* mittelgroß */
line-height: 1;
color: #ccc; /* Farbe der leeren Sterne */
font-family: sans-serif;
}
.stars::before {
content: "★★★★★"; /* leere Sterne */
}
.stars .filled {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
color: #fc0; /* goldene volle Sterne */
}
.stars .filled::before {
content: "★★★★★"; /* gefüllte Sterne */
}