fix dark and light quiz style

angelgardt · May 10, 2024 · 3be8ac1 · 3be8ac1
1 parent ca22895
commit 3be8ac1
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 4 deletions.
diff --git a/book/_book/site_libs/bootstrap/bootstrap-dark.min.css b/book/_book/site_libs/bootstrap/bootstrap-dark.min.css
diff --git a/book/_book/site_libs/bootstrap/bootstrap.min.css b/book/_book/site_libs/bootstrap/bootstrap.min.css
diff --git a/book/style/css/common.scss b/book/style/css/common.scss
@@ -154,3 +154,8 @@ form.quiz fieldset div.lvl-hard {
 form.quiz fieldset div.lvl-extreme {
   content: url("img/labs/lab_extreme.png");
 }
+
+form.quiz div.message {
+  text-align: center;
+  color: $red;
+}
diff --git a/book/style/css/dark.scss b/book/style/css/dark.scss
@@ -333,10 +333,20 @@ code {
   padding: 0 0 0 5%;
 }
 
-div.submit-button {
+// Quiz
+
+form.quiz fieldset {
+  background-color: $gray-700;
+}
+
+form.quiz div.submit-button {
   background-color: $gray-900;
 }
 
-input.submit-button {
+form.quiz input.submit-button {
   background-color: $gray-200;
 }
+
+form.quiz input.submit-button:hover {
+  background-color: $gray-300;
+}
diff --git a/book/style/css/light.scss b/book/style/css/light.scss
@@ -263,3 +263,21 @@ code {
   color: $gray-700;
   // background-color: $gray-800;
 }
+
+
+// Quiz
+
+// Quiz
+
+form.quiz fieldset {
+  background-color: $gray-100;
+}
+
+form.quiz input.submit-button {
+  background-color: $gray-600;
+  color: $white;
+}
+
+form.quiz input.submit-button:hover {
+  background-color: $gray-400;
+}