MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 184: / Zeile 184: @@
 @media (max-width: 480px) {
    .whisky-glass { width: 32px; height: 32px; }
+}
+/* ===== Overlay & Modal ===== */
+.mw-popup-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,0.45);
+  z-index: 10000;
+}
+.mw-popup-modal {
+  position: fixed;
+  top: 50%; left: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  max-width: 96%;
+  width: 640px;
+  padding: 20px 24px 24px;
+  border-radius: 12px;
+  z-index: 10001;
+  text-align: center;
+  box-shadow: 0 10px 28px rgba(0,0,0,0.35);
+  max-height: 94vh;
+  overflow-y: auto;
+}
+/* ===== Fireworks Canvas Bereich (oben) ===== */
+.mw-fw-canvas-wrap {
+  position: relative;
+  height: 180px;        /* Höhe des Feuerwerk-Bereichs */
+  margin: -8px -8px 10px; /* leicht über die Ränder für mehr Wirkung */
+  border-radius: 10px;
+  overflow: hidden;
+  background: radial-gradient(ellipse at center, #0b1c38 0%, #071123 60%, #050b18 100%);
+}
+.mw-fw-canvas {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+/* ===== Text & Buttons ===== */
+.mw-popup-modal h2 {
+  margin: 8px 0 6px;
+  font-size: 1.35em;
+}
+.mw-popup-content p {
+  margin: 0.5em 0;
+  font-size: 1.06em;
+  line-height: 1.5;
+}
+.mw-popup-button-row {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  margin-top: 1em;
+  flex-wrap: wrap;
+}
+.mw-popup-close,
+.mw-popup-wiki-button {
+  flex: 1 1 160px;     /* gleich breit, min Breite */
+  text-align: center;
+}
+.mw-popup-close {
+  padding: 10px 16px;
+  border: none;
+  background: #36c;
+  color: #fff;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 1em;
+}
+.mw-popup-close:hover { background: #258; }
+.mw-popup-wiki-button {
+  padding: 10px 16px;
+  background: #f60;
+  color: #fff;
+  border-radius: 6px;
+  text-decoration: none;
+  font-size: 1em;
+}
+.mw-popup-wiki-button:hover { background: #d85000; }
+/* ===== Mobile ===== */
+@media (max-width: 520px) {
+  .mw-popup-modal {
+    width: calc(100% - 20px);
+    padding: 16px;
+  }
+  .mw-fw-canvas-wrap {
+    height: 150px;
+    margin: -4px -4px 8px;
+  }
 }