Merge branch 'MDL-48771-squashed' of git://github.com/timhunt/moodle
[moodle.git] / mod / quiz / styles.css
1 /** Bits that can appear on any page. */
2 .path-mod-quiz .statedetails {
3     display: block;
4     font-size: 0.7em;
5 }
7 /** Attempt and review pages **/
8 #page-mod-quiz-attempt #page .controls,
9 #page-mod-quiz-summary #page .controls,
10 #page-mod-quiz-review #page .controls {
11     text-align: center;
12     margin: 8px auto;
13 }
15 #page-mod-quiz-attempt .submitbtns,
16 #page-mod-quiz-review .submitbtns {
17     clear: left;
18     text-align: left;
19     padding-top: 1.5em;
20 }
22 #page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav,
23 #page-mod-quiz-review .submitbtns .mod_quiz-next-nav {
24     float: right;
25 }
27 .path-mod-quiz .mod_quiz-redo_question_button {
28     margin: 0;
29 }
31 .path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
32     padding: 2px 0.8em;
33     font-size: 1em;
34 }
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 }
42 body.jsenabled .questionflagcheckbox {
43     display: none;
44 }
46 #page-mod-quiz-attempt #connection-ok,
47 #page-mod-quiz-attempt #connection-error {
48     position: fixed;
49     top: 0;
50     width: 80%;
51     left: 10%;
52     color: #555;
53     border-radius: 0 0 10px 10px;
54     box-shadow: 5px 5px 20px 0 #666;
55     padding: 1em 1em 0;
56     z-index: 10000;
57 }
59 #page-mod-quiz-attempt #connection-error {
60     background-color: #fcc;
61 }
63 #page-mod-quiz-attempt #connection-ok {
64     background-color: #cfb;
65     width: 60%;
66     left: 20%;
67 }
69 /** Mod quiz attempt **/
70 .generalbox#passwordbox {
71     /* Should probably match .generalbox#intro above */
72     width: 70%;
73     margin-left: auto;
74     margin-right: auto;
75 }
77 #passwordform {
78     margin: 1em 0;
79 }
81 /* Question navigation block. */
82 #quiznojswarning {
83     color: red;
84 }
86 #quiznojswarning {
87     font-size: 0.7em;
88     line-height: 1.1;
89 }
91 .jsenabled #quiznojswarning {
92     display: none;
93 }
95 .path-mod-quiz #user-picture {
96     margin: 0.5em 0;
97 }
99 .path-mod-quiz #user-picture img {
100     width: auto;
101     height: auto;
102     vertical-align: bottom;
105 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
106     padding: 0.7em 0 0;
107     margin: 0;
108     clear: both;
111 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
112     padding-top: 0;
115 .path-mod-quiz .qnbutton {
116     display: block;
117     position: relative;
118     float: left;
119     width: 1.5em;
120     height: 1.5em;
121     overflow: hidden;
122     margin: 0.3em 0.3em 0.3em 0;
123     padding: 0;
124     border: 1px solid #bbb;
125     background: #ddd;
126     text-align: center;
127     line-height: 1.5em;
128     font-weight: bold;
129     text-decoration: none;
132 .path-mod-quiz .qnbutton:visited:hover,
133 .path-mod-quiz .qnbutton:link:hover {
134     text-decoration: underline;
137 .path-mod-quiz .qnbutton .trafficlight,
138 .path-mod-quiz .qnbutton .thispageholder {
139     display: block;
140     position: absolute;
141     top: 0;
142     bottom: 0;
143     left: 0;
144     right: 0;
147 .path-mod-quiz .qnbutton.thispage {
148     border-color: #666;
151 .path-mod-quiz .qnbutton.thispage .thispageholder {
152     border: 1px solid #666;
155 .path-mod-quiz .qnbutton.flagged .trafficlight {
156     background: url([[pix:quiz|navflagged]]) no-repeat top right;
159 .path-mod-quiz .qnbutton.blocked,
160 .path-mod-quiz .qnbutton.notyetanswered,
161 .path-mod-quiz .qnbutton.requiresgrading,
162 .path-mod-quiz .qnbutton.invalidanswer {
163     background-color: white;
166 .path-mod-quiz .qnbutton.correct {
167     background-color: #cfc;
170 .path-mod-quiz .qnbutton.correct .trafficlight {
171     border-bottom: 3px solid #080;
174 .path-mod-quiz .qnbutton.partiallycorrect {
175     background-color: #ffa;
178 .path-mod-quiz .qnbutton.notanswered,
179 .path-mod-quiz .qnbutton.incorrect {
180     background-color: #fcc;
183 .path-mod-quiz .qnbutton.blocked {
184     color: #999;
187 .path-mod-quiz .qnbutton.notanswered .trafficlight,
188 .path-mod-quiz .qnbutton.incorrect .trafficlight {
189     border-top: 3px solid #800;
192 .path-mod-quiz .othernav {
193     clear: both;
194     margin: 0.5em 0;
197 .path-mod-quiz .othernav a,
198 .path-mod-quiz .othernav input {
199     display: block;
200     margin: 0.5em 0;
203 /* Countdown timer. */
204 #quiz-timer {
205     display: none;
206     margin-top: 1em;
209 #quiz-time-left {
210     font-weight: bold;
213 #quiz-timer.timeleft15 {
214     background: #fff;
217 #quiz-timer.timeleft14 {
218     background: #fee;
221 #quiz-timer.timeleft13 {
222     background: #fdd;
225 #quiz-timer.timeleft12 {
226     background: #fcc;
229 #quiz-timer.timeleft11 {
230     background: #fbb;
233 #quiz-timer.timeleft10 {
234     background: #faa;
237 #quiz-timer.timeleft9 {
238     background: #f99;
241 #quiz-timer.timeleft8 {
242     background: #f88;
245 #quiz-timer.timeleft7 {
246     background: #f77;
249 #quiz-timer.timeleft6 {
250     background: #f66;
253 #quiz-timer.timeleft5 {
254     background: #f55;
257 #quiz-timer.timeleft4 {
258     background: #f44;
261 #quiz-timer.timeleft3 {
262     background: #f33;
265 #quiz-timer.timeleft2 {
266     background: #f22;
269 #quiz-timer.timeleft1 {
270     background: #f11;
273 #quiz-timer.timeleft0 {
274     background: #f00;
277 /** mod quiz mod **/
278 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
279     width: 23%;
280     margin-left: 10px;
283 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
284     width: 100%;
285     text-align: left;
286     margin-left: 0;
289 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
290     float: left;
291     width: 23%;
292     clear: none;
295 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
296     width: 100%;
297     font-weight: bold;
298     text-align: left;
299     height: 2.5em;
300     margin-left: 0;
303 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
304     clear: left;
305     margin: 0 0 1em;
308 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
309     float: left;
310     clear: left;
311     line-height: 1.7;
314 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
315     margin-left: 0.4em;
318 /** Mod quiz view **/
319 #page-mod-quiz-view .quizinfo,
320 #page-mod-quiz-view #page .quizgradefeedback,
321 #page-mod-quiz-view #page .quizattempt {
322     text-align: center;
325 #page-mod-quiz-view #page .quizattemptsummary td p {
326     margin-top: 0;
329 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
330     border-color: #bce8f1;
331     background-color: #d9edf7;
334 table.quizattemptsummary .noreviewmessage {
335     color: gray;
338 #page-mod-quiz-view .generaltable.quizattemptsummary {
339     margin-left: auto;
340     margin-right: auto;
343 #page-mod-quiz-view .generalbox#feedback {
344     width: 70%;
345     margin-left: auto;
346     margin-right: auto;
347     padding-bottom: 15px;
350 #page-mod-quiz-view .generalbox#feedback h2 {
351     margin: 0;
354 #page-mod-quiz-view .generalbox#feedback h3 {
355     text-align: left;
358 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
359     text-align: center;
360     font-size: 0.7em;
363 .quizstartbuttondiv.quizsecuremoderequired input {
364     display: none;
367 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input {
368     display: inline;
371 .quizattempt #mod_quiz_preflight_form {
372     display: none;
375 #mod_quiz_preflight_form .femptylabel .fitemtitle {
376     display: none;
379 #mod_quiz_preflight_form .femptylabel .felement {
380     margin: 0;
381     padding: 0;
384 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
385     width: 600px;
388 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
389     overflow: hidden;
392 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
393     padding: 0;
396 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
397     padding: 0 10px;
398     margin: 0;
399     border: 0 none;
402 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
403     margin-left: 10px;
406 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form #fgroup_id_buttonar {
407     padding: 10px 0 0;
408     margin: 0;
411 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-content .moodle-dialogue-ft {
412     margin: 0;
414 /* Standard Moodle rule that needs to be more specific here. */
415 .moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
416     display: inherit;
417     visibility: inherit;
420 body.path-mod-quiz .gradedattempt,
421 body.path-mod-quiz table tbody tr.gradedattempt > td {
422     border-color: #bce8f1;
423     background-color: #d9edf7;
426 .quizattemptcounts {
427     clear: left;
428     text-align: center;
429     display: inline;
430     margin-left: 20%;
433 #page-mod-quiz-view .quizattemptcounts {
434     display: block;
435     margin-left: 0;
436     margin-right: 0;
439 /** Mod quiz summary **/
440 #page-mod-quiz-summary #content {
441     text-align: center;
444 #page-mod-quiz-summary .questionflag {
445     vertical-align: text-bottom;
448 #page-mod-quiz-summary #quiz-timer {
449     text-align: center;
450     margin-top: 1em;
453 #page-mod-quiz-summary .submitbtns {
454     margin-top: 1.5em;
457 @media print {
458     .quiz-secure-window * {
459         display: none;
460     }
463 /** Mod quiz review **/
464 table.quizreviewsummary {
465     width: 100%;
468 table.quizreviewsummary th.cell {
469     padding: 1px 0.5em 1px 1em;
470     font-weight: bold;
471     text-align: right;
472     width: 10em;
473     background: #f0f0f0;
476 table.quizreviewsummary td.cell {
477     padding: 1px 1em 1px 0.5em;
478     text-align: left;
479     background: #fafafa;
482 /** Mod quiz make comment or override grade popup. **/
483 #page-mod-quiz-comment .mform {
484     width: 100%;
487 #page-mod-quiz-comment .mform fieldset {
488     margin: 0;
491 #page-mod-quiz-comment .que {
492     margin: 0;
495 /** Mod quiz report **/
496 #page-mod-quiz-report h2.main {
497     clear: both;
500 #page-mod-quiz-report div#commands,
501 #page-mod-quiz-report .controls {
502     text-align: center;
505 #page-mod-quiz-report .dubious {
506     background-color: #fcc;
509 #page-mod-quiz-report .highlight {
510     border: 1px solid #bce8f1;
511     background-color: #d9edf7;
514 #page-mod-quiz-report .negcovar {
515     border: medium solid pink;
518 #page-mod-quiz-report .toggleincludeauto {
519     text-align: center;
522 #page-mod-quiz-report .gradetheselink {
523     font-size: 0.8em;
526 #page-mod-quiz-report .mform fieldset.fgroup span label {
527     margin-right: 14px;
530 #page-mod-quiz-report table th {
531     white-space: normal;
534 #page-mod-quiz-report table#attempts td,
535 #page-mod-quiz-report table.quizresponseanalysis td {
536     word-wrap: break-word;
537     max-width: 20em;
540 #page-mod-quiz-report table.titlesleft td.c0 {
541     font-weight: bold;
544 #page-mod-quiz-report table .numcol {
545     text-align: center;
546     vertical-align: middle;
549 #page-mod-quiz-report table#attempts {
550     clear: both;
551     width: 80%;
552     margin: 0.2em auto;
555 #page-mod-quiz-report table#attempts .header,
556 #page-mod-quiz-report table#attempts .cell {
557     padding: 4px;
560 #page-mod-quiz-report table#attempts .header .commands {
561     display: inline;
564 #page-mod-quiz-report table#attempts .picture {
565     width: 40px;
568 #page-mod-quiz-report table#attempts td {
569     border-left-width: 1px;
570     border-right-width: 1px;
571     border-left-style: solid;
572     border-right-style: solid;
573     vertical-align: middle;
576 #page-mod-quiz-report table#attempts .header {
577     text-align: left;
580 #page-mod-quiz-report table#attempts .picture {
581     text-align: center;
584 #page-mod-quiz-report table#attempts.grades span.que,
585 #page-mod-quiz-report table#attempts span.avgcell {
586     white-space: nowrap;
589 #page-mod-quiz-report table#attempts span.que .requiresgrading {
590     white-space: normal;
593 #page-mod-quiz-report table#attempts .questionflag {
594     vertical-align: text-bottom;
595     padding-left: 6px;
598 #page-mod-quiz-report .graph.flexible-wrap {
599     text-align: center;
600     overflow: auto;
603 #page-mod-quiz-report #cachingnotice {
604     margin-bottom: 1em;
605     padding: 0.2em;
608 #page-mod-quiz-report #cachingnotice .singlebutton {
609     margin: 0.5em 0 0;
612 #page-mod-quiz-report .bold .reviewlink {
613     font-weight: normal;
616 #page-mod-quiz-report tr.lastrowforattempt {
617     border-bottom: lightgrey solid 0.2em;
620 /** Mod quiz edit **/
621 #page-mod-quiz-edit .statusbar {
622     margin: 0.6em 0.4em;
625 #page-mod-quiz-edit .statusdisplay {
626     background-color: #ffc;
627     clear: both;
628     margin: 0.3em 0;
629     padding: 1px 10px;
632 #page-mod-quiz-edit .statusdisplay p {
633     margin: 4px 0;
636 #page-mod-quiz-edit .mod_quiz-edit-top-controls {
637     position: relative;
639 #page-mod-quiz-edit .mod_quiz-edit-action-buttons {
640     display: block;
641     min-height: 2.85em;
644 #page-mod-quiz-edit .maxgrade,
645 #page-mod-quiz-edit .totalpoints {
646     position: absolute;
647     right: 0;
648     margin: -2.85em 0 0;
649     padding: .2em;
652 #page-mod-quiz-edit .maxgrade label {
653     display: inline;
655 #page-mod-quiz-edit .maxgrade input[type="submit"] {
656     margin: 0;
659 #page-mod-quiz-edit li.activity > div,
660 #page-mod-quiz-edit li.pagenumber {
661     position: relative;
664 #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :first-child,
665 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :first-child {
666     display: none;
669 #page-mod-quiz-edit .last-add-menu {
670     position: relative;
671     height: 1.5em;
672     margin: 0 20px;
675 #page-mod-quiz-edit .add-menu-outer {
676     position: absolute;
677     right: 0;
680 #page-mod-quiz-edit .slotnumber {
681     background-color: #d3d3d3;
682     text-align: center;
683     margin: 0.1em 0.5em;
684     min-width: 2em;
685     display: inline-block;
688 #page-mod-quiz-edit .section-heading {
689     font-size: 24px;
690     margin-left: 20px;
691     margin-bottom: 0;
692     height: 40px;
695 #page-mod-quiz-edit .section-heading .instancesectioncontainer {
696     display: inline;
699 #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
700     display: inline;
701     color: #999;
704 #page-mod-quiz-edit .section-heading .editing_section,
705 #page-mod-quiz-edit .section-heading .editing_delete {
706     margin-left: 10px;
709 #page-mod-quiz-edit .section-heading .sectioninstance {
710     position: relative;
713 #page-mod-quiz-edit .section-heading .instancesection {
714     white-space: nowrap;
715     max-width: 72%;
716     display: inline-block;
717     text-overflow: ellipsis;
718     overflow: hidden;
719     vertical-align: bottom;
722 #page-mod-quiz-edit .section-heading form {
723     display: inline;
724     position: relative;
725     top: 3px;
726     left: -7px;
729 #page-mod-quiz-edit .section-heading form input {
730     font-size: 24px;
731     font-weight: bold;
732     width: 50%;
735 #page-mod-quiz-edit .section-heading .instanceshufflequestions {
736     float: right;
737     margin: 0.3em 20px 0 0;
740 #page-mod-quiz-edit ul.section {
741     margin: 0;
742     padding: 0 20px;
745 #page-mod-quiz-edit ul.slots {
746     margin: 0;
749 #page-mod-quiz-edit ul.slots li.section {
750     border: 0;
753 #page-mod-quiz-edit ul.slots li.section .content {
754     background-color: #fafafa;
755     padding: 1px 0;
758 #page-mod-quiz-edit ul.slots li.section {
759     list-style: none;
760     margin: 0;
761     padding: 0;
764 #page-mod-quiz-edit ul.slots li.section li.activity {
765     background: #e6e6e6;
766     margin: 3px 0;
767     padding: 0.2em;
770 #page-mod-quiz-edit ul.slots li.section li.activity.page {
771     background: transparent;
774 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
775     display: inline;
776     font-weight: normal;
777     font-size: 1em;
780 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
781     background: white;
782     padding: 0.2em;
783     margin: 0.4em;
786 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
787     width: 13px;
790 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
791     background: transparent;
794 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
795     display: inline;
798 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
799     margin: 0;
800     padding: 0.2em;
801     height: 1em;
804 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
805     display: inline-block;
806     text-align: right;
809 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
810     position: absolute;
813 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
814     position: relative;
815     left: -20px;
816     top: -7px;
819 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
820     min-width: 1.3em;
823 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
824     min-width: 2em;
827 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
828     min-width: 2.6em;
831 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
832     min-width: 3.2em;
835 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
836     min-width: 3.7em;
839 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
840     min-width: 4.3em;
843 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
844     min-width: 4.8em;
847 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
848     min-width: 5.45em;
851 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
852 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
853 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
854 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
855     margin: 0 2px;
858 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
859 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
860     visibility: hidden;
863 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
864     visibility: visible;
867 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
868     position: absolute;
869     top: 0;
870     right: 0;
873 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
874     display: none;
877 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
878 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
879     position: relative;
880     left: 20px;
881     top: -1em;
884 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
885     display: block;
886     min-height: 1.7em;
887     position: absolute;
888     top: 0;
889     left: 5em;
890     width: 100%;
893 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
894     padding-left: 22px;
897 #page-mod-quiz-edit ul.slots .activityinstance form {
898     display: inline;
901 #page-mod-quiz-edit span.editinstructions {
902     right: 0;
905 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
906     overflow-x: hidden;
907     white-space: nowrap;
908     text-overflow: ellipsis;
909     overflow: hidden;
910     width: 70%;
911     display: inline-block;
912     height: 20px;
915 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
916     margin: 0 0.2em;
919 #page-mod-quiz-edit #categoryquestions .questionname,
920 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
921     font-weight: bold;
922     color: #555;
925 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
926     color: #555;
929 #page-mod-quiz-edit .section .activity .editing_move {
930     position: absolute;
931     left: 0;
932     top: 0;
935 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
936     font-size: 0.8em;
939 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
940     float: left;
941     margin: .2em 0 0;
942     padding: 0;
945 #page-mod-quiz-edit .section .activity .actions {
946     white-space: nowrap;
947     background: #e6e6e6;
948     padding: 0.1em 0;
951 #page-mod-quiz-edit .mod_quiz_edit_forms {
952     display: none;
955 #categoryquestions > tbody > tr:nth-of-type(even) {
956     background: #e4e4e4;
959 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
960     background-color: #afa;
963 #categoryquestions .header {
964     text-align: center;
965     padding: 0 2px;
966     border: 0 none;
969 #categoryquestions th.modifiername .sorters,
970 #categoryquestions th.creatorname .sorters {
971     font-weight: normal;
972     font-size: 0.8em;
975 #categoryquestions td.modifiername,
976 #categoryquestions td.creatorname {
977     line-height: 1em;
980 #categoryquestions td.modifiername span.date,
981 #categoryquestions td.creatorname span.date {
982     font-weight: normal;
983     font-size: 0.8em;
986 table#categoryquestions {
987     width: 100%;
988     overflow: hidden;
989     table-layout: fixed;
992 #categoryquestions .iconcol {
993     width: 15px;
994     text-align: center;
995     padding: 0;
998 #categoryquestions .checkbox {
999     width: 19px;
1000     text-align: center;
1001     padding: 0;
1004 #categoryquestions .qtype {
1005     text-align: center;
1008 #categoryquestions .qtype {
1009     width: 28px;
1010     padding: 0;
1013 #categoryquestions .questiontext {
1014     position: relative;
1015     zoom: 1;
1016     padding-left: 0.3em;
1017     overflow: hidden;
1018     white-space: nowrap;
1019     text-overflow: ellipsis;
1022 #categoryquestions .questionname {
1023     white-space: nowrap;
1024     overflow: hidden;
1025     zoom: 1;
1026     position: relative;
1029 #categoryquestions .questiontext p {
1030     margin: 0;
1033 #page-mod-quiz-edit table#categoryquestions td,
1034 #page-mod-quiz-edit table#categoryquestions th {
1035     overflow: hidden;
1036     white-space: nowrap;
1039 .mod_quiz_qbank_dialogue {
1040     width: 80%;
1041     min-height: 200px;
1044 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
1045     width: 100%;
1048 .mod_quiz_qbank_dialogue .questionbankloading {
1049     position: absolute;
1050     top: 30px;
1051     bottom: 0;
1052     left: 0;
1053     right: 0;
1054     background: #fff;
1055     text-align: center;
1056     opacity: 0.5;
1057     padding-top: 50px;
1060 .mod_quiz_qbank_dialogue #advancedsearch label {
1061     font-size: 100%;
1064 .modulespecificbuttonscontainer {
1065     padding-left: 0.3em;
1066     padding-right: 0.3em;
1069 .quizquestionlistcontrols {
1070     text-align: center;
1073 .categoryinfo {
1074     padding: 0.3em;
1077 .path-mod-quiz .gradingdetails {
1078     font-size: small;
1081 #page-mod-quiz-edit div#repaginatedialog .mform {
1082     margin-left: auto;
1083     margin-right: auto;
1086 #page-mod-quiz-edit div.container div.generalbox {
1087     position: relative;
1088     display: block;
1089     border: 0 none;
1090     margin: 0;
1091     padding: 0;
1094 #page-mod-quiz-edit .paging {
1095     margin-top: 0;
1096     margin-bottom: 0;
1097     padding: 0.1em 0.3em;
1098     display: block;
1099     background-color: #ddd;
1102 #page-mod-quiz-edit #page-footer {
1103     clear: both;
1104     padding-top: 1em;
1107 #page-mod-quiz-edit .categoryinfofield {
1108     font-style: italic;
1111 #page-mod-quiz-edit .categorynamefield {
1112     font-weight: bold;
1115 #page-mod-quiz-edit .questionsortoptions {
1116     background-color: #ddd;
1119 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1120     padding-top: 0.5em;
1121     margin-top: 0.3em;
1124 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1125 .questionbank .categorysortopotionscontainer,
1126 .questionbank .categorypagingbarcontainer,
1127 .questionbank .categoryselectallcontainer {
1128     background-color: #fff;
1131 /* Bulk edit actions */
1133 .selectmultiplecommandbuttons {
1134     margin: 0.6em 0.4em;
1137 .btn-group.selectmultiplecommand,
1138 .btn-group.selectmultiplecommandbuttons,
1139 .select-multiple-checkbox {
1140     display: none;
1143 #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1144 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1145 #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
1146     display: inherit;
1149 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons .separator {
1150     position: relative;
1151     float: left;
1152     padding: .5rem 0;
1155 #page-mod-quiz-edit #questionselectall {
1156     padding-right: .1rem;
1159 #page-mod-quiz-edit #questiondeselectall {
1160     padding-left: .1rem;
1163 #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
1164     display: inline;
1167 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1168 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
1169     display: none;
1172 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
1173     display: none;
1176 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1177 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
1178     display: none;
1181 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1182 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
1183     display: none;
1186 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading,
1187 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
1188 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instancesectioncontainer,
1189 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions,
1190 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instancesectioncontainer h3 {
1191     display: none;
1194 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .m-b-1 {
1195     display: none;
1198 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
1199     padding-left: 3px;
1202 .section .summary .iconsmall,
1203 .section .activity .iconsmall {
1204     float: left;
1207 /* Base theme needs extra support. */
1208 #page-mod-quiz-edit ul.slots li.section ul.section {
1209     list-style: none;
1212 /** Print formatting for attempt and review pages **/
1214 @media print {
1215     #page-mod-quiz-attempt header.navbar,
1216     #page-mod-quiz-review header.navbar {
1217         display: none;
1218     }
1220     #page-mod-quiz-attempt #dock,
1221     #page-mod-quiz-review #dock {
1222         display: none;
1223     }
1225     #page-mod-quiz-attempt #page #page-header h1,
1226     #page-mod-quiz-review #page #page-header h1 {
1227         display: none;
1228     }
1230     #page-mod-quiz-attempt #region-main,
1231     #page-mod-quiz-review #region-main {
1232         width: 100%;
1233     }
1235     #page-mod-quiz-attempt #block-region-side-pre,
1236     #page-mod-quiz-attempt #block-region-side-post,
1237     #page-mod-quiz-review #block-region-side-pre,
1238     #page-mod-quiz-review #block-region-side-post {
1239         display: none;
1240     }
1242     #page-mod-quiz-attempt #page-footer,
1243     #page-mod-quiz-review #page-footer {
1244         display: none;
1245     }
1247     #page-mod-quiz-attempt .editquestion,
1248     #page-mod-quiz-review .editquestion,
1249     #page-mod-quiz-attempt .questionflag,
1250     #page-mod-quiz-review .questionflag {
1251         display: none;
1252     }
1254     #page-mod-quiz-attempt .submitbtns,
1255     #page-mod-quiz-review .submitbtns {
1256         display: none;
1257     }
1259     #page-mod-quiz-review .que .commentlink {
1260         display: none;
1261     }
1263     #page-mod-quiz-attempt .que,
1264     #page-mod-quiz-review .que {
1265         page-break-inside: avoid;
1266     }