Merge branch 'MDL-68772-master' of https://github.com/Clyxz/moodle
[moodle.git] / mod / quiz / styles.css
CommitLineData
2de9be52
TH
1/** Bits that can appear on any page. */
2.path-mod-quiz .statedetails {
3 display: block;
4 font-size: 0.7em;
5}
6
a1eb3a44 7/** Attempt and review pages **/
90723839
SH
8#page-mod-quiz-attempt #page .controls,
9#page-mod-quiz-summary #page .controls,
c04ed8d5
TH
10#page-mod-quiz-review #page .controls {
11 text-align: center;
12 margin: 8px auto;
13}
90723839 14
a1eb3a44 15#page-mod-quiz-attempt .submitbtns,
c04ed8d5
TH
16#page-mod-quiz-review .submitbtns {
17 clear: left;
18 text-align: left;
19 padding-top: 1.5em;
20}
a1eb3a44 21
c67ab86f
TH
22#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
23#page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
24 float: right;
25}
c67ab86f 26
5e63b335
TH
27.path-mod-quiz .mod_quiz-redo_question_button {
28 margin: 0;
29}
bc33e9bd 30
5e63b335
TH
31.path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
32 padding: 2px 0.8em;
33 font-size: 1em;
1700bd4d
K
34}
35
441d284a
TH
36#page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
37#page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
38 background: #eee;
39 border: 1px solid #dcdcdc;
40}
41
52b612f0
TH
42#page-mod-quiz-attempt #connection-ok,
43#page-mod-quiz-attempt #connection-error {
44 position: fixed;
45 top: 0;
46 width: 80%;
47 left: 10%;
48 color: #555;
49 border-radius: 0 0 10px 10px;
aea8eaec 50 box-shadow: 5px 5px 20px 0 #666;
52b612f0
TH
51 padding: 1em 1em 0;
52 z-index: 10000;
53}
54
55#page-mod-quiz-attempt #connection-error {
56 background-color: #fcc;
57}
bc33e9bd 58
52b612f0
TH
59#page-mod-quiz-attempt #connection-ok {
60 background-color: #cfb;
61 width: 60%;
62 left: 20%;
63}
64
9b40c540 65/** Mod quiz attempt **/
c04ed8d5
TH
66.generalbox#passwordbox {
67 /* Should probably match .generalbox#intro above */
68 width: 70%;
69 margin-left: auto;
70 margin-right: auto;
71}
bc33e9bd 72
c04ed8d5
TH
73#passwordform {
74 margin: 1em 0;
75}
9b40c540 76
a1eb3a44 77/* Question navigation block. */
c04ed8d5
TH
78#quiznojswarning {
79 color: red;
80}
bc33e9bd 81
c04ed8d5
TH
82#quiznojswarning {
83 font-size: 0.7em;
84 line-height: 1.1;
85}
bc33e9bd 86
c04ed8d5
TH
87.jsenabled #quiznojswarning {
88 display: none;
89}
a1eb3a44 90
c04ed8d5
TH
91.path-mod-quiz #user-picture {
92 margin: 0.5em 0;
93}
bc33e9bd 94
c04ed8d5
TH
95.path-mod-quiz #user-picture img {
96 width: auto;
97 height: auto;
370ee378 98 vertical-align: bottom;
c04ed8d5 99}
a1eb3a44 100
5d949702
K
101.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
102 padding: 0.7em 0 0;
103 margin: 0;
104 clear: both;
105}
bc33e9bd 106
5d949702
K
107.path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
108 padding-top: 0;
109}
110
c04ed8d5
TH
111.path-mod-quiz .qnbutton {
112 display: block;
113 position: relative;
114 float: left;
115 width: 1.5em;
116 height: 1.5em;
117 overflow: hidden;
118 margin: 0.3em 0.3em 0.3em 0;
119 padding: 0;
120 border: 1px solid #bbb;
121 background: #ddd;
122 text-align: center;
de2fec2e 123 line-height: 1.5em;
c04ed8d5
TH
124 font-weight: bold;
125 text-decoration: none;
126}
bc33e9bd 127
377ce993
TH
128.path-mod-quiz .qnbutton:visited:hover,
129.path-mod-quiz .qnbutton:link:hover {
130 text-decoration: underline;
131}
132
a1eb3a44 133.path-mod-quiz .qnbutton .trafficlight,
c04ed8d5
TH
134.path-mod-quiz .qnbutton .thispageholder {
135 display: block;
136 position: absolute;
137 top: 0;
138 bottom: 0;
139 left: 0;
140 right: 0;
141}
a1eb3a44 142
c04ed8d5
TH
143.path-mod-quiz .qnbutton.thispage {
144 border-color: #666;
145}
bc33e9bd 146
c04ed8d5
TH
147.path-mod-quiz .qnbutton.thispage .thispageholder {
148 border: 1px solid #666;
149}
a1eb3a44 150
c04ed8d5 151.path-mod-quiz .qnbutton.flagged .trafficlight {
aa81e358 152 background: url([[pix:quiz|navflagged]]) no-repeat top right;
c04ed8d5 153}
a1eb3a44 154
377ce993 155.path-mod-quiz .qnbutton.blocked,
a1eb3a44
TH
156.path-mod-quiz .qnbutton.notyetanswered,
157.path-mod-quiz .qnbutton.requiresgrading,
c04ed8d5
TH
158.path-mod-quiz .qnbutton.invalidanswer {
159 background-color: white;
160}
bc33e9bd 161
c04ed8d5
TH
162.path-mod-quiz .qnbutton.correct {
163 background-color: #cfc;
164}
bc33e9bd 165
c04ed8d5
TH
166.path-mod-quiz .qnbutton.correct .trafficlight {
167 border-bottom: 3px solid #080;
168}
bc33e9bd 169
c04ed8d5
TH
170.path-mod-quiz .qnbutton.partiallycorrect {
171 background-color: #ffa;
172}
bc33e9bd 173
a1eb3a44 174.path-mod-quiz .qnbutton.notanswered,
c04ed8d5
TH
175.path-mod-quiz .qnbutton.incorrect {
176 background-color: #fcc;
177}
bc33e9bd 178
377ce993
TH
179.path-mod-quiz .qnbutton.blocked {
180 color: #999;
181}
bc33e9bd 182
a1eb3a44 183.path-mod-quiz .qnbutton.notanswered .trafficlight,
c04ed8d5
TH
184.path-mod-quiz .qnbutton.incorrect .trafficlight {
185 border-top: 3px solid #800;
186}
a1eb3a44 187
c04ed8d5
TH
188.path-mod-quiz .othernav {
189 clear: both;
190 margin: 0.5em 0;
191}
bc33e9bd 192
a1eb3a44 193.path-mod-quiz .othernav a,
c04ed8d5
TH
194.path-mod-quiz .othernav input {
195 display: block;
196 margin: 0.5em 0;
197}
a1eb3a44
TH
198
199/* Countdown timer. */
c04ed8d5
TH
200#quiz-timer {
201 display: none;
202 margin-top: 1em;
203}
bc33e9bd 204
c04ed8d5
TH
205#quiz-time-left {
206 font-weight: bold;
207}
bc33e9bd 208
c04ed8d5 209#quiz-timer.timeleft15 {
aea8eaec 210 background: #fff;
c04ed8d5 211}
bc33e9bd 212
c04ed8d5 213#quiz-timer.timeleft14 {
aea8eaec 214 background: #fee;
c04ed8d5 215}
bc33e9bd 216
c04ed8d5 217#quiz-timer.timeleft13 {
aea8eaec 218 background: #fdd;
c04ed8d5 219}
bc33e9bd 220
c04ed8d5 221#quiz-timer.timeleft12 {
aea8eaec 222 background: #fcc;
c04ed8d5 223}
bc33e9bd 224
c04ed8d5 225#quiz-timer.timeleft11 {
aea8eaec 226 background: #fbb;
c04ed8d5 227}
bc33e9bd 228
c04ed8d5 229#quiz-timer.timeleft10 {
aea8eaec 230 background: #faa;
c04ed8d5 231}
bc33e9bd 232
c04ed8d5 233#quiz-timer.timeleft9 {
aea8eaec 234 background: #f99;
c04ed8d5 235}
bc33e9bd 236
c04ed8d5 237#quiz-timer.timeleft8 {
aea8eaec 238 background: #f88;
c04ed8d5 239}
bc33e9bd 240
c04ed8d5 241#quiz-timer.timeleft7 {
aea8eaec 242 background: #f77;
c04ed8d5 243}
bc33e9bd 244
c04ed8d5 245#quiz-timer.timeleft6 {
aea8eaec 246 background: #f66;
c04ed8d5 247}
bc33e9bd 248
c04ed8d5 249#quiz-timer.timeleft5 {
aea8eaec 250 background: #f55;
c04ed8d5 251}
bc33e9bd 252
c04ed8d5 253#quiz-timer.timeleft4 {
aea8eaec 254 background: #f44;
c04ed8d5 255}
bc33e9bd 256
c04ed8d5 257#quiz-timer.timeleft3 {
aea8eaec 258 background: #f33;
c04ed8d5 259}
bc33e9bd 260
c04ed8d5 261#quiz-timer.timeleft2 {
aea8eaec 262 background: #f22;
c04ed8d5 263}
bc33e9bd 264
c04ed8d5 265#quiz-timer.timeleft1 {
aea8eaec 266 background: #f11;
c04ed8d5 267}
bc33e9bd 268
c04ed8d5 269#quiz-timer.timeleft0 {
aea8eaec 270 background: #f00;
c04ed8d5 271}
a1eb3a44
TH
272
273/** mod quiz mod **/
a7a031a4 274#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
c04ed8d5
TH
275 width: 23%;
276 margin-left: 10px;
277}
bc33e9bd 278
a7a031a4 279#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
c04ed8d5
TH
280 width: 100%;
281 text-align: left;
282 margin-left: 0;
283}
bc33e9bd 284
a7a031a4 285#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
c04ed8d5
TH
286 float: left;
287 width: 23%;
288 clear: none;
289}
ce74dcc3 290
a7a031a4 291#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
c04ed8d5
TH
292 width: 100%;
293 font-weight: bold;
294 text-align: left;
295 height: 2.5em;
296 margin-left: 0;
297}
ce74dcc3 298
a7a031a4 299#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
c04ed8d5
TH
300 clear: left;
301 margin: 0 0 1em;
302}
bc33e9bd 303
a7a031a4 304#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
c04ed8d5
TH
305 float: left;
306 clear: left;
307 line-height: 1.7;
308}
bc33e9bd 309
ad6a1455
TH
310#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
311 margin-left: 0.4em;
c04ed8d5 312}
7a25d398 313
90723839
SH
314/** Mod quiz view **/
315#page-mod-quiz-view .quizinfo,
316#page-mod-quiz-view #page .quizgradefeedback,
c04ed8d5
TH
317#page-mod-quiz-view #page .quizattempt {
318 text-align: center;
319}
bc33e9bd 320
c04ed8d5
TH
321#page-mod-quiz-view #page .quizattemptsummary td p {
322 margin-top: 0;
323}
bc33e9bd 324
afbe4592
TH
325#page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
326 border-color: #bce8f1;
327 background-color: #d9edf7;
c04ed8d5 328}
bc33e9bd 329
c04ed8d5
TH
330table.quizattemptsummary .noreviewmessage {
331 color: gray;
332}
bc33e9bd 333
c04ed8d5
TH
334#page-mod-quiz-view .generaltable.quizattemptsummary {
335 margin-left: auto;
336 margin-right: auto;
337}
bc33e9bd 338
c04ed8d5
TH
339#page-mod-quiz-view .generalbox#feedback {
340 width: 70%;
341 margin-left: auto;
342 margin-right: auto;
343 padding-bottom: 15px;
344}
bc33e9bd 345
c04ed8d5
TH
346#page-mod-quiz-view .generalbox#feedback h2 {
347 margin: 0;
348}
bc33e9bd 349
c04ed8d5
TH
350#page-mod-quiz-view .generalbox#feedback h3 {
351 text-align: left;
352}
bc33e9bd 353
c04ed8d5
TH
354#page-mod-quiz-view .generalbox#feedback .overriddennotice {
355 text-align: center;
356 font-size: 0.7em;
357}
bc33e9bd 358
65c52e05
DW
359.quizstartbuttondiv.quizsecuremoderequired input,
360.quizstartbuttondiv.quizsecuremoderequired button {
c04ed8d5
TH
361 display: none;
362}
bc33e9bd 363
65c52e05
DW
364.jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
365.jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
c04ed8d5
TH
366 display: inline;
367}
bc33e9bd 368
1f0f4131
TH
369.quizattempt #mod_quiz_preflight_form {
370 display: none;
371}
372
373#mod_quiz_preflight_form .femptylabel .fitemtitle {
374 display: none;
375}
bc33e9bd 376
1f0f4131
TH
377.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
378 width: 600px;
379}
bc33e9bd 380
1f0f4131
TH
381.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
382 overflow: hidden;
383}
bc33e9bd 384
1f0f4131
TH
385.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
386 padding: 0;
387}
bc33e9bd 388
1f0f4131
TH
389.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
390 padding: 0 10px;
391 margin: 0;
392 border: 0 none;
393}
bc33e9bd 394
1f0f4131
TH
395.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
396 margin-left: 10px;
397}
bc33e9bd 398
1f0f4131
TH
399.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form #fgroup_id_buttonar {
400 padding: 10px 0 0;
401 margin: 0;
402}
bc33e9bd 403
1f0f4131
TH
404.moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-content .moodle-dialogue-ft {
405 margin: 0;
406}
407/* Standard Moodle rule that needs to be more specific here. */
408.moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
409 display: inherit;
410 visibility: inherit;
411}
90723839 412
afbe4592
TH
413body.path-mod-quiz .gradedattempt,
414body.path-mod-quiz table tbody tr.gradedattempt > td {
415 border-color: #bce8f1;
416 background-color: #d9edf7;
c04ed8d5 417}
a1eb3a44 418
c04ed8d5
TH
419.quizattemptcounts {
420 clear: left;
421 text-align: center;
bc33e9bd
DP
422 display: inline;
423 margin-left: 20%;
c544ee92 424}
bc33e9bd 425
ed7844b5 426#page-mod-quiz-view .quizattemptcounts {
c544ee92 427 display: block;
428 margin-left: 0;
429 margin-right: 0;
c04ed8d5 430}
e1a2d0d9 431
9b40c540 432/** Mod quiz summary **/
c04ed8d5
TH
433#page-mod-quiz-summary #content {
434 text-align: center;
435}
bc33e9bd 436
c04ed8d5
TH
437#page-mod-quiz-summary .questionflag {
438 vertical-align: text-bottom;
439}
bc33e9bd 440
c04ed8d5
TH
441#page-mod-quiz-summary #quiz-timer {
442 text-align: center;
443 margin-top: 1em;
444}
bc33e9bd 445
c04ed8d5
TH
446#page-mod-quiz-summary .submitbtns {
447 margin-top: 1.5em;
448}
bc33e9bd 449
ff065f96 450@media print {
c04ed8d5 451 .quiz-secure-window * {
f549e4b7 452 display: none;
c04ed8d5 453 }
ff065f96
TH
454}
455
90723839 456/** Mod quiz review **/
c04ed8d5
TH
457table.quizreviewsummary {
458 width: 100%;
459}
bc33e9bd 460
c04ed8d5
TH
461table.quizreviewsummary th.cell {
462 padding: 1px 0.5em 1px 1em;
463 font-weight: bold;
464 text-align: right;
465 width: 10em;
466 background: #f0f0f0;
467}
bc33e9bd 468
c04ed8d5
TH
469table.quizreviewsummary td.cell {
470 padding: 1px 1em 1px 0.5em;
471 text-align: left;
472 background: #fafafa;
473}
a1eb3a44
TH
474
475/** Mod quiz make comment or override grade popup. **/
c04ed8d5
TH
476#page-mod-quiz-comment .mform {
477 width: 100%;
478}
bc33e9bd 479
c04ed8d5
TH
480#page-mod-quiz-comment .mform fieldset {
481 margin: 0;
482}
bc33e9bd 483
c04ed8d5
TH
484#page-mod-quiz-comment .que {
485 margin: 0;
486}
90723839
SH
487
488/** Mod quiz report **/
c04ed8d5
TH
489#page-mod-quiz-report h2.main {
490 clear: both;
491}
bc33e9bd 492
90723839 493#page-mod-quiz-report div#commands,
c04ed8d5
TH
494#page-mod-quiz-report .controls {
495 text-align: center;
496}
bc33e9bd 497
c04ed8d5
TH
498#page-mod-quiz-report .dubious {
499 background-color: #fcc;
500}
bc33e9bd 501
c04ed8d5 502#page-mod-quiz-report .highlight {
afbe4592
TH
503 border: 1px solid #bce8f1;
504 background-color: #d9edf7;
c04ed8d5 505}
bc33e9bd 506
c04ed8d5 507#page-mod-quiz-report .negcovar {
bc33e9bd 508 border: medium solid pink;
c04ed8d5 509}
bc33e9bd 510
c04ed8d5
TH
511#page-mod-quiz-report .toggleincludeauto {
512 text-align: center;
513}
bc33e9bd 514
c04ed8d5
TH
515#page-mod-quiz-report .gradetheselink {
516 font-size: 0.8em;
517}
bc33e9bd 518
6f885844
TH
519#page-mod-quiz-report .mform fieldset.fgroup span label {
520 margin-right: 14px;
c04ed8d5 521}
bc33e9bd 522
8dbcbe21
TH
523#page-mod-quiz-report table th {
524 white-space: normal;
525}
bc33e9bd 526
8dbcbe21
TH
527#page-mod-quiz-report table#attempts td,
528#page-mod-quiz-report table.quizresponseanalysis td {
529 word-wrap: break-word;
530 max-width: 20em;
531}
bc33e9bd 532
c04ed8d5
TH
533#page-mod-quiz-report table.titlesleft td.c0 {
534 font-weight: bold;
535}
bc33e9bd 536
c04ed8d5
TH
537#page-mod-quiz-report table .numcol {
538 text-align: center;
bc33e9bd 539 vertical-align: middle;
c04ed8d5
TH
540}
541
542#page-mod-quiz-report table#attempts {
543 clear: both;
544 width: 80%;
545 margin: 0.2em auto;
546}
bc33e9bd 547
90723839 548#page-mod-quiz-report table#attempts .header,
c04ed8d5
TH
549#page-mod-quiz-report table#attempts .cell {
550 padding: 4px;
551}
bc33e9bd 552
c04ed8d5
TH
553#page-mod-quiz-report table#attempts .header .commands {
554 display: inline;
555}
bc33e9bd 556
c04ed8d5
TH
557#page-mod-quiz-report table#attempts .picture {
558 width: 40px;
559}
bc33e9bd 560
c04ed8d5
TH
561#page-mod-quiz-report table#attempts td {
562 border-left-width: 1px;
563 border-right-width: 1px;
564 border-left-style: solid;
565 border-right-style: solid;
566 vertical-align: middle;
567}
bc33e9bd 568
c04ed8d5
TH
569#page-mod-quiz-report table#attempts .header {
570 text-align: left;
571}
bc33e9bd 572
c04ed8d5 573#page-mod-quiz-report table#attempts .picture {
f549e4b7 574 text-align: center;
c04ed8d5 575}
bc33e9bd 576
a1eb3a44 577#page-mod-quiz-report table#attempts.grades span.que,
c04ed8d5
TH
578#page-mod-quiz-report table#attempts span.avgcell {
579 white-space: nowrap;
580}
bc33e9bd 581
c04ed8d5
TH
582#page-mod-quiz-report table#attempts span.que .requiresgrading {
583 white-space: normal;
584}
bc33e9bd 585
c04ed8d5
TH
586#page-mod-quiz-report table#attempts .questionflag {
587 vertical-align: text-bottom;
588 padding-left: 6px;
589}
a1eb3a44 590
c04ed8d5
TH
591#page-mod-quiz-report .graph.flexible-wrap {
592 text-align: center;
593 overflow: auto;
594}
a1eb3a44 595
c04ed8d5
TH
596#page-mod-quiz-report #cachingnotice {
597 margin-bottom: 1em;
598 padding: 0.2em;
599}
bc33e9bd 600
c04ed8d5
TH
601#page-mod-quiz-report #cachingnotice .singlebutton {
602 margin: 0.5em 0 0;
603}
bc33e9bd 604
c04ed8d5
TH
605#page-mod-quiz-report .bold .reviewlink {
606 font-weight: normal;
607}
90723839 608
99caa248
JP
609#page-mod-quiz-report tr.lastrowforattempt {
610 border-bottom: lightgrey solid 0.2em;
611}
612
62b6e6f2
SL
613#page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
614 padding-top: 1px;
615 padding-bottom: 1px;
616 border-top: none;
617}
618
90723839 619/** Mod quiz edit **/
c04ed8d5
TH
620#page-mod-quiz-edit .statusdisplay {
621 background-color: #ffc;
622 clear: both;
441d284a
TH
623 margin: 0.3em 0;
624 padding: 1px 10px;
ad6a1455 625}
bc33e9bd 626
c04ed8d5 627#page-mod-quiz-edit .statusdisplay p {
441d284a 628 margin: 4px 0;
c04ed8d5 629}
bc33e9bd 630
f37cffb6
CC
631#page-mod-quiz-edit .mod_quiz-edit-top-controls {
632 position: relative;
633}
634#page-mod-quiz-edit .mod_quiz-edit-action-buttons {
635 display: block;
636 min-height: 2.85em;
637}
638
92bc86e4
BB
639@media (max-width: 576px) {
640 #page-mod-quiz-edit .maxgrade {
641 margin-bottom: 0.6em;
642 }
643 #page-mod-quiz-edit .maxgrade .form-control {
644 display: inline-block;
645 vertical-align: middle;
646 }
647}
441d284a
TH
648#page-mod-quiz-edit .maxgrade label {
649 display: inline;
650}
f37cffb6
CC
651#page-mod-quiz-edit .maxgrade input[type="submit"] {
652 margin: 0;
653}
e1a2d0d9
CC
654
655#page-mod-quiz-edit li.activity > div,
656#page-mod-quiz-edit li.pagenumber {
c04ed8d5
TH
657 position: relative;
658}
c04ed8d5 659
ce37a8cc 660#page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
11f2cec1 661#page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
5d949702
K
662 display: none;
663}
664
e1a2d0d9
CC
665#page-mod-quiz-edit .last-add-menu {
666 position: relative;
667 height: 1.5em;
441d284a 668 margin: 0 20px;
c04ed8d5 669}
bc33e9bd 670
e1a2d0d9
CC
671#page-mod-quiz-edit .add-menu-outer {
672 position: absolute;
e1a2d0d9 673 right: 0;
c04ed8d5 674}
262105fa 675
e1a2d0d9 676#page-mod-quiz-edit .slotnumber {
bc33e9bd 677 background-color: #d3d3d3;
e1a2d0d9 678 text-align: center;
ad6a1455 679 margin: 0.1em 0.5em;
e1a2d0d9 680 min-width: 2em;
c04ed8d5 681 display: inline-block;
c04ed8d5
TH
682}
683
5d949702 684#page-mod-quiz-edit .section-heading {
5d949702
K
685 margin-left: 20px;
686 margin-bottom: 0;
687 height: 40px;
688}
bc33e9bd 689
5d949702 690#page-mod-quiz-edit .section-heading .instancesectioncontainer {
d4bca909 691 font-size: 24px;
5d949702
K
692 display: inline;
693}
bc33e9bd 694
5d949702
K
695#page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
696 display: inline;
697 color: #999;
698}
bc33e9bd 699
5d949702
K
700#page-mod-quiz-edit .section-heading .editing_section,
701#page-mod-quiz-edit .section-heading .editing_delete {
702 margin-left: 10px;
703}
bc33e9bd 704
5d949702
K
705#page-mod-quiz-edit .section-heading .sectioninstance {
706 position: relative;
707}
bc33e9bd 708
7308acff
TH
709#page-mod-quiz-edit .section-heading .instancesection {
710 white-space: nowrap;
711 max-width: 72%;
712 display: inline-block;
713 text-overflow: ellipsis;
714 overflow: hidden;
715 vertical-align: bottom;
716}
bc33e9bd 717
5d949702
K
718#page-mod-quiz-edit .section-heading form {
719 display: inline;
720 position: relative;
721 top: 3px;
722 left: -7px;
723}
bc33e9bd 724
5d949702
K
725#page-mod-quiz-edit .section-heading form input {
726 font-size: 24px;
727 font-weight: bold;
728 width: 50%;
729}
730
731#page-mod-quiz-edit .section-heading .instanceshufflequestions {
732 float: right;
733 margin: 0.3em 20px 0 0;
734}
735
aa6b85d2
MM
736.instanceshufflequestions [type="checkbox"] {
737 vertical-align: middle;
738 margin-right: .5rem;
739}
740
441d284a
TH
741#page-mod-quiz-edit ul.section {
742 margin: 0;
743 padding: 0 20px;
744}
bc33e9bd 745
5d949702
K
746#page-mod-quiz-edit ul.slots {
747 margin: 0;
92bc86e4 748 padding: 0;
5d949702 749}
bc33e9bd 750
e1a2d0d9
CC
751#page-mod-quiz-edit ul.slots li.section {
752 border: 0;
c04ed8d5 753}
bc33e9bd 754
e1a2d0d9 755#page-mod-quiz-edit ul.slots li.section .content {
bc33e9bd 756 background-color: #fafafa;
5d949702 757 padding: 1px 0;
c04ed8d5 758}
bc33e9bd 759
e1a2d0d9
CC
760#page-mod-quiz-edit ul.slots li.section {
761 list-style: none;
441d284a 762 margin: 0;
ad6a1455 763 padding: 0;
c04ed8d5 764}
bc33e9bd 765
e1a2d0d9 766#page-mod-quiz-edit ul.slots li.section li.activity {
bc33e9bd 767 background: #e6e6e6;
441d284a 768 margin: 3px 0;
ad6a1455 769 padding: 0.2em;
92bc86e4 770 position: relative;
c04ed8d5 771}
bc33e9bd 772
e1a2d0d9
CC
773#page-mod-quiz-edit ul.slots li.section li.activity.page {
774 background: transparent;
c04ed8d5 775}
bc33e9bd 776
5d949702
K
777#page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
778 display: inline;
779 font-weight: normal;
780 font-size: 1em;
781}
e1a2d0d9
CC
782
783#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
784 background: white;
ad6a1455
TH
785 padding: 0.2em;
786 margin: 0.4em;
c04ed8d5 787}
bc33e9bd 788
97ef7ea2
TH
789#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
790 width: 13px;
791}
bc33e9bd 792
97ef7ea2
TH
793#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
794 background: transparent;
795}
bc33e9bd 796
e1a2d0d9 797#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
c04ed8d5 798 display: inline;
c04ed8d5 799}
bc33e9bd 800
e1a2d0d9
CC
801#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
802 display: inline-block;
803 text-align: right;
c04ed8d5 804}
bc33e9bd 805
e1a2d0d9
CC
806#page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
807 position: absolute;
e1a2d0d9 808 left: -20px;
92bc86e4 809 bottom: -11px;
c04ed8d5 810}
bc33e9bd 811
e1a2d0d9
CC
812#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
813 min-width: 1.3em;
c04ed8d5 814}
bc33e9bd 815
e1a2d0d9
CC
816#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
817 min-width: 2em;
c04ed8d5 818}
bc33e9bd 819
e1a2d0d9
CC
820#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
821 min-width: 2.6em;
c04ed8d5 822}
bc33e9bd 823
e1a2d0d9
CC
824#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
825 min-width: 3.2em;
c04ed8d5 826}
bc33e9bd 827
e1a2d0d9
CC
828#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
829 min-width: 3.7em;
c04ed8d5 830}
bc33e9bd 831
e1a2d0d9
CC
832#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
833 min-width: 4.3em;
c04ed8d5 834}
bc33e9bd 835
e1a2d0d9
CC
836#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
837 min-width: 4.8em;
c04ed8d5 838}
bc33e9bd 839
e1a2d0d9
CC
840#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
841 min-width: 5.45em;
c04ed8d5 842}
90723839 843
e1a2d0d9
CC
844#page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
845#page-mod-quiz-edit ul.slots li.section li.activity a.preview,
846#page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
847#page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
ad6a1455 848 margin: 0 2px;
c04ed8d5 849}
bc33e9bd 850
5d949702
K
851#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
852#page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
853 visibility: hidden;
854}
bc33e9bd 855
6d19eb4b
TH
856#page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
857 visibility: visible;
858}
a1eb3a44 859
441d284a
TH
860#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
861 position: absolute;
862 top: 0;
863 right: 0;
864}
bc33e9bd 865
441d284a
TH
866#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
867 display: none;
868}
869
870#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
871#page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
872 position: relative;
873 left: 20px;
874 top: -1em;
875}
f7785e42 876
e1a2d0d9 877#page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
94fd778d
BB
878 display: flex;
879 flex: 1 1 auto;
e1a2d0d9 880 min-height: 1.7em;
c04ed8d5 881}
ad6a1455 882
f37cffb6 883#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
94fd778d 884 display: flex;
f37cffb6
CC
885 padding-left: 22px;
886}
887
e1a2d0d9 888#page-mod-quiz-edit ul.slots .activityinstance form {
c04ed8d5
TH
889 display: inline;
890}
bc33e9bd 891
e1a2d0d9
CC
892#page-mod-quiz-edit span.editinstructions {
893 right: 0;
c04ed8d5 894}
a1eb3a44 895
e1a2d0d9
CC
896#page-mod-quiz-edit ul.slots .activityinstance span.instancename {
897 overflow-x: hidden;
898 white-space: nowrap;
899 text-overflow: ellipsis;
900 overflow: hidden;
e1a2d0d9
CC
901 display: inline-block;
902 height: 20px;
c04ed8d5 903}
a1eb3a44 904
e1a2d0d9 905#page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
ad6a1455 906 margin: 0 0.2em;
c04ed8d5 907}
bc33e9bd 908
8aa5e0cf 909#page-mod-quiz-edit #categoryquestions .questionname,
e1a2d0d9 910#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
bc33e9bd 911 font-weight: bold;
e1a2d0d9 912 color: #555;
94fd778d
BB
913 overflow: hidden;
914 text-overflow: ellipsis;
915 white-space: nowrap;
c04ed8d5 916}
bc33e9bd 917
e1a2d0d9
CC
918#page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
919 color: #555;
920}
bc33e9bd 921
bea19e0d
SL
922#page-mod-quiz-edit .section .activity .editing_move {
923 position: absolute;
924 left: 0;
925 top: 0;
926}
927
e1a2d0d9
CC
928#page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
929 font-size: 0.8em;
94fd778d
BB
930 overflow: hidden;
931 text-overflow: ellipsis;
932 white-space: nowrap;
933 margin-left: 0.25rem;
c04ed8d5 934}
a1eb3a44 935
e1a2d0d9 936#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
87174e0a 937 float: inherit;
ad6a1455
TH
938 margin: .2em 0 0;
939 padding: 0;
940}
a1eb3a44 941
e1a2d0d9 942#page-mod-quiz-edit .section .activity .actions {
94fd778d 943 position: inherit;
e1a2d0d9
CC
944 white-space: nowrap;
945 background: #e6e6e6;
ad6a1455 946 padding: 0.1em 0;
c04ed8d5 947}
a1eb3a44 948
e1a2d0d9 949#page-mod-quiz-edit .mod_quiz_edit_forms {
c04ed8d5
TH
950 display: none;
951}
e1a2d0d9
CC
952
953#categoryquestions > tbody > tr:nth-of-type(even) {
954 background: #e4e4e4;
c04ed8d5 955}
bc33e9bd 956
22b8fe5e 957#categoryquestions > tbody > tr.highlight {
aea8eaec 958 background-color: #afa;
c04ed8d5 959}
bc33e9bd 960
e1a2d0d9
CC
961#categoryquestions .header {
962 text-align: center;
963 padding: 0 2px;
964 border: 0 none;
55c75f91
LB
965 vertical-align: top;
966}
967
968#categoryquestions .header.checkbox {
969 vertical-align: bottom;
c04ed8d5 970}
bc33e9bd 971
19b1afd1
LB
972#categoryquestions .header.qtype {
973 white-space: nowrap;
974}
975
61cc1e64 976#categoryquestions th .sorters {
e1a2d0d9
CC
977 font-weight: normal;
978 font-size: 0.8em;
810920b1 979}
bc33e9bd 980
810920b1
MN
981#categoryquestions td.modifiername,
982#categoryquestions td.creatorname {
983 line-height: 1em;
984}
bc33e9bd 985
810920b1
MN
986#categoryquestions td.modifiername span.date,
987#categoryquestions td.creatorname span.date {
988 font-weight: normal;
989 font-size: 0.8em;
c04ed8d5 990}
bc33e9bd 991
e1a2d0d9
CC
992table#categoryquestions {
993 width: 100%;
e1a2d0d9 994 table-layout: fixed;
c04ed8d5 995}
bc33e9bd 996
e1a2d0d9
CC
997#categoryquestions .iconcol {
998 width: 15px;
999 text-align: center;
1000 padding: 0;
c04ed8d5 1001}
bc33e9bd 1002
e1a2d0d9
CC
1003#categoryquestions .checkbox {
1004 width: 19px;
c04ed8d5 1005 text-align: center;
e1a2d0d9 1006 padding: 0;
c04ed8d5 1007}
bc33e9bd 1008
701ae1eb
TH
1009#categoryquestions .editmenu {
1010 width: 5em;
1011}
1012
e1a2d0d9
CC
1013#categoryquestions .qtype {
1014 text-align: center;
c04ed8d5 1015}
bc33e9bd 1016
e1a2d0d9
CC
1017#categoryquestions .qtype {
1018 width: 28px;
1019 padding: 0;
c04ed8d5 1020}
bc33e9bd 1021
e1a2d0d9
CC
1022#categoryquestions .questiontext {
1023 position: relative;
1024 zoom: 1;
1025 padding-left: 0.3em;
1026 overflow: hidden;
1027 white-space: nowrap;
1028 text-overflow: ellipsis;
c04ed8d5 1029}
bc33e9bd 1030
e1a2d0d9
CC
1031#categoryquestions .questionname {
1032 white-space: nowrap;
1033 overflow: hidden;
1034 zoom: 1;
1035 position: relative;
c04ed8d5 1036}
bc33e9bd 1037
e1a2d0d9
CC
1038#categoryquestions .questiontext p {
1039 margin: 0;
c04ed8d5 1040}
e1a2d0d9
CC
1041
1042#page-mod-quiz-edit table#categoryquestions td,
1043#page-mod-quiz-edit table#categoryquestions th {
1044 overflow: hidden;
1045 white-space: nowrap;
c04ed8d5 1046}
bc33e9bd 1047
e1a2d0d9
CC
1048.mod_quiz_qbank_dialogue {
1049 width: 80%;
1050 min-height: 200px;
c04ed8d5 1051}
bc33e9bd 1052
e1a2d0d9
CC
1053.mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
1054 width: 100%;
c04ed8d5 1055}
bc33e9bd 1056
e1a2d0d9 1057.mod_quiz_qbank_dialogue .questionbankloading {
c04ed8d5 1058 position: absolute;
e1a2d0d9
CC
1059 top: 30px;
1060 bottom: 0;
1061 left: 0;
1062 right: 0;
1063 background: #fff;
1064 text-align: center;
1065 opacity: 0.5;
1066 padding-top: 50px;
c04ed8d5 1067}
bc33e9bd 1068
3a1bc53b
TH
1069.mod_quiz_qbank_dialogue #advancedsearch label {
1070 font-size: 100%;
1071}
e1a2d0d9
CC
1072
1073.modulespecificbuttonscontainer {
1074 padding-left: 0.3em;
1075 padding-right: 0.3em;
c04ed8d5 1076}
e1a2d0d9 1077
57f4e960
LB
1078.questionbankformforpopup .modulespecificbuttonscontainer {
1079 padding-top: 10px;
1080 padding-left: 0;
1081}
1082
e1a2d0d9
CC
1083.quizquestionlistcontrols {
1084 text-align: center;
c04ed8d5 1085}
90723839 1086
e1a2d0d9
CC
1087.categoryinfo {
1088 padding: 0.3em;
c04ed8d5 1089}
e1a2d0d9
CC
1090
1091.path-mod-quiz .gradingdetails {
1092 font-size: small;
c04ed8d5 1093}
3784454b 1094
c04ed8d5
TH
1095#page-mod-quiz-edit div#repaginatedialog .mform {
1096 margin-left: auto;
1097 margin-right: auto;
1098}
bc33e9bd 1099
c04ed8d5
TH
1100#page-mod-quiz-edit div.container div.generalbox {
1101 position: relative;
1102 display: block;
1103 border: 0 none;
1104 margin: 0;
1105 padding: 0;
1106}
90723839 1107
c04ed8d5
TH
1108#page-mod-quiz-edit .paging {
1109 margin-top: 0;
1110 margin-bottom: 0;
ad6a1455 1111 padding: 0.1em 0.3em;
c04ed8d5
TH
1112 display: block;
1113 background-color: #ddd;
1114}
90723839 1115
c04ed8d5
TH
1116#page-mod-quiz-edit #page-footer {
1117 clear: both;
1118 padding-top: 1em;
1119}
90723839 1120
c04ed8d5
TH
1121#page-mod-quiz-edit .categoryinfofield {
1122 font-style: italic;
1123}
bc33e9bd 1124
c04ed8d5
TH
1125#page-mod-quiz-edit .categorynamefield {
1126 font-weight: bold;
1127}
bc33e9bd 1128
c04ed8d5
TH
1129#page-mod-quiz-edit .questionsortoptions {
1130 background-color: #ddd;
1131}
1132
c04ed8d5
TH
1133#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1134 padding-top: 0.5em;
1135 margin-top: 0.3em;
1136}
bc33e9bd 1137
90723839
SH
1138#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1139.questionbank .categorysortopotionscontainer,
1140.questionbank .categorypagingbarcontainer,
c04ed8d5 1141.questionbank .categoryselectallcontainer {
bc33e9bd 1142 background-color: #fff;
c04ed8d5 1143}
77dca4d0 1144
5d803e53
LB
1145/* Bulk edit actions */
1146
f3432e03 1147#page-mod-quiz-edit .btn-group.selectmultiplecommand,
62e72577 1148#page-mod-quiz-edit .selectmultiplecommandbuttons,
f3432e03 1149#page-mod-quiz-edit .select-multiple-checkbox {
5d803e53
LB
1150 display: none;
1151}
1152
f37cffb6
CC
1153#page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1154#page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1155#page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
62e72577 1156 display: inline-block;
f37cffb6
CC
1157}
1158
1159#page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
5d803e53
LB
1160 display: inline;
1161}
1162
f37cffb6
CC
1163#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1164#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
5d803e53
LB
1165 display: none;
1166}
1167
f37cffb6 1168#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
5d803e53
LB
1169 display: none;
1170}
1171
f37cffb6
CC
1172#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1173#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
5d803e53
LB
1174 display: none;
1175}
1176
f37cffb6
CC
1177#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1178#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
5d803e53
LB
1179 display: none;
1180}
1181
aa6a8b98 1182#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
f37cffb6 1183#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
aa6a8b98 1184#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
5d803e53
LB
1185 display: none;
1186}
1187
5cac5fa4 1188#page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
5d803e53
LB
1189 display: none;
1190}
1191
f37cffb6 1192#page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
5d803e53
LB
1193 padding-left: 3px;
1194}
1195
f3432e03
DW
1196#page-mod-quiz-edit .section .summary .iconsmall,
1197#page-mod-quiz-edit .section .activity .iconsmall {
5d803e53
LB
1198 float: left;
1199}
1200
77dca4d0
CC
1201/* Base theme needs extra support. */
1202#page-mod-quiz-edit ul.slots li.section ul.section {
1203 list-style: none;
1204}
52b0a551 1205
92bc86e4
BB
1206@media (max-width: 576px) {
1207 #page-mod-quiz-edit ul.slots li.section li.activity {
1208 padding-top: 30px;
1209 }
1210 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
1211 top: -30px;
1212 left: 0;
94fd778d
BB
1213 padding-right: 0;
1214 overflow: hidden;
1215 align-items: center;
1216 position: absolute;
92bc86e4
BB
1217 width: 100%;
1218 }
1219}
1220
52b0a551
HB
1221/** Print formatting for attempt and review pages **/
1222
1223@media print {
52b0a551
HB
1224 #page-mod-quiz-attempt header.navbar,
1225 #page-mod-quiz-review header.navbar {
1226 display: none;
1227 }
1228
1229 #page-mod-quiz-attempt #dock,
1230 #page-mod-quiz-review #dock {
1231 display: none;
1232 }
1233
1234 #page-mod-quiz-attempt #page #page-header h1,
1235 #page-mod-quiz-review #page #page-header h1 {
1236 display: none;
1237 }
1238
1239 #page-mod-quiz-attempt #region-main,
1240 #page-mod-quiz-review #region-main {
1241 width: 100%;
1242 }
1243
1244 #page-mod-quiz-attempt #block-region-side-pre,
1245 #page-mod-quiz-attempt #block-region-side-post,
1246 #page-mod-quiz-review #block-region-side-pre,
1247 #page-mod-quiz-review #block-region-side-post {
1248 display: none;
1249 }
1250
1251 #page-mod-quiz-attempt #page-footer,
1252 #page-mod-quiz-review #page-footer {
1253 display: none;
1254 }
1255
1256 #page-mod-quiz-attempt .editquestion,
1257 #page-mod-quiz-review .editquestion,
1258 #page-mod-quiz-attempt .questionflag,
1259 #page-mod-quiz-review .questionflag {
1260 display: none;
1261 }
1262
1263 #page-mod-quiz-attempt .submitbtns,
1264 #page-mod-quiz-review .submitbtns {
1265 display: none;
1266 }
1267
1268 #page-mod-quiz-review .que .commentlink {
1269 display: none;
1270 }
1271
1272 #page-mod-quiz-attempt .que,
1273 #page-mod-quiz-review .que {
1274 page-break-inside: avoid;
1275 }
1276}