MDL-68772 mod_quiz: Navigation overlay fix
[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 .statusdisplay {
621     background-color: #ffc;
622     clear: both;
623     margin: 0.3em 0;
624     padding: 1px 10px;
627 #page-mod-quiz-edit .statusdisplay p {
628     margin: 4px 0;
631 #page-mod-quiz-edit .mod_quiz-edit-top-controls {
632     position: relative;
634 #page-mod-quiz-edit .mod_quiz-edit-action-buttons {
635     display: block;
636     min-height: 2.85em;
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     }
648 #page-mod-quiz-edit .maxgrade label {
649     display: inline;
651 #page-mod-quiz-edit .maxgrade input[type="submit"] {
652     margin: 0;
655 #page-mod-quiz-edit li.activity > div,
656 #page-mod-quiz-edit li.pagenumber {
657     position: relative;
660 #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu > :last-child,
661 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu > :last-child {
662     display: none;
665 #page-mod-quiz-edit .last-add-menu {
666     position: relative;
667     height: 1.5em;
668     margin: 0 20px;
671 #page-mod-quiz-edit .add-menu-outer {
672     position: absolute;
673     right: 0;
676 #page-mod-quiz-edit .slotnumber {
677     background-color: #d3d3d3;
678     text-align: center;
679     margin: 0.1em 0.5em;
680     min-width: 2em;
681     display: inline-block;
684 #page-mod-quiz-edit .section-heading {
685     margin-left: 20px;
686     margin-bottom: 0;
687     height: 40px;
690 #page-mod-quiz-edit .section-heading .instancesectioncontainer {
691     font-size: 24px;
692     display: inline;
695 #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
696     display: inline;
697     color: #999;
700 #page-mod-quiz-edit .section-heading .editing_section,
701 #page-mod-quiz-edit .section-heading .editing_delete {
702     margin-left: 10px;
705 #page-mod-quiz-edit .section-heading .sectioninstance {
706     position: relative;
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;
718 #page-mod-quiz-edit .section-heading form {
719     display: inline;
720     position: relative;
721     top: 3px;
722     left: -7px;
725 #page-mod-quiz-edit .section-heading form input {
726     font-size: 24px;
727     font-weight: bold;
728     width: 50%;
731 #page-mod-quiz-edit .section-heading .instanceshufflequestions {
732     float: right;
733     margin: 0.3em 20px 0 0;
736 .instanceshufflequestions [type="checkbox"] {
737     vertical-align: middle;
738     margin-right: .5rem;
741 #page-mod-quiz-edit ul.section {
742     margin: 0;
743     padding: 0 20px;
746 #page-mod-quiz-edit ul.slots {
747     margin: 0;
748     padding: 0;
751 #page-mod-quiz-edit ul.slots li.section {
752     border: 0;
755 #page-mod-quiz-edit ul.slots li.section .content {
756     background-color: #fafafa;
757     padding: 1px 0;
760 #page-mod-quiz-edit ul.slots li.section {
761     list-style: none;
762     margin: 0;
763     padding: 0;
766 #page-mod-quiz-edit ul.slots li.section li.activity {
767     background: #e6e6e6;
768     margin: 3px 0;
769     padding: 0.2em;
770     position: relative;
773 #page-mod-quiz-edit ul.slots li.section li.activity.page {
774     background: transparent;
777 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
778     display: inline;
779     font-weight: normal;
780     font-size: 1em;
783 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
784     background: white;
785     padding: 0.2em;
786     margin: 0.4em;
789 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
790     width: 13px;
793 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
794     background: transparent;
797 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
798     display: inline;
801 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
802     display: inline-block;
803     text-align: right;
806 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
807     position: absolute;
808     left: -20px;
809     bottom: -11px;
812 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
813     min-width: 1.3em;
816 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
817     min-width: 2em;
820 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
821     min-width: 2.6em;
824 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
825     min-width: 3.2em;
828 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
829     min-width: 3.7em;
832 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
833     min-width: 4.3em;
836 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
837     min-width: 4.8em;
840 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
841     min-width: 5.45em;
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 {
848     margin: 0 2px;
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;
856 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
857     visibility: visible;
860 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
861     position: absolute;
862     top: 0;
863     right: 0;
866 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
867     display: none;
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;
877 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
878     display: block;
879     min-height: 1.7em;
880     position: absolute;
881     top: 0;
882     left: 5em;
883     width: 100%;
886 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
887     padding-left: 22px;
890 #page-mod-quiz-edit ul.slots .activityinstance form {
891     display: inline;
894 #page-mod-quiz-edit span.editinstructions {
895     right: 0;
898 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
899     overflow-x: hidden;
900     white-space: nowrap;
901     text-overflow: ellipsis;
902     overflow: hidden;
903     width: 70%;
904     display: inline-block;
905     height: 20px;
908 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
909     margin: 0 0.2em;
912 #page-mod-quiz-edit #categoryquestions .questionname,
913 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
914     font-weight: bold;
915     color: #555;
918 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
919     color: #555;
922 #page-mod-quiz-edit .section .activity .editing_move {
923     position: absolute;
924     left: 0;
925     top: 0;
928 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
929     font-size: 0.8em;
932 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
933     float: inherit;
934     margin: .2em 0 0;
935     padding: 0;
938 #page-mod-quiz-edit .section .activity .actions {
939     white-space: nowrap;
940     background: #e6e6e6;
941     padding: 0.1em 0;
944 #page-mod-quiz-edit .mod_quiz_edit_forms {
945     display: none;
948 #categoryquestions > tbody > tr:nth-of-type(even) {
949     background: #e4e4e4;
952 #categoryquestions > tbody > tr.highlight {
953     background-color: #afa;
956 #categoryquestions .header {
957     text-align: center;
958     padding: 0 2px;
959     border: 0 none;
960     vertical-align: top;
963 #categoryquestions .header.checkbox {
964     vertical-align: bottom;
967 #categoryquestions .header.qtype {
968     white-space: nowrap;
971 #categoryquestions th .sorters {
972     font-weight: normal;
973     font-size: 0.8em;
976 #categoryquestions td.modifiername,
977 #categoryquestions td.creatorname {
978     line-height: 1em;
981 #categoryquestions td.modifiername span.date,
982 #categoryquestions td.creatorname span.date {
983     font-weight: normal;
984     font-size: 0.8em;
987 table#categoryquestions {
988     width: 100%;
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 .editmenu {
1005     width: 5em;
1008 #categoryquestions .qtype {
1009     text-align: center;
1012 #categoryquestions .qtype {
1013     width: 28px;
1014     padding: 0;
1017 #categoryquestions .questiontext {
1018     position: relative;
1019     zoom: 1;
1020     padding-left: 0.3em;
1021     overflow: hidden;
1022     white-space: nowrap;
1023     text-overflow: ellipsis;
1026 #categoryquestions .questionname {
1027     white-space: nowrap;
1028     overflow: hidden;
1029     zoom: 1;
1030     position: relative;
1033 #categoryquestions .questiontext p {
1034     margin: 0;
1037 #page-mod-quiz-edit table#categoryquestions td,
1038 #page-mod-quiz-edit table#categoryquestions th {
1039     overflow: hidden;
1040     white-space: nowrap;
1043 .mod_quiz_qbank_dialogue {
1044     width: 80%;
1045     min-height: 200px;
1048 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
1049     width: 100%;
1052 .mod_quiz_qbank_dialogue .questionbankloading {
1053     position: absolute;
1054     top: 30px;
1055     bottom: 0;
1056     left: 0;
1057     right: 0;
1058     background: #fff;
1059     text-align: center;
1060     opacity: 0.5;
1061     padding-top: 50px;
1064 .mod_quiz_qbank_dialogue #advancedsearch label {
1065     font-size: 100%;
1068 .modulespecificbuttonscontainer {
1069     padding-left: 0.3em;
1070     padding-right: 0.3em;
1073 .questionbankformforpopup .modulespecificbuttonscontainer {
1074     padding-top: 10px;
1075     padding-left: 0;
1078 .quizquestionlistcontrols {
1079     text-align: center;
1082 .categoryinfo {
1083     padding: 0.3em;
1086 .path-mod-quiz .gradingdetails {
1087     font-size: small;
1090 #page-mod-quiz-edit div#repaginatedialog .mform {
1091     margin-left: auto;
1092     margin-right: auto;
1095 #page-mod-quiz-edit div.container div.generalbox {
1096     position: relative;
1097     display: block;
1098     border: 0 none;
1099     margin: 0;
1100     padding: 0;
1103 #page-mod-quiz-edit .paging {
1104     margin-top: 0;
1105     margin-bottom: 0;
1106     padding: 0.1em 0.3em;
1107     display: block;
1108     background-color: #ddd;
1111 #page-mod-quiz-edit #page-footer {
1112     clear: both;
1113     padding-top: 1em;
1116 #page-mod-quiz-edit .categoryinfofield {
1117     font-style: italic;
1120 #page-mod-quiz-edit .categorynamefield {
1121     font-weight: bold;
1124 #page-mod-quiz-edit .questionsortoptions {
1125     background-color: #ddd;
1128 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1129     padding-top: 0.5em;
1130     margin-top: 0.3em;
1133 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1134 .questionbank .categorysortopotionscontainer,
1135 .questionbank .categorypagingbarcontainer,
1136 .questionbank .categoryselectallcontainer {
1137     background-color: #fff;
1140 /* Bulk edit actions */
1142 #page-mod-quiz-edit .btn-group.selectmultiplecommand,
1143 #page-mod-quiz-edit .selectmultiplecommandbuttons,
1144 #page-mod-quiz-edit .select-multiple-checkbox {
1145     display: none;
1148 #page-mod-quiz-edit.select-multiple .selectmultiplecommand,
1149 #page-mod-quiz-edit.select-multiple .selectmultiplecommandbuttons,
1150 #page-mod-quiz-edit.select-multiple .select-multiple-checkbox {
1151     display: inline-block;
1154 #page-mod-quiz-edit.select-multiple input.select-multiple-checkbox[type="checkbox"] {
1155     display: inline;
1158 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .editing_move,
1159 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .commands {
1160     display: none;
1163 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .page_split_join_wrapper {
1164     display: none;
1167 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_delete,
1168 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section .activity .actions .editing_maxmark {
1169     display: none;
1172 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade,
1173 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu {
1174     display: none;
1177 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading a,
1178 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading form,
1179 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .section-heading .instanceshufflequestions {
1180     display: none;
1183 #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .edit-toolbar .mb-1 {
1184     display: none;
1187 #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
1188     padding-left: 3px;
1191 #page-mod-quiz-edit .section .summary .iconsmall,
1192 #page-mod-quiz-edit .section .activity .iconsmall {
1193     float: left;
1196 /* Base theme needs extra support. */
1197 #page-mod-quiz-edit ul.slots li.section ul.section {
1198     list-style: none;
1201 @media (max-width: 576px) {
1202     #page-mod-quiz-edit ul.slots li.section li.activity {
1203         padding-top: 30px;
1204     }
1205     #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
1206         top: -30px;
1207         left: 0;
1208     }
1209     #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
1210         width: 100%;
1211     }
1214 /** Print formatting for attempt and review pages **/
1216 @media print {
1217     #page-mod-quiz-attempt header.navbar,
1218     #page-mod-quiz-review header.navbar {
1219         display: none;
1220     }
1222     #page-mod-quiz-attempt #dock,
1223     #page-mod-quiz-review #dock {
1224         display: none;
1225     }
1227     #page-mod-quiz-attempt #page #page-header h1,
1228     #page-mod-quiz-review #page #page-header h1 {
1229         display: none;
1230     }
1232     #page-mod-quiz-attempt #region-main,
1233     #page-mod-quiz-review #region-main {
1234         width: 100%;
1235     }
1237     #page-mod-quiz-attempt #block-region-side-pre,
1238     #page-mod-quiz-attempt #block-region-side-post,
1239     #page-mod-quiz-review #block-region-side-pre,
1240     #page-mod-quiz-review #block-region-side-post {
1241         display: none;
1242     }
1244     #page-mod-quiz-attempt #page-footer,
1245     #page-mod-quiz-review #page-footer {
1246         display: none;
1247     }
1249     #page-mod-quiz-attempt .editquestion,
1250     #page-mod-quiz-review .editquestion,
1251     #page-mod-quiz-attempt .questionflag,
1252     #page-mod-quiz-review .questionflag {
1253         display: none;
1254     }
1256     #page-mod-quiz-attempt .submitbtns,
1257     #page-mod-quiz-review .submitbtns {
1258         display: none;
1259     }
1261     #page-mod-quiz-review .que .commentlink {
1262         display: none;
1263     }
1265     #page-mod-quiz-attempt .que,
1266     #page-mod-quiz-review .que {
1267         page-break-inside: avoid;
1268     }