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,