Fix monitoring presence (TODO: weird Vue syntax...)
[qomet.git] / public / stylesheets / monitor.css
1 .blur {
2 background-color: lightsalmon;
3 }
4 .resize {
5 font-style: italic;
6 color: darkred;
7 }
8 .disconnect {
9 background-color: grey;
10 }
11
12 /* TODO: factor this piece of code from assessment (and course, and here...) */
13 .question {
14 margin: 20px 5px;
15 padding: 15px 0;
16 }
17 .question label {
18 color: black;
19 }
20 .question .choiceCorrect {
21 background-color: lightgreen;
22 }
23 .question .choiceWrong {
24 background-color: peachpuff;
25 }
26 .question .wording {
27 margin-bottom: 10px;
28 }
29 .question .option {
30 margin-left: 15px;
31 }
32 .question p {
33 margin-top: 10px;
34 }
35 .questionInactive {
36 background-color: lightgrey;
37 }
38 .introduction {
39 padding: 20px 5px;
40 }
41 table.in-question {
42 border: 1px solid black;
43 width: auto;
44 margin: 10px auto;
45 }
46
47 table.in-question th, table.in-question td {
48 padding: 7px;
49 border-bottom: 1px solid grey;
50 }
51
52 /*table { border: none; border-collapse: collapse; }*/
53 table.in-question td { border-left: 1px solid grey; }
54 table.in-question td:first-child { border-left: none; }
55
56 .absent {
57 opacity: 0.5;
58 background-color: lightgrey;
59 }