Hustler-Pixelwelt T1+T2: Import der Zeichenfläche (Bilder, CSS mit hk-Vorsatz, Geometrie), helles Haus mit grauen Raum-Ebenen, Press Start 2P selbst gehostet
- scripts/hustler-import.mjs liest pixelwelt-v2 (+ pixelwelt-woms/haus) und schreibt src/assets/hustler, src/styles/hustler/{hochhaus,keller,pult}.css und src/lib/hustlerWelt.js; idempotent
- haus.png mit allen Räumen hell, acht graue Ebenen für die Such-Räume (GRAUE_RAEUME, .hk-raum-grau-<raum>)
- Press Start 2P lateinisch aus @fontsource/press-start-2p@5.2.7 (OFL), noch nirgends importiert
- 40 neue Tests (Assets, Geometrie, CSS-Umformung)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Opus 5.5 committed
1 parent
6e24868995
commit
8bd365b1fc
195 files changed
+2697
No files matched your search
@@ -0,0 +1,161 @@
|
||||
/* Erzeugt von scripts/hustler-import.mjs aus Main.dc.html (Hochhaus), nicht von Hand ändern. */
|
||||
.hk-hochhaus{margin:0; background:#0b1030; font-family:'Pixelify Sans',ui-monospace,monospace; color:#e6ebff}
|
||||
.hk-hochhaus a{color:#ffd25a}
|
||||
.hk-hochhaus a:hover{color:#ffe9a0}
|
||||
.hk-hochhaus .hk-himmel{background:url(../../assets/hustler/welt/sterne-verteilt.png) 0 0 / 1280px 1280px repeat, linear-gradient(#0b1030 0 22%, #0f1538 22% 44%, #131b45 44% 64%, #182255 64% 82%, #1d2963 82%); image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-funkeln{background:url(../../assets/hustler/welt/sterne-funkeln.png) 239px 112px / 384px 384px repeat; image-rendering:pixelated; animation:hk-h-funkeln 3.2s steps(4) infinite}
|
||||
.hk-hochhaus .hk-mond{background:url(../../assets/hustler/welt/mond.png) 0 0 / 100% 100% no-repeat; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-schnee{position:absolute; inset:0; pointer-events:none; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-schnee-1{background:url(../../assets/hustler/welt/schnee-1.png) 0 0 / 512px 512px repeat; animation:hk-h-schnee1 72s linear infinite}
|
||||
.hk-hochhaus .hk-schnee-2{background:url(../../assets/hustler/welt/schnee-2.png) 0 0 / 512px 512px repeat; animation:hk-h-schnee2 48s linear infinite}
|
||||
.hk-hochhaus .hk-schnee-3{background:url(../../assets/hustler/welt/schnee-3.png) 0 0 / 768px 768px repeat; animation:hk-h-schnee3 64s linear infinite}
|
||||
.hk-hochhaus .hk-lage{position:absolute; left:0; top:0; width:2400px; height:1200px; pointer-events:none; background-repeat:no-repeat}
|
||||
.hk-hochhaus .hk-welt-bild{background-image:url(../../assets/hustler/welt/welt.png)}
|
||||
.hk-hochhaus .hk-licht-1{background-image:url(../../assets/hustler/welt/welt-licht-1.png); animation:hk-h-lichtA 17s linear infinite}
|
||||
.hk-hochhaus .hk-licht-2{background-image:url(../../assets/hustler/welt/welt-licht-2.png); animation:hk-h-lichtB 23s linear infinite}
|
||||
.hk-hochhaus .hk-licht-3{background-image:url(../../assets/hustler/welt/welt-licht-3.png); animation:hk-h-lichtC 29s linear infinite}
|
||||
.hk-hochhaus .hk-licht-4{background-image:url(../../assets/hustler/welt/welt-licht-4.png); animation:hk-h-lichtD 37s linear infinite}
|
||||
.hk-hochhaus .hk-laternen{background-image:url(../../assets/hustler/welt/laternen-licht.png); animation:hk-h-laterne 5s linear infinite}
|
||||
.hk-hochhaus .hk-haus{position:absolute; pointer-events:none; background-repeat:no-repeat}
|
||||
.hk-hochhaus .hk-haus-bild{background-image:url(../../assets/hustler/haus/haus.png)}
|
||||
.hk-hochhaus .hk-fenster-a{background-image:url(../../assets/hustler/haus/haus-fenster-a.png); animation:hk-h-lichtA 13s linear infinite}
|
||||
.hk-hochhaus .hk-fenster-b{background-image:url(../../assets/hustler/haus/haus-fenster-b.png); animation:hk-h-lichtC 19s linear infinite}
|
||||
.hk-hochhaus .hk-fenster-c{background-image:url(../../assets/hustler/haus/haus-fenster-c.png); animation:hk-h-lichtD 31s linear infinite}
|
||||
.hk-hochhaus .hk-schild-a{background-image:url(../../assets/hustler/haus/schild-a.png); animation:hk-h-birneA .9s steps(1) infinite}
|
||||
.hk-hochhaus .hk-schild-b{background-image:url(../../assets/hustler/haus/schild-b.png); animation:hk-h-birneB .9s steps(1) infinite}
|
||||
.hk-hochhaus .hk-neon{animation:hk-h-neon 7s linear infinite}
|
||||
.hk-hochhaus .hk-antenne{animation:hk-h-antenne 1.6s steps(1) infinite}
|
||||
.hk-hochhaus .hk-aufzug{background-image:url(../../assets/hustler/haus/aufzug.png); animation:hk-h-aufzug 63.0s linear infinite}
|
||||
.hk-hochhaus .hk-seil{background:url(../../assets/hustler/haus/aufzug-seil.png) 0 0 / 11px 4px repeat-y; animation:hk-h-seil 63.0s linear infinite}
|
||||
.hk-hochhaus .hk-spr{position:absolute; display:block; background-repeat:no-repeat; pointer-events:none}
|
||||
.hk-hochhaus .hk-fig-muetze-arbeiten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/muetze-arbeiten.png); animation:hk-h-k24x4 600ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-muetze-warten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/muetze-warten.png); animation:hk-h-k24x6 2400ms steps(6) infinite}
|
||||
.hk-hochhaus .hk-fig-muetze-schlafen{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/muetze-schlafen.png); animation:hk-h-k24x4 2000ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-muetze-nicht{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/muetze-nicht.png); animation:hk-h-kfig-muetze-nicht 3000ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-fig-kappe-arbeiten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/kappe-arbeiten.png); animation:hk-h-k24x4 600ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-kappe-warten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/kappe-warten.png); animation:hk-h-k24x6 2400ms steps(6) infinite}
|
||||
.hk-hochhaus .hk-fig-kappe-schlafen{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/kappe-schlafen.png); animation:hk-h-k24x4 2000ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-kappe-nicht{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/kappe-nicht.png); animation:hk-h-kfig-kappe-nicht 3000ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-fig-krone-arbeiten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/krone-arbeiten.png); animation:hk-h-k24x4 600ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-krone-warten{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/krone-warten.png); animation:hk-h-k24x6 2400ms steps(6) infinite}
|
||||
.hk-hochhaus .hk-fig-krone-schlafen{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/krone-schlafen.png); animation:hk-h-k24x4 2000ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-fig-krone-nicht{width:24px; height:32px; background-image:url(../../assets/hustler/figuren/krone-nicht.png); animation:hk-h-kfig-krone-nicht 3000ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-ovs-klein{width:28px; height:40px; background-image:url(../../assets/hustler/figuren/overseer-klein.png); animation:hk-h-k28x8 1600ms steps(8) infinite}
|
||||
.hk-hochhaus .hk-zzz{width:12px; height:16px; background-image:url(../../assets/hustler/figuren/zzz.png); animation:hk-h-k12x4 1600ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-punkte{width:12px; height:8px; background-image:url(../../assets/hustler/figuren/punkte.png); animation:hk-h-k12x3 1200ms steps(3) infinite}
|
||||
.hk-hochhaus .hk-bildschirm{width:12px; height:8px; background-image:url(../../assets/hustler/figuren/bildschirm.png); animation:hk-h-k12x4 800ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-radar{width:20px; height:20px; background-image:url(../../assets/hustler/figuren/radar.png); animation:hk-h-k20x8 1600ms steps(8) infinite}
|
||||
.hk-hochhaus .hk-etage{position:absolute; display:block; box-sizing:border-box; margin:0; padding:0; border:0; background:transparent; cursor:pointer; font:inherit; color:inherit; text-decoration:none}
|
||||
.hk-hochhaus .hk-etage:hover,.hk-hochhaus .hk-etage:focus-visible{background:rgba(255,210,90,.08); box-shadow:inset 0 0 0 2px #1a1630, inset 0 0 0 4px #ffd25a; outline:none}
|
||||
.hk-hochhaus .hk-etage-name{position:absolute; left:84px; top:3px; white-space:nowrap; padding:.2em .5em; background:#0e1430; color:#ffe9a0; line-height:1.2; box-shadow:0 0 0 2px #05081a, inset 0 0 0 1px #5b6bc0; opacity:0; pointer-events:none}
|
||||
.hk-hochhaus .hk-etage:hover .hk-etage-name,.hk-hochhaus .hk-etage:focus-visible .hk-etage-name{opacity:1}
|
||||
.hk-hochhaus .hk-hustler{position:absolute; display:block; margin:0; padding:0; border:0; background:transparent; cursor:pointer; font:inherit; color:inherit}
|
||||
.hk-hochhaus .hk-hustler::after{content:""; position:absolute; left:-12px; right:-12px; top:-8px; bottom:-6px}
|
||||
.hk-hochhaus .hk-hustler:focus-visible{outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
||||
.hk-hochhaus .hk-namensschild{position:absolute; left:50%; bottom:calc(100% + 4px); transform:translateX(-50%); white-space:nowrap; padding:.2em .45em; background:#0e1430; color:#ffffff; line-height:1.2; box-shadow:0 0 0 1px #05081a, inset 0 0 0 1px #5b6bc0; opacity:0; pointer-events:none; z-index:2}
|
||||
.hk-hochhaus .hk-hustler:hover .hk-namensschild,.hk-hochhaus .hk-hustler:focus-visible .hk-namensschild{opacity:1}
|
||||
.hk-hochhaus .hk-panel{box-sizing:border-box; border:16px solid transparent; border-image:url(../../assets/hustler/ui/panel.png) 8 fill stretch; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-knopf{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:48px; min-height:48px; margin:0; padding:0 4px 14px; border:16px solid transparent; border-image:url(../../assets/hustler/ui/knopf.png) 8 fill stretch; background:transparent; color:#ffffff; font:inherit; font-size:15px; cursor:pointer; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-knopf:active{transform:translateY(2px)}
|
||||
.hk-hochhaus .hk-knopf:focus-visible,.hk-hochhaus .hk-hud-knopf:focus-visible{outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
||||
.hk-hochhaus .hk-nur-tastatur{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
|
||||
.hk-hochhaus .hk-nur-tastatur:focus{position:static; width:auto; height:auto; margin:0; padding:4px 10px; overflow:visible; clip:auto; background:#3a54c8; color:#ffffff; outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
||||
.hk-hochhaus .hk-ic{display:block; flex:none; width:32px; height:32px; background-repeat:no-repeat; background-size:auto 32px; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-muenze-gruen{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/muenze-gruen.png); animation:hk-h-kmuenze-gruen 3040ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-muenze-rot{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/muenze-rot.png); animation:hk-h-kmuenze-rot 3040ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-stern{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/stern.png); animation:hk-h-kstern 3290ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-pokal{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/pokal.png); animation:hk-h-kpokal 2800ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-blase{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/blase.png); animation:hk-h-kblase 2450ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-glocke{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/glocke.png); animation:hk-h-kglocke 2050ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-robo{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/robo.png); animation:hk-h-krobo 3560ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-zahnrad{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/ui/zahnrad.png); animation:hk-h-kzahnrad 2550ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-pause{background-image:url(../../assets/hustler/ui/pause.png)}
|
||||
.hk-hochhaus .hk-schliessen{background-image:url(../../assets/hustler/ui/schliessen.png)}
|
||||
.hk-hochhaus .hk-pfeil-links{background-image:url(../../assets/hustler/ui/pfeil-links.png)}
|
||||
.hk-hochhaus .hk-pfeil-rechts{background-image:url(../../assets/hustler/ui/pfeil-rechts.png)}
|
||||
.hk-hochhaus .hk-sz{position:relative; flex:none; width:640px; height:400px; overflow:hidden; background-repeat:no-repeat; background-size:640px 400px; image-rendering:pixelated}
|
||||
.hk-hochhaus .hk-sz-buero{background-image:url(../../assets/hustler/detail/szene-buero.png)}
|
||||
.hk-hochhaus .hk-sz-nicht{background-image:url(../../assets/hustler/detail/szene-nicht.png)}
|
||||
.hk-hochhaus .hk-sz-bruecke{background-image:url(../../assets/hustler/detail/szene-bruecke.png)}
|
||||
.hk-hochhaus .hk-gr-muetze-arbeiten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-muetze-arbeiten.png); animation:hk-h-k128x4 800ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-gr-muetze-warten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-muetze-warten.png); animation:hk-h-kgr-muetze-warten 3200ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-muetze-schlafen{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-muetze-schlafen.png); animation:hk-h-kgr-muetze-schlafen 2600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-muetze-nicht{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-muetze-nicht.png); animation:hk-h-kgr-muetze-nicht 1600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-kappe-arbeiten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-kappe-arbeiten.png); animation:hk-h-k128x4 800ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-gr-kappe-warten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-kappe-warten.png); animation:hk-h-kgr-kappe-warten 3200ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-kappe-schlafen{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-kappe-schlafen.png); animation:hk-h-kgr-kappe-schlafen 2600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-kappe-nicht{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-kappe-nicht.png); animation:hk-h-kgr-kappe-nicht 1600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-krone-arbeiten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-krone-arbeiten.png); animation:hk-h-k128x4 800ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-gr-krone-warten{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-krone-warten.png); animation:hk-h-kgr-krone-warten 3200ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-krone-schlafen{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-krone-schlafen.png); animation:hk-h-kgr-krone-schlafen 2600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-krone-nicht{width:128px; height:144px; background-size:auto 144px; background-image:url(../../assets/hustler/detail/gross-krone-nicht.png); animation:hk-h-kgr-krone-nicht 1600ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-gr-overseer{width:192px; height:256px; background-size:auto 256px; background-image:url(../../assets/hustler/detail/overseer-gross.png); animation:hk-h-k192x8 1600ms steps(8) infinite}
|
||||
.hk-hochhaus .hk-wirbel{width:80px; height:80px; background-size:auto 80px; background-image:url(../../assets/hustler/detail/wirbel.png); animation:hk-h-k80x8 1200ms steps(8) infinite}
|
||||
.hk-hochhaus .hk-monitor-gross{width:112px; height:64px; background-size:auto 64px; background-image:url(../../assets/hustler/detail/monitor-gross.png); animation:hk-h-k112x4 800ms steps(4) infinite}
|
||||
.hk-hochhaus .hk-dampf{width:20px; height:28px; background-size:auto 28px; background-image:url(../../assets/hustler/detail/dampf.png); animation:hk-h-k20x4 1000ms steps(4) infinite, hk-h-dampfzeit 3200ms steps(1,end) infinite}
|
||||
.hk-hochhaus .hk-zzz-gross{width:32px; height:48px; background-size:auto 48px; background-image:url(../../assets/hustler/detail/zzz-gross.png); animation:hk-h-k32x4 1600ms steps(4) infinite}
|
||||
@keyframes hk-h-funkeln{0%,100%{opacity:.25}50%{opacity:1}}
|
||||
@keyframes hk-h-schnee1{to{background-position:512px 2048px}}
|
||||
@keyframes hk-h-schnee2{to{background-position:-512px 2048px}}
|
||||
@keyframes hk-h-schnee3{to{background-position:768px 6144px}}
|
||||
@keyframes hk-h-lichtA{0%,23%{opacity:1}24%,47%{opacity:0}48%,100%{opacity:1}}
|
||||
@keyframes hk-h-lichtB{0%,61%{opacity:0}62%,100%{opacity:1}}
|
||||
@keyframes hk-h-lichtC{0%,35%{opacity:1}36%,81%{opacity:0}82%,100%{opacity:1}}
|
||||
@keyframes hk-h-lichtD{0%,12%{opacity:0}13%,70%{opacity:1}71%,100%{opacity:0}}
|
||||
@keyframes hk-h-laterne{0%,46%,49%,72%,75%,100%{opacity:1}47%,48%{opacity:.7}73%,74%{opacity:.85}}
|
||||
@keyframes hk-h-birneA{0%{opacity:1}50%{opacity:0}}
|
||||
@keyframes hk-h-birneB{0%{opacity:0}50%{opacity:1}}
|
||||
@keyframes hk-h-neon{0%,90%,93%,95%,100%{opacity:1}91%,92%,94%{opacity:.35}}
|
||||
@keyframes hk-h-antenne{0%{opacity:0}55%{opacity:1}}
|
||||
@keyframes hk-h-huepf{0%,64%,100%{transform:translateY(0)}72%{transform:translateY(-4px)}80%{transform:translateY(0)}86%{transform:translateY(-2px)}92%{transform:translateY(0)}}
|
||||
.hk-hochhaus .hk-huepf{animation:hk-h-huepf 2.2s linear infinite}
|
||||
@keyframes hk-h-dampfzeit{0%{opacity:1}50%{opacity:0}}
|
||||
@keyframes hk-h-k112x4{to{background-position:-448px 0}}
|
||||
@keyframes hk-h-k128x4{to{background-position:-512px 0}}
|
||||
@keyframes hk-h-k12x3{to{background-position:-36px 0}}
|
||||
@keyframes hk-h-k12x4{to{background-position:-48px 0}}
|
||||
@keyframes hk-h-k192x8{to{background-position:-1536px 0}}
|
||||
@keyframes hk-h-k20x4{to{background-position:-80px 0}}
|
||||
@keyframes hk-h-k20x8{to{background-position:-160px 0}}
|
||||
@keyframes hk-h-k24x4{to{background-position:-96px 0}}
|
||||
@keyframes hk-h-k24x6{to{background-position:-144px 0}}
|
||||
@keyframes hk-h-k28x8{to{background-position:-224px 0}}
|
||||
@keyframes hk-h-k32x4{to{background-position:-128px 0}}
|
||||
@keyframes hk-h-k80x8{to{background-position:-640px 0}}
|
||||
@keyframes hk-h-kblase{0.000%{background-position:-0px 0}16.327%{background-position:-32px 0}22.449%{background-position:-64px 0}28.571%{background-position:-96px 0}34.694%{background-position:-128px 0}51.020%{background-position:-160px 0}67.347%{background-position:-192px 0}83.673%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-kfig-kappe-nicht{0.000%{background-position:-0px 0}90.000%{background-position:-24px 0}100%{background-position:-24px 0}}
|
||||
@keyframes hk-h-kfig-krone-nicht{0.000%{background-position:-0px 0}90.000%{background-position:-24px 0}100%{background-position:-24px 0}}
|
||||
@keyframes hk-h-kfig-muetze-nicht{0.000%{background-position:-0px 0}90.000%{background-position:-24px 0}100%{background-position:-24px 0}}
|
||||
@keyframes hk-h-kglocke{0.000%{background-position:-0px 0}24.390%{background-position:-32px 0}29.756%{background-position:-64px 0}35.122%{background-position:-96px 0}40.488%{background-position:-128px 0}45.854%{background-position:-160px 0}51.220%{background-position:-192px 0}75.610%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-kgr-kappe-nicht{0.000%{background-position:-0px 0}68.750%{background-position:-128px 0}100%{background-position:-128px 0}}
|
||||
@keyframes hk-h-kgr-kappe-schlafen{0.000%{background-position:-0px 0}26.923%{background-position:-128px 0}50.000%{background-position:-256px 0}76.923%{background-position:-384px 0}100%{background-position:-384px 0}}
|
||||
@keyframes hk-h-kgr-kappe-warten{0.000%{background-position:-0px 0}12.500%{background-position:-128px 0}25.000%{background-position:-256px 0}37.500%{background-position:-384px 0}50.000%{background-position:-512px 0}57.812%{background-position:-640px 0}76.562%{background-position:-768px 0}92.188%{background-position:-896px 0}100%{background-position:-896px 0}}
|
||||
@keyframes hk-h-kgr-krone-nicht{0.000%{background-position:-0px 0}68.750%{background-position:-128px 0}100%{background-position:-128px 0}}
|
||||
@keyframes hk-h-kgr-krone-schlafen{0.000%{background-position:-0px 0}26.923%{background-position:-128px 0}50.000%{background-position:-256px 0}76.923%{background-position:-384px 0}100%{background-position:-384px 0}}
|
||||
@keyframes hk-h-kgr-krone-warten{0.000%{background-position:-0px 0}12.500%{background-position:-128px 0}25.000%{background-position:-256px 0}37.500%{background-position:-384px 0}50.000%{background-position:-512px 0}57.812%{background-position:-640px 0}76.562%{background-position:-768px 0}92.188%{background-position:-896px 0}100%{background-position:-896px 0}}
|
||||
@keyframes hk-h-kgr-muetze-nicht{0.000%{background-position:-0px 0}68.750%{background-position:-128px 0}100%{background-position:-128px 0}}
|
||||
@keyframes hk-h-kgr-muetze-schlafen{0.000%{background-position:-0px 0}26.923%{background-position:-128px 0}50.000%{background-position:-256px 0}76.923%{background-position:-384px 0}100%{background-position:-384px 0}}
|
||||
@keyframes hk-h-kgr-muetze-warten{0.000%{background-position:-0px 0}12.500%{background-position:-128px 0}25.000%{background-position:-256px 0}37.500%{background-position:-384px 0}50.000%{background-position:-512px 0}57.812%{background-position:-640px 0}76.562%{background-position:-768px 0}92.188%{background-position:-896px 0}100%{background-position:-896px 0}}
|
||||
@keyframes hk-h-kmuenze-gruen{0.000%{background-position:-0px 0}3.289%{background-position:-32px 0}6.579%{background-position:-64px 0}9.868%{background-position:-96px 0}13.158%{background-position:-128px 0}15.789%{background-position:-160px 0}18.421%{background-position:-192px 0}21.053%{background-position:-224px 0}36.842%{background-position:-256px 0}52.632%{background-position:-288px 0}68.421%{background-position:-320px 0}84.211%{background-position:-352px 0}100%{background-position:-352px 0}}
|
||||
@keyframes hk-h-kmuenze-rot{0.000%{background-position:-0px 0}3.289%{background-position:-32px 0}6.579%{background-position:-64px 0}9.868%{background-position:-96px 0}13.158%{background-position:-128px 0}15.789%{background-position:-160px 0}18.421%{background-position:-192px 0}21.053%{background-position:-224px 0}36.842%{background-position:-256px 0}52.632%{background-position:-288px 0}68.421%{background-position:-320px 0}84.211%{background-position:-352px 0}100%{background-position:-352px 0}}
|
||||
@keyframes hk-h-kpokal{0.000%{background-position:-0px 0}17.857%{background-position:-32px 0}35.714%{background-position:-64px 0}53.571%{background-position:-96px 0}57.143%{background-position:-128px 0}60.714%{background-position:-160px 0}64.286%{background-position:-192px 0}82.143%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-krobo{0.000%{background-position:-0px 0}19.663%{background-position:-32px 0}24.719%{background-position:-64px 0}38.764%{background-position:-96px 0}41.854%{background-position:-128px 0}44.382%{background-position:-160px 0}49.438%{background-position:-192px 0}74.719%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-kstern{0.000%{background-position:-0px 0}27.356%{background-position:-32px 0}54.711%{background-position:-64px 0}58.055%{background-position:-96px 0}61.398%{background-position:-128px 0}65.957%{background-position:-160px 0}69.301%{background-position:-192px 0}72.644%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-kzahnrad{0.000%{background-position:-0px 0}27.451%{background-position:-32px 0}30.980%{background-position:-64px 0}34.510%{background-position:-96px 0}38.039%{background-position:-128px 0}41.569%{background-position:-160px 0}45.098%{background-position:-192px 0}72.549%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-h-aufzug{0.000%{transform:translateY(0px)}3.968%{transform:translateY(0px)}5.556%{transform:translateY(56px)}9.524%{transform:translateY(56px)}11.111%{transform:translateY(112px)}15.079%{transform:translateY(112px)}16.667%{transform:translateY(168px)}20.635%{transform:translateY(168px)}22.222%{transform:translateY(224px)}26.190%{transform:translateY(224px)}27.778%{transform:translateY(280px)}31.746%{transform:translateY(280px)}33.333%{transform:translateY(336px)}37.302%{transform:translateY(336px)}38.889%{transform:translateY(392px)}42.857%{transform:translateY(392px)}44.444%{transform:translateY(448px)}48.413%{transform:translateY(448px)}50.000%{transform:translateY(504px)}53.968%{transform:translateY(504px)}55.556%{transform:translateY(448px)}59.524%{transform:translateY(448px)}61.111%{transform:translateY(392px)}65.079%{transform:translateY(392px)}66.667%{transform:translateY(336px)}70.635%{transform:translateY(336px)}72.222%{transform:translateY(280px)}76.190%{transform:translateY(280px)}77.778%{transform:translateY(224px)}81.746%{transform:translateY(224px)}83.333%{transform:translateY(168px)}87.302%{transform:translateY(168px)}88.889%{transform:translateY(112px)}92.857%{transform:translateY(112px)}94.444%{transform:translateY(56px)}98.413%{transform:translateY(56px)}100%{transform:translateY(0px)}}
|
||||
@keyframes hk-h-seil{0.000%{height:18px}3.968%{height:18px}5.556%{height:74px}9.524%{height:74px}11.111%{height:130px}15.079%{height:130px}16.667%{height:186px}20.635%{height:186px}22.222%{height:242px}26.190%{height:242px}27.778%{height:298px}31.746%{height:298px}33.333%{height:354px}37.302%{height:354px}38.889%{height:410px}42.857%{height:410px}44.444%{height:466px}48.413%{height:466px}50.000%{height:522px}53.968%{height:522px}55.556%{height:466px}59.524%{height:466px}61.111%{height:410px}65.079%{height:410px}66.667%{height:354px}70.635%{height:354px}72.222%{height:298px}76.190%{height:298px}77.778%{height:242px}81.746%{height:242px}83.333%{height:186px}87.302%{height:186px}88.889%{height:130px}92.857%{height:130px}94.444%{height:74px}98.413%{height:74px}100%{height:18px}}
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.hk-hochhaus .hk-schnee{display:none}
|
||||
.hk-hochhaus .hk-funkeln,.hk-hochhaus .hk-licht-1,.hk-hochhaus .hk-licht-2,.hk-hochhaus .hk-licht-3,.hk-hochhaus .hk-licht-4,.hk-hochhaus .hk-laternen,.hk-hochhaus .hk-fenster-a,.hk-hochhaus .hk-fenster-b,.hk-hochhaus .hk-fenster-c,.hk-hochhaus .hk-neon,.hk-hochhaus .hk-antenne,.hk-hochhaus .hk-aufzug,.hk-hochhaus .hk-seil,.hk-hochhaus .hk-ic,.hk-hochhaus .hk-huepf{animation:none}
|
||||
.hk-hochhaus .hk-schild-a{animation:none; opacity:1}
|
||||
.hk-hochhaus .hk-schild-b{animation:none; opacity:0}
|
||||
}
|
||||
/* Abgedunkelte Räume (nur sichtbar, wenn der Dienst „nicht angeschlossen“ meldet) */
|
||||
.hk-hochhaus .hk-raum-grau-netz{position:absolute; left:1040px; top:558px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-netz.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-kleinanzeigen{position:absolute; left:1140px; top:558px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-kleinanzeigen.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-portale{position:absolute; left:1240px; top:558px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-portale.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-foren{position:absolute; left:1340px; top:558px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-foren.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-aerzte{position:absolute; left:1040px; top:614px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-aerzte.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-handwerk{position:absolute; left:1140px; top:614px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-handwerk.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-selbst{position:absolute; left:1240px; top:614px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-selbst.png); image-rendering:pixelated; pointer-events:none}
|
||||
.hk-hochhaus .hk-raum-grau-laden{position:absolute; left:1340px; top:614px; width:100px; height:50px; background-image:url(../../assets/hustler/haus/raum-grau-laden.png); image-rendering:pixelated; pointer-events:none}
|
||||
@@ -0,0 +1,119 @@
|
||||
/* Erzeugt von scripts/hustler-import.mjs aus BotLeads.dc.html (Keller), nicht von Hand ändern. */
|
||||
.hk-keller{margin:0; background:#141a30; font-family:'Pixelify Sans',ui-monospace,monospace}
|
||||
.hk-keller a{color:#2b2230}
|
||||
.hk-keller a:not(.hk-knopf):hover{color:#7a2e3a}
|
||||
.hk-keller .hk-sz-ebene{position:absolute; left:0; top:0; width:640px; height:360px; pointer-events:none; background-repeat:no-repeat}
|
||||
.hk-keller .hk-sz-bild{background-image:url(../../assets/hustler/keller/szene/keller.png)}
|
||||
.hk-keller .hk-sz-licht-92{background-image:url(../../assets/hustler/keller/szene/licht-lampe-92.png); animation:hk-k-flackern 6.2s linear infinite}
|
||||
.hk-keller .hk-sz-licht-236{background-image:url(../../assets/hustler/keller/szene/licht-lampe-236.png); animation:hk-k-flackern 8.9s linear infinite -3s}
|
||||
.hk-keller .hk-sz-licht-tisch{background-image:url(../../assets/hustler/keller/szene/licht-schreibtisch.png)}
|
||||
.hk-keller .hk-sz-licht-halle{background-image:url(../../assets/hustler/keller/szene/licht-halle.png); animation:hk-k-atmen 11s ease-in-out infinite}
|
||||
.hk-keller .hk-sz-staub{background:url(../../assets/hustler/keller/szene/staub.png) 0 0 / 160px 160px repeat; animation:hk-k-staub 48s linear infinite; -webkit-mask-image:url(../../assets/hustler/keller/szene/keller-licht.png); mask-image:url(../../assets/hustler/keller/szene/keller-licht.png); -webkit-mask-size:640px 360px; mask-size:640px 360px; opacity:.85}
|
||||
.hk-keller .hk-sz-fensterschnee{position:absolute; inset:0; background:url(../../assets/hustler/keller/szene/fensterschnee.png) 0 0 / 64px 64px repeat; animation:hk-k-fensterschnee 14s linear infinite}
|
||||
.hk-keller .hk-sz-kreuz{position:absolute; left:0; top:0; width:46px; height:29px; background-image:url(../../assets/hustler/keller/szene/fenster-kreuz.png)}
|
||||
.hk-keller .hk-sz-passant-weg{position:absolute; left:0; top:0; animation:hk-k-k-passant-weg 38000ms linear infinite}
|
||||
.hk-keller .hk-sz-maus-weg{position:absolute; left:0; top:0; animation:hk-k-k-maus-weg 25000ms linear 4s infinite backwards}
|
||||
.hk-keller .hk-sz-led{position:absolute}
|
||||
.hk-keller .hk-spr{display:block; background-repeat:no-repeat; image-rendering:pixelated}
|
||||
.hk-keller .hk-arne-weg{position:absolute; left:0; top:0; width:32px; height:40px; animation:hk-k-k-arne-weg 12060ms steps(1,end) infinite}
|
||||
.hk-keller .hk-arne-bild{position:absolute; left:0; top:0; width:32px; height:40px; background-image:url(../../assets/hustler/keller/figuren/arne-ablauf.png); animation:hk-k-k-arne-bild 12060ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-rohrpost{width:40px; height:48px; background-image:url(../../assets/hustler/keller/figuren/rohrpost.png); animation:hk-k-k-sz-rohrpost 12060ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-schublade{width:64px; height:48px; background-image:url(../../assets/hustler/keller/figuren/schublade.png); animation:hk-k-k-sz-schublade 12060ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-buch-stempel{width:58px; height:22px; background-image:url(../../assets/hustler/keller/figuren/buch-stempel.png); animation:hk-k-k-sz-buch-stempel 12060ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-maus{width:12px; height:8px; background-image:url(../../assets/hustler/keller/figuren/maus.png); animation:hk-k-k-sz-maus 360ms steps(1,end) infinite}
|
||||
.hk-keller .hk-neu-funke{width:24px; height:24px; background-size:auto 24px; background-image:url(../../assets/hustler/keller/figuren/neu-funke.png); animation:hk-k-k-neu-funke 670ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-dampf{width:8px; height:14px; background-image:url(../../assets/hustler/keller/szene/dampf-tasse.png); animation:hk-k-k-sz-dampf 1560ms steps(1,end) infinite}
|
||||
.hk-keller .hk-sz-passant{width:14px; height:26px; background-image:url(../../assets/hustler/keller/szene/fenster-passant.png); animation:hk-k-k-sz-passant 720ms steps(1,end) infinite}
|
||||
.hk-keller .hk-ic-lupe{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/keller/ui/lupe.png); animation:hk-k-k-ic-lupe 1910ms steps(1,end) infinite}
|
||||
.hk-keller .hk-ic-robo{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/keller/ui/robo.png); animation:hk-k-k-ic-robo 3560ms steps(1,end) infinite}
|
||||
.hk-keller .hk-ic{display:inline-block; flex:none; width:32px; height:32px; background-repeat:no-repeat; background-size:auto 32px; image-rendering:pixelated; vertical-align:middle}
|
||||
.hk-keller .hk-ic-akte{background-image:url(../../assets/hustler/keller/ui/akte-icon.png)}
|
||||
.hk-keller .hk-ic-alle{background-image:url(../../assets/hustler/keller/ui/alle.png)}
|
||||
.hk-keller .hk-ic-brief-x{background-image:url(../../assets/hustler/keller/ui/brief-x.png)}
|
||||
.hk-keller .hk-ic-brief-zurueck{background-image:url(../../assets/hustler/keller/ui/brief-zurueck.png)}
|
||||
.hk-keller .hk-ic-doppelt{background-image:url(../../assets/hustler/keller/ui/doppelt.png)}
|
||||
.hk-keller .hk-ic-etikett-leer{background-image:url(../../assets/hustler/keller/ui/etikett-leer.png)}
|
||||
.hk-keller .hk-ic-fremd{background-image:url(../../assets/hustler/keller/ui/fremd.png)}
|
||||
.hk-keller .hk-ic-haken{background-image:url(../../assets/hustler/keller/ui/haken.png)}
|
||||
.hk-keller .hk-ic-kalender{background-image:url(../../assets/hustler/keller/ui/kalender.png)}
|
||||
.hk-keller .hk-ic-kette{background-image:url(../../assets/hustler/keller/ui/kette.png)}
|
||||
.hk-keller .hk-ic-pause{background-image:url(../../assets/hustler/keller/ui/pause.png)}
|
||||
.hk-keller .hk-ic-pfeil-links{background-image:url(../../assets/hustler/keller/ui/pfeil-links.png)}
|
||||
.hk-keller .hk-ic-pfeil-rechts{background-image:url(../../assets/hustler/keller/ui/pfeil-rechts.png)}
|
||||
.hk-keller .hk-ic-pfeil-runter{background-image:url(../../assets/hustler/keller/ui/pfeil-runter.png)}
|
||||
.hk-keller .hk-ic-quelle{background-image:url(../../assets/hustler/keller/ui/quelle.png)}
|
||||
.hk-keller .hk-ic-raum-aerzte{background-image:url(../../assets/hustler/keller/ui/raum-aerzte.png)}
|
||||
.hk-keller .hk-ic-raum-handwerk{background-image:url(../../assets/hustler/keller/ui/raum-handwerk.png)}
|
||||
.hk-keller .hk-ic-raum-laden{background-image:url(../../assets/hustler/keller/ui/raum-laden.png)}
|
||||
.hk-keller .hk-ic-raum-selbst{background-image:url(../../assets/hustler/keller/ui/raum-selbst.png)}
|
||||
.hk-keller .hk-ic-schere{background-image:url(../../assets/hustler/keller/ui/schere.png)}
|
||||
.hk-keller .hk-ic-schliessen{background-image:url(../../assets/hustler/keller/ui/schliessen.png)}
|
||||
.hk-keller .hk-ic-schloss{background-image:url(../../assets/hustler/keller/ui/schloss.png)}
|
||||
.hk-keller .hk-ic-seite-kaputt{background-image:url(../../assets/hustler/keller/ui/seite-kaputt.png)}
|
||||
.hk-keller .hk-ic-stempel{background-image:url(../../assets/hustler/keller/ui/stempel.png)}
|
||||
.hk-keller .hk-ic-stopp{background-image:url(../../assets/hustler/keller/ui/stopp.png)}
|
||||
.hk-keller .hk-ic-telefon{background-image:url(../../assets/hustler/keller/ui/telefon.png)}
|
||||
.hk-keller .hk-ic-uhr{background-image:url(../../assets/hustler/keller/ui/uhr.png)}
|
||||
.hk-keller .hk-ic-waage-kaputt{background-image:url(../../assets/hustler/keller/ui/waage-kaputt.png)}
|
||||
.hk-keller .hk-ic-zurueck{background-image:url(../../assets/hustler/keller/ui/zurueck.png)}
|
||||
.hk-keller .hk-buch{filter:drop-shadow(0 6px 0 rgba(6,7,18,.55)); box-sizing:border-box; border-style:solid; border-width:24px 20px 28px 32px; border-image:url(../../assets/hustler/keller/ui/buch.png) 12 10 14 16 fill / 24px 20px 28px 32px / 0 stretch repeat; image-rendering:pixelated}
|
||||
.hk-keller .hk-akte{box-sizing:border-box; border-style:solid; border-width:24px 20px 24px 20px; border-image:url(../../assets/hustler/keller/ui/akte.png) 12 10 12 26 fill / 24px 20px 24px 52px / 0 stretch; image-rendering:pixelated}
|
||||
.hk-keller .hk-messing{box-sizing:border-box; border-style:solid; border-width:16px; border-image:url(../../assets/hustler/keller/ui/messing.png) 8 fill / 16px / 0 stretch; image-rendering:pixelated}
|
||||
.hk-keller .hk-knopf{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:48px; min-height:48px; margin:0; padding:0 6px 14px; border:16px solid transparent; border-image:url(../../assets/hustler/ui/knopf.png) 8 fill stretch; background:transparent; color:#ffffff; font:inherit; font-size:15px; line-height:18px; text-decoration:none; cursor:pointer; image-rendering:pixelated}
|
||||
.hk-keller .hk-knopf:active{transform:translateY(2px)}
|
||||
.hk-keller .hk-knopf-aus{opacity:.45; cursor:default}
|
||||
.hk-keller .hk-knopf:focus-visible,.hk-keller .hk-suche:focus-visible,.hk-keller .hk-akte-link:focus-visible{outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
||||
.hk-keller .hk-zeile:focus-visible{outline:2px solid #1a1630; outline-offset:-2px; box-shadow:inset 0 0 0 5px #ffd25a}
|
||||
.hk-keller .hk-reiter:focus-visible{outline:2px solid #1a1630; outline-offset:2px}
|
||||
.hk-keller .hk-reiter{display:inline-flex; align-items:center; gap:4px; min-width:0; flex:0 1 auto; margin:0; padding:4px 10px 10px 6px; border:0; font:inherit; font-size:14px; line-height:16px; color:#2b2230; cursor:pointer; box-shadow:0 -2px 0 0 #2b2230, -2px 0 0 0 #2b2230, 2px 0 0 0 #2b2230, inset 0 2px 0 0 rgba(255,255,255,.55); transform:translateY(8px); transition:transform .12s steps(2)}
|
||||
.hk-keller .hk-reiter:hover{transform:translateY(4px)}
|
||||
.hk-keller .hk-reiter-an,.hk-keller .hk-reiter-an:hover{transform:translateY(0); padding-bottom:14px; text-shadow:0 1px 0 rgba(255,255,255,.7); box-shadow:0 -2px 0 0 #7a2e3a, -2px 0 0 0 #7a2e3a, 2px 0 0 0 #7a2e3a, inset 0 3px 0 0 #c9962a}
|
||||
.hk-keller .hk-reiter-alle{background:#f3ecd8}
|
||||
.hk-keller .hk-reiter-aerzte{background:#cfe9e5}
|
||||
.hk-keller .hk-reiter-handwerk{background:#f3dccb}
|
||||
.hk-keller .hk-reiter-selbst{background:#e7d6ee}
|
||||
.hk-keller .hk-reiter-laden{background:#d9edcf}
|
||||
.hk-keller .hk-zeile{display:grid; grid-template-columns:32px minmax(0,1fr) 80px 168px 148px; align-items:center; gap:0 10px; width:100%; box-sizing:border-box; margin:0; padding:5px 8px; border:0; border-bottom:2px dotted rgba(122,46,58,.22); background:transparent; font:inherit; color:#2b2230; text-align:left; cursor:pointer}
|
||||
.hk-keller .hk-zeile:hover{background:rgba(201,150,42,.16)}
|
||||
.hk-keller .hk-zeile-alt{color:#6b5f58}
|
||||
.hk-keller .hk-zeile-alt .hk-ic{opacity:.7}
|
||||
.hk-keller .hk-kopfzeile{display:grid; grid-template-columns:32px minmax(0,1fr) 80px 168px 148px; gap:0 10px; padding:0 8px; font-size:12px; line-height:14px; color:#7a2e3a}
|
||||
.hk-keller .hk-liste{flex:0 1 auto; min-height:0; overflow:auto; list-style:none; margin:0; padding:0; scrollbar-width:thin; scrollbar-color:#7a2e3a #e8dcc0}
|
||||
.hk-keller .hk-zwei-zeilen{min-width:0; font-size:13px; line-height:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
|
||||
.hk-keller .hk-suche::-webkit-search-cancel-button{display:none}
|
||||
.hk-keller .hk-klein{display:block; font-size:12px; line-height:15px; color:#5a4a3a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
|
||||
.hk-keller .hk-zelle{display:flex; align-items:center; gap:6px; min-width:0}
|
||||
.hk-keller .hk-zelle-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
|
||||
.hk-keller .hk-suche{box-sizing:border-box; width:100%; height:36px; margin:0; padding:0 10px 0 40px; border:0; background:#fffaf0; color:#2b2230; font:inherit; font-size:14px; box-shadow:0 0 0 2px #2b2230, inset 0 2px 0 0 #e8dcc0}
|
||||
.hk-keller .hk-suche::placeholder{color:#7b6f66}
|
||||
.hk-keller .hk-akte-link{display:inline-flex; align-items:center; gap:6px; color:#2b2230; text-decoration:underline; text-underline-offset:3px}
|
||||
@keyframes hk-k-flackern{0%,40%,44%,71%,73%,100%{opacity:1}41%,43%{opacity:.78}72%{opacity:.88}}
|
||||
@keyframes hk-k-atmen{0%,100%{opacity:.92}50%{opacity:1}}
|
||||
@keyframes hk-k-staub{to{background-position:-160px 320px}}
|
||||
@keyframes hk-k-fensterschnee{to{background-position:-64px 128px}}
|
||||
@keyframes hk-k-k-arne-weg{0.000%{transform:translate(157px,279px)}1.410%{transform:translate(157px,267px)}1.990%{transform:translate(157px,253px)}2.488%{transform:translate(157px,247px)}3.897%{transform:translate(157px,257px)}4.478%{transform:translate(157px,271px)}5.058%{transform:translate(157px,279px)}6.302%{transform:translate(157px,279px)}9.270%{transform:translate(155px,279px)}9.735%{transform:translate(153px,279px)}10.199%{transform:translate(151px,279px)}10.663%{transform:translate(149px,279px)}11.128%{transform:translate(147px,279px)}11.592%{transform:translate(145px,279px)}12.056%{transform:translate(143px,279px)}12.521%{transform:translate(141px,279px)}12.985%{transform:translate(139px,279px)}13.449%{transform:translate(137px,279px)}13.914%{transform:translate(135px,279px)}14.378%{transform:translate(133px,279px)}14.842%{transform:translate(131px,279px)}15.307%{transform:translate(129px,279px)}15.771%{transform:translate(127px,279px)}16.235%{transform:translate(125px,279px)}16.700%{transform:translate(123px,279px)}17.164%{transform:translate(121px,279px)}17.629%{transform:translate(119px,279px)}18.093%{transform:translate(117px,279px)}18.557%{transform:translate(115px,279px)}19.022%{transform:translate(113px,279px)}19.486%{transform:translate(111px,279px)}19.950%{transform:translate(109px,279px)}20.415%{transform:translate(107px,279px)}20.879%{transform:translate(105px,279px)}21.343%{transform:translate(103px,279px)}21.808%{transform:translate(103px,279px)}22.637%{transform:translate(103px,279px)}24.627%{transform:translate(103px,267px)}25.207%{transform:translate(103px,255px)}25.705%{transform:translate(103px,249px)}26.285%{transform:translate(103px,249px)}28.275%{transform:translate(103px,249px)}29.270%{transform:translate(103px,252px)}30.182%{transform:translate(103px,265px)}30.929%{transform:translate(103px,279px)}32.007%{transform:translate(103px,279px)}34.494%{transform:translate(104px,279px)}34.959%{transform:translate(106px,279px)}35.423%{transform:translate(108px,279px)}35.887%{transform:translate(110px,279px)}36.352%{transform:translate(112px,279px)}36.816%{transform:translate(114px,279px)}37.280%{transform:translate(116px,279px)}37.745%{transform:translate(118px,279px)}38.209%{transform:translate(120px,279px)}38.673%{transform:translate(122px,279px)}39.138%{transform:translate(124px,279px)}39.602%{transform:translate(126px,279px)}40.066%{transform:translate(128px,279px)}40.531%{transform:translate(130px,279px)}40.995%{transform:translate(132px,279px)}41.459%{transform:translate(134px,279px)}41.924%{transform:translate(136px,279px)}42.388%{transform:translate(138px,279px)}42.852%{transform:translate(140px,279px)}43.317%{transform:translate(142px,279px)}43.781%{transform:translate(144px,279px)}44.245%{transform:translate(146px,279px)}44.710%{transform:translate(148px,279px)}45.174%{transform:translate(150px,279px)}45.638%{transform:translate(152px,279px)}46.103%{transform:translate(154px,279px)}46.567%{transform:translate(156px,279px)}47.032%{transform:translate(158px,279px)}47.496%{transform:translate(160px,279px)}47.960%{transform:translate(162px,279px)}48.425%{transform:translate(164px,279px)}48.889%{transform:translate(166px,279px)}49.353%{transform:translate(168px,279px)}49.818%{transform:translate(170px,279px)}50.282%{transform:translate(172px,279px)}50.746%{transform:translate(174px,279px)}51.211%{transform:translate(176px,279px)}51.675%{transform:translate(178px,279px)}52.139%{transform:translate(180px,279px)}52.604%{transform:translate(182px,279px)}53.068%{transform:translate(184px,279px)}53.532%{transform:translate(186px,279px)}53.997%{transform:translate(188px,279px)}54.461%{transform:translate(190px,279px)}54.925%{transform:translate(192px,279px)}55.390%{transform:translate(194px,279px)}55.854%{transform:translate(196px,279px)}56.318%{transform:translate(198px,279px)}56.783%{transform:translate(200px,279px)}57.247%{transform:translate(202px,279px)}57.711%{transform:translate(204px,279px)}58.176%{transform:translate(206px,279px)}58.640%{transform:translate(208px,279px)}59.104%{transform:translate(210px,279px)}59.569%{transform:translate(212px,279px)}60.033%{transform:translate(214px,279px)}60.498%{transform:translate(214px,279px)}61.658%{transform:translate(214px,279px)}62.902%{transform:translate(214px,279px)}63.897%{transform:translate(214px,279px)}65.307%{transform:translate(214px,279px)}66.633%{transform:translate(214px,279px)}68.292%{transform:translate(214px,279px)}69.370%{transform:translate(214px,279px)}70.614%{transform:translate(214px,279px)}72.521%{transform:translate(214px,279px)}73.101%{transform:translate(214px,279px)}73.682%{transform:translate(214px,279px)}74.925%{transform:translate(214px,279px)}76.003%{transform:translate(214px,279px)}77.081%{transform:translate(214px,279px)}79.735%{transform:translate(213px,279px)}80.199%{transform:translate(211px,279px)}80.663%{transform:translate(209px,279px)}81.128%{transform:translate(207px,279px)}81.592%{transform:traLine truncated
|
||||
@keyframes hk-k-k-arne-bild{0.000%{background-position:-96px 0; transform:scaleX(-1)}1.410%{background-position:-128px 0; transform:scaleX(-1)}1.990%{background-position:-128px 0; transform:scaleX(-1)}2.488%{background-position:-160px 0; transform:scaleX(-1)}3.897%{background-position:-192px 0; transform:scaleX(-1)}4.478%{background-position:-192px 0; transform:scaleX(-1)}5.058%{background-position:-224px 0; transform:scaleX(-1)}6.302%{background-position:-256px 0; transform:scaleX(-1)}9.270%{background-position:-288px 0; transform:scaleX(-1)}9.735%{background-position:-320px 0; transform:scaleX(-1)}10.199%{background-position:-352px 0; transform:scaleX(-1)}10.663%{background-position:-384px 0; transform:scaleX(-1)}11.128%{background-position:-288px 0; transform:scaleX(-1)}11.592%{background-position:-320px 0; transform:scaleX(-1)}12.056%{background-position:-352px 0; transform:scaleX(-1)}12.521%{background-position:-384px 0; transform:scaleX(-1)}12.985%{background-position:-288px 0; transform:scaleX(-1)}13.449%{background-position:-320px 0; transform:scaleX(-1)}13.914%{background-position:-352px 0; transform:scaleX(-1)}14.378%{background-position:-384px 0; transform:scaleX(-1)}14.842%{background-position:-288px 0; transform:scaleX(-1)}15.307%{background-position:-320px 0; transform:scaleX(-1)}15.771%{background-position:-352px 0; transform:scaleX(-1)}16.235%{background-position:-384px 0; transform:scaleX(-1)}16.700%{background-position:-288px 0; transform:scaleX(-1)}17.164%{background-position:-320px 0; transform:scaleX(-1)}17.629%{background-position:-352px 0; transform:scaleX(-1)}18.093%{background-position:-384px 0; transform:scaleX(-1)}18.557%{background-position:-288px 0; transform:scaleX(-1)}19.022%{background-position:-320px 0; transform:scaleX(-1)}19.486%{background-position:-352px 0; transform:scaleX(-1)}19.950%{background-position:-384px 0; transform:scaleX(-1)}20.415%{background-position:-288px 0; transform:scaleX(-1)}20.879%{background-position:-320px 0; transform:scaleX(-1)}21.343%{background-position:-352px 0; transform:scaleX(-1)}21.808%{background-position:-256px 0; transform:scaleX(-1)}22.637%{background-position:-416px 0; transform:scaleX(-1)}24.627%{background-position:-448px 0; transform:scaleX(-1)}25.207%{background-position:-448px 0; transform:scaleX(-1)}25.705%{background-position:-480px 0; transform:scaleX(-1)}26.285%{background-position:-512px 0; transform:scaleX(-1)}28.275%{background-position:-544px 0; transform:scaleX(-1)}29.270%{background-position:-576px 0; transform:scaleX(-1)}30.182%{background-position:-608px 0; transform:scaleX(-1)}30.929%{background-position:-640px 0; transform:scaleX(-1)}32.007%{background-position:-672px 0; transform:scaleX(-1)}34.494%{background-position:-704px 0; transform:scaleX(1)}34.959%{background-position:-736px 0; transform:scaleX(1)}35.423%{background-position:-768px 0; transform:scaleX(1)}35.887%{background-position:-800px 0; transform:scaleX(1)}36.352%{background-position:-704px 0; transform:scaleX(1)}36.816%{background-position:-736px 0; transform:scaleX(1)}37.280%{background-position:-768px 0; transform:scaleX(1)}37.745%{background-position:-800px 0; transform:scaleX(1)}38.209%{background-position:-704px 0; transform:scaleX(1)}38.673%{background-position:-736px 0; transform:scaleX(1)}39.138%{background-position:-768px 0; transform:scaleX(1)}39.602%{background-position:-800px 0; transform:scaleX(1)}40.066%{background-position:-704px 0; transform:scaleX(1)}40.531%{background-position:-736px 0; transform:scaleX(1)}40.995%{background-position:-768px 0; transform:scaleX(1)}41.459%{background-position:-800px 0; transform:scaleX(1)}41.924%{background-position:-704px 0; transform:scaleX(1)}42.388%{background-position:-736px 0; transform:scaleX(1)}42.852%{background-position:-768px 0; transform:scaleX(1)}43.317%{background-position:-800px 0; transform:scaleX(1)}43.781%{background-position:-704px 0; transform:scaleX(1)}44.245%{background-position:-736px 0; transform:scaleX(1)}44.710%{background-position:-768px 0; transform:scaleX(1)}45.174%{background-position:-800px 0; transform:scaleX(1)}45.638%{background-position:-704px 0; transform:scaleX(1)}46.103%{background-position:-736px 0; transform:scaleX(1)}46.567%{background-position:-768px 0; transform:scaleX(1)}47.032%{background-position:-800px 0; transform:scaleX(1)}47.496%{background-position:-704px 0; transform:scaleX(1)}47.960%{background-position:-736px 0; transform:scaleX(1)}48.425%{background-position:-768px 0; transform:scaleX(1)}48.889%{background-position:-800px 0; transform:scaleX(1)}49.353%{background-position:-704px 0; transform:scaleX(1)}49.818%{background-position:-736px 0; transform:scaleX(1)}50.282%{background-position:-768px 0; transform:scaleX(1)}50.746%{background-position:-800px 0; transform:scaleX(1)}51.211%{background-position:-704px 0; transform:scaleX(1)}51.675%{background-position:-736px 0; transform:scaleX(1)}52.139%{background-position:-768px 0; transform:scaleX(1)}52.604Line truncated
|
||||
@keyframes hk-k-k-sz-rohrpost{0.000%{background-position:-360px 0}2.488%{background-position:-0px 0}90.299%{background-position:-40px 0}90.879%{background-position:-80px 0}91.376%{background-position:-120px 0}92.040%{background-position:-160px 0}92.703%{background-position:-200px 0}93.367%{background-position:-240px 0}94.030%{background-position:-280px 0}94.776%{background-position:-320px 0}95.688%{background-position:-360px 0}100%{background-position:-360px 0}}
|
||||
@keyframes hk-k-k-sz-schublade{0.000%{background-position:-0px 0}62.902%{background-position:-64px 0}63.897%{background-position:-128px 0}70.614%{background-position:-192px 0}72.521%{background-position:-256px 0}73.101%{background-position:-320px 0}73.682%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-k-k-sz-buch-stempel{0.000%{background-position:-0px 0}26.285%{background-position:-58px 0}27.114%{background-position:-116px 0}28.275%{background-position:-174px 0}29.270%{background-position:-232px 0}30.182%{background-position:-290px 0}93.367%{background-position:-348px 0}96.269%{background-position:-406px 0}99.171%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-k-k-sz-maus{0.000%{background-position:-0px 0}25.000%{background-position:-12px 0}50.000%{background-position:-24px 0}75.000%{background-position:-36px 0}100%{background-position:-36px 0}}
|
||||
@keyframes hk-k-k-neu-funke{0.000%{background-position:-0px 0}16.418%{background-position:-24px 0}29.851%{background-position:-48px 0}46.269%{background-position:-72px 0}70.149%{background-position:-96px 0}86.567%{background-position:-120px 0}100%{background-position:-120px 0}}
|
||||
@keyframes hk-k-k-sz-dampf{0.000%{background-position:-0px 0}16.667%{background-position:-8px 0}33.333%{background-position:-16px 0}50.000%{background-position:-24px 0}66.667%{background-position:-32px 0}83.333%{background-position:-40px 0}100%{background-position:-40px 0}}
|
||||
@keyframes hk-k-k-sz-passant{0.000%{background-position:-0px 0}25.000%{background-position:-14px 0}50.000%{background-position:-28px 0}75.000%{background-position:-42px 0}100%{background-position:-42px 0}}
|
||||
@keyframes hk-k-k-passant-weg{0%{transform:translate(46px,2px) scaleX(-1)}23.684%{transform:translate(-28px,2px) scaleX(-1)}100%{transform:translate(-28px,2px) scaleX(-1)}}
|
||||
@keyframes hk-k-k-maus-weg{0%{transform:translate(264px,5px)}27.800%{transform:translate(-14px,5px)}100%{transform:translate(-14px,5px)}}
|
||||
@keyframes hk-k-k-led-weiche-gruen{0%{background:#2fe08a}50.00%{background:#1f5a3a}100%{background:#1f5a3a}}
|
||||
@keyframes hk-k-k-led-weiche-bernstein{0%{background:#ffb04a}19.23%{background:#6a4a1a}100%{background:#6a4a1a}}
|
||||
@keyframes hk-k-k-led-sicherung-1{0%{background:#2fe08a}50.00%{background:#1f5a3a}100%{background:#1f5a3a}}
|
||||
@keyframes hk-k-k-led-sicherung-2{0%{background:#ffb04a}18.18%{background:#6a4a1a}100%{background:#6a4a1a}}
|
||||
@keyframes hk-k-k-led-sicherung-3{0%{background:#2fe08a}50.00%{background:#1f5a3a}100%{background:#1f5a3a}}
|
||||
@keyframes hk-k-k-led-verteiler{0%{background:#ff8a5a}15.00%{background:#6a2a1a}100%{background:#6a2a1a}}
|
||||
@keyframes hk-k-k-ic-lupe{0.000%{background-position:-0px 0}68.063%{background-position:-32px 0}73.822%{background-position:-64px 0}79.581%{background-position:-96px 0}85.340%{background-position:-128px 0}92.670%{background-position:-160px 0}100%{background-position:-160px 0}}
|
||||
@keyframes hk-k-k-ic-robo{0.000%{background-position:-0px 0}19.663%{background-position:-32px 0}24.719%{background-position:-64px 0}38.764%{background-position:-96px 0}41.854%{background-position:-128px 0}44.382%{background-position:-160px 0}49.438%{background-position:-192px 0}74.719%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.hk-keller .hk-sz-staub,.hk-keller .hk-sz-fensterschnee,.hk-keller .hk-sz-licht-92,.hk-keller .hk-sz-licht-236,.hk-keller .hk-sz-licht-halle,.hk-keller .hk-ic,.hk-keller .hk-neu-funke{animation:none}
|
||||
.hk-keller .hk-arne-weg,.hk-keller .hk-arne-bild,.hk-keller .hk-sz-rohrpost,.hk-keller .hk-sz-schublade,.hk-keller .hk-sz-buch-stempel{animation-play-state:paused; animation-delay:-9400ms}
|
||||
.hk-keller .hk-sz-maus-weg,.hk-keller .hk-sz-passant-weg,.hk-keller .hk-sz-dampf{display:none}
|
||||
.hk-keller .hk-sz-led{animation:none!important}
|
||||
.hk-keller .hk-reiter{transition:none}
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
/* Erzeugt von scripts/hustler-import.mjs aus Freigabe.dc.html (Pult), nicht von Hand ändern. */
|
||||
.hk-pult{margin:0; background:#141a30; font-family:'Pixelify Sans',ui-monospace,monospace}
|
||||
.hk-pult a{color:#2b2230}
|
||||
.hk-pult a:not(.hk-knopf):hover{color:#5a3cb0}
|
||||
.hk-pult .hk-sz-ebene{position:absolute; left:0; top:0; width:640px; height:360px; pointer-events:none; background-repeat:no-repeat}
|
||||
.hk-pult .hk-sz-bild{background-image:url(../../assets/hustler/pult/szene/pult.png)}
|
||||
.hk-pult .hk-sz-l55{background-image:url(../../assets/hustler/pult/szene/licht-pendel-55.png); animation:hk-p-flackern 7.1s linear infinite}
|
||||
.hk-pult .hk-sz-l232{background-image:url(../../assets/hustler/pult/szene/licht-pendel-232.png); animation:hk-p-flackern 9.3s linear infinite -4s}
|
||||
.hk-pult .hk-sz-ltisch{background-image:url(../../assets/hustler/pult/szene/licht-schreibtisch.png); opacity:.9}
|
||||
.hk-pult .hk-sz-lrechts{background-image:url(../../assets/hustler/pult/szene/licht-rechts.png); animation:hk-p-flackern 11s linear infinite -2s}
|
||||
.hk-pult .hk-sz-lmond{background-image:url(../../assets/hustler/pult/szene/licht-mond.png); animation:hk-p-atmen 9s ease-in-out infinite}
|
||||
.hk-pult .hk-sz-kette0{background-image:url(../../assets/hustler/pult/eigen/lichterkette-0.png); animation:hk-p-funkeln 3.6s ease-in-out infinite}
|
||||
.hk-pult .hk-sz-kette1{background-image:url(../../assets/hustler/pult/eigen/lichterkette-1.png); animation:hk-p-funkeln 3.6s ease-in-out infinite -1.2s}
|
||||
.hk-pult .hk-sz-kette2{background-image:url(../../assets/hustler/pult/eigen/lichterkette-2.png); animation:hk-p-funkeln 3.6s ease-in-out infinite -2.4s}
|
||||
.hk-pult .hk-sz-schnee{position:absolute; inset:0; background:url(../../assets/hustler/pult/szene/fensterschnee.png) 0 0 / 64px 64px repeat; animation:hk-p-fensterschnee 14s steps(128) infinite}
|
||||
.hk-pult .hk-sz-fenster2{-webkit-mask-image:url(../../assets/hustler/pult/szene/fenster2-maske.png); mask-image:url(../../assets/hustler/pult/szene/fenster2-maske.png); -webkit-mask-size:100% 100%; mask-size:100% 100%}
|
||||
.hk-pult .hk-sz-sprossen1{position:absolute; left:0; top:0; width:79px; height:55px; background-image:url(../../assets/hustler/pult/szene/fenster-sprossen-1.png)}
|
||||
.hk-pult .hk-sz-sprossen2{position:absolute; left:553px; top:61px; width:47px; height:100px; background-image:url(../../assets/hustler/pult/szene/fenster-sprossen-2.png)}
|
||||
.hk-pult .hk-sz-innen{position:absolute; left:11px; top:219px; width:46px; height:98px; background-image:url(../../assets/hustler/pult/figuren/aufzug-innen.png)}
|
||||
.hk-pult .hk-spr{display:block; background-repeat:no-repeat; image-rendering:pixelated}
|
||||
.hk-pult .hk-boten-weg{position:absolute; left:0; top:0; width:32px; height:40px; animation:hk-p-k-boten-weg 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-boten-bild{position:absolute; left:0; top:0; width:32px; height:40px; background-image:url(../../assets/hustler/pult/figuren/boten-ablauf.png); animation:hk-p-k-boten-bild 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-tuer{width:46px; height:98px; background-image:url(../../assets/hustler/pult/figuren/aufzug-tuer.png); animation:hk-p-k-sz-tuer 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-auflicht{width:112px; height:30px; background-image:url(../../assets/hustler/pult/figuren/aufzug-licht.png); animation:hk-p-k-sz-auflicht 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-ruftaste{width:9px; height:9px; background-image:url(../../assets/hustler/pult/figuren/aufzug-ruftaste.png); animation:hk-p-k-sz-ruftaste 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-funke{width:21px; height:15px; background-image:url(../../assets/hustler/pult/figuren/briefkasten-funke.png); animation:hk-p-k-sz-funke 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-ding{width:42px; height:14px; background-image:url(../../assets/hustler/pult/figuren/aufzug-ding.png); animation:hk-p-k-sz-ding 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-briefkasten{width:30px; height:52px; background-image:url(../../assets/hustler/pult/figuren/briefkasten.png); animation:hk-p-k-sz-briefkasten 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-monitor{width:18px; height:14px; background-image:url(../../assets/hustler/pult/figuren/monitor.png); animation:hk-p-k-sz-monitor 26000ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-dampf{width:8px; height:14px; background-image:url(../../assets/hustler/pult/szene/dampf-tasse.png); animation:hk-p-k-sz-dampf 1560ms steps(1,end) infinite}
|
||||
.hk-pult .hk-sz-antenne{animation:hk-p-k-antenne 2400ms steps(1,end) infinite}
|
||||
.hk-pult .hk-ic-briefkasten{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/pult/ui/briefkasten.png); animation:hk-p-k-ic-briefkasten 2800ms steps(1,end) infinite}
|
||||
.hk-pult .hk-ic-sanduhr{width:32px; height:32px; background-size:auto 32px; background-image:url(../../assets/hustler/pult/ui/sanduhr.png); animation:hk-p-k-ic-sanduhr 2840ms steps(1,end) infinite}
|
||||
.hk-pult .hk-ic-sanduhr-k{width:16px; height:16px; background-image:url(../../assets/hustler/pult/ui/sanduhr.png); animation:hk-p-k-ic-sanduhr-k 2840ms steps(1,end) infinite}
|
||||
.hk-pult .hk-ic{display:inline-block; flex:none; width:32px; height:32px; background-repeat:no-repeat; background-size:auto 32px; image-rendering:pixelated; vertical-align:middle}
|
||||
.hk-pult .hk-ic-klein{width:16px; height:16px; background-size:auto 16px}
|
||||
.hk-pult .hk-ic-ansehen{background-image:url(../../assets/hustler/pult/ui/ansehen.png)}
|
||||
.hk-pult .hk-ic-antworten{background-image:url(../../assets/hustler/pult/ui/antworten.png)}
|
||||
.hk-pult .hk-ic-art-bau-kaputt{background-image:url(../../assets/hustler/pult/ui/art-bau-kaputt.png)}
|
||||
.hk-pult .hk-ic-art-beschwerde{background-image:url(../../assets/hustler/pult/ui/art-beschwerde.png)}
|
||||
.hk-pult .hk-ic-art-mail{background-image:url(../../assets/hustler/pult/ui/art-mail.png)}
|
||||
.hk-pult .hk-ic-art-mensch{background-image:url(../../assets/hustler/pult/ui/art-mensch.png)}
|
||||
.hk-pult .hk-ic-art-plattform{background-image:url(../../assets/hustler/pult/ui/art-plattform.png)}
|
||||
.hk-pult .hk-ic-art-preisfrage{background-image:url(../../assets/hustler/pult/ui/art-preisfrage.png)}
|
||||
.hk-pult .hk-ic-art-unsicher{background-image:url(../../assets/hustler/pult/ui/art-unsicher.png)}
|
||||
.hk-pult .hk-ic-art-vorschau{background-image:url(../../assets/hustler/pult/ui/art-vorschau.png)}
|
||||
.hk-pult .hk-ic-bauen{background-image:url(../../assets/hustler/pult/ui/bauen.png)}
|
||||
.hk-pult .hk-ic-einfuegen{background-image:url(../../assets/hustler/pult/ui/einfuegen.png)}
|
||||
.hk-pult .hk-ic-erledigt{background-image:url(../../assets/hustler/pult/ui/erledigt.png)}
|
||||
.hk-pult .hk-ic-gesendet{background-image:url(../../assets/hustler/pult/ui/gesendet.png)}
|
||||
.hk-pult .hk-ic-kopf-kappe{background-image:url(../../assets/hustler/pult/ui/kopf-kappe.png)}
|
||||
.hk-pult .hk-ic-kopf-krone{background-image:url(../../assets/hustler/pult/ui/kopf-krone.png)}
|
||||
.hk-pult .hk-ic-kopf-muetze{background-image:url(../../assets/hustler/pult/ui/kopf-muetze.png)}
|
||||
.hk-pult .hk-ic-kopieren{background-image:url(../../assets/hustler/pult/ui/kopieren.png)}
|
||||
.hk-pult .hk-ic-oeffnen{background-image:url(../../assets/hustler/pult/ui/oeffnen.png)}
|
||||
.hk-pult .hk-ic-person{background-image:url(../../assets/hustler/pult/ui/person.png)}
|
||||
.hk-pult .hk-ic-uebernehmen{background-image:url(../../assets/hustler/pult/ui/uebernehmen.png)}
|
||||
.hk-pult .hk-ic-veraltet{background-image:url(../../assets/hustler/pult/ui/veraltet.png)}
|
||||
.hk-pult .hk-ic-verwerfen{background-image:url(../../assets/hustler/pult/ui/verwerfen.png)}
|
||||
.hk-pult .hk-ic-zurueck{background-image:url(../../assets/hustler/keller/ui/zurueck.png)}
|
||||
.hk-pult .hk-ic-schliessen{background-image:url(../../assets/hustler/keller/ui/schliessen.png)}
|
||||
.hk-pult .hk-klemmbrett{filter:drop-shadow(0 6px 0 rgba(6,7,18,.5)); box-sizing:border-box; border-style:solid; border-width:32px 20px 24px 20px; border-image:url(../../assets/hustler/pult/ui/klemmbrett.png) 16 10 12 10 fill / 32px 20px 24px 20px / 0 stretch; image-rendering:pixelated}
|
||||
.hk-pult .hk-klammer{position:absolute; right:40px; top:-58px; width:128px; height:48px; background:url(../../assets/hustler/pult/ui/klammer.png) 0 0 / 128px 48px no-repeat; image-rendering:pixelated; pointer-events:none}
|
||||
.hk-pult .hk-umschlag{display:grid; grid-template-columns:32px minmax(0,1fr) auto; grid-template-rows:auto auto auto; gap:0 10px; align-items:center; width:100%; box-sizing:border-box; margin:0; padding:0 2px; border-style:solid; border-width:14px 12px 10px 12px; border-image:url(../../assets/hustler/pult/ui/umschlag.png) 7 6 5 6 fill / 14px 12px 10px 12px / 0 stretch; background:transparent; font:inherit; color:#2b2230; text-align:left; cursor:pointer; image-rendering:pixelated}
|
||||
.hk-pult .hk-umschlag:hover,.hk-pult .hk-umschlag:focus-visible{border-image:url(../../assets/hustler/pult/ui/umschlag-offen.png) 7 6 5 6 fill / 14px 12px 10px 12px / 0 stretch}
|
||||
.hk-pult .hk-umschlag:focus-visible{outline:2px solid #1a1630; outline-offset:-4px}
|
||||
.hk-pult .hk-brief{box-sizing:border-box; border-style:solid; border-width:24px; border-image:url(../../assets/hustler/pult/ui/brief.png) 12 fill / 24px / 0 stretch; image-rendering:pixelated}
|
||||
.hk-pult .hk-messing{box-sizing:border-box; border-style:solid; border-width:16px; border-image:url(../../assets/hustler/keller/ui/messing.png) 8 fill / 16px / 0 stretch; image-rendering:pixelated}
|
||||
.hk-pult .hk-knopf{box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:48px; min-height:48px; margin:0; padding:0 6px 4px; border:16px solid transparent; border-image:url(../../assets/hustler/ui/knopf.png) 8 fill stretch; background:transparent; color:#ffffff; font:inherit; font-size:15px; line-height:18px; text-decoration:none; cursor:pointer; image-rendering:pixelated}
|
||||
.hk-pult .hk-knopf,.hk-pult .hk-knopf:hover,.hk-pult .hk-knopf:visited{color:#ffffff}
|
||||
.hk-pult .hk-knopf:active{transform:translateY(2px)}
|
||||
.hk-pult .hk-knopf:focus-visible,.hk-pult .hk-stempel:focus-visible,.hk-pult .hk-feld:focus-visible{outline:2px solid #1a1630; box-shadow:0 0 0 4px #ffd25a}
|
||||
.hk-pult .hk-stempel-aus{opacity:.5}
|
||||
.hk-pult .hk-reiter{display:inline-flex; align-items:center; gap:6px; min-width:0; min-height:44px; box-sizing:border-box; flex:0 1 auto; margin:0; padding:8px 14px 12px 10px; border:0; font:inherit; font-size:15px; line-height:16px; color:#2b2230; cursor:pointer; box-shadow:0 -2px 0 0 #2b2230, -2px 0 0 0 #2b2230, 2px 0 0 0 #2b2230, inset 0 2px 0 0 rgba(255,255,255,.55); transform:translateY(8px); transition:transform .12s steps(2)}
|
||||
.hk-pult .hk-reiter:hover{transform:translateY(4px)}
|
||||
.hk-pult .hk-reiter-an,.hk-pult .hk-reiter-an:hover{transform:translateY(0); padding-bottom:14px; text-shadow:0 1px 0 rgba(255,255,255,.7); box-shadow:0 -2px 0 0 #5a3cb0, -2px 0 0 0 #5a3cb0, 2px 0 0 0 #5a3cb0, inset 0 3px 0 0 #a58cf0}
|
||||
.hk-pult .hk-reiter:focus-visible{outline:3px solid #ffd25a; outline-offset:2px}
|
||||
.hk-pult .hk-reiter-wartet{background:#f5e3a6}
|
||||
.hk-pult .hk-reiter-veraltet{background:#ead6c6}
|
||||
.hk-pult .hk-reiter-erledigt{background:#d3eccd}
|
||||
.hk-pult .hk-klein{display:block; font-size:12px; line-height:15px; color:#5a4a3a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
|
||||
.hk-pult .hk-marke{display:inline-flex; align-items:center; gap:4px; font-size:12px; line-height:16px; white-space:nowrap}
|
||||
.hk-pult .hk-abdruck{display:inline-block; padding:0 6px; border:2px solid currentColor; font-size:12px; line-height:14px; white-space:nowrap}
|
||||
.hk-pult .hk-stempel-gruen{color:#2f7a3a}
|
||||
.hk-pult .hk-stempel-grau{color:#5a4f48}
|
||||
.hk-pult .hk-stempel{display:inline-flex; align-items:center; gap:6px; min-height:44px; box-sizing:border-box; margin:0; padding:4px 10px 4px 4px; border:2px solid currentColor; background:rgba(255,255,255,.6); box-shadow:2px 2px 0 rgba(43,34,48,.22); font:inherit; font-size:14px; line-height:16px; cursor:pointer}
|
||||
.hk-pult .hk-stempel:not(.hk-stempel-frage):hover{background:#ffffff}
|
||||
.hk-pult .hk-stempel-haupt{color:#4a2fa0; background:#eee7ff}
|
||||
.hk-pult .hk-stempel-normal{color:#2b2230}
|
||||
.hk-pult .hk-stempel-gruen{color:#2f7a3a}
|
||||
.hk-pult .hk-stempel-rot{color:#a8261d}
|
||||
.hk-pult .hk-stempel-frage{border-style:dashed; background:#fff0c0; font-weight:700}
|
||||
.hk-pult .hk-feld{display:block; width:100%; min-height:110px; box-sizing:border-box; margin:0; padding:8px; border:0; background:#fffdf6; color:#2b2230; font:inherit; font-size:14px; line-height:18px; box-shadow:0 0 0 2px #2b2230, inset 0 2px 0 0 #e8dcc0; resize:vertical}
|
||||
.hk-pult .hk-liste{flex:0 1 auto; min-height:0; overflow:auto; list-style:none; margin:0; padding:6px 6px 8px; display:flex; flex-direction:column; gap:8px; scrollbar-width:thin; scrollbar-color:#5a3cb0 #e8dcc0}
|
||||
.hk-pult .hk-zelle-text{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
|
||||
@keyframes hk-p-flackern{0%,40%,44%,71%,73%,100%{opacity:.9}41%,43%{opacity:.88}72%{opacity:.92}}
|
||||
@keyframes hk-p-atmen{0%,100%{opacity:.75}50%{opacity:1}}
|
||||
@keyframes hk-p-funkeln{0%,100%{opacity:.55}50%{opacity:1}}
|
||||
@keyframes hk-p-fensterschnee{to{background-position:-64px 128px}}
|
||||
@keyframes hk-p-sekunde{to{transform:rotate(360deg)}}
|
||||
.hk-pult .hk-sz-sekunde{position:absolute; left:225px; top:65px; width:1px; height:6px; background:#7a2e3a; transform-origin:50% 100%; animation:hk-p-sekunde 60s steps(60) infinite}
|
||||
.hk-pult .hk-pult-ruhe .hk-boten-weg,.hk-pult .hk-pult-ruhe .hk-boten-bild,.hk-pult .hk-pult-ruhe .hk-sz-tuer,.hk-pult .hk-pult-ruhe .hk-sz-auflicht,.hk-pult .hk-pult-ruhe .hk-sz-ruftaste,.hk-pult .hk-pult-ruhe .hk-sz-funke,.hk-pult .hk-pult-ruhe .hk-sz-ding,.hk-pult .hk-pult-ruhe .hk-sz-briefkasten,.hk-pult .hk-pult-ruhe .hk-sz-monitor{animation-play-state:paused; animation-delay:-25800ms}
|
||||
@keyframes hk-p-k-boten-weg{0.000%{transform:translate(-16px,279px)}1.154%{transform:translate(18px,279px)}3.192%{transform:translate(18px,279px)}3.500%{transform:translate(18px,279px)}3.808%{transform:translate(20px,279px)}4.154%{transform:translate(23px,279px)}4.500%{transform:translate(27px,279px)}4.846%{transform:translate(31px,279px)}5.192%{transform:translate(35px,279px)}5.538%{transform:translate(39px,279px)}5.885%{transform:translate(43px,279px)}6.231%{transform:translate(47px,279px)}6.577%{transform:translate(51px,279px)}6.923%{transform:translate(55px,279px)}7.269%{transform:translate(59px,279px)}7.615%{transform:translate(63px,279px)}7.962%{transform:translate(67px,279px)}8.308%{transform:translate(71px,279px)}8.654%{transform:translate(75px,279px)}9.000%{transform:translate(79px,279px)}9.346%{transform:translate(83px,279px)}9.692%{transform:translate(87px,279px)}10.038%{transform:translate(91px,279px)}10.385%{transform:translate(95px,279px)}10.731%{transform:translate(99px,279px)}11.077%{transform:translate(103px,279px)}11.423%{transform:translate(107px,279px)}11.769%{transform:translate(111px,279px)}12.115%{transform:translate(115px,279px)}12.462%{transform:translate(119px,279px)}12.808%{transform:translate(123px,279px)}13.154%{transform:translate(127px,279px)}13.500%{transform:translate(131px,279px)}13.846%{transform:translate(135px,279px)}14.192%{transform:translate(139px,279px)}14.538%{transform:translate(143px,279px)}14.885%{transform:translate(147px,279px)}15.231%{transform:translate(151px,279px)}15.577%{transform:translate(155px,279px)}15.923%{transform:translate(159px,279px)}16.269%{transform:translate(163px,279px)}16.615%{transform:translate(167px,279px)}16.962%{transform:translate(171px,279px)}17.308%{transform:translate(175px,279px)}17.654%{transform:translate(179px,279px)}18.000%{transform:translate(182px,279px)}18.346%{transform:translate(184px,279px)}18.692%{transform:translate(184px,279px)}19.192%{transform:translate(184px,279px)}19.692%{transform:translate(184px,275px)}19.962%{transform:translate(184px,278px)}20.231%{transform:translate(184px,279px)}20.615%{transform:translate(184px,279px)}20.962%{transform:translate(184px,279px)}21.269%{transform:translate(184px,279px)}21.577%{transform:translate(184px,279px)}21.885%{transform:translate(184px,279px)}22.423%{transform:translate(184px,276px)}22.692%{transform:translate(184px,278px)}22.923%{transform:translate(184px,279px)}23.423%{transform:translate(184px,279px)}23.885%{transform:translate(184px,279px)}24.385%{transform:translate(184px,279px)}24.769%{transform:translate(184px,279px)}25.154%{transform:translate(184px,279px)}25.538%{transform:translate(184px,279px)}25.923%{transform:translate(184px,279px)}26.346%{transform:translate(185px,279px)}26.692%{transform:translate(183px,279px)}27.038%{transform:translate(180px,279px)}27.385%{transform:translate(176px,279px)}27.731%{transform:translate(172px,279px)}28.077%{transform:translate(168px,279px)}28.423%{transform:translate(164px,279px)}28.769%{transform:translate(160px,279px)}29.115%{transform:translate(156px,279px)}29.462%{transform:translate(152px,279px)}29.808%{transform:translate(148px,279px)}30.154%{transform:translate(144px,279px)}30.500%{transform:translate(140px,279px)}30.846%{transform:translate(136px,279px)}31.192%{transform:translate(132px,279px)}31.538%{transform:translate(128px,279px)}31.885%{transform:translate(124px,279px)}32.231%{transform:translate(120px,279px)}32.577%{transform:translate(116px,279px)}32.923%{transform:translate(112px,279px)}33.269%{transform:translate(108px,279px)}33.615%{transform:translate(104px,279px)}33.962%{transform:translate(100px,279px)}34.308%{transform:translate(96px,279px)}34.654%{transform:translate(92px,279px)}35.000%{transform:translate(88px,279px)}35.346%{transform:translate(84px,279px)}35.692%{transform:translate(80px,279px)}36.038%{transform:translate(76px,279px)}36.385%{transform:translate(72px,279px)}36.731%{transform:translate(68px,279px)}37.077%{transform:translate(64px,279px)}37.423%{transform:translate(60px,279px)}37.769%{transform:translate(56px,279px)}38.115%{transform:translate(52px,279px)}38.462%{transform:translate(48px,279px)}38.808%{transform:translate(44px,279px)}39.154%{transform:translate(40px,279px)}39.500%{transform:translate(36px,279px)}39.846%{transform:translate(32px,279px)}40.192%{transform:translate(28px,279px)}40.538%{transform:translate(24px,279px)}40.885%{transform:translate(21px,279px)}41.231%{transform:translate(19px,279px)}41.577%{transform:translate(18px,279px)}41.885%{transform:translate(18px,279px)}42.308%{transform:translate(18px,279px)}43.846%{transform:translate(-16px,279px)}50.308%{transform:translate(18px,279px)}52.346%{transform:translate(18px,279px)}52.654%{transform:translate(18px,279px)}52.962%{transform:translate(20px,279px)}53.308%{transform:translate(23px,279px)}53.654%{transform:translate(27px,279px)}54.000%{transform:translate(31px,279px)}54.346%{transform:translate(35px,279px)}54.692Line truncated
|
||||
@keyframes hk-p-k-boten-bild{0.000%{background-position:-0px 0; transform:scaleX(1)}1.154%{background-position:-32px 0; transform:scaleX(1)}3.192%{background-position:-64px 0; transform:scaleX(1)}3.500%{background-position:-32px 0; transform:scaleX(1)}3.808%{background-position:-128px 0; transform:scaleX(1)}4.154%{background-position:-160px 0; transform:scaleX(1)}4.500%{background-position:-192px 0; transform:scaleX(1)}4.846%{background-position:-96px 0; transform:scaleX(1)}5.192%{background-position:-128px 0; transform:scaleX(1)}5.538%{background-position:-160px 0; transform:scaleX(1)}5.885%{background-position:-192px 0; transform:scaleX(1)}6.231%{background-position:-96px 0; transform:scaleX(1)}6.577%{background-position:-128px 0; transform:scaleX(1)}6.923%{background-position:-160px 0; transform:scaleX(1)}7.269%{background-position:-192px 0; transform:scaleX(1)}7.615%{background-position:-96px 0; transform:scaleX(1)}7.962%{background-position:-128px 0; transform:scaleX(1)}8.308%{background-position:-160px 0; transform:scaleX(1)}8.654%{background-position:-192px 0; transform:scaleX(1)}9.000%{background-position:-96px 0; transform:scaleX(1)}9.346%{background-position:-128px 0; transform:scaleX(1)}9.692%{background-position:-160px 0; transform:scaleX(1)}10.038%{background-position:-192px 0; transform:scaleX(1)}10.385%{background-position:-96px 0; transform:scaleX(1)}10.731%{background-position:-128px 0; transform:scaleX(1)}11.077%{background-position:-160px 0; transform:scaleX(1)}11.423%{background-position:-192px 0; transform:scaleX(1)}11.769%{background-position:-96px 0; transform:scaleX(1)}12.115%{background-position:-128px 0; transform:scaleX(1)}12.462%{background-position:-160px 0; transform:scaleX(1)}12.808%{background-position:-192px 0; transform:scaleX(1)}13.154%{background-position:-96px 0; transform:scaleX(1)}13.500%{background-position:-128px 0; transform:scaleX(1)}13.846%{background-position:-160px 0; transform:scaleX(1)}14.192%{background-position:-192px 0; transform:scaleX(1)}14.538%{background-position:-96px 0; transform:scaleX(1)}14.885%{background-position:-128px 0; transform:scaleX(1)}15.231%{background-position:-160px 0; transform:scaleX(1)}15.577%{background-position:-192px 0; transform:scaleX(1)}15.923%{background-position:-96px 0; transform:scaleX(1)}16.269%{background-position:-128px 0; transform:scaleX(1)}16.615%{background-position:-160px 0; transform:scaleX(1)}16.962%{background-position:-192px 0; transform:scaleX(1)}17.308%{background-position:-96px 0; transform:scaleX(1)}17.654%{background-position:-128px 0; transform:scaleX(1)}18.000%{background-position:-160px 0; transform:scaleX(1)}18.346%{background-position:-192px 0; transform:scaleX(1)}18.692%{background-position:-224px 0; transform:scaleX(1)}19.192%{background-position:-256px 0; transform:scaleX(1)}19.692%{background-position:-288px 0; transform:scaleX(1)}19.962%{background-position:-320px 0; transform:scaleX(1)}20.231%{background-position:-352px 0; transform:scaleX(1)}20.615%{background-position:-384px 0; transform:scaleX(1)}20.962%{background-position:-416px 0; transform:scaleX(1)}21.269%{background-position:-448px 0; transform:scaleX(1)}21.577%{background-position:-480px 0; transform:scaleX(1)}21.885%{background-position:-512px 0; transform:scaleX(1)}22.423%{background-position:-544px 0; transform:scaleX(1)}22.692%{background-position:-544px 0; transform:scaleX(1)}22.923%{background-position:-576px 0; transform:scaleX(1)}23.423%{background-position:-608px 0; transform:scaleX(1)}23.885%{background-position:-640px 0; transform:scaleX(1)}24.385%{background-position:-672px 0; transform:scaleX(1)}24.769%{background-position:-704px 0; transform:scaleX(1)}25.154%{background-position:-672px 0; transform:scaleX(1)}25.538%{background-position:-704px 0; transform:scaleX(1)}25.923%{background-position:-640px 0; transform:scaleX(1)}26.346%{background-position:-768px 0; transform:scaleX(-1)}26.692%{background-position:-832px 0; transform:scaleX(-1)}27.038%{background-position:-864px 0; transform:scaleX(-1)}27.385%{background-position:-896px 0; transform:scaleX(-1)}27.731%{background-position:-800px 0; transform:scaleX(-1)}28.077%{background-position:-832px 0; transform:scaleX(-1)}28.423%{background-position:-864px 0; transform:scaleX(-1)}28.769%{background-position:-896px 0; transform:scaleX(-1)}29.115%{background-position:-800px 0; transform:scaleX(-1)}29.462%{background-position:-832px 0; transform:scaleX(-1)}29.808%{background-position:-864px 0; transform:scaleX(-1)}30.154%{background-position:-896px 0; transform:scaleX(-1)}30.500%{background-position:-800px 0; transform:scaleX(-1)}30.846%{background-position:-832px 0; transform:scaleX(-1)}31.192%{background-position:-864px 0; transform:scaleX(-1)}31.538%{background-position:-896px 0; transform:scaleX(-1)}31.885%{background-position:-800px 0; transform:scaleX(-1)}32.231%{background-position:-832px 0; transform:scaleX(-1)}32.577%{background-position:-864px 0; transform:scaleX(-1)}Line truncated
|
||||
@keyframes hk-p-k-sz-tuer{0.000%{background-position:-0px 0}2.577%{background-position:-46px 0}2.885%{background-position:-92px 0}3.192%{background-position:-138px 0}3.500%{background-position:-184px 0}3.808%{background-position:-230px 0}42.308%{background-position:-184px 0}42.615%{background-position:-138px 0}42.923%{background-position:-92px 0}43.231%{background-position:-46px 0}43.538%{background-position:-0px 0}51.731%{background-position:-46px 0}52.038%{background-position:-92px 0}52.346%{background-position:-138px 0}52.654%{background-position:-184px 0}52.962%{background-position:-230px 0}93.154%{background-position:-184px 0}93.462%{background-position:-138px 0}93.769%{background-position:-92px 0}94.077%{background-position:-46px 0}94.385%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-auflicht{0.000%{background-position:-0px 0}2.577%{background-position:-112px 0}2.885%{background-position:-224px 0}3.192%{background-position:-336px 0}3.500%{background-position:-448px 0}3.808%{background-position:-560px 0}42.308%{background-position:-448px 0}42.615%{background-position:-336px 0}42.923%{background-position:-224px 0}43.231%{background-position:-112px 0}43.538%{background-position:-0px 0}51.731%{background-position:-112px 0}52.038%{background-position:-224px 0}52.346%{background-position:-336px 0}52.654%{background-position:-448px 0}52.962%{background-position:-560px 0}93.154%{background-position:-448px 0}93.462%{background-position:-336px 0}93.769%{background-position:-224px 0}94.077%{background-position:-112px 0}94.385%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-ruftaste{0.000%{background-position:-0px 0}1.154%{background-position:-9px 0}3.808%{background-position:-0px 0}50.308%{background-position:-9px 0}52.962%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-funke{0.000%{background-position:-0px 0}21.885%{background-position:-21px 0}22.115%{background-position:-42px 0}22.385%{background-position:-63px 0}22.692%{background-position:-84px 0}23.038%{background-position:-0px 0}72.731%{background-position:-21px 0}72.962%{background-position:-42px 0}73.231%{background-position:-63px 0}73.538%{background-position:-84px 0}73.885%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-ding{0.000%{background-position:-0px 0}1.154%{background-position:-42px 0}1.500%{background-position:-84px 0}1.769%{background-position:-126px 0}2.038%{background-position:-168px 0}2.308%{background-position:-210px 0}2.577%{background-position:-252px 0}4.846%{background-position:-0px 0}50.308%{background-position:-42px 0}50.654%{background-position:-84px 0}50.923%{background-position:-126px 0}51.192%{background-position:-168px 0}51.462%{background-position:-210px 0}51.731%{background-position:-252px 0}54.000%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-briefkasten{0.000%{background-position:-0px 0}21.885%{background-position:-30px 0}22.154%{background-position:-60px 0}22.423%{background-position:-90px 0}22.808%{background-position:-120px 0}23.192%{background-position:-150px 0}23.577%{background-position:-120px 0}23.962%{background-position:-90px 0}24.346%{background-position:-120px 0}24.731%{background-position:-150px 0}25.115%{background-position:-120px 0}25.500%{background-position:-90px 0}25.885%{background-position:-120px 0}26.269%{background-position:-180px 0}72.731%{background-position:-60px 0}73.000%{background-position:-90px 0}73.385%{background-position:-120px 0}73.769%{background-position:-150px 0}74.154%{background-position:-120px 0}74.538%{background-position:-90px 0}74.923%{background-position:-120px 0}75.308%{background-position:-150px 0}75.692%{background-position:-120px 0}76.077%{background-position:-90px 0}76.462%{background-position:-120px 0}76.846%{background-position:-180px 0}98.538%{background-position:-30px 0}99.154%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-monitor{0.000%{background-position:-0px 0}2.500%{background-position:-18px 0}5.000%{background-position:-0px 0}7.500%{background-position:-18px 0}10.000%{background-position:-0px 0}12.500%{background-position:-18px 0}15.000%{background-position:-0px 0}17.500%{background-position:-18px 0}20.000%{background-position:-0px 0}21.885%{background-position:-36px 0}23.115%{background-position:-54px 0}24.346%{background-position:-36px 0}25.577%{background-position:-54px 0}26.808%{background-position:-36px 0}28.038%{background-position:-54px 0}29.269%{background-position:-36px 0}30.500%{background-position:-54px 0}31.731%{background-position:-36px 0}32.962%{background-position:-54px 0}34.192%{background-position:-36px 0}35.423%{background-position:-54px 0}36.654%{background-position:-36px 0}37.885%{background-position:-54px 0}39.115%{background-position:-36px 0}40.346%{background-position:-54px 0}41.577%{background-position:-36px 0}42.808%{background-position:-54px 0}44.038%{background-position:-36px 0}45.269%{background-position:-54px 0}46.500%{background-position:-36px 0}47.731%{background-position:-54px 0}48.962%{background-position:-36px 0}50.192%{background-position:-54px 0}51.423%{background-position:-36px 0}52.654%{background-position:-54px 0}53.885%{background-position:-36px 0}55.115%{background-position:-54px 0}56.346%{background-position:-36px 0}57.577%{background-position:-54px 0}58.808%{background-position:-36px 0}60.038%{background-position:-54px 0}61.269%{background-position:-36px 0}62.500%{background-position:-54px 0}63.731%{background-position:-36px 0}64.962%{background-position:-54px 0}66.192%{background-position:-36px 0}67.423%{background-position:-54px 0}68.654%{background-position:-36px 0}69.885%{background-position:-54px 0}71.115%{background-position:-36px 0}72.346%{background-position:-54px 0}72.731%{background-position:-72px 0}73.962%{background-position:-90px 0}75.192%{background-position:-72px 0}76.423%{background-position:-90px 0}77.654%{background-position:-72px 0}78.885%{background-position:-90px 0}80.115%{background-position:-72px 0}81.346%{background-position:-90px 0}82.577%{background-position:-72px 0}83.808%{background-position:-90px 0}85.038%{background-position:-72px 0}86.269%{background-position:-90px 0}87.500%{background-position:-72px 0}88.731%{background-position:-90px 0}89.962%{background-position:-72px 0}91.192%{background-position:-90px 0}92.423%{background-position:-72px 0}93.654%{background-position:-90px 0}94.885%{background-position:-72px 0}96.115%{background-position:-90px 0}97.346%{background-position:-72px 0}98.577%{background-position:-90px 0}99.154%{background-position:-0px 0}100%{background-position:-0px 0}}
|
||||
@keyframes hk-p-k-sz-dampf{0.000%{background-position:-0px 0}16.667%{background-position:-8px 0}33.333%{background-position:-16px 0}50.000%{background-position:-24px 0}66.667%{background-position:-32px 0}83.333%{background-position:-40px 0}100%{background-position:-40px 0}}
|
||||
@keyframes hk-p-k-antenne{0%{background:#ff9a8a}20.83%{background:#e2483d}100%{background:#e2483d}}
|
||||
@keyframes hk-p-k-ic-briefkasten{0.000%{background-position:-0px 0}42.857%{background-position:-32px 0}46.786%{background-position:-64px 0}50.714%{background-position:-96px 0}54.643%{background-position:-128px 0}58.571%{background-position:-160px 0}62.857%{background-position:-192px 0}67.857%{background-position:-224px 0}100%{background-position:-224px 0}}
|
||||
@keyframes hk-p-k-ic-sanduhr{0.000%{background-position:-0px 0}31.690%{background-position:-32px 0}40.845%{background-position:-64px 0}50.000%{background-position:-96px 0}59.155%{background-position:-128px 0}68.310%{background-position:-160px 0}100%{background-position:-160px 0}}
|
||||
@keyframes hk-p-k-ic-sanduhr-k{0.000%{background-position:-0px 0}31.690%{background-position:-16px 0}40.845%{background-position:-32px 0}50.000%{background-position:-48px 0}59.155%{background-position:-64px 0}68.310%{background-position:-80px 0}100%{background-position:-80px 0}}
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.hk-pult .hk-sz-schnee,.hk-pult .hk-sz-l55,.hk-pult .hk-sz-l232,.hk-pult .hk-sz-lrechts,.hk-pult .hk-sz-lmond,.hk-pult .hk-sz-kette0,.hk-pult .hk-sz-kette1,.hk-pult .hk-sz-kette2,.hk-pult .hk-ic{animation:none}
|
||||
.hk-pult .hk-boten-weg,.hk-pult .hk-boten-bild,.hk-pult .hk-sz-tuer,.hk-pult .hk-sz-auflicht,.hk-pult .hk-sz-ruftaste,.hk-pult .hk-sz-funke,.hk-pult .hk-sz-ding,.hk-pult .hk-sz-briefkasten,.hk-pult .hk-sz-monitor,.hk-pult .hk-sz-dampf,.hk-pult .hk-sz-antenne{animation-play-state:paused; animation-delay:-6300ms}
|
||||
.hk-pult .hk-sz-sekunde{animation:none}
|
||||
.hk-pult .hk-reiter,.hk-pult .hk-stempel{transition:none}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
/* Press Start 2P (SIL OFL 1.1, Lizenztext: public/fonts/OFL-PressStart2P.txt) für Zahlen und Überschriften der Hustler-Oberfläche.
|
||||
Selbst gehostet, kein Abruf bei Google Fonts. Pixelify Sans ist schon in workers.css eingebunden. */
|
||||
@font-face {
|
||||
font-family: "Press Start 2P";
|
||||
src: url("/fonts/PressStart2P-Regular.woff2") format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
Reference in new issue
Block a user