92f77c7968f8f2a35dd2588e3574e971469c8eb0
[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 }
30 .path-mod-quiz input[type="submit"].mod_quiz-redo_question_button {
31     padding: 2px 0.8em;
32     font-size: 1em;
33 }
35 #page-mod-quiz-attempt .mod_quiz-blocked_question_warning .que .formulation,
36 #page-mod-quiz-review .mod_quiz-blocked_question_warning .que .formulation {
37     background: #eee;
38     border: 1px solid #dcdcdc;
39 }
41 body.jsenabled .questionflagcheckbox {
42     display: none;
43 }
45 #page-mod-quiz-attempt #connection-ok,
46 #page-mod-quiz-attempt #connection-error {
47     position: fixed;
48     top: 0;
49     width: 80%;
50     left: 10%;
51     color: #555;
52     border-radius: 0 0 10px 10px;
53     box-shadow: 5px 5px 20px 0 #666666;
54     padding: 1em 1em 0;
55     z-index: 10000;
56 }
58 #page-mod-quiz-attempt #connection-error {
59     background-color: #fcc;
60 }
61 #page-mod-quiz-attempt #connection-ok {
62     background-color: #cfb;
63     width: 60%;
64     left: 20%;
65 }
67 /** Mod quiz attempt **/
68 .generalbox#passwordbox {
69     /* Should probably match .generalbox#intro above */
70     width: 70%;
71     margin-left: auto;
72     margin-right: auto;
73 }
74 #passwordform {
75     margin: 1em 0;
76 }
78 /* Question navigation block. */
79 #quiznojswarning {
80     color: red;
81 }
82 #quiznojswarning {
83     font-size: 0.7em;
84     line-height: 1.1;
85 }
86 .jsenabled #quiznojswarning {
87     display: none;
88 }
90 .path-mod-quiz #user-picture {
91     margin: 0.5em 0;
92 }
93 .path-mod-quiz #user-picture img {
94     width: auto;
95     height: auto;
96     vertical-align: bottom;
97 }
99 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading {
100     padding: 0.7em 0 0;
101     margin: 0;
102     clear: both;
104 .path-mod-quiz #mod_quiz_navblock h3.mod_quiz-section-heading:first-child {
105     padding-top: 0;
108 .path-mod-quiz .qnbutton {
109     display: block;
110     position: relative;
111     float: left;
112     width: 1.5em;
113     height: 1.5em;
114     overflow: hidden;
115     margin: 0.3em 0.3em 0.3em 0;
116     padding: 0;
117     border: 1px solid #bbb;
118     background: #ddd;
119     text-align: center;
120     line-height: 1.5em;
121     font-weight: bold;
122     text-decoration: none;
124 .path-mod-quiz .qnbutton:visited:hover,
125 .path-mod-quiz .qnbutton:link:hover {
126     text-decoration: underline;
129 .path-mod-quiz .qnbutton .trafficlight,
130 .path-mod-quiz .qnbutton .thispageholder {
131     display: block;
132     position: absolute;
133     top: 0;
134     bottom: 0;
135     left: 0;
136     right: 0;
139 .path-mod-quiz .qnbutton.thispage {
140     border-color: #666;
142 .path-mod-quiz .qnbutton.thispage .thispageholder {
143     border: 1px solid #666;
146 .path-mod-quiz .qnbutton.flagged .trafficlight {
147     background: url([[pix:quiz|navflagged]]) no-repeat top right;
150 .path-mod-quiz .qnbutton.blocked,
151 .path-mod-quiz .qnbutton.notyetanswered,
152 .path-mod-quiz .qnbutton.requiresgrading,
153 .path-mod-quiz .qnbutton.invalidanswer {
154     background-color: white;
156 .path-mod-quiz .qnbutton.correct {
157     background-color: #cfc;
159 .path-mod-quiz .qnbutton.correct .trafficlight {
160     border-bottom: 3px solid #080;
162 .path-mod-quiz .qnbutton.partiallycorrect {
163     background-color: #ffa;
165 .path-mod-quiz .qnbutton.notanswered,
166 .path-mod-quiz .qnbutton.incorrect {
167     background-color: #fcc;
169 .path-mod-quiz .qnbutton.blocked {
170     color: #999;
172 .path-mod-quiz .qnbutton.notanswered .trafficlight,
173 .path-mod-quiz .qnbutton.incorrect .trafficlight {
174     border-top: 3px solid #800;
177 .path-mod-quiz .othernav {
178     clear: both;
179     margin: 0.5em 0;
181 .path-mod-quiz .othernav a,
182 .path-mod-quiz .othernav input {
183     display: block;
184     margin: 0.5em 0;
187 /* Countdown timer. */
188 #quiz-timer {
189     display: none;
190     margin-top: 1em;
192 #quiz-time-left {
193     font-weight: bold;
195 #quiz-timer.timeleft15 {
196     background: #ffffff;
198 #quiz-timer.timeleft14 {
199     background: #ffeeee;
201 #quiz-timer.timeleft13 {
202     background: #ffdddd;
204 #quiz-timer.timeleft12 {
205     background: #ffcccc;
207 #quiz-timer.timeleft11 {
208     background: #ffbbbb;
210 #quiz-timer.timeleft10 {
211     background: #ffaaaa;
213 #quiz-timer.timeleft9 {
214     background: #ff9999;
216 #quiz-timer.timeleft8 {
217     background: #ff8888;
219 #quiz-timer.timeleft7 {
220     background: #ff7777;
222 #quiz-timer.timeleft6 {
223     background: #ff6666;
225 #quiz-timer.timeleft5 {
226     background: #ff5555;
228 #quiz-timer.timeleft4 {
229     background: #ff4444;
231 #quiz-timer.timeleft3 {
232     background: #ff3333;
234 #quiz-timer.timeleft2 {
235     background: #ff2222;
237 #quiz-timer.timeleft1 {
238     background: #ff1111;
240 #quiz-timer.timeleft0 {
241     background: #ff0000;
244 /** mod quiz mod **/
245 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
246     width: 23%;
247     margin-left: 10px;
249 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
250     width: 100%;
251     text-align: left;
252     margin-left: 0;
254 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
255     float: left;
256     width: 23%;
257     clear: none;
260 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
261     width: 100%;
262     font-weight: bold;
263     text-align: left;
264     height: 2.5em;
265     margin-left: 0;
268 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
269     clear: left;
270     margin: 0 0 1em;
272 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
273     float: left;
274     clear: left;
275     line-height: 1.7;
277 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
278     margin-left: 0.4em;
281 /** Mod quiz view **/
282 #page-mod-quiz-view .quizinfo,
283 #page-mod-quiz-view #page .quizgradefeedback,
284 #page-mod-quiz-view #page .quizattempt {
285     text-align: center;
287 #page-mod-quiz-view #page .quizattemptsummary td p {
288     margin-top: 0;
290 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
291     border-color: #bce8f1;
292     background-color: #d9edf7;
294 table.quizattemptsummary .noreviewmessage {
295     color: gray;
297 #page-mod-quiz-view .generaltable.quizattemptsummary {
298     margin-left: auto;
299     margin-right: auto;
301 #page-mod-quiz-view .generalbox#feedback {
302     width: 70%;
303     margin-left: auto;
304     margin-right: auto;
305     padding-bottom: 15px;
307 #page-mod-quiz-view .generalbox#feedback h2 {
308     margin: 0;
310 #page-mod-quiz-view .generalbox#feedback h3 {
311     text-align: left;
313 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
314     text-align: center;
315     font-size: 0.7em;
317 .quizstartbuttondiv.quizsecuremoderequired input {
318     display: none;
320 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input {
321     display: inline;
323 .quizattempt #mod_quiz_preflight_form {
324     display: none;
327 #mod_quiz_preflight_form .femptylabel .fitemtitle {
328     display: none;
330 #mod_quiz_preflight_form .femptylabel .felement {
331     margin: 0;
332     padding: 0;
335 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup {
336     width: 600px;
338 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-wrap {
339     overflow: hidden;
341 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd {
342     padding: 0;
344 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form legend {
345     padding: 0 10px;
346     margin: 0;
347     border: 0 none;
349 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form .fitem {
350     margin-left: 10px;
352 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-bd #mod_quiz_preflight_form #fgroup_id_buttonar {
353     padding: 10px 0 0;
354     margin: 0;
356 .moodle-dialogue-base .moodle-dialogue.mod_quiz_preflight_popup .moodle-dialogue-content .moodle-dialogue-ft {
357     margin: 0;
359 /* Standard Moodle rule that needs to be more specific here. */
360 .moodle-dialogue-bd #mod_quiz_preflight_form fieldset.hidden {
361     display: inherit;
362     visibility: inherit;
365 body.path-mod-quiz .gradedattempt,
366 body.path-mod-quiz table tbody tr.gradedattempt > td {
367     border-color: #bce8f1;
368     background-color: #d9edf7;
371 .quizattemptcounts {
372     clear: left;
373     text-align: center;
374     display:inline;
375     margin-left:20%;
377 #page-mod-quiz-view .quizattemptcounts {
378     display: block;
379     margin-left: 0;
380     margin-right: 0;
383 /** Mod quiz summary **/
384 #page-mod-quiz-summary #content {
385     text-align: center;
387 #page-mod-quiz-summary .questionflag {
388     vertical-align: text-bottom;
390 #page-mod-quiz-summary #quiz-timer {
391     text-align: center;
392     margin-top: 1em;
394 #page-mod-quiz-summary .submitbtns {
395     margin-top: 1.5em;
397 @media print {
398     .quiz-secure-window * {
399         display: none;
400     }
403 /** Mod quiz review **/
404 table.quizreviewsummary {
405     width: 100%;
407 table.quizreviewsummary th.cell {
408     padding: 1px 0.5em 1px 1em;
409     font-weight: bold;
410     text-align: right;
411     width: 10em;
412     background: #f0f0f0;
414 table.quizreviewsummary td.cell {
415     padding: 1px 1em 1px 0.5em;
416     text-align: left;
417     background: #fafafa;
420 /** Mod quiz make comment or override grade popup. **/
421 #page-mod-quiz-comment .mform {
422     width: 100%;
424 #page-mod-quiz-comment .mform fieldset {
425     margin: 0;
427 #page-mod-quiz-comment .que {
428     margin: 0;
431 /** Mod quiz report **/
432 #page-mod-quiz-report h2.main {
433     clear: both;
435 #page-mod-quiz-report div#commands,
436 #page-mod-quiz-report .controls {
437     text-align: center;
439 #page-mod-quiz-report .dubious {
440     background-color: #fcc;
442 #page-mod-quiz-report .highlight {
443     border: 1px solid #bce8f1;
444     background-color: #d9edf7;
446 #page-mod-quiz-report .negcovar {
447     border : medium solid pink;
449 #page-mod-quiz-report .toggleincludeauto {
450     text-align: center;
452 #page-mod-quiz-report .gradetheselink {
453     font-size: 0.8em;
455 #page-mod-quiz-report .mform fieldset.fgroup span label {
456     margin-right: 14px;
458 #page-mod-quiz-report table th {
459     white-space: normal;
461 #page-mod-quiz-report table#attempts td,
462 #page-mod-quiz-report table.quizresponseanalysis td {
463     word-wrap: break-word;
464     max-width: 20em;
466 #page-mod-quiz-report table.titlesleft td.c0 {
467     font-weight: bold;
469 #page-mod-quiz-report table .numcol {
470     text-align: center;
471     vertical-align : middle;
474 #page-mod-quiz-report table#attempts {
475     clear: both;
476     width: 80%;
477     margin: 0.2em auto;
479 #page-mod-quiz-report table#attempts .header,
480 #page-mod-quiz-report table#attempts .cell {
481     padding: 4px;
483 #page-mod-quiz-report table#attempts .header .commands {
484     display: inline;
486 #page-mod-quiz-report table#attempts .picture {
487     width: 40px;
489 #page-mod-quiz-report table#attempts td {
490     border-left-width: 1px;
491     border-right-width: 1px;
492     border-left-style: solid;
493     border-right-style: solid;
494     vertical-align: middle;
496 #page-mod-quiz-report table#attempts .header {
497     text-align: left;
499 #page-mod-quiz-report table#attempts .picture {
500     text-align: center;
502 #page-mod-quiz-report table#attempts.grades span.que,
503 #page-mod-quiz-report table#attempts span.avgcell {
504     white-space: nowrap;
506 #page-mod-quiz-report table#attempts span.que .requiresgrading {
507     white-space: normal;
509 #page-mod-quiz-report table#attempts .questionflag {
510     vertical-align: text-bottom;
511     padding-left: 6px;
514 #page-mod-quiz-report .graph.flexible-wrap {
515     text-align: center;
516     overflow: auto;
519 #page-mod-quiz-report #cachingnotice {
520     margin-bottom: 1em;
521     padding: 0.2em;
523 #page-mod-quiz-report #cachingnotice .singlebutton {
524     margin: 0.5em 0 0;
526 #page-mod-quiz-report .bold .reviewlink {
527     font-weight: normal;
530 #page-mod-quiz-report tr.lastrowforattempt {
531     border-bottom: lightgrey solid 0.2em;
534 /** Mod quiz edit **/
535 #page-mod-quiz-edit .statusbar {
536     margin: 0.6em 0.4em;
538 #page-mod-quiz-edit .statusdisplay {
539     background-color: #ffc;
540     clear: both;
541     margin: 0.3em 0;
542     padding: 1px 10px;
544 #page-mod-quiz-edit .statusdisplay p {
545     margin: 4px 0;
547 #page-mod-quiz-edit .maxgrade,
548 #page-mod-quiz-edit .totalpoints {
549     display: block;
550     float: right;
551     margin: -2.85em 0 0;
552     padding: .2em;
554 #page-mod-quiz-edit .maxgrade label {
555     display: inline;
558 #page-mod-quiz-edit li.activity > div,
559 #page-mod-quiz-edit li.pagenumber {
560     position: relative;
563 #page-mod-quiz-edit ul.section li.pagenumber:first-child .add-menu-outer .menu :first-child,
564 #page-mod-quiz-edit .last-add-menu .add-menu-outer .menu :first-child {
565     display: none;
568 #page-mod-quiz-edit .last-add-menu {
569     position: relative;
570     height: 1.5em;
571     margin: 0 20px;
573 #page-mod-quiz-edit .add-menu-outer {
574     position: absolute;
575     right: 0;
578 #page-mod-quiz-edit .slotnumber {
579     background-color: #D3D3D3;
580     text-align: center;
581     margin: 0.1em 0.5em;
582     min-width: 2em;
583     display: inline-block;
586 #page-mod-quiz-edit .section-heading {
587     font-size: 24px;
588     margin-left: 20px;
589     margin-bottom: 0;
590     height: 40px;
592 #page-mod-quiz-edit .section-heading .instancesectioncontainer {
593     display: inline;
595 #page-mod-quiz-edit .section-heading .instancesectioncontainer h3 {
596     display: inline;
597     color: #999;
599 #page-mod-quiz-edit .section-heading .editing_section,
600 #page-mod-quiz-edit .section-heading .editing_delete {
601     margin-left: 10px;
603 #page-mod-quiz-edit .section-heading .sectioninstance {
604     position: relative;
606 #page-mod-quiz-edit .section-heading .instancesection {
607     white-space: nowrap;
608     max-width: 72%;
609     display: inline-block;
610     text-overflow: ellipsis;
611     overflow: hidden;
612     vertical-align: bottom;
614 #page-mod-quiz-edit .section-heading form {
615     display: inline;
616     position: relative;
617     top: 3px;
618     left: -7px;
620 #page-mod-quiz-edit .section-heading form input {
621     font-size: 24px;
622     font-weight: bold;
623     width: 50%;
626 #page-mod-quiz-edit .section-heading .instanceshufflequestions {
627     float: right;
628     margin: 0.3em 20px 0 0;
631 #page-mod-quiz-edit ul.section {
632     margin: 0;
633     padding: 0 20px;
635 #page-mod-quiz-edit ul.slots {
636     margin: 0;
638 #page-mod-quiz-edit ul.slots li.section {
639     border: 0;
641 #page-mod-quiz-edit ul.slots li.section .content {
642     background-color:#FAFAFA;
643     padding: 1px 0;
645 #page-mod-quiz-edit ul.slots li.section {
646     list-style: none;
647     margin: 0;
648     padding: 0;
650 #page-mod-quiz-edit ul.slots li.section li.activity {
651     background: #E6E6E6;
652     margin: 3px 0;
653     padding: 0.2em;
655 #page-mod-quiz-edit ul.slots li.section li.activity.page {
656     background: transparent;
658 #page-mod-quiz-edit ul.slots li.section li.activity.page h4 {
659     display: inline;
660     font-weight: normal;
661     font-size: 1em;
664 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
665     background: white;
666     padding: 0.2em;
667     margin: 0.4em;
669 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer .editicon {
670     width: 13px;
672 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer.infoitem {
673     background: transparent;
675 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
676     display: inline;
678 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
679     margin: 0;
680     padding: 0.2em;
681     height: 1em;
684 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
685     display: inline-block;
686     text-align: right;
688 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
689     position: absolute;
691 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
692     position: relative;
693     left: -20px;
694     top: -7px;
696 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
697     min-width: 1.3em;
699 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
700     min-width: 2em;
702 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
703     min-width: 2.6em;
705 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
706     min-width: 3.2em;
708 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
709     min-width: 3.7em;
711 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
712     min-width: 4.3em;
714 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
715     min-width: 4.8em;
717 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
718     min-width: 5.45em;
721 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
722 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
723 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
724 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
725     margin: 0 2px;
727 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_move,
728 #page-mod-quiz-edit ul.slots li.section.only-has-one-slot li.activity .editing_delete {
729     visibility: hidden;
731 #page-mod-quiz-edit ul.slots.only-one-section li.section.only-has-one-slot li.activity .editing_delete {
732     visibility: visible;
735 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper {
736     position: absolute;
737     top: 0;
738     right: 0;
740 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper.question_dependency_cannot_depend {
741     display: none;
744 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .currentlink,
745 #page-mod-quiz-edit ul.slots li.section li.activity .question_dependency_wrapper .cm-edit-action {
746     position: relative;
747     left: 20px;
748     top: -1em;
751 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
752     display: block;
753     min-height: 1.7em;
754     position: absolute;
755     top: 0;
756     left: 5em;
757     width: 100%;
760 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
761     padding-left: 22px;
764 #page-mod-quiz-edit ul.slots .activityinstance form {
765     display: inline;
767 #page-mod-quiz-edit span.editinstructions {
768     right: 0;
771 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
772     overflow-x: hidden;
773     white-space: nowrap;
774     text-overflow: ellipsis;
775     overflow: hidden;
776     width: 70%;
777     display: inline-block;
778     height: 20px;
781 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
782     margin: 0 0.2em;
784 #page-mod-quiz-edit #categoryquestions .questionname,
785 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
786   font-weight: bold;
787     color: #555;
789 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
790     color: #555;
792 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
793     font-size: 0.8em;
796 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
797     float: left;
798     margin: .2em 0 0;
799     padding: 0;
802 #page-mod-quiz-edit .section .activity .actions {
803     white-space: nowrap;
804     background: #e6e6e6;
805     padding: 0.1em 0;
808 #page-mod-quiz-edit .mod_quiz_edit_forms {
809     display: none;
812 #categoryquestions > tbody > tr:nth-of-type(even) {
813     background: #e4e4e4;
815 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
816     background-color: #AAFFAA;
818 #categoryquestions .header {
819     text-align: center;
820     padding: 0 2px;
821     border: 0 none;
823 #categoryquestions th.modifiername .sorters,
824 #categoryquestions th.creatorname .sorters {
825     font-weight: normal;
826     font-size: 0.8em;
828 #categoryquestions td.modifiername,
829 #categoryquestions td.creatorname {
830     line-height: 1em;
832 #categoryquestions td.modifiername span.date,
833 #categoryquestions td.creatorname span.date {
834     font-weight: normal;
835     font-size: 0.8em;
837 table#categoryquestions {
838     width: 100%;
839     overflow: hidden;
840     table-layout: fixed;
842 #categoryquestions .iconcol {
843     width: 15px;
844     text-align: center;
845     padding: 0;
847 #categoryquestions .checkbox {
848     width: 19px;
849     text-align: center;
850     padding: 0;
852 #categoryquestions .qtype {
853     text-align: center;
855 #categoryquestions .qtype {
856     width: 28px;
857     padding: 0;
859 #categoryquestions .questiontext {
860     position: relative;
861     zoom: 1;
862     padding-left: 0.3em;
863     overflow: hidden;
864     white-space: nowrap;
865     text-overflow: ellipsis;
867 #categoryquestions .questionname {
868     white-space: nowrap;
869     overflow: hidden;
870     zoom: 1;
871     position: relative;
873 #categoryquestions .questiontext p {
874     margin: 0;
877 #page-mod-quiz-edit table#categoryquestions td,
878 #page-mod-quiz-edit table#categoryquestions th {
879     overflow: hidden;
880     white-space: nowrap;
882 .mod_quiz_qbank_dialogue {
883     width: 80%;
884     min-height: 200px;
886 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
887     width: 100%;
890 .mod_quiz_qbank_dialogue .questionbankloading {
891     position: absolute;
892     top: 30px;
893     bottom: 0;
894     left: 0;
895     right: 0;
896     background: #fff;
897     text-align: center;
898     opacity: 0.5;
899     padding-top: 50px;
901 .mod_quiz_qbank_dialogue #advancedsearch label {
902     font-size: 100%;
905 .modulespecificbuttonscontainer {
906     padding-left: 0.3em;
907     padding-right: 0.3em;
910 .quizquestionlistcontrols {
911     text-align: center;
914 .categoryinfo {
915     padding: 0.3em;
918 .path-mod-quiz .gradingdetails {
919     font-size: small;
922 #page-mod-quiz-edit div#repaginatedialog .mform {
923     margin-left: auto;
924     margin-right: auto;
926 #page-mod-quiz-edit div.container div.generalbox {
927     position: relative;
928     display: block;
929     border: 0 none;
930     margin: 0;
931     padding: 0;
934 #page-mod-quiz-edit .paging {
935     margin-top: 0;
936     margin-bottom: 0;
937     padding: 0.1em 0.3em;
938     display: block;
939     background-color: #ddd;
942 #page-mod-quiz-edit #page-footer {
943     clear: both;
944     padding-top: 1em;
947 #page-mod-quiz-edit .categoryinfofield {
948     font-style: italic;
950 #page-mod-quiz-edit .categorynamefield {
951     font-weight: bold;
953 #page-mod-quiz-edit .questionsortoptions {
954     background-color: #ddd;
957 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
958     padding-top: 0.5em;
959     margin-top: 0.3em;
961 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
962 .questionbank .categorysortopotionscontainer,
963 .questionbank .categorypagingbarcontainer,
964 .questionbank .categoryselectallcontainer {
965     background-color: #FFF;
968 /* Base theme needs extra support. */
969 #page-mod-quiz-edit ul.slots li.section ul.section {
970     list-style: none;
973 /** Print formatting for attempt and review pages **/
975 @media print {
977     #page-mod-quiz-attempt header.navbar,
978     #page-mod-quiz-review header.navbar {
979         display: none;
980     }
982     #page-mod-quiz-attempt #dock,
983     #page-mod-quiz-review #dock {
984         display: none;
985     }
987     #page-mod-quiz-attempt #page #page-header h1,
988     #page-mod-quiz-review #page #page-header h1 {
989         display: none;
990     }
992     #page-mod-quiz-attempt #region-main,
993     #page-mod-quiz-review #region-main {
994         width: 100%;
995     }
997     #page-mod-quiz-attempt #block-region-side-pre,
998     #page-mod-quiz-attempt #block-region-side-post,
999     #page-mod-quiz-review #block-region-side-pre,
1000     #page-mod-quiz-review #block-region-side-post {
1001         display: none;
1002     }
1004     #page-mod-quiz-attempt #page-footer,
1005     #page-mod-quiz-review #page-footer {
1006         display: none;
1007     }
1009     #page-mod-quiz-attempt .editquestion,
1010     #page-mod-quiz-review .editquestion,
1011     #page-mod-quiz-attempt .questionflag,
1012     #page-mod-quiz-review .questionflag {
1013         display: none;
1014     }
1016     #page-mod-quiz-attempt .submitbtns,
1017     #page-mod-quiz-review .submitbtns {
1018         display: none;
1019     }
1021     #page-mod-quiz-review .que .commentlink {
1022         display: none;
1023     }
1025     #page-mod-quiz-attempt .que,
1026     #page-mod-quiz-review .que {
1027         page-break-inside: avoid;
1028     }
1030 /* Ajustments for mobile devices */
1031 @media only screen and (max-width:565px) {
1032     #page-mod-quiz-edit .rpcontainerclass {
1033         margin-top: 3em;
1034     }
1035     #page-mod-quiz-edit .maxgrade {
1036         margin-top: 0.1em;
1037     }
1038     #page-mod-quiz-edit .statusbar {
1039         padding: 0;
1040     }