Fix monitoring presence (TODO: weird Vue syntax...)

[qomet.git] / public / stylesheets / monitor.css

diff --git a/public/stylesheets/monitor.css b/public/stylesheets/monitor.css
index 8f414f5..b22b317 100644 (file)
--- a/public/stylesheets/monitor.css
+++ b/public/stylesheets/monitor.css
@@ -1 +1,59 @@
-/* TODO */
+.blur {
+       background-color: lightsalmon;
+}
+.resize {
+       font-style: italic;
+       color: darkred;
+}
+.disconnect {
+       background-color: grey;
+}
+
+/* TODO: factor this piece of code from assessment (and course, and here...) */
+.question {
+       margin: 20px 5px;
+       padding: 15px 0;
+}
+.question label {
+       color: black;
+}
+.question .choiceCorrect {
+       background-color: lightgreen;
+}
+.question .choiceWrong {
+       background-color: peachpuff;
+}
+.question .wording {
+       margin-bottom: 10px;
+}
+.question .option {
+       margin-left: 15px;
+}
+.question p {
+       margin-top: 10px;
+}
+.questionInactive {
+       background-color: lightgrey;
+}
+.introduction {
+       padding: 20px 5px;
+}
+table.in-question {
+       border: 1px solid black;
+       width: auto;
+       margin: 10px auto;
+}
+
+table.in-question th, table.in-question td {
+       padding: 7px;
+       border-bottom: 1px solid grey;
+}
+
+/*table { border: none; border-collapse: collapse; }*/
+table.in-question td { border-left: 1px solid grey; }
+table.in-question td:first-child { border-left: none; }
+
+.absent {
+       opacity: 0.5;
+       background-color: lightgrey;
+}