diff --git a/assets/style-course.css b/assets/style-course.css index b988409..ff5703b 100644 --- a/assets/style-course.css +++ b/assets/style-course.css @@ -54,10 +54,20 @@ align-items: start; } +.question.layout-not-found { + background: #f88; +} +.question.layout-not-found .question-text { + margin-bottom: 1ex; +} +.question.layout-not-found .answers { + display: none; +} + .question.layout-2 .answers, .question.layout-6 .answers, .question.layout-8 .answers { - grid-template-columns: repeat(2, calc(50% - 1ex/2)); + grid-template-columns: repeat(2, calc(50% - 1ex / 2)); } .question .answers button { @@ -82,10 +92,10 @@ display: none; } .question .answers button.correct { - background: #3BB583; + background: #3bb583; } .question .answers button.wrong { - background: #FE756C; + background: #fe756c; } .question .answers button.correct .result, @@ -130,34 +140,36 @@ figcaption { margin-left: calc(40px + 10%); } -.qso_own:after{ - content: ' '; - position: absolute; - width: 0; - height: 0; +.qso_own:after { + content: " "; + position: absolute; + width: 0; + height: 0; left: -20px; - right: auto; + right: auto; top: 0px; - bottom: auto; - border: 22px solid; - border-color: #ddd transparent transparent transparent; + bottom: auto; + border: 22px solid; + border-color: #ddd transparent transparent transparent; } -.qso_other:after{ - content: ' '; - position: absolute; - width: 0; - height: 0; +.qso_other:after { + content: " "; + position: absolute; + width: 0; + height: 0; left: auto; - right: -20px; + right: -20px; top: 0px; - bottom: auto; - border: 20px solid; - border-color: #ddd transparent transparent transparent; + bottom: auto; + border: 20px solid; + border-color: #ddd transparent transparent transparent; } - -p, li, tr, td { +p, +li, +tr, +td { hyphens: auto; -webkit-hyphens: auto; text-align: justify; @@ -191,7 +203,6 @@ footer { clear: right; } - span.morse { font-size: 33%; position: relative; @@ -215,14 +226,14 @@ span.formula { .info_alpha { margin-bottom: 2ex; padding: 2ex; - background: #FF756D; + background: #ff756d; color: #fff; } .info_beta { margin-bottom: 2ex; padding: 2ex; - background: #B8EAFF; + background: #b8eaff; } .info_beta a { @@ -235,7 +246,7 @@ span.formula { .course .table, .course ul.list, .course ol.list { - width: 59.3%; + width: 59.3%; } .course .margin { @@ -250,11 +261,10 @@ span.formula { width: 100%; } - .course .margin p, .course .margin ul.list, .course .margin ol.list { - width: auto; + width: auto; } .margin .photo, @@ -271,17 +281,16 @@ span.formula { } @media (max-width: 800px) { - - .course .margin { - margin-top: 4ex; - margin-bottom: 4ex; - } + .course .margin { + margin-top: 4ex; + margin-bottom: 4ex; + } } .course .margin em { font-style: normal; font-weight: 600; - color: #2AA6DA; + color: #2aa6da; } .course .tip p, @@ -297,43 +306,42 @@ span.formula { .course .margin.indepth:before, .course .margin.attention:before, .course .margin.danger:before { - background-position: left bottom; - background-repeat: no-repeat; - background-size: contain; - display: block; - padding: 0.4ex 0 0.4ex 4ex; - line-height: 133%; - margin-bottom: 0.5ex; + background-position: left bottom; + background-repeat: no-repeat; + background-size: contain; + display: block; + padding: 0.4ex 0 0.4ex 4ex; + line-height: 133%; + margin-bottom: 0.5ex; } - .course .margin.tip, .course .margin.unit, .course .margin.indepth, .course .margin.attention, .course .margin.danger { - border-left: 5px solid #bbb; - padding-left: 0.5em; + border-left: 5px solid #bbb; + padding-left: 0.5em; } .course .margin.tip { - border-left-color: #2AA6DA; + border-left-color: #2aa6da; } .course .margin.tip:before { -content: "Tipp"; -background-color: #B8EAFF; -background-image: url('data:image/svg+xml;utf8,'); + content: "Tipp"; + background-color: #b8eaff; + background-image: url('data:image/svg+xml;utf8,'); } .course .margin.unit { - border-left-color: #40C08C; + border-left-color: #40c08c; } .course .margin.unit:before { -content: "Neue Einheit"; -background-color: #B5E8D3; -background-image: url('data:image/svg+xml;utf8,'); + content: "Neue Einheit"; + background-color: #b5e8d3; + background-image: url('data:image/svg+xml;utf8,'); } .course .margin.indepth:before { @@ -343,48 +351,48 @@ background-image: url('data:image/svg+xml;utf8,'); + content: "Achtung"; + background-color: #ffe5a9; + background-image: url('data:image/svg+xml;utf8,'); } .course .margin.danger { - border-left-color: #FF756D; + border-left-color: #ff756d; } .course .margin.danger:before { - content: "Gefahr"; - background-color: #FFCFCC; - background-image: url('data:image/svg+xml;utf8,'); + content: "Gefahr"; + background-color: #ffcfcc; + background-image: url('data:image/svg+xml;utf8,'); } .course-toc, .chapter-toc { - width: 600px; - max-width: calc(100vw - 20px); + width: 600px; + max-width: calc(100vw - 20px); } .course-toc .btn-label, .chapter-toc .btn-label { position: relative; - left: -12px; + left: -12px; width: 4em; - display: inline-block; - padding: 6px 12px; - background: #00ADEF; + display: inline-block; + padding: 6px 12px; + background: #00adef; color: #fff; - border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; text-align: right; } .course-toc .btn-labeled, .chapter-toc .btn-labeled { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; text-align: left; } @@ -407,4 +415,3 @@ background-image: url('data:image/svg+xml;utf8,