Add blur + resize monitoring in exam mode
[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 .conclusion {
42 padding: 20px 5px;
43 }
44 table.in-question {
45 border: 1px solid black;
46 width: auto;
47 margin: 10px auto;
48 }
49
50 table.in-question th, table.in-question td {
51 padding: 7px;
52 border-bottom: 1px solid grey;
53 }
54
55 /*table { border: none; border-collapse: collapse; }*/
56 table.in-question td { border-left: 1px solid grey; }
57 table.in-question td:first-child { border-left: none; }