MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 637: / Zeile 637: @@
 .chart-total-info { text-align:center; font-weight:700; font-size:1.05em; color:#444;
    margin-top:.5rem; margin-bottom:.5rem; }
+// ------------Style für Diagramm PopUp----------
+/* ===== Popup: 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: 720px;
+  padding: 22px 26px 26px;
+  border-radius: 14px;
+  z-index: 10001;
+  text-align: center;
+  box-shadow: 0 10px 28px rgba(0,0,0,0.35);
+  max-height: 94vh;
+  overflow-y: auto;
+}
+/* Canvas-Bühne */
+.mw-fw-canvas-wrap {
+  position: relative;
+  height: 240px;
+  margin: -6px -6px 12px;
+  border-radius: 10px;
+  overflow: hidden;
+  background: radial-gradient(ellipse at center, #0b1c38 0%, #061025 60%, #03060d 100%);
+  box-shadow: inset 0 0 30px rgba(0,0,0,0.65);
+}
+.mw-fw-canvas { display:block; width:100%; height:100%; }
+/* Text */
+.mw-popup-modal h2 {
+  margin: 8px 0 6px;
+  font-size: 1.38em;
+}
+.mw-popup-content p {
+  margin: 0.55em 0;
+  font-size: 1.06em;
+  line-height: 1.55;
+}
+/* Buttons */
+.mw-popup-button-row {
+  display: flex; justify-content: center; gap: 10px; margin-top: 12px; flex-wrap: wrap;
+}
+.mw-popup-wiki-button {
+  padding: 10px 16px;
+  background: #f60;
+  color: #fff;
+  border-radius: 6px;
+  text-decoration: none;
+  font-weight: 700;
+}
+.mw-popup-wiki-button:hover { background: #d85000; }
+.mw-popup-close {
+  padding: 10px 16px;
+  border: none;
+  background: #36c;
+  color: #fff;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: 700;
+}
+.mw-popup-close:hover { background: #258; }
+/* Mobil */
+@media (max-width: 640px) {
+  .mw-popup-modal { width: calc(100% - 20px); padding: 16px; }
+  .mw-fw-canvas-wrap { height: 220px; margin: -6px -6px 10px; }
+}