diff --git a/public/css/events.css b/public/css/events.css index eb024c2..8968cda 100644 --- a/public/css/events.css +++ b/public/css/events.css @@ -372,23 +372,42 @@ } .event-done { - opacity: 0.5; cursor: not-allowed; } + .event-done-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; - font-size: 2rem; - color: #4caf50; - font-weight: bold; - background: rgba(0, 0, 0, 0.35); + background: rgba(0, 0, 0, 0.18); border-radius: inherit; + pointer-events: none; } + +/* Der Stempel selbst */ +.event-done-overlay::after { + content: "Erfolgreich"; + display: block; + padding: 5px 8px; + border: 3px solid #3dbb3d; + border-radius: 5px; + color: #3dbb3d; + font-family: "Cinzel", serif; + font-size: 11px; + font-weight: bold; + letter-spacing: 1px; + text-transform: uppercase; + text-align: center; + transform: rotate(-18deg); + opacity: 0.92; + box-shadow: 0 0 6px rgba(61, 187, 61, 0.4); + text-shadow: 0 0 6px rgba(61, 187, 61, 0.5); + background: rgba(0, 0, 0, 0.45); + white-space: nowrap; +} + .event-done-label { - font-size: 0.7rem; - color: #888; - margin-top: 2px; + display: none; }