MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 244: / Zeile 244: @@
    .mw-sticky-banner__btn { padding: 8px 12px; }
    .mw-sticky-banner__close { margin-left: auto; }
+}
+/* Ratepage*/
+.whisky-rating {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 14px;
+  margin: 1rem 0 1.5rem;
+}
+.whisky-rating__item {
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 12px 14px;
+  box-shadow: 0 1px 3px rgba(0,0,0,.06);
+  background: #fff;
+}
+.whisky-rating__label {
+  font-weight: 600;
+  margin-bottom: .5rem;
+  color: #111827;
+}
+/* Gläser-Widget */
+.whisky-rating__widget { display: inline-flex; gap: 6px; align-items: center; }
+.whisky-glass {
+  inline-size: 28px; block-size: 28px;
+  border: 0; padding: 0; margin: 0;
+  background: none;
+  cursor: pointer;
+  background-image: url("/w/index.php?title=Special:FilePath/Whisky-glas-empty.svg");
+  background-size: contain; background-repeat: no-repeat; background-position: center;
+  opacity: .7;
+  transition: transform .06s ease, opacity .06s ease, filter .06s ease;
+}
+.whisky-glass:hover,
+.whisky-glass:focus {
+  opacity: 1;
+  transform: translateY(-1px);
+  outline: none;
+  filter: drop-shadow(0 0 0.4px rgba(0,0,0,.25));
+}
+.whisky-glass.is-active {
+  background-image: url("/w/index.php?title=Special:FilePath/Whisky-glas-full.svg");
+  opacity: 1;
+}
+/* Meta-Text (Feedback) */
+.whisky-rating__meta {
+  margin-top: .4rem;
+  font-size: .9rem;
+  color: #4b5563;
+}
+/* Zustand: nicht eingeloggt */
+.whisky-rating--disabled .whisky-glass {
+  cursor: not-allowed;
+  filter: grayscale(0.3) opacity(.5);
+}
+/* Kleinere Screens: Gläser minimal kleiner, falls 10 Stück eng sind */
+@media (max-width: 420px) {
+  .whisky-glass { inline-size: 26px; block-size: 26px; }
 }