From 4db8c1635e5005d5e467bb9666d56dad474a7c87 Mon Sep 17 00:00:00 2001 From: Igor Manjencic Date: Tue, 28 Nov 2023 13:47:52 +0100 Subject: [PATCH] feat(ZMS-1631): add default tempaltes --- zmscalldisplay/public/_css/calldisplay.css | 2 +- .../public/_css/calldisplay.css.map | 2 +- .../public/_css/info-icon.ed72a8fe.svg | 1 + zmscalldisplay/scss/block/aufrufanzeige.scss | 64 ++--- zmscalldisplay/scss/block/footer.scss | 37 +++ zmscalldisplay/scss/block/tabellen.scss | 86 +++---- zmscalldisplay/scss/calldisplay.scss | 2 +- .../scss/img/background_anzeige1.png | Bin 4161 -> 799 bytes .../scss/img/background_anzeige1_1920.png | Bin 8209 -> 3081 bytes .../background_anzeige1_1920_behoerde_80.png | Bin 14982 -> 3060 bytes .../img/background_anzeige1_behoerde_80.png | Bin 6982 -> 2035 bytes .../scss/img/background_anzeige1_hoch.png | Bin 4099 -> 2957 bytes .../img/background_anzeige1_hoch_1920.png | Bin 8464 -> 4315 bytes ...kground_anzeige1_hoch_1920_behoerde_80.png | Bin 16105 -> 4327 bytes .../background_anzeige1_hoch_behoerde_80.png | Bin 7679 -> 1449 bytes zmscalldisplay/scss/img/info-icon.svg | 5 + zmscalldisplay/scss/img/mue_logo.png | Bin 0 -> 14855 bytes zmscalldisplay/scss/layout/main.scss | 2 +- zmscalldisplay/scss/layout/media.scss | 231 ++++++------------ zmscalldisplay/scss/settings.scss | 3 +- .../templates/block/default/devhint.twig | 2 +- .../templates/block/default/head.twig | 2 +- .../templates/block/footer/footer.twig | 26 ++ .../templates/block/header/pageheader.twig | 4 +- .../templates/block/marginal/clock.twig | 51 +--- .../templates/block/marginal/infoColumn.twig | 19 +- .../templates/block/queue/queueTable.twig | 2 +- .../block/queue/table/multiColumn.twig | 21 +- .../templates/element/queueTable/head.twig | 14 +- .../element/queueTable/rightCol.twig | 2 + zmscalldisplay/templates/element/ring.twig | 147 +---------- zmscalldisplay/templates/layout/main.twig | 6 +- zmscalldisplay/templates/page/.gitkeep | 0 .../templates/page/customized/.gitkeep | 0 .../templates/page/customized/base.twig | 13 + .../page/customized/default_platz.twig | 35 +++ .../page/customized/default_raum.twig | 35 +++ .../page/customized/default_tuer.twig | 35 +++ .../page/customized/defaultdoor.twig | 33 +++ .../templates/page/customized/door4-8.twig | 3 +- .../templates/page/customized/raw18door.twig | 33 +++ .../templates/page/customized/rawdoor4-8.twig | 1 + 42 files changed, 465 insertions(+), 454 deletions(-) create mode 100644 zmscalldisplay/public/_css/info-icon.ed72a8fe.svg create mode 100644 zmscalldisplay/scss/block/footer.scss create mode 100644 zmscalldisplay/scss/img/info-icon.svg create mode 100644 zmscalldisplay/scss/img/mue_logo.png create mode 100644 zmscalldisplay/templates/block/footer/footer.twig create mode 100644 zmscalldisplay/templates/page/.gitkeep create mode 100644 zmscalldisplay/templates/page/customized/.gitkeep create mode 100644 zmscalldisplay/templates/page/customized/default_platz.twig create mode 100644 zmscalldisplay/templates/page/customized/default_raum.twig create mode 100644 zmscalldisplay/templates/page/customized/default_tuer.twig create mode 100644 zmscalldisplay/templates/page/customized/defaultdoor.twig create mode 100644 zmscalldisplay/templates/page/customized/raw18door.twig diff --git a/zmscalldisplay/public/_css/calldisplay.css b/zmscalldisplay/public/_css/calldisplay.css index 3ff192770..645484834 100644 --- a/zmscalldisplay/public/_css/calldisplay.css +++ b/zmscalldisplay/public/_css/calldisplay.css @@ -1,2 +1,2 @@ -#main{background-color:#fff;max-width:1920px;margin:0;padding:0}html{color:#3a5368;margin:0;padding:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:block}body{background:#fff url(background_anzeige1.44c0eb4d.png) repeat-x;width:1920px;height:1080px;margin:0;padding:0;overflow:hidden}#ring{display:none}.alert{font-size:12px;line-height:16px}.alert.alert-info{color:#000;text-shadow:0 1px #ffffff80;background-color:#e0e9f2;border:1px solid #c0e1f2;border-radius:4px;margin-bottom:1.385em;padding:.7em 1em}.devhint{width:300px;position:absolute;top:10px;right:10px}.textile{width:800px;font-size:14px;line-height:18px}.message,.message-success,.message-error,.message-info{text-align:center;background-color:#f4f4f4;border:1px solid #dbdbdb;width:702px;margin:1em 0 1em 80px;padding:1em 10px;font-size:2.5em;display:block}.message .title,.message-success .title,.message-error .title,.message-info .title{margin-top:0;margin-bottom:.25em}.message>:first-child,.message-success>:first-child,.message-error>:first-child,.message-info>:first-child{margin-top:0}.message>:last-child,.message-success>:last-child,.message-error>:last-child,.message-info>:last-child{margin-bottom:0}.message-info{background-color:#fffbd5}.message-error{background-color:#ffe4e4;border-color:#ffb1b1}.message-success{background-color:#e0f0d9;border-color:#c2e2b4}.message-hide{display:none}.textile.exception,.textile.alert{box-sizing:border-box;width:800px;position:relative;top:100px;left:40px}.exception table,.exception iframe,.exception pre{width:800px!important}.aufrufanzeige{background:0 0;width:100%;height:758px;position:absolute;top:0;left:0}.hiddencursor,button,input,select{cursor:url(invisible_Mauszeiger.e28f8c73.cur),crosshair!important}#main-header .adressangabe{color:#fff;font-family:Arial,sans-serif;font-size:2.2em;font-weight:700;position:absolute;top:14px;left:38px}#main-header .adressangabe .adressangabe_adresse{display:none}.waitingColumn{position:absolute;top:420px;left:40px}.aufrufanzeige .wartende_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartende_text{background:#fff;padding:5px 0}.aufrufanzeige .wartende_aktuell #wartende{background:#fff;margin-top:3px;font-family:Arial,sans-serif;font-size:52px;font-weight:700}.aufrufanzeige .wartezeit_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartezeit_text{background:#e0e9f2;margin-top:3px;padding:5px 0}.aufrufanzeige .wartezeit_aktuell #wartezeit{background:#e0e9f2;margin-top:3px;font-family:Arial,sans-serif;font-size:35px;font-weight:700}.aufrufanzeige .uhr{width:275px;position:absolute;top:114px;left:60px}.aufrufanzeige .uhr #clock_medium,.aufrufanzeige .uhr #clock_big{display:none}.aufrufanzeige .aufrufanzeige_Datum{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;position:absolute;top:370px;left:40px}.aufrufanzeige .aufrufanzeige_text{text-align:center;width:234px;padding:18px 0 0 6px;font-family:Arial,sans-serif;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:89px;left:1087px}div.aufrufanzeige_anzeigebereich_einzeilig{float:none;width:200px;margin:auto auto auto 80px}div.aufrufanzeige_anzeigebereich_zweizeilig{float:left;margin-top:auto}.aufrufanzeige .aufrufanzeige_main{position:absolute;top:115px;left:15%}.aufrufanzeige table.aufrufanzeige_aufruf{border-spacing:0;table-layout:fixed;width:570px}.aufrufanzeige table.aufrufanzeige_aufruf th{color:#fff;text-align:center;background:#005a9f;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;font-family:Arial,sans-serif;font-size:36px;font-weight:700;line-height:45px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:50%}.aufrufanzeige table.aufrufanzeige_aufruf td{color:#000;text-align:left;background:#ffffff80;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;padding:8px 0 8px 14px;font-family:Arial,sans-serif;font-weight:700}.aufrufanzeige table.aufrufanzeige_aufruf .odd td{background:#f2f6fa}.description_de{text-align:left;padding:8px 8px 4px 16px;font-size:18px;font-weight:700;line-height:18px}.description_eng{text-align:left;padding:4px 8px 8px 16px;font-size:18px;font-weight:400;line-height:18px}.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span{color:#3a5368}span.terminkundenanzeige{font-size:30px;font-weight:400;line-height:35px}span.wartenummer{font-size:50px;line-height:72px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.abholeranzeige{font-size:50px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}div.aber_zweispaltig{margin-left:0}.aufrufanzeige table.zweispaltig{width:500px}.aufrufanzeige table.zweispaltig th.wartenummer{width:45%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:4px solid #c8d5e6}.zweispaltig span.terminkundennummer,.zweispaltig span.terminkundennummer.abholeranzeige,.zweispaltig span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:72px}.puffer{padding-left:10px}div.columns-3{width:100%!important;margin-left:-300px!important}div.columns-3 table{width:100%!important}@media screen and (width>=1820px){div.columns-3{margin-left:-500px!important}}@media screen and (width>=900px) and (width<=1180px){div.columns-3{width:130%!important}}.debug{color:#000;margin-left:20px;font-size:12px;line-height:16px;position:absolute;top:1100px}body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_behoerde_80.92ef8db0.png) repeat-x!important}@media screen and (width<=900px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_behoerde_80.34071b8c.png) repeat-x!important}}@media screen and (width>=900px) and (width<=1180px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png) repeat-x!important}}@media screen and (width>=1820px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_1920_behoerde_80.ea86ad30.png) repeat-x!important}}body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf{table-layout:auto!important}@media screen and (width<=900px){body{background:#c8d5e6 url(background_anzeige1_hoch.049e589c.png) repeat-x}.aufrufanzeige .uhr{width:275px;top:154px;left:21px}.aufrufanzeige .aufrufanzeige_Datum{width:275px;font-size:20px;top:410px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:155px;left:222px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:4px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:20px;line-height:37px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.aufrufanzeige_aufruf{width:376px}.aufrufanzeige .aufrufanzeige_text{line-height:26px;top:699px;left:28px}.aufrufanzeige .waitingColumn{top:450px;left:15px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:275px;font-size:20px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}span.abholeranzeige{font-size:30px;line-height:40px}}@media screen and (width>=900px) and (width<=1180px){body{background:#c8d5e6 url(background_anzeige1_hoch_1920.7be93f97.png) repeat-x;height:1920px}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:350px;top:223px;left:40px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_medium{display:block}.aufrufanzeige .aufrufanzeige_Datum{width:350px;font-size:28px;top:575px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:216px;left:344px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:6px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px;line-height:54px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.einspaltig{width:530px}.aufrufanzeige table.zweispaltig{width:350px}.aufrufanzeige .aufrufanzeige_text{width:350px;line-height:26px;top:985px;left:28px}.aufrufanzeige .waitingColumn{top:625px;left:15px}.aufrufanzeige_text img{height:260px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:350px;font-size:26px}span.terminkundennummer.abholeranzeige.abholeranzeige{font-size:40px;line-height:40px}span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:50px}}@media screen and (width>=1820px){body{background:#c8d5e6 url(background_anzeige1_1920.461afab7.png) repeat-x;width:1920px;height:1080px;overflow:hidden}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:400px;top:160px;left:47px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_big{display:block!important}.aufrufanzeige .aufrufanzeige_Datum{width:400px;font-size:32px;top:580px}.aufrufanzeige .aufrufanzeige_main{top:162px;left:554px}span.terminkundennummer,span.wartenummer{font-size:80px;line-height:80px}span.terminkundennummer.smallerFont8Chars{font-size:65px;line-height:65px}span.abholeranzeige{font-size:70px}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px}.aufrufanzeige table.aufrufanzeige_aufruf{width:745px}.aufrufanzeige .aufrufanzeige_text{width:361px;line-height:26px;top:104px;left:1535px}.aufrufanzeige_text img{height:244px}.aufrufanzeige .waitingColumn{top:630px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:400px;font-size:32px}div.aber_zweispaltig{margin-left:-25px}.aufrufanzeige table.zweispaltig{width:440px}.aufrufanzeige table.zweispaltig th.wartenummer{width:60%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:6px solid #c8d5e6}.zweispaltig span.terminkundennummer{font-size:40px}.puffer{padding-left:40px}}.footer{width:800px;position:absolute;top:630px;left:0}#animate-container{color:#fff;white-space:nowrap;background-color:#005a9f;width:200%;padding:10px 0;font-size:70px;font-weight:700;animation-name:text-indent-animate;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;overflow:hidden}#animate-container:hover{animation-play-state:paused}@keyframes text-indent-animate{0%{text-indent:-200%}to{text-indent:100%}} +#main{background-color:#fff;max-width:1920px;margin:0;padding:0}html{color:#3a5368;margin:0;padding:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:block}body{background:#fff url(background_anzeige1.44c0eb4d.png) repeat-x;width:1920px;height:1080px;margin:0;padding:0;overflow:hidden}#ring{display:none}.alert{font-size:12px;line-height:16px}.alert.alert-info{color:#000;text-shadow:0 1px #ffffff80;background-color:#e0e9f2;border:1px solid #c0e1f2;border-radius:4px;margin-bottom:1.385em;padding:.7em 1em}.devhint{width:300px;position:absolute;top:10px;right:10px}.textile{width:800px;font-size:14px;line-height:18px}.message,.message-success,.message-error,.message-info{text-align:center;background-color:#f4f4f4;border:1px solid #dbdbdb;width:702px;margin:1em 0 1em 80px;padding:1em 10px;font-size:2.5em;display:block}.message .title,.message-success .title,.message-error .title,.message-info .title{margin-top:0;margin-bottom:.25em}.message>:first-child,.message-success>:first-child,.message-error>:first-child,.message-info>:first-child{margin-top:0}.message>:last-child,.message-success>:last-child,.message-error>:last-child,.message-info>:last-child{margin-bottom:0}.message-info{background-color:#fffbd5}.message-error{background-color:#ffe4e4;border-color:#ffb1b1}.message-success{background-color:#e0f0d9;border-color:#c2e2b4}.message-hide{display:none}.textile.exception,.textile.alert{box-sizing:border-box;width:800px;position:relative;top:100px;left:40px}.exception table,.exception iframe,.exception pre{width:800px!important}.aufrufanzeige{background:0 0;width:100%;height:758px;position:absolute;top:0;left:0}.hiddencursor,button,input,select{cursor:url(invisible_Mauszeiger.e28f8c73.cur),crosshair!important}#main-header .adressangabe{color:#fff;font-family:Arial,sans-serif;font-size:2.2em;font-weight:700;position:absolute;top:14px;left:38px}#main-header .adressangabe .adressangabe_adresse{display:none}.waitingColumn{position:absolute;top:420px;left:40px}.aufrufanzeige .wartende_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartende_text{background:#fff;padding:5px 0}.aufrufanzeige .wartende_aktuell #wartende{background:#fff;margin-top:3px;font-family:Arial,sans-serif;font-size:52px;font-weight:700}.aufrufanzeige .wartezeit_aktuell{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:2.4em;font-weight:700}.aufrufanzeige .wartezeit_text{background:#e0e9f2;margin-top:3px;padding:5px 0}.aufrufanzeige .wartezeit_aktuell #wartezeit{background:#e0e9f2;margin-top:3px;font-family:Arial,sans-serif;font-size:35px;font-weight:700}.aufrufanzeige .uhr{width:275px;position:absolute;top:114px;left:60px}.aufrufanzeige .uhr #clock_medium,.aufrufanzeige .uhr #clock_big{display:none}.aufrufanzeige .aufrufanzeige_Datum{text-align:center;width:275px;font-family:Arial,sans-serif;font-size:24px;font-weight:700;position:absolute;top:370px;left:40px}.aufrufanzeige .aufrufanzeige_text{text-align:center;width:234px;padding:18px 0 0 6px;font-family:Arial,sans-serif;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:89px;left:1087px}.aufrufanzeige .infotext-content{margin-left:30px}.aufrufanzeige .infotext{background:#f2f6fa;width:100%;padding:10px 40px;font-size:2em;font-weight:400;line-height:26px;position:absolute;top:77px}#infoicon{background:url(info-icon.ed72a8fe.svg) 0 0/cover no-repeat;width:21px;height:21px;font-size:36px;position:absolute}div.aufrufanzeige_anzeigebereich_einzeilig{float:none;width:200px;margin:auto auto auto 80px}div.aufrufanzeige_anzeigebereich_zweizeilig{float:left;margin-top:auto}.aufrufanzeige .aufrufanzeige_main{position:absolute;top:135px;left:15%}.aufrufanzeige table.aufrufanzeige_aufruf{border-spacing:0;table-layout:fixed;width:570px}.aufrufanzeige table.aufrufanzeige_aufruf th{color:#fff;text-align:center;background:#005a9f;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;font-family:Arial,sans-serif;font-size:36px;font-weight:700;line-height:45px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:50%}.aufrufanzeige table.aufrufanzeige_aufruf td{color:#000;text-align:left;background:#ffffff80;border-top:3px solid #c8d5e6;border-left:3px solid #c8d5e6;border-right:3px solid #c8d5e6;padding:8px 0 8px 14px;font-family:Arial,sans-serif;font-weight:700}.aufrufanzeige table.aufrufanzeige_aufruf .odd td{background:#f2f6fa}.description_de{text-align:left;padding:8px 8px 4px 16px;font-size:18px;font-weight:700;line-height:18px}.description_eng{text-align:left;padding:4px 8px 8px 16px;font-size:18px;font-weight:400;line-height:18px}.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span{color:#3a5368}span.terminkundenanzeige{font-size:30px;font-weight:400;line-height:35px}span.wartenummer{font-size:50px;line-height:72px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.abholeranzeige{font-size:50px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}div.aber_zweispaltig{margin-left:0}.aufrufanzeige table.zweispaltig{width:500px}.aufrufanzeige table.zweispaltig th.wartenummer{width:45%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:4px solid #c8d5e6}.zweispaltig span.terminkundennummer,.zweispaltig span.terminkundennummer.abholeranzeige,.zweispaltig span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:72px}.puffer{padding-left:10px}div.columns-3{width:100%!important;margin-left:-300px!important}div.columns-3 table{width:100%!important}@media screen and (width>=1820px){div.columns-3{margin-left:-500px!important}}@media screen and (width>=900px) and (width<=1180px){div.columns-3{width:130%!important}}.debug{color:#000;margin-left:20px;font-size:12px;line-height:16px;position:absolute;top:1100px}body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_behoerde_80.92ef8db0.png) repeat-x!important}@media screen and (width<=900px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_behoerde_80.34071b8c.png) repeat-x!important}}@media screen and (width>=900px) and (width<=1180px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png) repeat-x!important}}@media screen and (width>=1820px){body.noInfoColumn{background:#c8d5e6 url(background_anzeige1_1920_behoerde_80.ea86ad30.png) repeat-x!important}}body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf{table-layout:auto!important}@media screen and (width<=900px){body{background:#c8d5e6 url(background_anzeige1_hoch.049e589c.png) repeat-x}.aufrufanzeige .uhr{width:275px;top:154px;left:21px}.aufrufanzeige .aufrufanzeige_Datum{width:275px;font-size:20px;top:410px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:155px;left:222px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:4px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:20px;line-height:37px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.aufrufanzeige_aufruf{width:376px}.aufrufanzeige .aufrufanzeige_text{line-height:26px;top:699px;left:28px}.aufrufanzeige .waitingColumn{top:450px;left:15px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:275px;font-size:20px}span.terminkundennummer{font-size:60px;line-height:60px}span.terminkundennummer.smallerFont8Chars{font-size:45px;line-height:45px}span.abholeranzeige{font-size:30px;line-height:40px}}@media screen and (width>=900px) and (width<=1180px){body{background:#c8d5e6 url(background_anzeige1_hoch_1920.7be93f97.png) repeat-x;height:1920px}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:350px;top:223px;left:40px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_medium{display:block}.aufrufanzeige .aufrufanzeige_Datum{width:350px;font-size:28px;top:575px;left:21px}.aufrufanzeige .aufrufanzeige_main{top:216px;left:344px}.aufrufanzeige table.aufrufanzeige_aufruf td,.aufrufanzeige table.aufrufanzeige_aufruf th{border-right:6px solid #c8d5e6}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px;line-height:54px}.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer{width:61.5%}.aufrufanzeige table.einspaltig{width:530px}.aufrufanzeige table.zweispaltig{width:350px}.aufrufanzeige .aufrufanzeige_text{width:350px;line-height:26px;top:985px;left:28px}.aufrufanzeige .waitingColumn{top:625px;left:15px}.aufrufanzeige_text img{height:260px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:350px;font-size:26px}span.terminkundennummer.abholeranzeige.abholeranzeige{font-size:40px;line-height:40px}span.terminkundennummer.smallerFont8Chars{font-size:50px;line-height:50px}}@media screen and (width>=1820px){body{background:#c8d5e6 url(background_anzeige1_1920.461afab7.png) repeat-x;width:1920px;height:1080px;overflow:hidden}#main-header .adressangabe{font-size:3em;top:22px;left:54px}.aufrufanzeige .uhr{width:400px;top:160px;left:47px}.aufrufanzeige .uhr #clock{display:none}.aufrufanzeige .uhr #clock_big{display:block!important}.aufrufanzeige .aufrufanzeige_Datum{width:400px;font-size:32px;top:580px}.aufrufanzeige .aufrufanzeige_main{top:162px;left:554px}span.terminkundennummer,span.wartenummer{font-size:80px;line-height:80px}span.terminkundennummer.smallerFont8Chars{font-size:65px;line-height:65px}span.abholeranzeige{font-size:70px}.aufrufanzeige table.aufrufanzeige_aufruf th{font-size:32px}.aufrufanzeige table.aufrufanzeige_aufruf{width:745px}.aufrufanzeige .aufrufanzeige_text{width:361px;line-height:26px;top:104px;left:1535px}.aufrufanzeige_text img{height:244px}.aufrufanzeige .waitingColumn{top:630px}.aufrufanzeige .wartende_aktuell,.aufrufanzeige .wartezeit_aktuell{width:400px;font-size:32px}div.aber_zweispaltig{margin-left:-25px}.aufrufanzeige table.zweispaltig{width:440px}.aufrufanzeige table.zweispaltig th.wartenummer{width:60%}.aufrufanzeige table.zweispaltig th,.aufrufanzeige table.zweispaltig td{border-right:6px solid #c8d5e6}.zweispaltig span.terminkundennummer{font-size:40px}.puffer{padding-left:40px}}.footer{width:800px;position:absolute;top:630px;left:0}#animate-container{color:#fff;white-space:nowrap;background-color:#005a9f;width:200%;padding:10px 0;font-size:70px;font-weight:700;animation-name:text-indent-animate;animation-duration:60s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:reverse;overflow:hidden}#animate-container:hover{animation-play-state:paused}@keyframes text-indent-animate{0%{text-indent:-200%}to{text-indent:100%}} /*# sourceMappingURL=calldisplay.css.map */ diff --git a/zmscalldisplay/public/_css/calldisplay.css.map b/zmscalldisplay/public/_css/calldisplay.css.map index fc049e768..d7f744ad3 100644 --- a/zmscalldisplay/public/_css/calldisplay.css.map +++ b/zmscalldisplay/public/_css/calldisplay.css.map @@ -1 +1 @@ -{"mappings":"AGEA,gEAOA,gHAUA,uJCnBA,mBCAA,uCAKA,oKAUA,2DAOA,qDCfA,4MAUI,oHAIA,wHAGA,uHAKJ,uCAMA,6DAMA,+DAMA,2BC/CA,0GAQA,wECLA,gKAUA,6BAOA,qFAUA,qHAOA,wIAUA,8DASA,qDAKA,4HAQA,4DAIA,sIASA,6HAQA,+EAKA,2IAYA,mFASA,oKAiBA,yMAcA,8DC/IA,kEAKA,uEAQA,mHAUA,0FAMA,yNAWA,mEAGA,qNAeI,qFAKJ,yEAMA,yEAUA,uEAKA,0EAIA,8BAGA,2CAGA,+BAIA,gIAUA,mCAGA,6CAGA,0DAGA,uGAIA,qEAIA,oFAKA,uFAIA,0BAEA,iEAQA,gEAKA,yCAIA,qCACC,4CAKD,2DACC,oCCpKD,gGCAA,uEAeA,iHAWA,gDAMA,qKAYA,6DAKA,+DAMA,+DAMA,kEAMA,iEAQA,qEAMA,sEAMA,wEAMA,uEAMA,uEAMA,sEAMA,wEAMA,wEAMA,uEAMA,sEAMA,yEAMA,yEAMA,2EAMA,4EAMA,4EAMA,2EAMA,6EAMA,4EAMA,4EAMA,0EAMA,6EAMA,6EAMA,+EAMA,8EAMA,wHAaA,gLAcA,wMAaA,oCAKA,+CAMA,uDC3QA,4HAGA,oCACI,kIAIJ,2DACI,uIAIJ,qCACI,kIAKJ,wFAOA,oCACI,8FAIA,iEAOA,mFAOA,wDAKA,yHAKA,6EAKA,qEAIA,sDAIA,wEAMA,kDAKA,8FAUA,wDAKA,8FAUA,0DAOJ,2DACI,iHAKA,4DAMA,iEAOA,mFAOA,wDAKA,yHAKA,6EAKA,qEAIA,4CAIA,6CAIA,oFAOA,kDAKA,qCAIA,6DAKA,8FASF,sFAWE,gIAMA,iEAIA,0DAMJ,qCACI,yIAOA,4DAMA,iEAOA,yEAMA,wDAIA,yEAKA,6CAIA,yFAMA,0EAKA,mCAIA,4DAIA,sDAIA,sFAMA,qCAEA,wCAIA,8FAUA,uCAGA,6CAIA,0DAIA,uGAKA,gIAMA,kFAKA,0BAOA","sources":["calldisplay.css","scss/calldisplay.scss","scss/settings.scss","scss/layout/main.scss","scss/element/ring.scss","scss/block/alerts.scss","scss/block/message.scss","scss/block/exception.scss","scss/block/aufrufanzeige.scss","scss/block/tabellen.scss","scss/block/debug.scss","scss/block/clock.scss","scss/layout/media.scss"],"sourcesContent":["#main {\n max-width: 1920px;\n background-color: #fff;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n color: #4c4c4c;\n margin: 0;\n padding: 0;\n font-family: Arial, sans-serif;\n font-size: 10px;\n font-weight: bold;\n display: block;\n}\n\nbody {\n width: 1920px;\n height: 1080px;\n background: #c8d5e6 url(\"background_anzeige1.8e638d08.png\") 0 0 no-repeat;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\n#ring {\n display: none;\n}\n\n.alert {\n font-size: 12px;\n line-height: 16px;\n}\n\n.alert.alert-info {\n color: #000;\n text-shadow: 0 1px #ffffff80;\n background-color: #e0e9f2;\n border: 1px solid #c0e1f2;\n border-radius: 4px;\n margin-bottom: 1.385em;\n padding: .7em 1em;\n}\n\n.devhint {\n width: 300px;\n position: absolute;\n top: 10px;\n right: 10px;\n}\n\n.textile {\n width: 800px;\n font-size: 14px;\n line-height: 18px;\n}\n\n.message, .message-success, .message-error, .message-info {\n width: 702px;\n text-align: center;\n background-color: #f4f4f4;\n border: 1px solid #dbdbdb;\n margin: 1em 0 1em 80px;\n padding: 1em 10px;\n font-size: 2.5em;\n display: block;\n}\n\n.message .title, .message-success .title, .message-error .title, .message-info .title {\n margin-top: 0;\n margin-bottom: .25em;\n}\n\n.message > :first-child, .message-success > :first-child, .message-error > :first-child, .message-info > :first-child {\n margin-top: 0;\n}\n\n.message > :last-child, .message-success > :last-child, .message-error > :last-child, .message-info > :last-child {\n margin-bottom: 0;\n}\n\n.message-info {\n background-color: #fffbd5;\n}\n\n.message-error {\n background-color: #ffe4e4;\n border-color: #ffb1b1;\n}\n\n.message-success {\n background-color: #e0f0d9;\n border-color: #c2e2b4;\n}\n\n.message-hide {\n display: none;\n}\n\n.textile.exception, .textile.alert {\n width: 800px;\n box-sizing: border-box;\n position: relative;\n top: 100px;\n left: 40px;\n}\n\n.exception table, .exception iframe, .exception pre {\n width: 800px !important;\n}\n\n.qrCode--Headline {\n text-align: center;\n background: #fff;\n margin-top: 0;\n margin-bottom: 3px;\n font-family: Arial, sans-serif;\n font-size: 32px;\n font-weight: 700;\n line-height: 45px;\n}\n\n.qrContainer {\n background: #fff;\n}\n\n.aufrufanzeige {\n height: 758px;\n width: 100%;\n background: none;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(\"invisible_Mauszeiger.e28f8c73.cur\"), crosshair !important;\n}\n\n#main-header .adressangabe {\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 2.2em;\n font-weight: bold;\n position: absolute;\n top: 14px;\n left: 38px;\n}\n\n#main-header .adressangabe .adressangabe_adresse {\n display: none;\n}\n\n.waitingColumn {\n position: absolute;\n top: 450px;\n left: 50px;\n}\n\n.aufrufanzeige .wartende_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartende_text {\n background: #fff;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartende_aktuell #wartende {\n background: #fff;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 52px;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_text {\n background: #e0e9f2;\n margin-top: 3px;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartezeit_aktuell #wartezeit {\n background: #e0e9f2;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 35px;\n font-weight: bold;\n}\n\n.aufrufanzeige .uhr {\n width: 275px;\n height: 275px;\n position: absolute;\n top: 105px;\n left: 55px;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 24px;\n font-weight: bold;\n position: absolute;\n top: 390px;\n left: 50px;\n}\n\n.aufrufanzeige .aufrufanzeige_text {\n text-align: center;\n width: 265px;\n padding: 18px 0 0 6px;\n font-family: Arial, sans-serif;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 89px;\n left: 1087px;\n}\n\n.aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: center;\n}\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig {\n float: none;\n width: 200px;\n}\n\ndiv.aufrufanzeige_anzeigebereich_zweizeilig {\n float: left;\n margin-top: auto;\n}\n\n.aufrufanzeige .aufrufanzeige_main {\n width: 980px;\n height: 880px;\n position: absolute;\n top: 105px;\n left: 370px;\n overflow-y: auto;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf {\n border-spacing: 0;\n table-layout: fixed;\n width: 700px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th {\n text-align: center;\n background: #fff;\n border-top: 3px solid #c8d5e6;\n border-right: 20px solid #c8d5e6;\n font-family: Arial, sans-serif;\n font-size: 36px;\n font-weight: bold;\n line-height: 45px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 50%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td {\n color: #000;\n text-align: center;\n background: #e0e9f2;\n border-top: 3px solid #c8d5e6;\n border-right: 20px solid #c8d5e6;\n padding: 8px 0;\n font-family: Arial, sans-serif;\n font-weight: bold;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span {\n color: #de1027;\n}\n\nspan.terminkundenanzeige {\n font-size: 30px;\n font-weight: normal;\n line-height: 35px;\n}\n\nspan.wartenummer, span.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.abholeranzeige {\n font-size: 50px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n}\n\nspan.longrange {\n font-size: 70px;\n}\n\n.zweispaltig span.longrange {\n font-size: 30px;\n}\n\nspan.standalone {\n font-size: 60px;\n}\n\n.zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 50px;\n line-height: 50px;\n}\n\ndiv.aber_zweispaltig {\n margin-left: 0;\n}\n\n.aufrufanzeige table.zweispaltig {\n width: 340px;\n}\n\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n}\n\n.aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 4px solid #c8d5e6;\n}\n\n.zweispaltig span.terminkundennummer {\n font-size: 50px;\n line-height: 50px;\n}\n\n.zweispaltig span.terminkundennummer.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n}\n\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 40px;\n line-height: 40px;\n}\n\n.puffer {\n padding-left: 10px;\n}\n\ntable.zweispaltig td.platznummer span.destination {\n font-size: 30px;\n}\n\ndiv.columns-3 {\n width: 100% !important;\n margin-left: -300px !important;\n}\n\ndiv.columns-3 table {\n width: 100% !important;\n}\n\n@media screen and (min-width: 1820px) {\n div.columns-3 {\n margin-left: -500px !important;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n div.columns-3 {\n width: 130% !important;\n }\n}\n\n.debug {\n color: #000;\n margin-left: 20px;\n font-size: 12px;\n line-height: 16px;\n position: absolute;\n top: 1100px;\n}\n\n.clock {\n width: 96%;\n height: 96%;\n margin: 0 auto;\n padding: 2%;\n position: relative;\n}\n\n.outer-clock-face {\n width: 100%;\n height: 100%;\n background: #c8d5e6;\n border-radius: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.outer-clock-face:after {\n transform: rotate(90deg);\n}\n\n.outer-clock-face:before, .outer-clock-face:after, .outer-clock-face .marking {\n content: \"\";\n width: 5px;\n height: 100%;\n z-index: 0;\n background: #4c4c4c;\n position: absolute;\n left: 49%;\n}\n\n.outer-clock-face .marking-thin {\n width: 2px;\n background: #8c8c8c;\n}\n\n.outer-clock-face .marking.marking-one {\n transform: rotate(30deg);\n}\n\n.outer-clock-face .marking.marking-two {\n transform: rotate(60deg);\n}\n\n.outer-clock-face .marking.marking-three {\n transform: rotate(120deg);\n}\n\n.outer-clock-face .marking.marking-four {\n transform: rotate(150deg);\n}\n\n.outer-clock-face .marking.marking-minute-one {\n transform: rotate(6deg);\n}\n\n.outer-clock-face .marking.marking-minute-two {\n transform: rotate(12deg);\n}\n\n.outer-clock-face .marking.marking-minute-three {\n transform: rotate(18deg);\n}\n\n.outer-clock-face .marking.marking-minute-four {\n transform: rotate(24deg);\n}\n\n.outer-clock-face .marking.marking-minute-five {\n transform: rotate(36deg);\n}\n\n.outer-clock-face .marking.marking-minute-six {\n transform: rotate(42deg);\n}\n\n.outer-clock-face .marking.marking-minute-seven {\n transform: rotate(48deg);\n}\n\n.outer-clock-face .marking.marking-minute-eight {\n transform: rotate(54deg);\n}\n\n.outer-clock-face .marking.marking-minute-nine {\n transform: rotate(66deg);\n}\n\n.outer-clock-face .marking.marking-minute-ten {\n transform: rotate(72deg);\n}\n\n.outer-clock-face .marking.marking-minute-eleven {\n transform: rotate(78deg);\n}\n\n.outer-clock-face .marking.marking-minute-twelve {\n transform: rotate(84deg);\n}\n\n.outer-clock-face .marking.marking-minute-thirteen {\n transform: rotate(96deg);\n}\n\n.outer-clock-face .marking.marking-minute-fourteen {\n transform: rotate(102deg);\n}\n\n.outer-clock-face .marking.marking-minute-fiveteen {\n transform: rotate(108deg);\n}\n\n.outer-clock-face .marking.marking-minute-sixteen {\n transform: rotate(114deg);\n}\n\n.outer-clock-face .marking.marking-minute-seventeen {\n transform: rotate(126deg);\n}\n\n.outer-clock-face .marking.marking-minute-eighteen {\n transform: rotate(132deg);\n}\n\n.outer-clock-face .marking.marking-minute-nineteen {\n transform: rotate(138deg);\n}\n\n.outer-clock-face .marking.marking-minute-twenty {\n transform: rotate(144deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentyone {\n transform: rotate(156deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentytwo {\n transform: rotate(162deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentythree {\n transform: rotate(168deg);\n}\n\n.outer-clock-face .marking.marking-minute-twentyfour {\n transform: rotate(174deg);\n}\n\n.inner-clock-face {\n width: 90%;\n height: 90%;\n z-index: 1;\n background: #c8d5e6;\n border-radius: 100%;\n position: absolute;\n top: 5%;\n left: 5%;\n}\n\n.inner-clock-face:before {\n content: \"\";\n width: 16px;\n height: 16px;\n z-index: 11;\n background: #4d4b63;\n border-radius: 18px;\n margin-top: -6px;\n margin-left: -9px;\n position: absolute;\n top: 50%;\n left: 50%;\n}\n\n.hand {\n width: 50%;\n height: 7px;\n transform-origin: 100%;\n background: #4c4c4c;\n border-radius: 6px;\n transition-timing-function: cubic-bezier(.1, 2.7, .58, 1);\n position: absolute;\n top: 50%;\n right: 50%;\n transform: rotate(90deg);\n}\n\n.hand.hour-hand {\n width: 35%;\n z-index: 3;\n}\n\n.hand.min-hand {\n height: 5px;\n z-index: 10;\n width: 45%;\n}\n\n.hand.second-hand {\n width: 48%;\n height: 2px;\n background: #666;\n}\n\nbody.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_behoerde_80.b753a749.png\") 0 0 no-repeat !important;\n}\n\n@media screen and (max-width: 900px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_behoerde_80.b8f91f5d.png\") 0 0 no-repeat !important;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920_behoerde_80.50058120.png\") 0 0 no-repeat !important;\n }\n}\n\n@media screen and (min-width: 1820px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_1920_behoerde_80.aef875ec.png\") 0 0 no-repeat !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n@media screen and (max-width: 900px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch.a73ccd93.png\") 0 0 no-repeat;\n }\n\n .aufrufanzeige .uhr {\n width: 275px;\n height: 275px;\n top: 110px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 275px;\n font-size: 20px;\n top: 410px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 110px;\n left: 330px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height: 26px;\n top: 699px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 450px;\n left: 15px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 275px;\n font-size: 20px;\n }\n\n span.terminkundennummer {\n font-size: 50px;\n line-height: 45px;\n }\n\n span.terminkundennummer.smallerFont8Chars, span.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.terminkundenanzeige {\n font-size: 25px;\n line-height: 25px;\n }\n}\n\n@media screen and (min-width: 900px) and (max-width: 1180px) {\n body {\n height: 1920px;\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920.86f30aa9.png\") 0 0 no-repeat;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 350px;\n height: 350px;\n top: 160px;\n left: 40px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 350px;\n font-size: 28px;\n top: 520px;\n left: 35px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 160px;\n left: 420px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 580px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 350px;\n line-height: 26px;\n top: 985px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 580px;\n left: 35px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: right;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 350px;\n font-size: 26px;\n }\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n .zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 35px;\n line-height: 35px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 25px;\n }\n\n span.terminkundenanzeige {\n font-size: 30px;\n line-height: 30px;\n }\n}\n\n@media screen and (min-width: 1820px) {\n body {\n width: 1920px;\n height: 1080px;\n background: #c8d5e6 url(\"background_anzeige1_1920.bc9eff88.png\") 0 0 no-repeat;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 400px;\n height: 400px;\n top: 160px;\n left: 47px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 400px;\n font-size: 32px;\n top: 600px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 160px;\n left: 500px;\n }\n\n span.terminkundennummer, span.wartenummer {\n font-size: 80px;\n line-height: 80px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n span.terminkundennummer, span.wartenummer, span.standalone {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height: 65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 980px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 361px;\n line-height: 26px;\n top: 104px;\n left: 1535px;\n }\n\n .aufrufanzeige_text img {\n height: 244px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 670px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 400px;\n font-size: 32px;\n }\n\n div.aber_zweispaltig {\n margin-left: -25px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 450px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n }\n\n .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 6px solid #c8d5e6;\n }\n\n .zweispaltig span.terminkundennummer, .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 60px;\n line-height: 60px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 35px;\n line-height: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n\n .qrCode--Headline {\n margin-top: 40px;\n }\n}\n\n/*# sourceMappingURL=calldisplay.css.map */\n","@import \"settings\";\n\n/**\n * Import our css\n */\n\n// Main site grid and global layout rules\n\n@import \"layout/main\";\n\n// Element rules\n@import \"element/ring\";\n// Block rules\n@import \"block/alerts\";\n@import \"block/message\";\n@import \"block/exception\";\n@import \"block/aufrufanzeige\";\n@import \"block/tabellen\";\n@import \"block/debug\";\n@import \"block/clock\";\n@import \"layout/media\";\n","/**\n * OUR SETTINGS\n */\n\n// Colors\n$white: #ffffff;\n$black: #000000;\n$red: #DE1027;\n\n$backgroundLight: #E0E9F2;\n$borderLight: #C8D5E6;\n\n$baseTextColor: #4C4C4C;\n\n// Dimensions\n$pageMaxWidth: 1920px;\n$pageMaxHeight:\t\t\t\t\t1080px;\n$contentMaxWidth: 800px;\n\n// Fonts\n$base-font-family:\t\t\t\tArial, sans-serif;\n$base-font-size:\t\t\t\t10px;\n\n$alert-font-size:\t\t\t\t12px;\n$alert-line-height:\t\t\t\t16px;\n","// Base site layout and grid\n\n#main {\n margin: 0;\n max-width: $pageMaxWidth;\n padding: 0;\n background-color: $white;\n}\n\nhtml {\n font-family: $base-font-family;\n font-size:\t\t\t$base-font-size;\n font-weight:\t\tbold;\n display:\t\t\tblock;\n color:\t\t\t\t$baseTextColor;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n}\n\nbody {\n\twidth: \t\t\t\t$pageMaxWidth;\n height: \t\t\t$pageMaxHeight;\n overflow: \t\t hidden;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n background: \t\turl(img/background_anzeige1.png) top left no-repeat #C8D5E6;\n}\n","#ring {\n\tdisplay:none;\n}",".alert {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n}\n\n.alert.alert-info {\n\tbackground-color: \t$backgroundLight;\n border-radius: \t\t4px;\n color: \t\t\t\t$black;\n padding: \t\t\t.7em 1em;\n margin-bottom: \t\t1.385em;\n text-shadow: \t\t0 1px 0 rgba(255,255,255,0.5);\n border: \t\t\t1px solid #c0e1f2;\n}\n\n.devhint {\n\tposition:absolute;\n\tright:10px;\n\ttop:10px;\n\twidth:300px;\n}\n\n.textile {\n\twidth:\t\t\t\t$contentMaxWidth;\n\tfont-size:\t\t\t14px;\n\tline-height:\t\t18px;\n}","$messageBackgroundColor: #F4F4F4 !default;\n$messageInfoBackgroundColor: #fffbd5 !default;\n$messageErrorBackgroundColor: #FFE4E4 !default;\n$messageSuccessBackgroundColor: #E0F0D9 !default;\n$messagePadding: 0.75em 1em 1em 1em;\n\n\n.message {\n font-size: 2.5em;\n margin-left: 80px;\n width: 702px;\n border: 1px solid darken($messageBackgroundColor,10%);\n background-color: $messageBackgroundColor;\n padding: 1em 10px 1em 10px;\n margin: 1em 0 1em 80px;\n text-align: center;\n display: block;\n .title {\n margin-top: 0;\n margin-bottom: 0.25em;\n }\n > *:first-child {\n margin-top: 0;\n }\n > *:last-child {\n margin-bottom: 0;\n }\n}\n\n.message-info {\n @extend .message;\n //border-color: darken($messageInfoBackgroundColor,40%);\n background-color: $messageInfoBackgroundColor;\n}\n\n.message-error {\n @extend .message;\n border-color: darken($messageErrorBackgroundColor,10%);\n background-color: $messageErrorBackgroundColor;\n}\n\n.message-success {\n @extend .message;\n border-color: darken($messageSuccessBackgroundColor,10%);\n background-color: $messageSuccessBackgroundColor\n}\n\n.message-hide {\n display: none;\n}\n",".textile.exception, .textile.alert {\n\tposition:relative;\n\tleft:40px;\n\ttop:100px;\n\twidth:800px;\n\tbox-sizing:border-box;\n}\n\n.exception table, .exception iframe, .exception pre {\n\twidth:800px !important;\n}","/* ----------------------------------------------\n qr code\n---------------------------------------------- */\n.qrCode--Headline {\n text-align: center;\n background: #fff;\n font-family: Arial,sans-serif;\n font-size: 32px;\n font-weight: 700;\n line-height: 45px;\n margin-bottom: 3px;\n margin-top: 0px;\n}\n.qrContainer {\n background: #fff;\n}\n\n/* ----------------------------------------------\n aufrufanzeige\n---------------------------------------------- */\n.aufrufanzeige\n{\n background:transparent;\n height:758px;\n left:0;\n position:absolute;\n top:0;\n width:100%;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(img/invisible_Mauszeiger.cur),crosshair !important;\n}\n\n/* ----------------------------------------------\n Adresse\n---------------------------------------------- */\n#main-header .adressangabe\n{\n color: $white;\n font-size:2.2em;\n font-family: $base-font-family;\n font-weight:bold;\n left:38px;\n position: absolute;\n top:14px;\n}\n#main-header .adressangabe .adressangabe_adresse\n{\n display:none;\n}\n\n/* ----------------------------------------------\n Wartende & Wartezeit\n---------------------------------------------- */\n\n.waitingColumn {\n position: absolute;\n left: 50px; \n top: 450px; \n}\n.aufrufanzeige .wartende_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartende_text {\n\tbackground:$white;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartende_aktuell #wartende\n{\n font-size:52px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$white;\n}\n\n.aufrufanzeige .wartezeit_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartezeit_text {\n margin-top:3px;\n\tbackground:$backgroundLight;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartezeit_aktuell #wartezeit\n{\n font-size:35px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$backgroundLight;\n}\n\n/* ----------------------------------------------\n Uhr und Datum\n---------------------------------------------- */\n.aufrufanzeige .uhr\n{\n position: absolute;\n left:55px;\n top:105px;\n width:275px;\n height:275px;\n }\n\n.aufrufanzeige .aufrufanzeige_Datum\n{\n font-size:24px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n position:absolute;\n text-align:center;\n font-size:24px;\n left:50px;\n top:390px;\n width:275px;\n}\n\n\n/* ----------------------------------------------\n Text & Logo|QrCode\n---------------------------------------------- */\n.aufrufanzeige .aufrufanzeige_text\n{\n font-size:2em;\n font-family: Arial, sans-serif;\n font-weight:normal;\n line-height:26px;\n padding: 18px 0 0 6px;\n position: absolute;\n text-align:center;\n left: 1087px;\n top:89px;\n width: 265px;\n}\n\n.aufrufanzeige_text .qrContainer\n{\n width: 100%;\n text-align: center;\n}","/* ----------------------------------------------\n Aufruf-Tabelle\n---------------------------------------------- */\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig\n{\n\tfloat:none;\n width: 200px;\n}\ndiv.aufrufanzeige_anzeigebereich_zweizeilig\n{\n\tfloat:left;\n\tmargin-top: auto;\n/* margin-right:3%;*/\n}\n\n\n.aufrufanzeige .aufrufanzeige_main\n{\n left: 370px;\n position: absolute;\n top: 105px;\n width: 980px;\n height: 880px;\n overflow-y: auto;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf\n{\n border-spacing:0;\n table-layout:fixed;\n width:700px;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th\n{\n background: $white;\n border-right: 20px solid $borderLight;\n border-top: 3px solid $borderLight;\n font-size: 36px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n line-height: 45px;\n text-align:center;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:50%;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf td\n{\n background: $backgroundLight;\n color: $black;\n border-right: 20px solid $borderLight;\n border-top: 3px solid $borderLight;\n /*font-size: 70px;\n line-height: 108px;*/\n font-family: Arial, sans-serif;\n font-weight: bold;\n text-align:center;\n padding:8px 0px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight {\n &.called span {\n color: $red;\n }\n}\n\nspan.terminkundenanzeige\n{\n\tfont-weight: normal;\n\tfont-size: 30px;\n line-height: 35px;\n}\nspan.wartenummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer.abholeranzeige\n{\n\tfont-size: 50px;\n line-height: 60px;\n}\nspan.terminkundennummer.smallerFont8Chars {\n\tfont-size: 45px;\n\tline-height:45px;\n}\nspan.longrange {\n font-size:70px;\n}\n.zweispaltig span.longrange {\n font-size:30px;\n}\nspan.standalone {\n font-size:60px;\n}\n\n.zweispaltig span.terminkundennummer,\n.zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 50px;\n line-height: 50px;\n}\n\n/* ----------------------------------------------\n Aufruf-Tabelle, zweispaltig\n---------------------------------------------- */\n\ndiv.aber_zweispaltig {\n margin-left:0px;\n}\n.aufrufanzeige table.zweispaltig {\n width:340px;\n}\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n}\n.aufrufanzeige table.zweispaltig th,\n.aufrufanzeige table.zweispaltig td {\n border-right:4px solid $borderLight;\n}\n.zweispaltig span.terminkundennummer {\n font-size:50px;\n line-height: 50px;\n}\n.zweispaltig span.terminkundennummer.abholeranzeige\n{\n font-size: 30px;\n line-height: 30px;\n}\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 40px;\n line-height: 40px;\n}\n.puffer {padding-left:10px;}\n\ntable.zweispaltig td.platznummer span.destination {\n font-size:30px;\n}\n\n/* ----------------------------------------------\n Bei mehr als 2 Spalten\n---------------------------------------------- */\n\ndiv.columns-3 {\n\tmargin-left:-300px !important;\n\twidth:100% !important;\n}\n\ndiv.columns-3 table {\n\twidth:100% !important;\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n\tdiv.columns-3 {\n\t\tmargin-left:-500px !important;\n\t}\n}\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n\tdiv.columns-3 {\n\t\twidth:130% !important;\n\t}\n}\n",".debug {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n\tcolor:\t\t\t\t$black;\n\tmargin-left:\t\t20px;\n\tposition:\t\t\tabsolute;\n\ttop:\t\t\t\t1100px;\n}",".clock {\n width: 96%;\n height: 96%;\n //border: 7px solid #282828;\n /*box-shadow: -4px -4px 10px rgba(67,67,67,0.5),\n inset 4px 4px 10px rgba(0,0,0,0.5),\n inset -4px -4px 10px rgba(67,67,67,0.5),\n 4px 4px 10px rgba(0,0,0,0.3);*/\n //border-radius: 50%;\n margin: 0px auto;\n position: relative;\n padding: 2%;\n \n}\n\n.outer-clock-face {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: #C8D5E6;\n \n \n overflow: hidden;\n}\n\n.outer-clock-face::after {\n -webkit-transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n transform: rotate(90deg)\n}\n\n.outer-clock-face::before,\n.outer-clock-face::after,\n.outer-clock-face .marking{\n content: '';\n position: absolute;\n width: 5px;\n height: 100%;\n background: #4c4c4c;\n z-index: 0;\n left: 49%;\n}\n\n.outer-clock-face .marking-thin {\n background: #8c8c8c;\n width: 2px;\n}\n\n.outer-clock-face .marking.marking-one {\n -webkit-transform: rotate(30deg);\n -moz-transform: rotate(30deg);\n transform: rotate(30deg)\n}\n\n.outer-clock-face .marking.marking-two {\n -webkit-transform: rotate(60deg);\n -moz-transform: rotate(60deg);\n transform: rotate(60deg)\n}\n\n.outer-clock-face .marking.marking-three {\n -webkit-transform: rotate(120deg);\n -moz-transform: rotate(120deg);\n transform: rotate(120deg)\n}\n\n.outer-clock-face .marking.marking-four {\n -webkit-transform: rotate(150deg);\n -moz-transform: rotate(150deg);\n transform: rotate(150deg)\n}\n\n//minute marks\n\n.outer-clock-face .marking.marking-minute-one {\n -webkit-transform: rotate(6deg);\n -moz-transform: rotate(6deg);\n transform: rotate(6deg)\n}\n\n.outer-clock-face .marking.marking-minute-two {\n -webkit-transform: rotate(12deg);\n -moz-transform: rotate(12deg);\n transform: rotate(12deg)\n}\n\n.outer-clock-face .marking.marking-minute-three {\n -webkit-transform: rotate(18deg);\n -moz-transform: rotate(18deg);\n transform: rotate(18deg)\n}\n\n.outer-clock-face .marking.marking-minute-four {\n -webkit-transform: rotate(24deg);\n -moz-transform: rotate(24deg);\n transform: rotate(24deg)\n}\n\n.outer-clock-face .marking.marking-minute-five {\n -webkit-transform: rotate(36deg);\n -moz-transform: rotate(36deg);\n transform: rotate(36deg)\n}\n\n.outer-clock-face .marking.marking-minute-six {\n -webkit-transform: rotate(42deg);\n -moz-transform: rotate(42deg);\n transform: rotate(42deg)\n}\n\n.outer-clock-face .marking.marking-minute-seven {\n -webkit-transform: rotate(48deg);\n -moz-transform: rotate(48deg);\n transform: rotate(48deg)\n}\n\n.outer-clock-face .marking.marking-minute-eight {\n -webkit-transform: rotate(54deg);\n -moz-transform: rotate(54deg);\n transform: rotate(54deg)\n}\n\n.outer-clock-face .marking.marking-minute-nine {\n -webkit-transform: rotate(66deg);\n -moz-transform: rotate(66deg);\n transform: rotate(66deg)\n}\n\n.outer-clock-face .marking.marking-minute-ten {\n -webkit-transform: rotate(72deg);\n -moz-transform: rotate(72deg);\n transform: rotate(72deg)\n}\n\n.outer-clock-face .marking.marking-minute-eleven {\n -webkit-transform: rotate(78deg);\n -moz-transform: rotate(78deg);\n transform: rotate(78deg)\n}\n\n.outer-clock-face .marking.marking-minute-twelve {\n -webkit-transform: rotate(84deg);\n -moz-transform: rotate(84deg);\n transform: rotate(84deg)\n}\n\n.outer-clock-face .marking.marking-minute-thirteen {\n -webkit-transform: rotate(96deg);\n -moz-transform: rotate(96deg);\n transform: rotate(96deg)\n}\n\n.outer-clock-face .marking.marking-minute-fourteen {\n -webkit-transform: rotate(102deg);\n -moz-transform: rotate(102deg);\n transform: rotate(102deg)\n}\n\n.outer-clock-face .marking.marking-minute-fiveteen {\n -webkit-transform: rotate(108deg);\n -moz-transform: rotate(108deg);\n transform: rotate(108deg)\n}\n\n.outer-clock-face .marking.marking-minute-sixteen {\n -webkit-transform: rotate(114deg);\n -moz-transform: rotate(114deg);\n transform: rotate(114deg)\n}\n\n.outer-clock-face .marking.marking-minute-seventeen {\n -webkit-transform: rotate(126deg);\n -moz-transform: rotate(126deg);\n transform: rotate(126deg)\n}\n\n.outer-clock-face .marking.marking-minute-eighteen {\n -webkit-transform: rotate(132deg);\n -moz-transform: rotate(132deg);\n transform: rotate(132deg)\n}\n\n.outer-clock-face .marking.marking-minute-nineteen {\n -webkit-transform: rotate(138deg);\n -moz-transform: rotate(138deg);\n transform: rotate(138deg)\n}\n\n.outer-clock-face .marking.marking-minute-twenty {\n -webkit-transform: rotate(144deg);\n -moz-transform: rotate(144deg);\n transform: rotate(144deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentyone {\n -webkit-transform: rotate(156deg);\n -moz-transform: rotate(156deg);\n transform: rotate(156deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentytwo {\n -webkit-transform: rotate(162deg);\n -moz-transform: rotate(162deg);\n transform: rotate(162deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentythree {\n -webkit-transform: rotate(168deg);\n -moz-transform: rotate(168deg);\n transform: rotate(168deg)\n}\n\n.outer-clock-face .marking.marking-minute-twentyfour {\n -webkit-transform: rotate(174deg);\n -moz-transform: rotate(174deg);\n transform: rotate(174deg)\n}\n\n.inner-clock-face {\n position: absolute;\n top: 5%;\n left: 5%;\n width: 90%;\n height: 90%;\n background: #C8D5E6;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n border-radius: 100%;\n z-index: 1;\n}\n\n.inner-clock-face::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n border-radius: 18px;\n margin-left: -9px;\n margin-top: -6px;\n background: #4d4b63;\n z-index: 11;\n}\n\n.hand {\n width: 50%;\n right: 50%;\n height: 7px;\n background: #4c4c4c;\n position: absolute;\n top: 50%;\n border-radius: 6px;\n transform-origin: 100%;\n transform: rotate(90deg);\n transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);\n}\n\n.hand.hour-hand {\n width: 35%;\n z-index: 3;\n}\n\n.hand.min-hand {\n height: 5px;\n z-index: 10;\n width: 45%;\n}\n\n.hand.second-hand {\n background: #666666;\n width: 48%;\n height: 2px;\n}","/* ----------------------------------------------\n Infospalte verstecken\n---------------------------------------------- */\nbody.noInfoColumn{\n background: url(img/background_anzeige1_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n}\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n/* ----------------------------------------------\n Spezial-Groessen\n---------------------------------------------- */\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body{\n background: url(img/background_anzeige1_hoch.png) top left no-repeat #C8D5E6;\n }\n\n .aufrufanzeige .uhr {\n left: 21px;\n top: 110px;\n width: 275px;\n height: 275px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 20px;\n left: 21px;\n top: 410px;\n width: 275px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left: 330px;\n top: 110px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #C8D5E6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:699px;\n }\n\n .aufrufanzeige .waitingColumn {\n top:450px;\n left:15px;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:20px;\n width:275px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:20px;\n width:275px;\n }\n\n span.terminkundennummer {\n font-size: 50px;\n line-height: 45px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.abholeranzeige {\n font-size: 30px;\n line-height: 30px;\n }\n\n span.terminkundenanzeige {\n font-size: 25px;\n line-height: 25px;\n }\n}\n\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body{\n background: url(img/background_anzeige1_hoch_1920.png) top left no-repeat #C8D5E6;\n height:1920px;\n }\n\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n\n .aufrufanzeige .uhr {\n left: 40px;\n top: 160px;\n width: 350px;\n height: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 28px;\n left: 35px;\n top: 520px;\n width: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left:420px;\n top:160px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #C8D5E6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 580px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width:280px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:985px;\n width:350px;\n }\n\n .aufrufanzeige .waitingColumn {\n top:580px;\n left:35px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige_text .qrContainer {\n width: 100%;\n text-align: right;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:26px;\n width:350px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:26px;\n width:350px;\n }\n span.terminkundennummer.abholeranzeige.abholeranzeige\n\t{\n\t\tfont-size: 40px;\n\t line-height: 40px;\n\t}\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n .zweispaltig span.terminkundennummer,\n .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 35px;\n line-height: 35px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 25px;\n }\n\n span.terminkundenanzeige {\n font-size: 30px;\n line-height: 30px;\n }\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body{\n background: url(img/background_anzeige1_1920.png) top left no-repeat #C8D5E6;\n width:1920px;\n height:1080px;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n\n .aufrufanzeige .uhr {\n left:47px;\n top:160px;\n width:400px;\n height:400px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size: 32px;\n top: 600px;\n width: 400px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n left: 500px;\n top: 160px;\n }\n span.terminkundennummer, span.wartenummer {\n font-size:80px;\n line-height:80px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 280px;\n }\n\n span.terminkundennummer,\n span.wartenummer, span.standalone {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height:65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 980px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 1535px;\n top:104px;\n width:361px;\n }\n .aufrufanzeige_text img {height:244px;}\n\n .aufrufanzeige .waitingColumn {\n top: 670px;\n }\n\n .aufrufanzeige .wartende_aktuell {\n font-size:32px;\n width:400px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:32px;\n width:400px;\n }\n\n div.aber_zweispaltig {\n margin-left:-25px;\n }\n .aufrufanzeige table.zweispaltig {\n width: 450px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n }\n\n .aufrufanzeige table.zweispaltig th,\n .aufrufanzeige table.zweispaltig td {\n border-right:6px solid #C8D5E6;\n }\n\n .zweispaltig span.terminkundennummer,\n .zweispaltig span.wartenummer, .zweispaltig span.standalone {\n font-size: 60px;\n line-height: 60px;\n }\n\n table.zweispaltig td.platznummer span.destination {\n font-size: 35px;\n line-height: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n\n /* ----------------------------------------------\n qr code\n ---------------------------------------------- */\n .qrCode--Headline {\n margin-top: 40px;\n }\n}\n"],"names":[],"version":3,"file":"calldisplay.css.map"} \ No newline at end of file +{"mappings":"AGEA,gEAOA,gHAUA,mJCnBA,mBCAA,uCAKA,oKAUA,2DAOA,qDCfA,4MAUI,oHAIA,wHAGA,uHAKJ,uCAMA,6DAMA,+DAMA,2BC/CA,0GAQA,wECRA,qFAUA,qHAOA,wIAUA,8DASA,qDAKA,4HAQA,4DAIA,sIASA,6HAQA,+EAKA,2IAYA,sEAOA,8EAKA,oKAiBA,yMAcA,kDAIA,mJAYA,8IC9IA,6FAOA,uEAQA,wEAOA,0FAMA,oQAaA,mEAGA,2PAgBA,qEAIA,yGAQA,0GASI,qFAKJ,yEAMA,iDAKA,wDAKA,uEAKA,0EASA,mCAGA,6CAGA,0DAGA,uGAIA,gLAaA,0BAMA,gEAKA,yCAIA,kCACC,4CAKD,qDACC,oCCxKD,gGCGA,2HAGA,iCACI,iIAIJ,qDACI,sIAIJ,kCACI,iIAIJ,wFAOA,iCACI,6FAGA,oDAKA,mFAMA,wDAIA,yHAIA,6EAIA,qEAGA,sDAGA,wEAKA,kDAIA,8FAUH,wDAMC,0EAKD,qDAQD,qDACI,gHAIA,4DAKA,oDAKA,wCAGA,gDAGA,mFAMA,wDAIA,yHAIA,6EAIA,qEAGA,4CAGA,6CAGA,oFAMA,kDAIA,qCACA,8FASF,sFAMA,2EAMF,kCACI,wIAMA,4DAKA,oDAKA,wCAGA,uDAGA,yEAKA,wDAIA,yEAIA,0EAIA,mCAIA,4DAGA,sDAGA,sFAMA,qCAEA,wCAGA,8FAUA,uCAGA,6CAGA,0DAGA,uGAIA,oDAGA,2BC1QJ,uDAOA,6SAiBA,qDAIA","sources":["calldisplay.css","scss/calldisplay.scss","scss/settings.scss","scss/layout/main.scss","scss/element/ring.scss","scss/block/alerts.scss","scss/block/message.scss","scss/block/exception.scss","scss/block/aufrufanzeige.scss","scss/block/tabellen.scss","scss/block/debug.scss","scss/layout/media.scss","scss/block/footer.scss"],"sourcesContent":["#main {\n background-color: #fff;\n max-width: 1920px;\n margin: 0;\n padding: 0;\n}\n\nhtml {\n color: #3a5368;\n margin: 0;\n padding: 0;\n font-family: Arial, sans-serif;\n font-size: 10px;\n font-weight: bold;\n display: block;\n}\n\nbody {\n background: #fff url(\"background_anzeige1.44c0eb4d.png\") 0 0 repeat-x;\n width: 1920px;\n height: 1080px;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\n#ring {\n display: none;\n}\n\n.alert {\n font-size: 12px;\n line-height: 16px;\n}\n\n.alert.alert-info {\n color: #000;\n text-shadow: 0 1px #ffffff80;\n background-color: #e0e9f2;\n border: 1px solid #c0e1f2;\n border-radius: 4px;\n margin-bottom: 1.385em;\n padding: .7em 1em;\n}\n\n.devhint {\n width: 300px;\n position: absolute;\n top: 10px;\n right: 10px;\n}\n\n.textile {\n width: 800px;\n font-size: 14px;\n line-height: 18px;\n}\n\n.message, .message-success, .message-error, .message-info {\n text-align: center;\n background-color: #f4f4f4;\n border: 1px solid #dbdbdb;\n width: 702px;\n margin: 1em 0 1em 80px;\n padding: 1em 10px;\n font-size: 2.5em;\n display: block;\n}\n\n.message .title, .message-success .title, .message-error .title, .message-info .title {\n margin-top: 0;\n margin-bottom: .25em;\n}\n\n.message > :first-child, .message-success > :first-child, .message-error > :first-child, .message-info > :first-child {\n margin-top: 0;\n}\n\n.message > :last-child, .message-success > :last-child, .message-error > :last-child, .message-info > :last-child {\n margin-bottom: 0;\n}\n\n.message-info {\n background-color: #fffbd5;\n}\n\n.message-error {\n background-color: #ffe4e4;\n border-color: #ffb1b1;\n}\n\n.message-success {\n background-color: #e0f0d9;\n border-color: #c2e2b4;\n}\n\n.message-hide {\n display: none;\n}\n\n.textile.exception, .textile.alert {\n box-sizing: border-box;\n width: 800px;\n position: relative;\n top: 100px;\n left: 40px;\n}\n\n.exception table, .exception iframe, .exception pre {\n width: 800px !important;\n}\n\n.aufrufanzeige {\n background: none;\n width: 100%;\n height: 758px;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(\"invisible_Mauszeiger.e28f8c73.cur\"), crosshair !important;\n}\n\n#main-header .adressangabe {\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: 2.2em;\n font-weight: bold;\n position: absolute;\n top: 14px;\n left: 38px;\n}\n\n#main-header .adressangabe .adressangabe_adresse {\n display: none;\n}\n\n.waitingColumn {\n position: absolute;\n top: 420px;\n left: 40px;\n}\n\n.aufrufanzeige .wartende_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartende_text {\n background: #fff;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartende_aktuell #wartende {\n background: #fff;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 52px;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_aktuell {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 2.4em;\n font-weight: bold;\n}\n\n.aufrufanzeige .wartezeit_text {\n background: #e0e9f2;\n margin-top: 3px;\n padding: 5px 0;\n}\n\n.aufrufanzeige .wartezeit_aktuell #wartezeit {\n background: #e0e9f2;\n margin-top: 3px;\n font-family: Arial, sans-serif;\n font-size: 35px;\n font-weight: bold;\n}\n\n.aufrufanzeige .uhr {\n width: 275px;\n position: absolute;\n top: 114px;\n left: 60px;\n}\n\n.aufrufanzeige .uhr #clock_medium, .aufrufanzeige .uhr #clock_big {\n display: none;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum {\n text-align: center;\n width: 275px;\n font-family: Arial, sans-serif;\n font-size: 24px;\n font-weight: bold;\n position: absolute;\n top: 370px;\n left: 40px;\n}\n\n.aufrufanzeige .aufrufanzeige_text {\n text-align: center;\n width: 234px;\n padding: 18px 0 0 6px;\n font-family: Arial, sans-serif;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 89px;\n left: 1087px;\n}\n\n.aufrufanzeige .infotext-content {\n margin-left: 30px;\n}\n\n.aufrufanzeige .infotext {\n background: #f2f6fa;\n width: 100%;\n padding: 10px 40px;\n font-size: 2em;\n font-weight: normal;\n line-height: 26px;\n position: absolute;\n top: 77px;\n}\n\n#infoicon {\n background: url(\"info-icon.ed72a8fe.svg\") 0 0 / cover no-repeat;\n width: 21px;\n height: 21px;\n font-size: 36px;\n position: absolute;\n}\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig {\n float: none;\n width: 200px;\n margin: auto auto auto 80px;\n}\n\ndiv.aufrufanzeige_anzeigebereich_zweizeilig {\n float: left;\n margin-top: auto;\n}\n\n.aufrufanzeige .aufrufanzeige_main {\n position: absolute;\n top: 135px;\n left: 15%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf {\n border-spacing: 0;\n table-layout: fixed;\n width: 570px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th {\n color: #fff;\n text-align: center;\n background: #005a9f;\n border-top: 3px solid #c8d5e6;\n border-left: 3px solid #c8d5e6;\n border-right: 3px solid #c8d5e6;\n font-family: Arial, sans-serif;\n font-size: 36px;\n font-weight: bold;\n line-height: 45px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 50%;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td {\n color: #000;\n text-align: left;\n background: #ffffff80;\n border-top: 3px solid #c8d5e6;\n border-left: 3px solid #c8d5e6;\n border-right: 3px solid #c8d5e6;\n padding: 8px 0 8px 14px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf .odd td {\n background: #f2f6fa;\n}\n\n.description_de {\n text-align: left;\n padding: 8px 8px 4px 16px;\n font-size: 18px;\n font-weight: bold;\n line-height: 18px;\n}\n\n.description_eng {\n text-align: left;\n padding: 4px 8px 8px 16px;\n font-size: 18px;\n font-weight: normal;\n line-height: 18px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight.called span {\n color: #3a5368;\n}\n\nspan.terminkundenanzeige {\n font-size: 30px;\n font-weight: normal;\n line-height: 35px;\n}\n\nspan.wartenummer {\n font-size: 50px;\n line-height: 72px;\n}\n\nspan.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.abholeranzeige {\n font-size: 50px;\n line-height: 60px;\n}\n\nspan.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n}\n\ndiv.aber_zweispaltig {\n margin-left: 0;\n}\n\n.aufrufanzeige table.zweispaltig {\n width: 500px;\n}\n\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width: 45%;\n}\n\n.aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 4px solid #c8d5e6;\n}\n\n.zweispaltig span.terminkundennummer, .zweispaltig span.terminkundennummer.abholeranzeige, .zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 72px;\n}\n\n.puffer {\n padding-left: 10px;\n}\n\ndiv.columns-3 {\n width: 100% !important;\n margin-left: -300px !important;\n}\n\ndiv.columns-3 table {\n width: 100% !important;\n}\n\n@media screen and (width >= 1820px) {\n div.columns-3 {\n margin-left: -500px !important;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n div.columns-3 {\n width: 130% !important;\n }\n}\n\n.debug {\n color: #000;\n margin-left: 20px;\n font-size: 12px;\n line-height: 16px;\n position: absolute;\n top: 1100px;\n}\n\nbody.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_behoerde_80.92ef8db0.png\") 0 0 repeat-x !important;\n}\n\n@media screen and (width <= 900px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_behoerde_80.34071b8c.png\") 0 0 repeat-x !important;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920_behoerde_80.6d94fc72.png\") 0 0 repeat-x !important;\n }\n}\n\n@media screen and (width >= 1820px) {\n body.noInfoColumn {\n background: #c8d5e6 url(\"background_anzeige1_1920_behoerde_80.ea86ad30.png\") 0 0 repeat-x !important;\n }\n}\n\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n@media screen and (width <= 900px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch.049e589c.png\") 0 0 repeat-x;\n }\n\n .aufrufanzeige .uhr {\n width: 275px;\n top: 154px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 275px;\n font-size: 20px;\n top: 410px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 155px;\n left: 222px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 376px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n line-height: 26px;\n top: 699px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 450px;\n left: 15px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 275px;\n font-size: 20px;\n }\n\n span.terminkundennummer {\n font-size: 60px;\n line-height: 60px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height: 45px;\n }\n\n span.abholeranzeige {\n font-size: 30px;\n line-height: 40px;\n }\n}\n\n@media screen and (width >= 900px) and (width <= 1180px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_hoch_1920.7be93f97.png\") 0 0 repeat-x;\n height: 1920px;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 350px;\n top: 223px;\n left: 40px;\n }\n\n .aufrufanzeige .uhr #clock {\n display: none;\n }\n\n .aufrufanzeige .uhr #clock_medium {\n display: block;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 350px;\n font-size: 28px;\n top: 575px;\n left: 21px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 216px;\n left: 344px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #c8d5e6;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width: 61.5%;\n }\n\n .aufrufanzeige table.einspaltig {\n width: 530px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 350px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 350px;\n line-height: 26px;\n top: 985px;\n left: 28px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 625px;\n left: 15px;\n }\n\n .aufrufanzeige_text img {\n height: 260px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 350px;\n font-size: 26px;\n }\n\n span.terminkundennummer.abholeranzeige.abholeranzeige {\n font-size: 40px;\n line-height: 40px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 50px;\n }\n}\n\n@media screen and (width >= 1820px) {\n body {\n background: #c8d5e6 url(\"background_anzeige1_1920.461afab7.png\") 0 0 repeat-x;\n width: 1920px;\n height: 1080px;\n overflow: hidden;\n }\n\n #main-header .adressangabe {\n font-size: 3em;\n top: 22px;\n left: 54px;\n }\n\n .aufrufanzeige .uhr {\n width: 400px;\n top: 160px;\n left: 47px;\n }\n\n .aufrufanzeige .uhr #clock {\n display: none;\n }\n\n .aufrufanzeige .uhr #clock_big {\n display: block !important;\n }\n\n .aufrufanzeige .aufrufanzeige_Datum {\n width: 400px;\n font-size: 32px;\n top: 580px;\n }\n\n .aufrufanzeige .aufrufanzeige_main {\n top: 162px;\n left: 554px;\n }\n\n span.terminkundennummer, span.wartenummer {\n font-size: 80px;\n line-height: 80px;\n }\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height: 65px;\n }\n\n span.abholeranzeige {\n font-size: 70px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width: 745px;\n }\n\n .aufrufanzeige .aufrufanzeige_text {\n width: 361px;\n line-height: 26px;\n top: 104px;\n left: 1535px;\n }\n\n .aufrufanzeige_text img {\n height: 244px;\n }\n\n .aufrufanzeige .waitingColumn {\n top: 630px;\n }\n\n .aufrufanzeige .wartende_aktuell, .aufrufanzeige .wartezeit_aktuell {\n width: 400px;\n font-size: 32px;\n }\n\n div.aber_zweispaltig {\n margin-left: -25px;\n }\n\n .aufrufanzeige table.zweispaltig {\n width: 440px;\n }\n\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width: 60%;\n }\n\n .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td {\n border-right: 6px solid #c8d5e6;\n }\n\n .zweispaltig span.terminkundennummer {\n font-size: 40px;\n }\n\n .puffer {\n padding-left: 40px;\n }\n}\n\n.footer {\n width: 800px;\n position: absolute;\n top: 630px;\n left: 0;\n}\n\n#animate-container {\n color: #fff;\n white-space: nowrap;\n background-color: #005a9f;\n width: 200%;\n padding: 10px 0;\n font-size: 70px;\n font-weight: 700;\n animation-name: text-indent-animate;\n animation-duration: 60s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-direction: reverse;\n overflow: hidden;\n}\n\n#animate-container:hover {\n animation-play-state: paused;\n}\n\n@keyframes text-indent-animate {\n 0% {\n text-indent: -200%;\n }\n\n 100% {\n text-indent: 100%;\n }\n}\n\n/*# sourceMappingURL=calldisplay.css.map */\n","@import \"settings\";\n\n/**\n * Import our css\n */\n\n// Main site grid and global layout rules\n\n@import \"layout/main\";\n\n// Element rules\n@import \"element/ring\";\n// Block rules\n@import \"block/alerts\";\n@import \"block/message\";\n@import \"block/exception\";\n@import \"block/aufrufanzeige\";\n@import \"block/tabellen\";\n@import \"block/debug\";\n@import \"layout/media\";\n@import \"block/footer\";\n","/**\n * OUR SETTINGS\n */\n\n// Colors\n$white: #ffffff;\n$black: #000000;\n$red: #DE1027;\n$blue: #005A9F;\n\n$backgroundLight: #E0E9F2;\n$borderLight: #C8D5E6;\n\n$baseTextColor: #3A5368;\n\n// Dimensions\n$pageMaxWidth: 1920px;\n$pageMaxHeight:\t\t\t\t\t1080px;\n$contentMaxWidth: 800px;\n\n// Fonts\n$base-font-family:\t\t\t\tArial, sans-serif;\n$base-font-size:\t\t\t\t10px;\n\n$alert-font-size:\t\t\t\t12px;\n$alert-line-height:\t\t\t\t16px;\n","// Base site layout and grid\n\n#main {\n margin: 0;\n max-width: $pageMaxWidth;\n padding: 0;\n background-color: $white;\n}\n\nhtml {\n font-family: $base-font-family;\n font-size:\t\t\t$base-font-size;\n font-weight:\t\tbold;\n display:\t\t\tblock;\n color:\t\t\t\t$baseTextColor;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n}\n\nbody {\n\twidth: \t\t\t\t$pageMaxWidth;\n height: \t\t\t$pageMaxHeight;\n overflow: \t\t hidden;\n margin:\t\t\t\t0;\n padding:\t\t\t0;\n background: \t\turl(img/background_anzeige1.png) top left repeat-x $white;\n}\n","#ring {\n\tdisplay:none;\n}",".alert {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n}\n\n.alert.alert-info {\n\tbackground-color: \t$backgroundLight;\n border-radius: \t\t4px;\n color: \t\t\t\t$black;\n padding: \t\t\t.7em 1em;\n margin-bottom: \t\t1.385em;\n text-shadow: \t\t0 1px 0 rgba(255,255,255,0.5);\n border: \t\t\t1px solid #c0e1f2;\n}\n\n.devhint {\n\tposition:absolute;\n\tright:10px;\n\ttop:10px;\n\twidth:300px;\n}\n\n.textile {\n\twidth:\t\t\t\t$contentMaxWidth;\n\tfont-size:\t\t\t14px;\n\tline-height:\t\t18px;\n}","$messageBackgroundColor: #F4F4F4 !default;\n$messageInfoBackgroundColor: #fffbd5 !default;\n$messageErrorBackgroundColor: #FFE4E4 !default;\n$messageSuccessBackgroundColor: #E0F0D9 !default;\n$messagePadding: 0.75em 1em 1em 1em;\n\n\n.message {\n font-size: 2.5em;\n margin-left: 80px;\n width: 702px;\n border: 1px solid darken($messageBackgroundColor,10%);\n background-color: $messageBackgroundColor;\n padding: 1em 10px 1em 10px;\n margin: 1em 0 1em 80px;\n text-align: center;\n display: block;\n .title {\n margin-top: 0;\n margin-bottom: 0.25em;\n }\n > *:first-child {\n margin-top: 0;\n }\n > *:last-child {\n margin-bottom: 0;\n }\n}\n\n.message-info {\n @extend .message;\n //border-color: darken($messageInfoBackgroundColor,40%);\n background-color: $messageInfoBackgroundColor;\n}\n\n.message-error {\n @extend .message;\n border-color: darken($messageErrorBackgroundColor,10%);\n background-color: $messageErrorBackgroundColor;\n}\n\n.message-success {\n @extend .message;\n border-color: darken($messageSuccessBackgroundColor,10%);\n background-color: $messageSuccessBackgroundColor\n}\n\n.message-hide {\n display: none;\n}\n",".textile.exception, .textile.alert {\n\tposition:relative;\n\tleft:40px;\n\ttop:100px;\n\twidth:800px;\n\tbox-sizing:border-box;\n}\n\n.exception table, .exception iframe, .exception pre {\n\twidth:800px !important;\n}",".aufrufanzeige\n{\n background:transparent;\n height:758px;\n left:0;\n position:absolute;\n top:0;\n width:100%;\n}\n\n.hiddencursor, button, input, select {\n cursor: url(img/invisible_Mauszeiger.cur),crosshair !important;\n}\n\n/* ----------------------------------------------\n Adresse\n---------------------------------------------- */\n#main-header .adressangabe\n{\n color: $white;\n font-size:2.2em;\n font-family: $base-font-family;\n font-weight:bold;\n left:38px;\n position: absolute;\n top:14px;\n}\n#main-header .adressangabe .adressangabe_adresse\n{\n display:none;\n}\n\n/* ----------------------------------------------\n Wartende & Wartezeit\n---------------------------------------------- */\n\n.waitingColumn {\n position: absolute;\n left: 40px; \n top: 420px; \n}\n.aufrufanzeige .wartende_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartende_text {\n\tbackground:$white;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartende_aktuell #wartende\n{\n font-size:52px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$white;\n}\n\n.aufrufanzeige .wartezeit_aktuell\n{\n font-size:2.4em;\n font-family: Arial, sans-serif;\n font-weight:bold;\n text-align:center;\n width:275px;\n}\n.aufrufanzeige .wartezeit_text {\n margin-top:3px;\n\tbackground:$backgroundLight;\n\tpadding:5px 0px;\n}\n.aufrufanzeige .wartezeit_aktuell #wartezeit\n{\n font-size:35px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n margin-top:3px;\n background:$backgroundLight;\n}\n\n/* ----------------------------------------------\n Uhr und Datum\n---------------------------------------------- */\n.aufrufanzeige .uhr\n{\n position: absolute;\n left:60px;\n top:114px;\n width:275px;\n }\n.aufrufanzeige .uhr #clock_medium,\n.aufrufanzeige .uhr #clock_big {\n display:none;\n}\n\n.aufrufanzeige .aufrufanzeige_Datum\n{\n font-size:24px;\n font-family: Arial, sans-serif;\n font-weight:bold;\n position:absolute;\n text-align:center;\n font-size:24px;\n left:40px;\n top:370px;\n width:275px;\n}\n\n\n/* ----------------------------------------------\n Text & Logo\n---------------------------------------------- */\n.aufrufanzeige .aufrufanzeige_text\n{\n font-size:2em;\n font-family: Arial, sans-serif;\n font-weight:normal;\n line-height:26px;\n padding: 18px 0 0 6px;\n position: absolute;\n text-align:center;\n left: 1087px;\n top:89px;\n width: 234px;\n}\n\n.aufrufanzeige .infotext-content {\n margin-left: 30px;\n}\n\n.aufrufanzeige .infotext\n{\n top: 77px;\n position: absolute;\n padding: 10px 40px;\n font-size:2em;\n font-weight:normal;\n line-height:26px;\n width: 100%;\n background: #F2F6FA;\n}\n\n#infoicon {\n background: url(img/info-icon.svg) top left no-repeat;\n width: 21px;\n height: 21px;\n font-size: 36px;\n position: absolute;\n background-size: cover;\n}","/* ----------------------------------------------\n Aufruf-Tabelle\n---------------------------------------------- */\n\ndiv.aufrufanzeige_anzeigebereich_einzeilig\n{\n\tfloat:none;\n\tmargin: auto;\n margin-left:80px;\n width: 200px;\n}\ndiv.aufrufanzeige_anzeigebereich_zweizeilig\n{\n\tfloat:left;\n\tmargin-top: auto;\n/* margin-right:3%;*/\n}\n\n\n.aufrufanzeige .aufrufanzeige_main\n{\n left: 15%;\n position: absolute;\n top: 135px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf\n{\n border-spacing:0;\n table-layout:fixed;\n width:570px;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th\n{\n background: $blue;\n border-right: 3px solid $borderLight;\n border-left: 3px solid $borderLight;\n border-top: 3px solid $borderLight;\n color: $white;\n font-size: 36px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n line-height: 45px;\n text-align:center;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:50%;\n}\n.aufrufanzeige table.aufrufanzeige_aufruf td\n{\n background: rgba(255,255,255,0.5);\n color: $black;\n border-right: 3px solid $borderLight;\n border-left: 3px solid $borderLight;\n border-top: 3px solid $borderLight;\n /*font-size: 70px;\n line-height: 108px;*/\n font-family: Arial, sans-serif;\n font-weight: bold;\n text-align: left;\n padding:8px 0px;\n padding-left: 14px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf .odd td {\n background: #F2F6FA;\n}\n\n.description_de {\n font-size: 18px;\n font-weight: bold;\n text-align: left;\n line-height: 18px;\n padding: 8px 8px 4px 16px;\n}\n\n.description_eng {\n font-size: 18px;\n font-weight: normal;\n text-align: left;\n line-height: 18px;\n padding: 4px 8px 8px 16px;\n}\n\n.aufrufanzeige table.aufrufanzeige_aufruf td div.highlight {\n &.called span {\n color: $baseTextColor;\n }\n}\n\nspan.terminkundenanzeige\n{\n\tfont-weight: normal;\n\tfont-size: 30px;\n line-height: 35px;\n}\nspan.wartenummer\n{\n font-size: 50px;\n line-height: 72px;\n}\nspan.terminkundennummer\n{\n\tfont-size: 60px;\n line-height: 60px;\n}\nspan.terminkundennummer.abholeranzeige\n{\n\tfont-size: 50px;\n line-height: 60px;\n}\nspan.terminkundennummer.smallerFont8Chars {\n\tfont-size: 45px;\n\tline-height:45px;\n}\n\n/* ----------------------------------------------\n Aufruf-Tabelle, zweispaltig\n---------------------------------------------- */\n\ndiv.aber_zweispaltig {\n margin-left:0px;\n}\n.aufrufanzeige table.zweispaltig {\n width:500px;\n}\n.aufrufanzeige table.zweispaltig th.wartenummer {\n width:45%;\n}\n.aufrufanzeige table.zweispaltig th,\n.aufrufanzeige table.zweispaltig td {\n border-right:4px solid $borderLight;\n}\n.zweispaltig span.terminkundennummer {\n font-size: 50px;\n line-height: 72px;\n}\n.zweispaltig span.terminkundennummer.abholeranzeige\n{\n font-size: 50px;\n line-height: 72px;\n}\n.zweispaltig span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height: 72px;\n}\n.puffer {padding-left:10px;}\n\n/* ----------------------------------------------\n Bei mehr als 2 Spalten\n---------------------------------------------- */\n\ndiv.columns-3 {\n\tmargin-left:-300px !important;\n\twidth:100% !important;\n}\n\ndiv.columns-3 table {\n\twidth:100% !important;\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n\tdiv.columns-3 {\n\t\tmargin-left:-500px !important;\n\t}\n}\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n\tdiv.columns-3 {\n\t\twidth:130% !important;\n\t}\n}\n",".debug {\n\tfont-size: \t\t\t$alert-font-size;\n\tline-height: \t\t$alert-line-height;\n\tcolor:\t\t\t\t$black;\n\tmargin-left:\t\t20px;\n\tposition:\t\t\tabsolute;\n\ttop:\t\t\t\t1100px;\n}","/* ----------------------------------------------\n Infospalte verstecken\n---------------------------------------------- */\nbody.noInfoColumn{\n background: url(img/background_anzeige1_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n}\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body.noInfoColumn{\n background: url(img/background_anzeige1_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important;\n }\n}\nbody.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf {\n table-layout: auto !important;\n}\n\n/* ----------------------------------------------\n Spezial-Groessen\n---------------------------------------------- */\n@media screen and (max-width:900px) { /* 768 * 1366 */\n body{\n background: url(img/background_anzeige1_hoch.png) top left repeat-x #C8D5E6;\n }\n .aufrufanzeige .uhr {\n left:21px;\n top:154px;\n width:275px;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:20px;\n left:21px;\n top:410px;\n width:275px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:222px;\n top:155px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 4px solid #C8D5E6;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 20px;\n line-height: 37px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:376px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:699px;\n }\n .aufrufanzeige .waitingColumn {\n top:450px;\n left:15px;\n }\n .aufrufanzeige .wartende_aktuell {\n font-size:20px;\n width:275px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:20px;\n width:275px;\n }\n\n\tspan.terminkundennummer\n\t{\n\t\tfont-size: 60px;\n\t\tline-height:60px;\n\t}\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 45px;\n line-height:45px;\n }\n\n\tspan.abholeranzeige\n\t{\n\t\tfont-size: 30px;\n\t line-height: 40px;\n\t}\n}\n\n\n@media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */\n body{\n background: url(img/background_anzeige1_hoch_1920.png) top left repeat-x #C8D5E6;\n height:1920px;\n }\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n .aufrufanzeige .uhr {\n left:40px;\n top:223px;\n width:350px;\n }\n .aufrufanzeige .uhr #clock {\n display:none;\n }\n .aufrufanzeige .uhr #clock_medium {\n display:block;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:28px;\n left:21px;\n top:575px;\n width:350px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:344px;\n top:216px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf td,\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n border-right: 6px solid #C8D5E6;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n line-height: 54px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer {\n width:61.5%;\n }\n .aufrufanzeige table.einspaltig {\n width:530px;\n }\n .aufrufanzeige table.zweispaltig {\n width:350px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 28px;\n top:985px;\n width:350px;\n }\n .aufrufanzeige .waitingColumn {\n top:625px;\n left:15px;\n }\n .aufrufanzeige_text img {height:260px;}\n .aufrufanzeige .wartende_aktuell {\n font-size:26px;\n width:350px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:26px;\n width:350px;\n }\n span.terminkundennummer.abholeranzeige.abholeranzeige\n\t{\n\t\tfont-size: 40px;\n\t line-height: 40px;\n\t}\n\n span.terminkundennummer.smallerFont8Chars {\n font-size: 50px;\n line-height:50px;\n }\n}\n\n@media screen and (min-width:1820px) { /* 1920 * 1080 */\n body{\n background: url(img/background_anzeige1_1920.png) top left repeat-x #C8D5E6;\n width:1920px;\n height:1080px;\n overflow: hidden;\n }\n #main-header .adressangabe {\n font-size:3em;\n left:54px;\n top:22px;\n }\n .aufrufanzeige .uhr {\n left:47px;\n top:160px;\n width:400px;\n }\n .aufrufanzeige .uhr #clock {\n display:none;\n }\n .aufrufanzeige .uhr #clock_big {\n display:block !important;\n }\n .aufrufanzeige .aufrufanzeige_Datum {\n font-size:32px;\n top:580px;\n width:400px;\n }\n .aufrufanzeige .aufrufanzeige_main {\n left:554px;\n top:162px;\n }\n span.terminkundennummer, span.wartenummer {\n font-size:80px;\n line-height:80px;\n }\n span.terminkundennummer.smallerFont8Chars {\n font-size: 65px;\n line-height:65px;\n }\n span.abholeranzeige\n\t{\n\t\tfont-size: 70px;\n\t}\n .aufrufanzeige table.aufrufanzeige_aufruf th {\n font-size: 32px;\n }\n .aufrufanzeige table.aufrufanzeige_aufruf {\n width:745px;\n }\n .aufrufanzeige .aufrufanzeige_text {\n line-height:26px;\n left: 1535px;\n top:104px;\n width:361px;\n }\n .aufrufanzeige_text img {height:244px;}\n\n .aufrufanzeige .waitingColumn {\n top:630px;\n }\n .aufrufanzeige .wartende_aktuell {\n font-size:32px;\n width:400px;\n }\n\n .aufrufanzeige .wartezeit_aktuell {\n font-size:32px;\n width:400px;\n }\n\n div.aber_zweispaltig {\n margin-left:-25px;\n }\n .aufrufanzeige table.zweispaltig {\n width:440px;\n }\n .aufrufanzeige table.zweispaltig th.wartenummer {\n width:60%;\n }\n .aufrufanzeige table.zweispaltig th,\n .aufrufanzeige table.zweispaltig td {\n border-right:6px solid #C8D5E6;\n }\n .zweispaltig span.terminkundennummer {\n font-size:40px;\n }\n .puffer {padding-left:40px;}\n}\n",".footer {\n\tposition:absolute;\n\tleft:0px;\n\ttop:630px;\n\twidth:800px;\n}\n\n#animate-container {\n background-color: $blue;\n color: #ffffff;\n font-size: 70px;\n font-weight: 700;\n white-space: nowrap;\n overflow: hidden;\n padding: 10px 0;\n width: 200%;\n\n animation-name: text-indent-animate;\n animation-duration: 60s;\n animation-timing-function: linear;\n animation-direction: reverse;\n animation-iteration-count: infinite;\n}\n\n#animate-container:hover {\n animation-play-state: paused;\n}\n\n@keyframes text-indent-animate {\n 0% {\n text-indent: -200%;\n }\n\n 100% {\n text-indent: 100%;\n }\n}\n"],"names":[],"version":3,"file":"calldisplay.css.map"} \ No newline at end of file diff --git a/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg b/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg new file mode 100644 index 000000000..ff6cf5e8d --- /dev/null +++ b/zmscalldisplay/public/_css/info-icon.ed72a8fe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/zmscalldisplay/scss/block/aufrufanzeige.scss b/zmscalldisplay/scss/block/aufrufanzeige.scss index 3dd7bc5e4..c93cb9258 100644 --- a/zmscalldisplay/scss/block/aufrufanzeige.scss +++ b/zmscalldisplay/scss/block/aufrufanzeige.scss @@ -1,23 +1,3 @@ -/* ---------------------------------------------- - qr code ----------------------------------------------- */ -.qrCode--Headline { - text-align: center; - background: #fff; - font-family: Arial,sans-serif; - font-size: 32px; - font-weight: 700; - line-height: 45px; - margin-bottom: 3px; - margin-top: 0px; -} -.qrContainer { - background: #fff; -} - -/* ---------------------------------------------- - aufrufanzeige ----------------------------------------------- */ .aufrufanzeige { background:transparent; @@ -56,8 +36,8 @@ .waitingColumn { position: absolute; - left: 50px; - top: 450px; + left: 40px; + top: 420px; } .aufrufanzeige .wartende_aktuell { @@ -108,11 +88,14 @@ .aufrufanzeige .uhr { position: absolute; - left:55px; - top:105px; + left:60px; + top:114px; width:275px; - height:275px; } +.aufrufanzeige .uhr #clock_medium, +.aufrufanzeige .uhr #clock_big { + display:none; +} .aufrufanzeige .aufrufanzeige_Datum { @@ -122,14 +105,14 @@ position:absolute; text-align:center; font-size:24px; - left:50px; - top:390px; + left:40px; + top:370px; width:275px; } /* ---------------------------------------------- - Text & Logo|QrCode + Text & Logo ---------------------------------------------- */ .aufrufanzeige .aufrufanzeige_text { @@ -142,11 +125,30 @@ text-align:center; left: 1087px; top:89px; - width: 265px; + width: 234px; } -.aufrufanzeige_text .qrContainer +.aufrufanzeige .infotext-content { + margin-left: 30px; +} + +.aufrufanzeige .infotext { + top: 77px; + position: absolute; + padding: 10px 40px; + font-size:2em; + font-weight:normal; + line-height:26px; width: 100%; - text-align: center; + background: #F2F6FA; +} + +#infoicon { + background: url(img/info-icon.svg) top left no-repeat; + width: 21px; + height: 21px; + font-size: 36px; + position: absolute; + background-size: cover; } \ No newline at end of file diff --git a/zmscalldisplay/scss/block/footer.scss b/zmscalldisplay/scss/block/footer.scss new file mode 100644 index 000000000..cdb438c90 --- /dev/null +++ b/zmscalldisplay/scss/block/footer.scss @@ -0,0 +1,37 @@ +.footer { + position:absolute; + left:0px; + top:630px; + width:800px; +} + +#animate-container { + background-color: $blue; + color: #ffffff; + font-size: 70px; + font-weight: 700; + white-space: nowrap; + overflow: hidden; + padding: 10px 0; + width: 200%; + + animation-name: text-indent-animate; + animation-duration: 60s; + animation-timing-function: linear; + animation-direction: reverse; + animation-iteration-count: infinite; +} + +#animate-container:hover { + animation-play-state: paused; +} + +@keyframes text-indent-animate { + 0% { + text-indent: -200%; + } + + 100% { + text-indent: 100%; + } +} diff --git a/zmscalldisplay/scss/block/tabellen.scss b/zmscalldisplay/scss/block/tabellen.scss index 40febab3b..f70d21930 100644 --- a/zmscalldisplay/scss/block/tabellen.scss +++ b/zmscalldisplay/scss/block/tabellen.scss @@ -5,6 +5,8 @@ div.aufrufanzeige_anzeigebereich_einzeilig { float:none; + margin: auto; + margin-left:80px; width: 200px; } div.aufrufanzeige_anzeigebereich_zweizeilig @@ -17,25 +19,24 @@ div.aufrufanzeige_anzeigebereich_zweizeilig .aufrufanzeige .aufrufanzeige_main { - left: 370px; + left: 15%; position: absolute; - top: 105px; - width: 980px; - height: 880px; - overflow-y: auto; + top: 135px; } .aufrufanzeige table.aufrufanzeige_aufruf { border-spacing:0; table-layout:fixed; - width:700px; + width:570px; } .aufrufanzeige table.aufrufanzeige_aufruf th { - background: $white; - border-right: 20px solid $borderLight; + background: $blue; + border-right: 3px solid $borderLight; + border-left: 3px solid $borderLight; border-top: 3px solid $borderLight; + color: $white; font-size: 36px; font-family: Arial, sans-serif; font-weight: bold; @@ -47,21 +48,43 @@ div.aufrufanzeige_anzeigebereich_zweizeilig } .aufrufanzeige table.aufrufanzeige_aufruf td { - background: $backgroundLight; + background: rgba(255,255,255,0.5); color: $black; - border-right: 20px solid $borderLight; + border-right: 3px solid $borderLight; + border-left: 3px solid $borderLight; border-top: 3px solid $borderLight; /*font-size: 70px; line-height: 108px;*/ font-family: Arial, sans-serif; font-weight: bold; - text-align:center; + text-align: left; padding:8px 0px; + padding-left: 14px; +} + +.aufrufanzeige table.aufrufanzeige_aufruf .odd td { + background: #F2F6FA; +} + +.description_de { + font-size: 18px; + font-weight: bold; + text-align: left; + line-height: 18px; + padding: 8px 8px 4px 16px; +} + +.description_eng { + font-size: 18px; + font-weight: normal; + text-align: left; + line-height: 18px; + padding: 4px 8px 8px 16px; } .aufrufanzeige table.aufrufanzeige_aufruf td div.highlight { &.called span { - color: $red; + color: $baseTextColor; } } @@ -73,8 +96,8 @@ span.terminkundenanzeige } span.wartenummer { - font-size: 60px; - line-height: 60px; + font-size: 50px; + line-height: 72px; } span.terminkundennummer { @@ -90,21 +113,6 @@ span.terminkundennummer.smallerFont8Chars { font-size: 45px; line-height:45px; } -span.longrange { - font-size:70px; -} -.zweispaltig span.longrange { - font-size:30px; -} -span.standalone { - font-size:60px; -} - -.zweispaltig span.terminkundennummer, -.zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 50px; - line-height: 50px; -} /* ---------------------------------------------- Aufruf-Tabelle, zweispaltig @@ -114,34 +122,30 @@ div.aber_zweispaltig { margin-left:0px; } .aufrufanzeige table.zweispaltig { - width:340px; + width:500px; } .aufrufanzeige table.zweispaltig th.wartenummer { - width:60%; + width:45%; } .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td { border-right:4px solid $borderLight; } .zweispaltig span.terminkundennummer { - font-size:50px; - line-height: 50px; + font-size: 50px; + line-height: 72px; } .zweispaltig span.terminkundennummer.abholeranzeige { - font-size: 30px; - line-height: 30px; + font-size: 50px; + line-height: 72px; } .zweispaltig span.terminkundennummer.smallerFont8Chars { - font-size: 40px; - line-height: 40px; + font-size: 50px; + line-height: 72px; } .puffer {padding-left:10px;} -table.zweispaltig td.platznummer span.destination { - font-size:30px; -} - /* ---------------------------------------------- Bei mehr als 2 Spalten ---------------------------------------------- */ diff --git a/zmscalldisplay/scss/calldisplay.scss b/zmscalldisplay/scss/calldisplay.scss index 53ed26ea6..41150079e 100644 --- a/zmscalldisplay/scss/calldisplay.scss +++ b/zmscalldisplay/scss/calldisplay.scss @@ -17,5 +17,5 @@ @import "block/aufrufanzeige"; @import "block/tabellen"; @import "block/debug"; -@import "block/clock"; @import "layout/media"; +@import "block/footer"; diff --git a/zmscalldisplay/scss/img/background_anzeige1.png b/zmscalldisplay/scss/img/background_anzeige1.png index 82cc710111f144238582528f6c13adf414621979..0168cd6b14415754fc00b52e0fdabf3237b4db78 100644 GIT binary patch literal 799 zcmeAS@N?(olHy`uVBq!ia0y~yU=3qnU}j)s28w+Bu&xnEF%}28J2BoosZ$T+a29w( z7BevDDT6R$#Zvn+pded-Plzi+)cg}ypGnl}?OVs~~rjI~p4FP7D#HwJry>U!Bg) Q)CDC@Pgg&ebxsLQ0O}!uv;Y7A literal 4161 zcmeHKdr(tX8o#2^Zd{7C0t=OuwmvXHVO+p1YXvHyG75x8E=1*N9&T_=5JCt=5@eJD zwN^q6re=dWi^{!58wHey*wqRNC?W}z#1P&gfsh~|q=?xIwiY{WhtBNojNSd?o;&CF zedl-2`Of$K&bhhx;18|Qj%WY?tOK|EhXDWz1b~IWYYP!%va`{Iyc|++Q7PecN(w9f zAQ|u@(G$qdfq#pqlEcXHBzBUNyajO*;de&h>J|OE;qi_)Tr3t#Kj7FO6l2USG}qpp zxFa3q9vkuv?|j>{*9YJ2zU`@|+Ze|fSmrX-)vHfrkCuq1jU&^h$0PhR=7(*A?zn+H ziQ{F}Ped2Tj(_oOlYE4csdL^ulzw#La>YaS;4nU+qtDc&()A9Gwssmi`b}+}h5^HP zuYUAi`#|#}y|h&;?-*=o)2jQ7T>~SX+7Vf+7Jsgd001_B4)phnNK+1}bqAFoz-^Yh z7Tkg^{fHjTb*y$)Ff67DMmhCBjvmHA3 z7a~ev@WO&xN%QbtGMN1YG~RrN-@NZMwXE%cMv8f`j|WFd8OaZHD_h6CZ_0H(K1yrs zRqv{|%2YiubXyj43xuY)HPKGDZ3nXgRN|;0zHXIxM^McvYSYn>PsrzWSi8@OL3L0~ z@AR}j_r$&vihGk?F<{nOEC`G9H^8HQ&vshMS6svOxed5A_>B33yXi_pb271vgz`}D zwS)UIRN^l(E_iFO%F0SeZK5!k0buqP=xSA{(Lgx~TRsex=hdztIxS{}dVCVQygK)6 zF;nE4f=u3ZbDhJG=z{*n)Gm>XCO<&$&Y4Q8%q$bEvG3lYTg!EYbVrAkvtz$NzG@cpx)mC4TO zP8=aJa`n1R-)yi>xXrBaSh_5;1*T3g@)a)YNh=$thT@B?LyWRyC{&;rq6V}#SP@Z< zy_GJl8O`iRWF}rfwPt-;;|}!%RUV<)-Wh%v6JUON>mt0hu$E6Ke!GNyWUNI|_Cy1pLd-Y4zOjK; z{+0er#sCIG81)C=MZW9ex++>|M~tRNT9)A6;_C|i6nToC@T#DExcraZsf#~KoI*0j zWAx$QOB2%C*WbO8qgq(XynkQMFz!UM(XBC#9?ADVAX#?Bs=s z?W$@@yN0XvUlZStw>v%IfE|uQc?8v7W7Br+dR%*HG6NDw^zT|_@iDP~MNdU$ftjfQDw-FaN3z+G;1Valavaon+g&zfH)jP#MOKi;7aK25Sa2Cl#h8lMPagX&aA# z1o1Nh5k(?^3rM!UAlY`NcL8rcgHBs!GAiSR=xHBX{*FP6C;5$K^f#$$m_?=mu`yTqv zdq( zG^trIr~is4?K}hUF(LpzT{iP1m=m%8QaS!xC-w_j|BA2dh2YLyKYv!5U&TF}-^yOD zUyIY+{{O_*a{qs9|3)t)^HjiJd2B0PEogV3k44ofvPP)Tsw@I14-? ziy0X7ltGxWVyS%@P*60$C&ZN@YCc!kOy-EWg27WI0w)OsPdjn-+27wT=NK5cdp%to zLn`LHy}XgPi9y6QaM8kY7PmsFZ}N?d9KEyt#MmsaxtjfM6VNCE;KR=AUl_q^c5L#M zXK1)x;U|wp%LDs8%lQ%FHIECUt~H7y1hB9U@V{}G)}ZKfKtL^lL)f5&Q{oT{Pa;#B z0i*MbQQ^@r8BGwQxnZ;@7%d)0>xR*aakN!1+9VpX&BQVWi;b!bM>+O*fm*?yu6{1- HoD!M<$2k{X literal 8209 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 diff --git a/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_1920_behoerde_80.png index d4cc109e867cc4e82e1797ced2cea351fa3b7fea..ecb7fe57f5a6a3dfb4bec2bce1158c4f19372094 100644 GIT binary patch literal 3060 zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxV6k9f28u}iy;A_B7>k44ofvPP)Tsw@I14-? ziy0X7ltGxWVyS%@P>?^sC&ZN@YQ99^B$kLdVu6!STzwYVXrsr#z+LC*;uumf=k4W< zybT5n%m*2`4McvQKf<mdKI;Vst0PC<0TmS$7 literal 14982 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 literal 6982 zcmeHMX;4$i7QX89K~xasxiIP=QY^v}gX0R%BB1TeBHAsUv<3llOS3op5WsmUu!ENkAY`9W2x`lkEz>C@jm z=X|I8rW|y4R$KDT5&!_y_U&~#3;>H^0I {im#lZf{o)0PEEDIqmZNo;lJ}le(V0 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 diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920.png index c73fbba7ff7effabc82b994f0fb98e4c797d4c0b..9fa1e8c51e85f5ea5aa83a9aec04cfc02fb448b0 100644 GIT binary patch literal 4315 zcmeAS@N?(olHy`uVBq!ia0y~yV6k9eU~gby28!JD|78iJ7>k44ofvPP)Tsw@I14-? ziy0X7ltGxWVyS%@P*5nqC&ZN@YCdzsT&}R0e4*2&0wFS zZ*MyaHV25XI5stTI5Mey$Y*6O=KlI=WgctwjMsV6Kx420{V#Ln4lsRt$%v5Dc|SuA z!n6N0Q|^Gg#d3Bq_rR<<+z3?_w^$uzR0<~?aTH?r9A%6K!e~ku%>|>mU^Ewu=7P~& vFq#WSbHQjX7|jKvxnMLGjOKzNp9}JKuU)(3M`R;t7=yvn)z4*}Q$iB}!tw7e literal 8464 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 Np#wJiOZIuj{~bc9X^Q{= diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_1920_behoerde_80.png index 5b07c1cdba88eb610bf405afa3283b8126673ead..afc25f2857f9e84ca060d50358669c956215c44f 100644 GIT binary patch literal 4327 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 diff --git a/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png b/zmscalldisplay/scss/img/background_anzeige1_hoch_behoerde_80.png index 2295a4dc1a027eeac8f4d5bb635cf76b7e44a94f..86a65622b8648b17631880b5ea9ba07248da752b 100644 GIT binary patch literal 1449 zcmeAS@N?(olHy`uVBq!ia0y~yU<0%CJ+cc7nOOABIM2Z$D1KD-{jtNzWw{o z?>lo32l}rv&@-{qvpXo<41nb=Kc8hAzN&9)9pjd{SFf_=9c)=*G5==jSF%Q>FrV1-N6wFp%6_RN7y#Zs+B~KJK!m0N4w5b; z1QO7IWC#g`1n`iE*uxu^v3C%R4GM=G7x6iz*ZYL@RQK@M%ytX7CN@;5T9h_R#nXWX z0@-u{j)>_-p(PCjKsn^q8Z-nquw}q26l(dtUPaRseWf!O>x2%g;wn5|E2+Hm_&dfD zolrSfv3t?+TO!8A>pJT>Eom$D;O zMu1eOYWulrH&XO?r_exExIVZxTB4b8zIQiene7a;^Guf%P;B7A#Tn% z`$z9Lgih)zD_tW44c_otfZA|QEeZz~Z0(9`r|RY9NJ>@i(!2)GvgG2Pm9@LFT|OiK|aV@t@OIX+@E)Ka*u-B;Y=-re9|^W)$*&eGFaLp zT^<>KHfi6UuVsUxP~35$4cUHZEeG)+J8eEjxigbgX%w$_x8gpQy9~DIa?GO^8Pi!I z>XR5&SppKppIONxFWpMX;osp`JUTZ6*Pr-I_E|$0!yasxeM5Lg&B&6SPE_)g&9@3> zV~t9Eo-K6VuDrcfn1WwM-Pa|!5Ec;_>RC30Jsn6dCXjQTn70|f(FUEP=4TDBy&iGA zsG~~f={9%$Qq4flDl1@Q9y#w^{eqQU8}Z9jeWZ*mE!dWsVHFF`&Jx7OTQ}L{DXyLI z4$Rhe*>WbH$pcEIc%<}Tfw2?nyDvnhB418FVFhY;KjWwA<^I``$1N_`_l)A zYGI*E0N3^Q105Mlx-v)yX`A8lQi6F@e!YlW6_2x%^sUm@pY=;|fvWap?XGp7*fE|u zSc8YTo{lAsjH+^thTZ`I{ZMmEduZzvS0m7+oC-Z~q#CqDbcQQ`Je65J6Brpp)ado5 z`Ig%7ztza4nhW->NUjPxz=qGAUfaMUlL3fcsO3iRgr!@wC?o(UNI#GieAcv1J}up8 z^F{wn^}QNmj?_QfeL#blX{wNgysY!a@#aObDRCswUE7n7^f)5)os9Va z!pD_``H_n^^$gQjdfQJwNFKb@hZjfd1(vQPc5Lo#mx|<8P%~=2li(=Zjd8ssRDR zp%V4Vla-5;VJ}5r3<&GvGqis;ye(puT@aWhG3ZIn1l=`+&efVqg=IJY2tS<}>tz%I zThO9Vi?`>q8?1j3X&YsEI=dS5&~C4RGr@vlUP7B{*exJOYGJ#|=UH&unr7G2`M<@t z%75|lxlCnPL&Uw}y;0dw%i*%F6hEoueljz`Ru`2XD=`lw>$jCyV#nmC8uAb;%1!xF z>LfEQH``y>Iu(z4L%Tb+(6dcV8IDNAmK~z+&ye`ZI~MxjpJnW*2l*JJEL%Z(}^&RF> zXU5)ne<|J@+NcksYDb0D2mljCA*q*C_m6U2db<%ndQy3ZVb~u%RnUeS#-hgXRX?ed zHyW7X@sSh73i07uy~ToH{Nt+~Wg%kxY886&M)P5)AI+xvXJYb3Gj8*$pVUd988@j2 zT z6BzlR*c%oAHcp6;(AV_N;@AuSEjl*W|DZf + + + + diff --git a/zmscalldisplay/scss/img/mue_logo.png b/zmscalldisplay/scss/img/mue_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..802178948b4919970f7f497f56a070671334e63c GIT binary patch literal 14855 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 oBX{nzXvgE2)csw8Q`?$*IfMOIt+#KU~;fnE(I) literal 0 HcmV?d00001 diff --git a/zmscalldisplay/scss/layout/main.scss b/zmscalldisplay/scss/layout/main.scss index 8e430a7f3..b6b60f4db 100644 --- a/zmscalldisplay/scss/layout/main.scss +++ b/zmscalldisplay/scss/layout/main.scss @@ -23,5 +23,5 @@ body { overflow: hidden; margin: 0; padding: 0; - background: url(img/background_anzeige1.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1.png) top left repeat-x $white; } diff --git a/zmscalldisplay/scss/layout/media.scss b/zmscalldisplay/scss/layout/media.scss index 2e791bdaa..2c6018882 100644 --- a/zmscalldisplay/scss/layout/media.scss +++ b/zmscalldisplay/scss/layout/media.scss @@ -2,24 +2,23 @@ Infospalte verstecken ---------------------------------------------- */ body.noInfoColumn{ - background: url(img/background_anzeige1_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_behoerde_80.png) top left repeat-x #C8D5E6 !important; } @media screen and (max-width:900px) { /* 768 * 1366 */ body.noInfoColumn{ - background: url(img/background_anzeige1_hoch_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_hoch_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } @media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */ body.noInfoColumn{ - background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_hoch_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } @media screen and (min-width:1820px) { /* 1920 * 1080 */ body.noInfoColumn{ - background: url(img/background_anzeige1_1920_behoerde_80.png) top left no-repeat #C8D5E6 !important; + background: url(img/background_anzeige1_1920_behoerde_80.png) top left repeat-x #C8D5E6 !important; } } - body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { table-layout: auto !important; } @@ -29,57 +28,46 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { ---------------------------------------------- */ @media screen and (max-width:900px) { /* 768 * 1366 */ body{ - background: url(img/background_anzeige1_hoch.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_hoch.png) top left repeat-x #C8D5E6; } - .aufrufanzeige .uhr { - left: 21px; - top: 110px; - width: 275px; - height: 275px; + left:21px; + top:154px; + width:275px; } - .aufrufanzeige .aufrufanzeige_Datum { - font-size: 20px; - left: 21px; - top: 410px; - width: 275px; + font-size:20px; + left:21px; + top:410px; + width:275px; } - .aufrufanzeige .aufrufanzeige_main { - left: 330px; - top: 110px; + left:222px; + top:155px; } - .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th { border-right: 4px solid #C8D5E6; } - .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 20px; line-height: 37px; } - .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer { - width: 61.5%; + width:61.5%; } - .aufrufanzeige table.aufrufanzeige_aufruf { width:376px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 28px; top:699px; } - .aufrufanzeige .waitingColumn { top:450px; left:15px; } - .aufrufanzeige .wartende_aktuell { font-size:20px; width:275px; @@ -90,102 +78,84 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { width:275px; } - span.terminkundennummer { - font-size: 50px; - line-height: 45px; - } - - span.terminkundennummer.smallerFont8Chars { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer + { + font-size: 60px; + line-height:60px; + } - span.abholeranzeige { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer.smallerFont8Chars { + font-size: 45px; + line-height:45px; + } - span.terminkundenanzeige { - font-size: 25px; - line-height: 25px; - } + span.abholeranzeige + { + font-size: 30px; + line-height: 40px; + } } @media screen and (min-width:900px) and (max-width:1180px) { /* 1080 * 1920 */ body{ - background: url(img/background_anzeige1_hoch_1920.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_hoch_1920.png) top left repeat-x #C8D5E6; height:1920px; } - #main-header .adressangabe { font-size:3em; left:54px; top:22px; } - .aufrufanzeige .uhr { - left: 40px; - top: 160px; - width: 350px; - height: 350px; + left:40px; + top:223px; + width:350px; + } + .aufrufanzeige .uhr #clock { + display:none; + } + .aufrufanzeige .uhr #clock_medium { + display:block; } - .aufrufanzeige .aufrufanzeige_Datum { - font-size: 28px; - left: 35px; - top: 520px; - width: 350px; + font-size:28px; + left:21px; + top:575px; + width:350px; } - .aufrufanzeige .aufrufanzeige_main { - left:420px; - top:160px; + left:344px; + top:216px; } - .aufrufanzeige table.aufrufanzeige_aufruf td, .aufrufanzeige table.aufrufanzeige_aufruf th { border-right: 6px solid #C8D5E6; } - .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 32px; line-height: 54px; } - .aufrufanzeige table.aufrufanzeige_aufruf th.wartenummer { width:61.5%; } - .aufrufanzeige table.einspaltig { - width: 580px; + width:530px; } - .aufrufanzeige table.zweispaltig { - width:280px; + width:350px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 28px; top:985px; width:350px; } - .aufrufanzeige .waitingColumn { - top:580px; - left:35px; - } - - .aufrufanzeige_text img { - height: 260px; - } - - .aufrufanzeige_text .qrContainer { - width: 100%; - text-align: right; + top:625px; + left:15px; } - + .aufrufanzeige_text img {height:260px;} .aufrufanzeige .wartende_aktuell { font-size:26px; width:350px; @@ -201,90 +171,62 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { line-height: 40px; } - span.terminkundennummer.abholeranzeige.abholeranzeige { - font-size: 40px; - line-height: 40px; - } - - .zweispaltig span.terminkundennummer, - .zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 35px; - line-height: 35px; - } - - table.zweispaltig td.platznummer span.destination { - font-size: 25px; - } - - span.terminkundenanzeige { - font-size: 30px; - line-height: 30px; - } + span.terminkundennummer.smallerFont8Chars { + font-size: 50px; + line-height:50px; + } } @media screen and (min-width:1820px) { /* 1920 * 1080 */ body{ - background: url(img/background_anzeige1_1920.png) top left no-repeat #C8D5E6; + background: url(img/background_anzeige1_1920.png) top left repeat-x #C8D5E6; width:1920px; height:1080px; overflow: hidden; } - #main-header .adressangabe { font-size:3em; left:54px; top:22px; } - .aufrufanzeige .uhr { left:47px; top:160px; width:400px; - height:400px; } - + .aufrufanzeige .uhr #clock { + display:none; + } + .aufrufanzeige .uhr #clock_big { + display:block !important; + } .aufrufanzeige .aufrufanzeige_Datum { - font-size: 32px; - top: 600px; - width: 400px; + font-size:32px; + top:580px; + width:400px; } - .aufrufanzeige .aufrufanzeige_main { - left: 500px; - top: 160px; + left:554px; + top:162px; } span.terminkundennummer, span.wartenummer { font-size:80px; line-height:80px; } - - .aufrufanzeige table.zweispaltig { - width: 280px; - } - - span.terminkundennummer, - span.wartenummer, span.standalone { - font-size: 80px; - line-height: 80px; - } - span.terminkundennummer.smallerFont8Chars { font-size: 65px; line-height:65px; } - - span.abholeranzeige { - font-size: 70px; - } - + span.abholeranzeige + { + font-size: 70px; + } .aufrufanzeige table.aufrufanzeige_aufruf th { font-size: 32px; } - .aufrufanzeige table.aufrufanzeige_aufruf { - width: 980px; + width:745px; } - .aufrufanzeige .aufrufanzeige_text { line-height:26px; left: 1535px; @@ -294,9 +236,8 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { .aufrufanzeige_text img {height:244px;} .aufrufanzeige .waitingColumn { - top: 670px; + top:630px; } - .aufrufanzeige .wartende_aktuell { font-size:32px; width:400px; @@ -311,37 +252,17 @@ body.noInfoColumn .aufrufanzeige table.aufrufanzeige_aufruf { margin-left:-25px; } .aufrufanzeige table.zweispaltig { - width: 450px; + width:440px; } - .aufrufanzeige table.zweispaltig th.wartenummer { width:60%; } - .aufrufanzeige table.zweispaltig th, .aufrufanzeige table.zweispaltig td { border-right:6px solid #C8D5E6; } - - .zweispaltig span.terminkundennummer, - .zweispaltig span.wartenummer, .zweispaltig span.standalone { - font-size: 60px; - line-height: 60px; - } - - table.zweispaltig td.platznummer span.destination { - font-size: 35px; - line-height: 40px; - } - - .puffer { - padding-left: 40px; - } - - /* ---------------------------------------------- - qr code - ---------------------------------------------- */ - .qrCode--Headline { - margin-top: 40px; + .zweispaltig span.terminkundennummer { + font-size:40px; } + .puffer {padding-left:40px;} } diff --git a/zmscalldisplay/scss/settings.scss b/zmscalldisplay/scss/settings.scss index d5d1f4161..85b2554b3 100644 --- a/zmscalldisplay/scss/settings.scss +++ b/zmscalldisplay/scss/settings.scss @@ -6,11 +6,12 @@ $white: #ffffff; $black: #000000; $red: #DE1027; +$blue: #005A9F; $backgroundLight: #E0E9F2; $borderLight: #C8D5E6; -$baseTextColor: #4C4C4C; +$baseTextColor: #3A5368; // Dimensions $pageMaxWidth: 1920px; diff --git a/zmscalldisplay/templates/block/default/devhint.twig b/zmscalldisplay/templates/block/default/devhint.twig index 89a131fcf..675a67814 100644 --- a/zmscalldisplay/templates/block/default/devhint.twig +++ b/zmscalldisplay/templates/block/default/devhint.twig @@ -2,7 +2,7 @@
Hinweis: Sie befinden sich auf einem Entwicklungssystem. Die folgenden Inhalte sind nicht aktuell.
- Siehe https://service.berlin.de/ +
{% endblock %} diff --git a/zmscalldisplay/templates/block/default/head.twig b/zmscalldisplay/templates/block/default/head.twig index 6602183ac..223d0302f 100644 --- a/zmscalldisplay/templates/block/default/head.twig +++ b/zmscalldisplay/templates/block/default/head.twig @@ -9,6 +9,6 @@ - + {% endblock %} diff --git a/zmscalldisplay/templates/block/footer/footer.twig b/zmscalldisplay/templates/block/footer/footer.twig new file mode 100644 index 000000000..56d078ad5 --- /dev/null +++ b/zmscalldisplay/templates/block/footer/footer.twig @@ -0,0 +1,26 @@ +{% block footer %} + + + + +{% endblock %} \ No newline at end of file diff --git a/zmscalldisplay/templates/block/header/pageheader.twig b/zmscalldisplay/templates/block/header/pageheader.twig index 7dd0f2094..7515631ad 100644 --- a/zmscalldisplay/templates/block/header/pageheader.twig +++ b/zmscalldisplay/templates/block/header/pageheader.twig @@ -3,8 +3,8 @@
-
{{ calldisplay.organisation.name }}
-
{{ calldisplay.contact.name }}
+
{{ "now"|format_datetime(pattern="EEEE, d.M.Y", locale='de') }} {{ "now"|date("H:i") }} Uhr
+
{{ calldisplay.contact.name }}
diff --git a/zmscalldisplay/templates/block/marginal/clock.twig b/zmscalldisplay/templates/block/marginal/clock.twig index 697af0890..4b4dfd01f 100644 --- a/zmscalldisplay/templates/block/marginal/clock.twig +++ b/zmscalldisplay/templates/block/marginal/clock.twig @@ -1,48 +1,11 @@ {% block clock %} -{#
-
-
-
-
#} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ + + +
+ +
+ {{ getNow()|format_date(pattern="EE dd. MMMM y") }}
-
{% endblock %} diff --git a/zmscalldisplay/templates/block/marginal/infoColumn.twig b/zmscalldisplay/templates/block/marginal/infoColumn.twig index db7e6db96..fb76b1ff8 100644 --- a/zmscalldisplay/templates/block/marginal/infoColumn.twig +++ b/zmscalldisplay/templates/block/marginal/infoColumn.twig @@ -1,21 +1,4 @@ {% block infoColumn %} -
- {% if showQrCode and webcalldisplay is defined %} -
{{ ("Mobile Aufrufanzeige")|trans }}
-
- - -
- {% else %} - - {% endif %} -

- {% if calldisplay.clusters|length == 1 and calldisplay.clusters|first.callDisplayText %} - {{ calldisplay.clusters|first.callDisplayText|raw|nl2br }} - {% elseif calldisplay.scopes|length == 1 and calldisplay.scopes|first.preferences.queue.callDisplayText%} - {{ calldisplay.scopes|first.preferences.queue.callDisplayText|raw|nl2br }} - {% endif %} -
+ {% endblock %} diff --git a/zmscalldisplay/templates/block/queue/queueTable.twig b/zmscalldisplay/templates/block/queue/queueTable.twig index b796f73fd..34e8f3750 100644 --- a/zmscalldisplay/templates/block/queue/queueTable.twig +++ b/zmscalldisplay/templates/block/queue/queueTable.twig @@ -1,5 +1,5 @@ {% block queueTable %} - {% if tableSettings.multiColumns == 1 or (queueList|length <= tableSettings.maxResults) %} + {% if tableSettings.multiColumns == 1 %} {% include "block/queue/table/oneColumn.twig" with {"settings": tableSettings} %} {% else %} {% include "block/queue/table/multiColumn.twig" with {"settings": tableSettings} %} diff --git a/zmscalldisplay/templates/block/queue/table/multiColumn.twig b/zmscalldisplay/templates/block/queue/table/multiColumn.twig index bca34a953..99b675291 100644 --- a/zmscalldisplay/templates/block/queue/table/multiColumn.twig +++ b/zmscalldisplay/templates/block/queue/table/multiColumn.twig @@ -1,18 +1,29 @@ {% block multiColumn %} - {% set neededColumns = (queueList.count() / tableSettings.maxResults)|round(0, 'ceil') %} - {% set tableColumns = (neededColumns > tableSettings.multiColumns) ? tableSettings.multiColumns : neededColumns %} + {% set neededColumns = 2 %} + {% set tableColumns = 2 %}
- {% for batchQueue in queueList|batch(tableSettings.maxResults) %} + {% for i in [1,2,3,4,5,6,7,8,9,10] %} + {% if i > queueList|length %} + {% set queueList = queueList|merge([{'status': 'empty', 'destination': '', 'destinationHint': '', 'numer': 12}]) %} + {% endif %} + {% endfor %} + + {% for batchQueue in queueList|batch(5) %} {% if loop.index <= tableColumns %}
- {% include "element/queueTable/head.twig" with {"leftHead": tableSettings.head.left, "rightHead": tableSettings.head.right} %} + {% include "element/queueTable/head.twig" with { + "leftHead": tableSettings.head.left, + "leftHeadEn": tableSettings.head.left_en, + "rightHead": tableSettings.head.right, + "rightHeadEn": tableSettings.head.right_en + } %} {% for queue in batchQueue %} - + {% include "element/queueTable/leftCol.twig" %} {% include "element/queueTable/rightCol.twig" %} diff --git a/zmscalldisplay/templates/element/queueTable/head.twig b/zmscalldisplay/templates/element/queueTable/head.twig index 4c3d1c24a..bc7ad49d2 100644 --- a/zmscalldisplay/templates/element/queueTable/head.twig +++ b/zmscalldisplay/templates/element/queueTable/head.twig @@ -1,6 +1,16 @@ - - + + diff --git a/zmscalldisplay/templates/element/queueTable/rightCol.twig b/zmscalldisplay/templates/element/queueTable/rightCol.twig index 405309b05..7e8ca039b 100644 --- a/zmscalldisplay/templates/element/queueTable/rightCol.twig +++ b/zmscalldisplay/templates/element/queueTable/rightCol.twig @@ -9,6 +9,8 @@ {% if queue.status in ['queued', 'confirmed'] %} {{queue.waitingTimeOptimistic}}-{{queue.waitingTimeEstimate}}min + {% elseif queue.status in ['empty'] %} +   {% else %} {{ queue.destination | raw }} {% endif %} diff --git a/zmscalldisplay/templates/element/ring.twig b/zmscalldisplay/templates/element/ring.twig index a7941e6eb..cae57d3dd 100644 --- a/zmscalldisplay/templates/element/ring.twig +++ b/zmscalldisplay/templates/element/ring.twig @@ -1,146 +1 @@ -
{{ leftHead }} {{ rightHead }} +
{{ leftHead }}
+ {% if leftHeadEn is defined %} +
{{ leftHeadEn }}
+ {% endif %} + 		+
{{ rightHead }}
+ {% if rightHeadEn is defined %} +
{{ rightHeadEn }}
+ {% endif %} +