MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 15: / Zeile 15: @@
    transform: translate(-50%, -50%);
    background: #fff;
-   max-width: 90%;
+   max-width: 95%;       /* vorher 90% → mehr Breite erlaubt */
-   width: 520px;
+   width: 600px;         /* vorher 520px → breiter */
-   padding: 40px 20px 20px; /* mehr Platz oben */
+   padding: 50px 30px 30px; /* oben & seitlich mehr Platz */
    border-radius: 10px;
    z-index: 10001;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
-   max-height: 90vh;         /* falls Text länger wird */
+   max-height: 92vh;     /* leicht größer als vorher */
-   overflow-y: auto;         /* bei Bedarf scrollbar statt abgeschnitten */
+   overflow-y: auto;     /* Scrollbar, falls sehr viel Text */
 }
@@ Zeile 33: / Zeile 33: @@
 }
 .mw-popup-logo img {
-   max-width: 100px; /* Desktop-Logo-Größe */
+   max-width: 110px; /* Logo leicht größer */
    position: relative;
-   z-index: 2;       /* über dem Herz */
+   z-index: 2;
 }
 /* ===== Herz-Hintergrund – Desktop ===== */
-/* höher positioniert, damit es den Text nicht überdeckt */
 .mw-popup-heart {
    position: absolute;
-   top: 24%;           /* deutlich höher als Mitte */
+   top: 22%;           /* höher positioniert */
    left: 50%;
    width: 120px;
@@ Zeile 73: / Zeile 72: @@
 .mw-popup-modal h2 {
    margin: 6px 0 10px;
-   font-size: 1.25em;
+   font-size: 1.35em; /* leicht größer */
 }
 .mw-popup-content p {
    margin: 0.6em 0;
-   font-size: 1.05em;
+   font-size: 1.08em;
-   line-height: 1.5;
+   line-height: 1.55;
    text-align: center;
 }
@@ Zeile 85: / Zeile 84: @@
 .mw-popup-close {
    margin-top: 1em;
-   padding: 8px 12px;
+   padding: 10px 16px;
    border: none;
    background: #36c;
@@ Zeile 91: / Zeile 90: @@
    border-radius: 6px;
    cursor: pointer;
+  font-size: 1em;
 }
 .mw-popup-close:hover { background: #258; }
@@ Zeile 97: / Zeile 97: @@
 @media (max-width: 480px) {
    .mw-popup-modal {
-     width: calc(100% - 32px);
+     width: calc(100% - 20px);
-     padding: 36px 16px 16px; /* auch mobil oben mehr Platz */
+     padding: 40px 16px 16px; /* oben mehr Platz als vorher */
    }
    .mw-popup-logo img {
-     max-width: 84px; /* etwas kleineres Logo */
+     max-width: 90px;
    }
    .mw-popup-heart {
-     top: 20%;   /* noch höher auf Mobile */
+     top: 18%;
-     width: 92px;
+     width: 90px;
-     height: 92px;
+     height: 90px;
    }
    .mw-popup-heart::before,
    .mw-popup-heart::after {
-     width: 92px;
+     width: 90px;
-     height: 92px;
+     height: 90px;
    }
-   .mw-popup-heart::before { top: -46px; }
+   .mw-popup-heart::before { top: -45px; }
-   .mw-popup-heart::after  { left: 46px; }
+   .mw-popup-heart::after  { left: 45px; }
 }