MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 15: | Zeile 15: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
background: #fff; | background: #fff; | ||
max-width: | max-width: 96%; /* breiter als vorher */ | ||
width: | width: 640px; /* fester Wert auf Desktop */ | ||
padding: | padding: 80px 40px 30px; /* sehr viel Platz oben */ | ||
border-radius: | border-radius: 12px; | ||
z-index: 10001; | z-index: 10001; | ||
text-align: center; | text-align: center; | ||
box-shadow: 0 | box-shadow: 0 8px 24px rgba(0,0,0,0.35); | ||
max-height: | max-height: 94vh; /* fast volle Höhe */ | ||
overflow-y: auto; /* | overflow-y: auto; /* scrollen, falls zu lang */ | ||
} | } | ||
| Zeile 30: | Zeile 30: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
margin-bottom: | margin-bottom: 14px; | ||
} | } | ||
.mw-popup-logo img { | .mw-popup-logo img { | ||
max-width: 110px; | max-width: 110px; | ||
position: relative; | position: relative; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
/* ===== Herz-Hintergrund | /* ===== Herz-Hintergrund ===== */ | ||
.mw-popup-heart { | .mw-popup-heart { | ||
position: absolute; | position: absolute; | ||
top: | top: -20px; /* nach oben rausziehen */ | ||
left: 50%; | left: 50%; | ||
width: 120px; | width: 120px; | ||
height: 120px; | height: 120px; | ||
background: red; | background: red; | ||
transform: | transform: translateX(-50%) rotate(-45deg); | ||
transform-origin: center; | transform-origin: center; | ||
z-index: 1; | z-index: 1; | ||
| Zeile 65: | Zeile 65: | ||
/* ===== Puls-Animation ===== */ | /* ===== Puls-Animation ===== */ | ||
@keyframes pulse { | @keyframes pulse { | ||
0%, 100% { transform: | 0%, 100% { transform: translateX(-50%) rotate(-45deg) scale(1); } | ||
50% { transform: | 50% { transform: translateX(-50%) rotate(-45deg) scale(1.1); } | ||
} | } | ||
/* ===== Titel & Text ===== */ | /* ===== Titel & Text ===== */ | ||
.mw-popup-modal h2 { | .mw-popup-modal h2 { | ||
margin: | margin: 8px 0 12px; | ||
font-size: 1.35em; | font-size: 1.35em; | ||
} | } | ||
.mw-popup-content p { | .mw-popup-content p { | ||
| Zeile 98: | Zeile 98: | ||
.mw-popup-modal { | .mw-popup-modal { | ||
width: calc(100% - 20px); | width: calc(100% - 20px); | ||
padding: | padding: 70px 16px 16px; /* auch mobil mehr Platz oben */ | ||
} | } | ||
.mw-popup-logo img { | .mw-popup-logo img { | ||
| Zeile 104: | Zeile 104: | ||
} | } | ||
.mw-popup-heart { | .mw-popup-heart { | ||
top: | top: -10px; | ||
width: | width: 100px; | ||
height: | height: 100px; | ||
} | } | ||
.mw-popup-heart::before, | .mw-popup-heart::before, | ||
.mw-popup-heart::after { | .mw-popup-heart::after { | ||
width: | width: 100px; | ||
height: | height: 100px; | ||
} | } | ||
.mw-popup-heart::before { top: - | .mw-popup-heart::before { top: -50px; } | ||
.mw-popup-heart::after { left: | .mw-popup-heart::after { left: 50px; } | ||
} | } | ||