20a38113fb0fcef835315f2a3c904077d2945c9a
[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 #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;
50     box-shadow: 5px 5px 20px 0 #666;
51     padding: 1em 1em 0;
52     z-index: 10000;
53 }
55 #page-mod-quiz-attempt #connection-error {
56     background-color: #fcc;
57 }
59 #page-mod-quiz-attempt #connection-ok {
60     background-color: #cfb;
61     width: 60%;
62     left: 20%;
63 }
65 /** Mod quiz attempt **/
66 .generalbox#passwordbox {
67     /* Should probably match .generalbox#intro above */
68     width: 70%;
69     margin-left: auto;
70     margin-right: auto;
71 }
73 #passwordform {
74     margin: 1em 0;
75 }
77 /* Question navigation block. */
78 #quiznojswarning {
79     color: red;
80 }
82 #quiznojswarning {
83     font-size: 0.7em;
84     line-height: 1.1;
85 }
87 .jsenabled #quiznojswarning {
88     display: none;
89 }
91 .path-mod-quiz #user-picture {
92     margin: 0.5em 0;
93 }
95 .path-mod-quiz #user-picture img {
96     width: auto;
97     height: auto;
98     vertical-align: bottom;
99 }
101 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
102     padding: 0.7em 0 0;
103     margin: 0;
104     clear: both;
107 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
108     padding-top: 0;
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;
123     line-height: 1.5em;
124     font-weight: bold;
125     text-decoration: none;
128 .path-mod-quiz .qnbutton:visited:hover,
129 .path-mod-quiz .qnbutton:link:hover {
130     text-decoration: underline;
133 .path-mod-quiz .qnbutton .trafficlight,
134 .path-mod-quiz .qnbutton .thispageholder {
135     display: block;
136     position: absolute;
137     top: 0;
138     bottom: 0;
139     left: 0;
140     right: 0;
143 .path-mod-quiz .qnbutton.thispage {
144     border-color: #666;
147 .path-mod-quiz .qnbutton.thispage .thispageholder {
148     border: 1px solid #666;
151 .path-mod-quiz .qnbutton.flagged .trafficlight {
152     background: url([[pix:quiz|navflagged]]) no-repeat top right;
155 .path-mod-quiz .qnbutton.blocked,
156 .path-mod-quiz .qnbutton.notyetanswered,
157 .path-mod-quiz .qnbutton.requiresgrading,
158 .path-mod-quiz .qnbutton.invalidanswer {
159     background-color: white;
162 .path-mod-quiz .qnbutton.correct {
163     background-color: #cfc;
166 .path-mod-quiz .qnbutton.correct .trafficlight {
167     border-bottom: 3px solid #080;
170 .path-mod-quiz .qnbutton.partiallycorrect {
171     background-color: #ffa;
174 .path-mod-quiz .qnbutton.notanswered,
175 .path-mod-quiz .qnbutton.incorrect {
176     background-color: #fcc;
179 .path-mod-quiz .qnbutton.blocked {
180     color: #999;
183 .path-mod-quiz .qnbutton.notanswered .trafficlight,
184 .path-mod-quiz .qnbutton.incorrect .trafficlight {
185     border-top: 3px solid #800;
188 .path-mod-quiz .othernav {
189     clear: both;
190     margin: 0.5em 0;
193 .path-mod-quiz .othernav a,
194 .path-mod-quiz .othernav input {
195     display: block;
196     margin: 0.5em 0;
199 /* Countdown timer. */
200 #quiz-timer {
201     display: none;
202     margin-top: 1em;
205 #quiz-time-left {
206     font-weight: bold;
209 #quiz-timer.timeleft15 {
210     background: #fff;
213 #quiz-timer.timeleft14 {
214     background: #fee;
217 #quiz-timer.timeleft13 {
218     background: #fdd;
221 #quiz-timer.timeleft12 {
222     background: #fcc;
225 #quiz-timer.timeleft11 {
226     background: #fbb;
229 #quiz-timer.timeleft10 {
230     background: #faa;
233 #quiz-timer.timeleft9 {
234     background: #f99;
237 #quiz-timer.timeleft8 {
238     background: #f88;
241 #quiz-timer.timeleft7 {
242     background: #f77;
245 #quiz-timer.timeleft6 {
246     background: #f66;
249 #quiz-timer.timeleft5 {
250     background: #f55;
253 #quiz-timer.timeleft4 {
254     background: #f44;
257 #quiz-timer.timeleft3 {
258     background: #f33;
261 #quiz-timer.timeleft2 {
262     background: #f22;
265 #quiz-timer.timeleft1 {
266     background: #f11;
269 #quiz-timer.timeleft0 {
270     background: #f00;
273 /** mod quiz mod **/
274 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
275     width: 23%;
276     margin-left: 10px;
279 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
280     width: 100%;
281     text-align: left;
282     margin-left: 0;
285 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
286     float: left;
287     width: 23%;
288     clear: none;
291 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
292     width: 100%;
293     font-weight: bold;
294     text-align: left;
295     height: 2.5em;
296     margin-left: 0;
299 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
300     clear: left;
301     margin: 0 0 1em;
304 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
305     float: left;
306     clear: left;
307     line-height: 1.7;
310 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
311     margin-left: 0.4em;
314 /** Mod quiz view **/
315 #page-mod-quiz-view .quizinfo,
316 #page-mod-quiz-view #page .quizgradefeedback,
317 #page-mod-quiz-view #page .quizattempt {
318     text-align: center;
321 #page-mod-quiz-view #page .quizattemptsummary td p {
322     margin-top: 0;
325 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
326     border-color: #bce8f1;
327     background-color: #d9edf7;
330 table.quizattemptsummary .noreviewmessage {
331     color: gray;
334 #page-mod-quiz-view .generaltable.quizattemptsummary {
335     margin-left: auto;
336     margin-right: auto;
339 #page-mod-quiz-view .generalbox#feedback {
340     width: 70%;
341     margin-left: auto;
342     margin-right: auto;
343     padding-bottom: 15px;
346 #page-mod-quiz-view .generalbox#feedback h2 {
347     margin: 0;
350 #page-mod-quiz-view .generalbox#feedback h3 {
351     text-align: left;
354 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
355     text-align: center;
356     font-size: 0.7em;
359 .quizstartbuttondiv.quizsecuremoderequired input,
360 .quizstartbuttondiv.quizsecuremoderequired button {
361     display: none;
364 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input,
365 .jsenabled .quizstartbuttondiv.quizsecuremoderequired button {
366     display: inline;
369 .quizattempt #mod_quiz_preflight_form {
370     display: none;
373 #mod_quiz_preflight_form .femptylabel .fitemtitle {
374     display: none;
377 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
378     width: 600px;
381 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
382     overflow: hidden;
385 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
386     padding: 0;
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;
395 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
396     margin-left: 10px;
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;
404 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-content .moodle-dialogue-ft {
405     margin: 0;
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;
413 body.path-mod-quiz .gradedattempt,
414 body.path-mod-quiz table tbody tr.gradedattempt > td {
415     border-color: #bce8f1;
416     background-color: #d9edf7;
419 .quizattemptcounts {
420     clear: left;
421     text-align: center;
422     display: inline;
423     margin-left: 20%;
426 #page-mod-quiz-view .quizattemptcounts {
427     display: block;
428     margin-left: 0;
429     margin-right: 0;
432 /** Mod quiz summary **/
433 #page-mod-quiz-summary #content {
434     text-align: center;
437 #page-mod-quiz-summary .questionflag {
438     vertical-align: text-bottom;
441 #page-mod-quiz-summary #quiz-timer {
442     text-align: center;
443     margin-top: 1em;
446 #page-mod-quiz-summary .submitbtns {
447     margin-top: 1.5em;
450 @media print {
451     .quiz-secure-window * {
452         display: none;
453     }
456 /** Mod quiz review **/
457 table.quizreviewsummary {
458     width: 100%;
461 table.quizreviewsummary th.cell {
462     padding: 1px 0.5em 1px 1em;
463     font-weight: bold;
464     text-align: right;
465     width: 10em;
466     background: #f0f0f0;
469 table.quizreviewsummary td.cell {
470     padding: 1px 1em 1px 0.5em;
471     text-align: left;
472     background: #fafafa;
475 /** Mod quiz make comment or override grade popup. **/
476 #page-mod-quiz-comment .mform {
477     width: 100%;
480 #page-mod-quiz-comment .mform fieldset {
481     margin: 0;
484 #page-mod-quiz-comment .que {
485     margin: 0;
488 /** Mod quiz report **/
489 #page-mod-quiz-report h2.main {
490     clear: both;
493 #page-mod-quiz-report div#commands,
494 #page-mod-quiz-report .controls {
495     text-align: center;
498 #page-mod-quiz-report .dubious {
499     background-color: #fcc;
502 #page-mod-quiz-report .highlight {
503     border: 1px solid #bce8f1;
504     background-color: #d9edf7;
507 #page-mod-quiz-report .negcovar {
508     border: medium solid pink;
511 #page-mod-quiz-report .toggleincludeauto {
512     text-align: center;
515 #page-mod-quiz-report .gradetheselink {
516     font-size: 0.8em;
519 #page-mod-quiz-report .mform fieldset.fgroup span label {
520     margin-right: 14px;
523 #page-mod-quiz-report table th {
524     white-space: normal;
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;
533 #page-mod-quiz-report table.titlesleft td.c0 {
534     font-weight: bold;
537 #page-mod-quiz-report table .numcol {
538     text-align: center;
539     vertical-align: middle;
542 #page-mod-quiz-report table#attempts {
543     clear: both;
544     width: 80%;
545     margin: 0.2em auto;
548 #page-mod-quiz-report table#attempts .header,
549 #page-mod-quiz-report table#attempts .cell {
550     padding: 4px;
553 #page-mod-quiz-report table#attempts .header .commands {
554     display: inline;
557 #page-mod-quiz-report table#attempts .picture {
558     width: 40px;
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;
569 #page-mod-quiz-report table#attempts .header {
570     text-align: left;
573 #page-mod-quiz-report table#attempts .picture {
574     text-align: center;
577 #page-mod-quiz-report table#attempts.grades span.que,
578 #page-mod-quiz-report table#attempts span.avgcell {
579     white-space: nowrap;
582 #page-mod-quiz-report table#attempts span.que .requiresgrading {
583     white-space: normal;
586 #page-mod-quiz-report table#attempts .questionflag {
587     vertical-align: text-bottom;
588     padding-left: 6px;
591 #page-mod-quiz-report .graph.flexible-wrap {
592     text-align: center;
593     overflow: auto;
596 #page-mod-quiz-report #cachingnotice {
597     margin-bottom: 1em;
598     padding: 0.2em;
601 #page-mod-quiz-report #cachingnotice .singlebutton {
602     margin: 0.5em 0 0;
605 #page-mod-quiz-report .bold .reviewlink {
606     font-weight: normal;
609 #page-mod-quiz-report tr.lastrowforattempt {
610     border-bottom: lightgrey solid 0.2em;
613 #page-mod-quiz-report tr.quiz_statistics-summaryrow td.cell {
614     padding-top: 1px;
615     padding-bottom: 1px;
616     border-top: none;
619 /** Mod quiz edit **/
620 #page-mod-quiz-edit .statusbar {
621     margin: 0.6em 0.4em;
624 #page-mod-quiz-edit .statusdisplay {
625     background-color: #ffc;
626     clear: both;
627     margin: 0.3em 0;
628     padding: 1px 10px;
631 #page-mod-quiz-edit .statusdisplay p {
632     margin: 4px 0;
635 #page-mod-quiz-edit .mod_quiz-edit-top-controls {
636     position: relative;
638 #page-mod-quiz-edit .mod_quiz-edit-action-buttons {
639     display: block;
640     min-height: 2.85em;
643 @media (min-width: 576px) {
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;
650     }
653 @media (max-width: 576px) {
654     #page-mod-quiz-edit .maxgrade {
655         margin-bottom: 0.6em;
656     }
657     #page-mod-quiz-edit .maxgrade .form-control {
658         display: inline-block;
659         vertical-align: middle;
660     }
662 #page-mod-quiz-edit .maxgrade label {
663     display: inline;
665 #page-mod-quiz-edit .maxgrade input[type="submit"] {
666     margin: 0;
669 #page-mod-quiz-edit li.activity > div,
670 #page-mod-quiz-edit li.pagenumber {
671     position: relative;
674 #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
675 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
676     display: none;
679 #page-mod-quiz-edit .last-add-menu {
680     position: relative;
681     height: 1.5em;
682     margin: 0 20px;
685 #page-mod-quiz-edit .add-menu-outer {
686     position: absolute;
687     right: 0;
690 #page-mod-quiz-edit .slotnumber {
691     background-color: #d3d3d3;
692     text-align: center;
693     margin: 0.1em 0.5em;
694     min-width: 2em;
695     display: inline-block;
698 #page-mod-quiz-edit .section-heading {
699     margin-left: 20px;
700     margin-bottom: 0;
701     height: 40px;
704 #page-mod-quiz-edit .section-heading .instancesectioncontainer {
705     font-size: 24px;
706     display: inline;
709 #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
710     display: inline;
711     color: #999;
714 #page-mod-quiz-edit .section-heading .editing_section,
715 #page-mod-quiz-edit .section-heading .editing_delete {
716     margin-left: 10px;
719 #page-mod-quiz-edit .section-heading .sectioninstance {
720     position: relative;
723 #page-mod-quiz-edit .section-heading .instancesection {
724     white-space: nowrap;
725     max-width: 72%;
726     display: inline-block;
727     text-overflow: ellipsis;
728     overflow: hidden;
729     vertical-align: bottom;
732 #page-mod-quiz-edit .section-heading form {
733     display: inline;
734     position: relative;
735     top: 3px;
736     left: -7px;
739 #page-mod-quiz-edit .section-heading form input {
740     font-size: 24px;
741     font-weight: bold;
742     width: 50%;
745 #page-mod-quiz-edit .section-heading .instanceshufflequestions {
746     float: right;
747     margin: 0.3em 20px 0 0;
750 .instanceshufflequestions [type="checkbox"] {
751     vertical-align: middle;
752     margin-right: .5rem;
755 #page-mod-quiz-edit ul.section {
756     margin: 0;
757     padding: 0 20px;
760 #page-mod-quiz-edit ul.slots {
761     margin: 0;
762     padding: 0;
765 #page-mod-quiz-edit ul.slots li.section {
766     border: 0;
769 #page-mod-quiz-edit ul.slots li.section .content {
770     background-color: #fafafa;
771     padding: 1px 0;
774 #page-mod-quiz-edit ul.slots li.section {
775     list-style: none;
776     margin: 0;
777     padding: 0;
780 #page-mod-quiz-edit ul.slots li.section li.activity {
781     background: #e6e6e6;
782     margin: 3px 0;
783     padding: 0.2em;
784     position: relative;
787 #page-mod-quiz-edit ul.slots li.section li.activity.page {
788     background: transparent;
791 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
792     display: inline;
793     font-weight: normal;
794     font-size: 1em;
797 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
798     background: white;
799     padding: 0.2em;
800     margin: 0.4em;
803 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
804     width: 13px;
807 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
808     background: transparent;
811 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
812     display: inline;
815 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
816     display: inline-block;
817     text-align: right;
820 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
821     position: absolute;
822     left: -20px;
823     bottom: -11px;
826 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
827     min-width: 1.3em;
830 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
831     min-width: 2em;
834 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
835     min-width: 2.6em;
838 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
839     min-width: 3.2em;
842 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
843     min-width: 3.7em;
846 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
847     min-width: 4.3em;
850 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
851     min-width: 4.8em;
854 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
855     min-width: 5.45em;
858 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
859 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
860 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
861 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
862     margin: 0 2px;
865 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
866 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
867     visibility: hidden;
870 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
871     visibility: visible;
874 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
875     position: absolute;
876     top: 0;
877     right: 0;
880 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
881     display: none;
884 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
885 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
886     position: relative;
887     left: 20px;
888     top: -1em;
891 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
892     display: block;
893     min-height: 1.7em;
894     position: absolute;
895     top: 0;
896     left: 5em;
897     width: 100%;
900 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
901     padding-left: 22px;
904 #page-mod-quiz-edit ul.slots .activityinstance form {
905     display: inline;
908 #page-mod-quiz-edit span.editinstructions {
909     right: 0;
912 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
913     overflow-x: hidden;
914     white-space: nowrap;
915     text-overflow: ellipsis;
916     overflow: hidden;
917     width: 70%;
918     display: inline-block;
919     height: 20px;
922 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
923     margin: 0 0.2em;
926 #page-mod-quiz-edit #categoryquestions .questionname,
927 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
928     font-weight: bold;
929     color: #555;
932 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
933     color: #555;
936 #page-mod-quiz-edit .section .activity .editing_move {
937     position: absolute;
938     left: 0;
939     top: 0;
942 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
943     font-size: 0.8em;
946 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
947     float: inherit;
948     margin: .2em 0 0;
949     padding: 0;
952 #page-mod-quiz-edit .section .activity .actions {
953     white-space: nowrap;
954     background: #e6e6e6;
955     padding: 0.1em 0;
958 #page-mod-quiz-edit .mod_quiz_edit_forms {
959     display: none;
962 #categoryquestions > tbody > tr:nth-of-type(even) {
963     background: #e4e4e4;
966 #categoryquestions > tbody > tr.highlight {
967     background-color: #afa;
970 #categoryquestions .header {
971     text-align: center;
972     padding: 0 2px;
973     border: 0 none;
974     vertical-align: top;
977 #categoryquestions .header.checkbox {
978     vertical-align: bottom;
981 #categoryquestions .header.qtype {
982     white-space: nowrap;
985 #categoryquestions th .sorters {
986     font-weight: normal;
987     font-size: 0.8em;
990 #categoryquestions td.modifiername,
991 #categoryquestions td.creatorname {
992     line-height: 1em;
995 #categoryquestions td.modifiername span.date,
996 #categoryquestions td.creatorname span.date {
997     font-weight: normal;
998     font-size: 0.8em;
1001 table#categoryquestions {
1002     width: 100%;
1003     table-layout: fixed;
1006 #categoryquestions .iconcol {
1007     width: 15px;
1008     text-align: center;
1009     padding: 0;
1012 #categoryquestions .checkbox {
1013     width: 19px;
1014     text-align: center;
1015     padding: 0;
1018 #categoryquestions .editmenu {
1019     width: 5em;
1022 #categoryquestions .qtype {
1023     text-align: center;
1026 #categoryquestions .qtype {
1027     width: 28px;
1028     padding: 0;
1031 #categoryquestions .questiontext {
1032     position: relative;
1033     zoom: 1;
1034     padding-left: 0.3em;
1035     overflow: hidden;
1036     white-space: nowrap;
1037     text-overflow: ellipsis;
1040 #categoryquestions .questionname {
1041     white-space: nowrap;
1042     overflow: hidden;
1043     zoom: 1;
1044     position: relative;
1047 #categoryquestions .questiontext p {
1048     margin: 0;
1051 #page-mod-quiz-edit table#categoryquestions td,
1052 #page-mod-quiz-edit table#categoryquestions th {
1053     overflow: hidden;
1054     white-space: nowrap;
1057 .mod_quiz_qbank_dialogue {
1058     width: 80%;
1059     min-height: 200px;
1062 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
1063     width: 100%;
1066 .mod_quiz_qbank_dialogue .questionbankloading {
1067     position: absolute;
1068     top: 30px;
1069     bottom: 0;
1070     left: 0;
1071     right: 0;
1072     background: #fff;
1073     text-align: center;
1074     opacity: 0.5;
1075     padding-top: 50px;
1078 .mod_quiz_qbank_dialogue #advancedsearch label {
1079     font-size: 100%;
1082 .modulespecificbuttonscontainer {
1083     padding-left: 0.3em;
1084     padding-right: 0.3em;
1087 .questionbankformforpopup .modulespecificbuttonscontainer {
1088     padding-top: 10px;
1089     padding-left: 0;
1092 .quizquestionlistcontrols {
1093     text-align: center;
1096 .categoryinfo {
1097     padding: 0.3em;
1100 .path-mod-quiz .gradingdetails {
1101     font-size: small;
1104 #page-mod-quiz-edit div#repaginatedialog .mform {
1105     margin-left: auto;
1106     margin-right: auto;
1109 #page-mod-quiz-edit div.container div.generalbox {
1110     position: relative;
1111     display: block;
1112     border: 0 none;
1113     margin: 0;
1114     padding: 0;
1117 #page-mod-quiz-edit .paging {
1118     margin-top: 0;
1119     margin-bottom: 0;
1120     padding: 0.1em 0.3em;
1121     display: block;
1122     background-color: #ddd;
1125 #page-mod-quiz-edit #page-footer {
1126     clear: both;
1127     padding-top: 1em;
1130 #page-mod-quiz-edit .categoryinfofield {
1131     font-style: italic;
1134 #page-mod-quiz-edit .categorynamefield {
1135     font-weight: bold;
1138 #page-mod-quiz-edit .questionsortoptions {
1139     background-color: #ddd;
1142 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1143     padding-top: 0.5em;
1144     margin-top: 0.3em;
1147 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1148 .questionbank .categorysortopotionscontainer,
1149 .questionbank .categorypagingbarcontainer,
1150 .questionbank .categoryselectallcontainer {
1151     background-color: #fff;
1154 /* Bulk edit actions */
1156 #page-mod-quiz-edit .btn-group.selectmultiplecommand,
1157 #page-mod-quiz-edit .selectmultiplecommandbuttons,
1158 #page-mod-quiz-edit .select-multiple-checkbox {
1159     display: none;
1162 #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1163 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1164 #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
1165     display: inline-block;
1168 #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
1169     display: inline;
1172 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1173 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
1174     display: none;
1177 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
1178     display: none;
1181 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1182 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
1183     display: none;
1186 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1187 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
1188     display: none;
1191 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
1192 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
1193 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
1194     display: none;
1197 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
1198     display: none;
1201 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
1202     padding-left: 3px;
1205 #page-mod-quiz-edit .section .summary .iconsmall,
1206 #page-mod-quiz-edit .section .activity .iconsmall {
1207     float: left;
1210 /* Base theme needs extra support. */
1211 #page-mod-quiz-edit ul.slots li.section ul.section {
1212     list-style: none;
1215 @media (max-width: 576px) {
1216     #page-mod-quiz-edit ul.slots li.section li.activity {
1217         padding-top: 30px;
1218     }
1219     #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
1220         top: -30px;
1221         left: 0;
1222     }
1223     #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
1224         width: 100%;
1225     }
1228 /** Print formatting for attempt and review pages **/
1230 @media print {
1231     #page-mod-quiz-attempt header.navbar,
1232     #page-mod-quiz-review header.navbar {
1233         display: none;
1234     }
1236     #page-mod-quiz-attempt #dock,
1237     #page-mod-quiz-review #dock {
1238         display: none;
1239     }
1241     #page-mod-quiz-attempt #page #page-header h1,
1242     #page-mod-quiz-review #page #page-header h1 {
1243         display: none;
1244     }
1246     #page-mod-quiz-attempt #region-main,
1247     #page-mod-quiz-review #region-main {
1248         width: 100%;
1249     }
1251     #page-mod-quiz-attempt #block-region-side-pre,
1252     #page-mod-quiz-attempt #block-region-side-post,
1253     #page-mod-quiz-review #block-region-side-pre,
1254     #page-mod-quiz-review #block-region-side-post {
1255         display: none;
1256     }
1258     #page-mod-quiz-attempt #page-footer,
1259     #page-mod-quiz-review #page-footer {
1260         display: none;
1261     }
1263     #page-mod-quiz-attempt .editquestion,
1264     #page-mod-quiz-review .editquestion,
1265     #page-mod-quiz-attempt .questionflag,
1266     #page-mod-quiz-review .questionflag {
1267         display: none;
1268     }
1270     #page-mod-quiz-attempt .submitbtns,
1271     #page-mod-quiz-review .submitbtns {
1272         display: none;
1273     }
1275     #page-mod-quiz-review .que .commentlink {
1276         display: none;
1277     }
1279     #page-mod-quiz-attempt .que,
1280     #page-mod-quiz-review .que {
1281         page-break-inside: avoid;
1282     }