MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 328: | Zeile 328: | ||
} | } | ||
} | } | ||
/* Top-5 Widget */ | |||
.whisky-top5 { | |||
background: #fff; | |||
border: 1px solid #eee; | |||
border-radius: 12px; | |||
padding: 12px; | |||
box-shadow: 0 2px 8px rgba(0,0,0,.04); | |||
} | |||
.whisky-top5__item { | |||
display: grid; | |||
grid-template-columns: auto 1fr auto; | |||
gap: 8px 12px; | |||
align-items: center; | |||
padding: 8px 4px; | |||
border-bottom: 1px dashed #eee; | |||
} | |||
.whisky-top5__item:last-child { border-bottom: 0; } | |||
.whisky-top5__rank { | |||
width: 28px; height: 28px; | |||
border-radius: 999px; | |||
background: #fff1c7; | |||
color: #7a4b00; | |||
font-weight: 700; | |||
display: flex; align-items: center; justify-content: center; | |||
} | |||
.whisky-top5__name a { text-decoration: none; color: #111; } | |||
.whisky-top5__name a:hover { text-decoration: underline; } | |||
/* kleiner Ø-Balken */ | |||
.whisky-mini { | |||
display: flex; align-items: center; gap: .5rem; | |||
} | |||
.whisky-mini__track { | |||
flex: 1 1 140px; height: 8px; background: #ececec; border-radius: 999px; overflow: hidden; | |||
box-shadow: inset 0 1px 2px rgba(0,0,0,.06); | |||
} | |||
.whisky-mini__fill { | |||
height: 100%; width: 0%; | |||
background: linear-gradient(90deg, #f0b429, #d97706); | |||
transition: width .35s ease; | |||
} | |||
.whisky-mini__val { | |||
min-width: 3.2ch; text-align: right; font-variant-numeric: tabular-nums; | |||
color: #222; | |||
} | |||
.whisky-top5__votes { color: #666; font-size: .9em; } | |||