MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 211: | Zeile 211: | ||
/* ===== Fireworks Canvas Bereich (oben) ===== */ | /* ===== Fireworks Canvas Bereich (oben) ===== */ | ||
/* ===== 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: 24px 28px 34px; | |||
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; | |||
} | |||
/* ===== Feuerwerk / ADOS Canvas-Bereich ===== */ | |||
.mw-fw-canvas-wrap { | .mw-fw-canvas-wrap { | ||
position: relative; | position: relative; | ||
height: | height: 340px; /* leicht vergrößert für mehr Raum */ | ||
margin: - | margin: -10px -10px 16px; | ||
border-radius: 10px; | border-radius: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
background: radial-gradient(ellipse at center, # | background: radial-gradient(ellipse at center, #020617 0%, #000814 70%, #000510 100%); | ||
box-shadow: inset 0 0 40px rgba(0,0,0,0.8); | |||
} | } | ||
.mw-fw-canvas { | .mw-fw-canvas { | ||
display: block; | display: block; | ||
| Zeile 228: | Zeile 256: | ||
.mw-popup-modal h2 { | .mw-popup-modal h2 { | ||
margin: 8px 0 6px; | margin: 8px 0 6px; | ||
font-size: 1. | font-size: 1.45em; | ||
color: #111; | |||
} | } | ||
.mw-popup-content p { | .mw-popup-content p { | ||
margin: 0. | margin: 0.6em 0; | ||
font-size: 1. | font-size: 1.08em; | ||
line-height: 1. | line-height: 1.55; | ||
color: #222; | |||
} | } | ||
/* ===== Buttons ===== */ | |||
.mw-popup-button-row { | .mw-popup-button-row { | ||
display: flex; | display: flex; | ||
| Zeile 243: | Zeile 275: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
.mw-popup-close, | .mw-popup-close, | ||
.mw-popup-wiki-button { | .mw-popup-wiki-button { | ||
flex: 1 1 160px; | flex: 1 1 160px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.mw-popup-close { | .mw-popup-close { | ||
padding: 10px 16px; | padding: 10px 16px; | ||
| Zeile 256: | Zeile 290: | ||
cursor: pointer; | cursor: pointer; | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: 600; | |||
transition: background 0.2s ease; | |||
} | |||
.mw-popup-close:hover { | |||
background: #258; | |||
} | } | ||
.mw-popup-wiki-button { | .mw-popup-wiki-button { | ||
| Zeile 266: | Zeile 304: | ||
text-decoration: none; | text-decoration: none; | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: 600; | |||
transition: background 0.2s ease; | |||
} | |||
.mw-popup-wiki-button:hover { | |||
background: #d85000; | |||
} | } | ||
/* ===== Mobile ===== */ | /* ===== Mobile ===== */ | ||
@media (max-width: | @media (max-width: 600px) { | ||
.mw-popup-modal { | .mw-popup-modal { | ||
width: calc(100% - 20px); | width: calc(100% - 20px); | ||
| Zeile 276: | Zeile 318: | ||
} | } | ||
.mw-fw-canvas-wrap { | .mw-fw-canvas-wrap { | ||
height: | height: 260px; /* etwas kleiner mobil */ | ||
margin: - | margin: -6px -6px 10px; | ||
} | |||
.mw-popup-modal h2 { | |||
font-size: 1.25em; | |||
} | |||
.mw-popup-content p { | |||
font-size: 1em; | |||
} | } | ||
} | } | ||