on-demand release 2.8beta+
[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.dir-rtl .submitbtns,
23 #page-mod-quiz-review.dir-rtl .submitbtns {
24     text-align: right;
25 }
27 body.jsenabled .questionflagcheckbox {
28     display: none;
29 }
31 #page-mod-quiz-attempt #connection-ok,
32 #page-mod-quiz-attempt #connection-error {
33     position: fixed;
34     top: 0;
35     width: 80%;
36     left: 10%;
37     color: #555;
38     border-radius: 0 0 10px 10px;
39     box-shadow: 5px 5px 20px 0 #666666;
40     padding: 1em 1em 0;
41     z-index: 10000;
42 }
44 #page-mod-quiz-attempt #connection-error {
45     background-color: #fcc;
46 }
47 #page-mod-quiz-attempt #connection-ok {
48     background-color: #cfb;
49     width: 60%;
50     left: 20%;
51 }
53 /** Mod quiz attempt **/
54 .generalbox#passwordbox {
55     /* Should probably match .generalbox#intro above */
56     width: 70%;
57     margin-left: auto;
58     margin-right: auto;
59 }
60 #passwordform {
61     margin: 1em 0;
62 }
64 /* Question navigation block. */
65 #quiznojswarning {
66     color: red;
67 }
68 #quiznojswarning {
69     font-size: 0.7em;
70     line-height: 1.1;
71 }
72 .jsenabled #quiznojswarning {
73     display: none;
74 }
76 .path-mod-quiz #user-picture {
77     margin: 0.5em 0;
78 }
79 .path-mod-quiz #user-picture img {
80     width: auto;
81     height: auto;
82     vertical-align: bottom;
83 }
85 .path-mod-quiz .qnbutton {
86     display: block;
87     position: relative;
88     float: left;
89     width: 1.5em;
90     height: 1.5em;
91     overflow: hidden;
92     margin: 0.3em 0.3em 0.3em 0;
93     padding: 0;
94     border: 1px solid #bbb;
95     background: #ddd;
96     text-align: center;
97     vertical-align: middle;
98     line-height: 1.5em !important;
99     font-weight: bold;
100     text-decoration: none;
102 .path-mod-quiz.dir-rtl  .qnbutton {
103     float: right;
105 .path-mod-quiz .qnbutton .trafficlight,
106 .path-mod-quiz .qnbutton .thispageholder {
107     display: block;
108     position: absolute;
109     top: 0;
110     bottom: 0;
111     left: 0;
112     right: 0;
115 .path-mod-quiz .qnbutton.thispage {
116     border-color: #666;
118 .path-mod-quiz .qnbutton.thispage .thispageholder {
119     border: 1px solid #666;
122 .path-mod-quiz .qnbutton.flagged .trafficlight {
123     background: url([[pix:quiz|navflagged]]) no-repeat top right;
126 .path-mod-quiz .qnbutton.notyetanswered,
127 .path-mod-quiz .qnbutton.requiresgrading,
128 .path-mod-quiz .qnbutton.invalidanswer {
129     background-color: white;
131 .path-mod-quiz .qnbutton.correct {
132     background-color: #cfc;
134 .path-mod-quiz .qnbutton.correct .trafficlight {
135     border-bottom: 3px solid #080;
137 .path-mod-quiz .qnbutton.partiallycorrect {
138     background-color: #ffa;
140 .path-mod-quiz .qnbutton.notanswered,
141 .path-mod-quiz .qnbutton.incorrect {
142     background-color: #fcc;
144 .path-mod-quiz .qnbutton.notanswered .trafficlight,
145 .path-mod-quiz .qnbutton.incorrect .trafficlight {
146     border-top: 3px solid #800;
149 .path-mod-quiz .qnbutton.free:hover {
150     text-decoration: underline;
152 .path-mod-quiz .qnbutton.free span {
153     cursor: pointer;
156 .path-mod-quiz .othernav {
157     clear: both;
158     margin: 0.5em 0;
160 .path-mod-quiz .othernav a,
161 .path-mod-quiz .othernav input {
162     display: block;
163     margin: 0.5em 0;
166 /* Countdown timer. */
167 #quiz-timer {
168     display: none;
169     margin-top: 1em;
171 #quiz-time-left {
172     font-weight: bold;
174 #quiz-timer.timeleft15 {
175     background: #ffffff;
177 #quiz-timer.timeleft14 {
178     background: #ffeeee;
180 #quiz-timer.timeleft13 {
181     background: #ffdddd;
183 #quiz-timer.timeleft12 {
184     background: #ffcccc;
186 #quiz-timer.timeleft11 {
187     background: #ffbbbb;
189 #quiz-timer.timeleft10 {
190     background: #ffaaaa;
192 #quiz-timer.timeleft9 {
193     background: #ff9999;
195 #quiz-timer.timeleft8 {
196     background: #ff8888;
198 #quiz-timer.timeleft7 {
199     background: #ff7777;
201 #quiz-timer.timeleft6 {
202     background: #ff6666;
204 #quiz-timer.timeleft5 {
205     background: #ff5555;
207 #quiz-timer.timeleft4 {
208     background: #ff4444;
210 #quiz-timer.timeleft3 {
211     background: #ff3333;
213 #quiz-timer.timeleft2 {
214     background: #ff2222;
216 #quiz-timer.timeleft1 {
217     background: #ff1111;
219 #quiz-timer.timeleft0 {
220     background: #ff0000;
223 /** mod quiz mod **/
224 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
225     width: 23%;
226     margin-left: 10px;
228 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
229     width: 100%;
230     text-align: left;
231     margin-left: 0;
233 #page-mod-quiz-mod #id_reviewoptionshdr .fitem {
234     float: left;
235     width: 23%;
236     clear: none;
238 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitem {
239     float: right;
242 #page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
243     width: 100%;
244     font-weight: bold;
245     text-align: left;
246     height: 2.5em;
247     margin-left: 0;
249 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitemtitle {
250     text-align: right;
253 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
254     clear: left;
255     margin: 0 0 1em;
257 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
258     float: left;
259     clear: left;
260     line-height: 1.7;
262 #page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr fieldset.fgroup > span {
263     float: right;
264     clear: right;
266 #page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
267     margin-left: 0.4em;
270 /** Mod quiz view **/
271 #page-mod-quiz-view .quizinfo,
272 #page-mod-quiz-view #page .quizgradefeedback,
273 #page-mod-quiz-view #page .quizattempt {
274     text-align: center;
276 #page-mod-quiz-view #page .quizattemptsummary td p {
277     margin-top: 0;
279 #page-mod-quiz-view table.quizattemptsummary tr.bestrow td {
280     border-color: #bce8f1;
281     background-color: #d9edf7;
283 table.quizattemptsummary .noreviewmessage {
284     color: gray;
286 #page-mod-quiz-view .generaltable.quizattemptsummary {
287     margin-left: auto;
288     margin-right: auto;
290 #page-mod-quiz-view .generalbox#feedback {
291     width: 70%;
292     margin-left: auto;
293     margin-right: auto;
294     padding-bottom: 15px;
296 #page-mod-quiz-view .generalbox#feedback h2 {
297     margin: 0;
299 #page-mod-quiz-view .generalbox#feedback h3 {
300     text-align: left;
302 #page-mod-quiz-view.dir-rtl .generalbox#feedback h3 {
303     text-align: center;
305 #page-mod-quiz-view .generalbox#feedback .overriddennotice {
306     text-align: center;
307     font-size: 0.7em;
309 .quizstartbuttondiv.quizsecuremoderequired input {
310     display: none;
312 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input {
313     display: inline;
316 body.path-mod-quiz .gradedattempt,
317 body.path-mod-quiz table tbody tr.gradedattempt > td {
318     border-color: #bce8f1;
319     background-color: #d9edf7;
322 .quizattemptcounts {
323     clear: left;
324     text-align: center;
325     display:inline;
326     margin-left:20%;
328 .dir-rtl .quizattemptcounts {
329     margin-left:0;
330     margin-right: 20%;
332 #page-mod-quiz-view .quizattemptcounts,
333 .dir-rtl #page-mod-quiz-view .quizattemptcounts {
334     display: block;
335     margin-left: 0;
336     margin-right: 0;
339 /** Mod quiz summary **/
340 #page-mod-quiz-summary #content {
341     text-align: center;
343 #page-mod-quiz-summary .questionflag {
344     vertical-align: text-bottom;
346 #page-mod-quiz-summary #quiz-timer {
347     text-align: center;
348     margin-top: 1em;
350 #page-mod-quiz-summary .submitbtns {
351     margin-top: 1.5em;
353 @media print {
354     .quiz-secure-window * {
355         display: none !important;
356     }
359 /** Mod quiz review **/
360 table.quizreviewsummary {
361     width: 100%;
363 table.quizreviewsummary th.cell {
364     padding: 1px 0.5em 1px 1em;
365     font-weight: bold;
366     text-align: right;
367     width: 10em;
368     background: #f0f0f0;
370 table.quizreviewsummary td.cell {
371     padding: 1px 1em 1px 0.5em;
372     text-align: left;
373     background: #fafafa;
375 .dir-rtl table.quizreviewsummary td.cell {
376     text-align: right;
379 /** Mod quiz make comment or override grade popup. **/
380 #page-mod-quiz-comment .mform {
381     width: 100%;
383 #page-mod-quiz-comment .mform fieldset {
384     margin: 0;
386 #page-mod-quiz-comment .que {
387     margin: 0;
390 /** Mod quiz report **/
391 #page-mod-quiz-report h2.main {
392     clear: both;
394 #page-mod-quiz-report div#commands,
395 #page-mod-quiz-report .controls {
396     text-align: center;
398 #page-mod-quiz-report .dubious {
399     background-color: #fcc;
401 #page-mod-quiz-report .highlight {
402     border: 1px solid #bce8f1;
403     background-color: #d9edf7;
405 #page-mod-quiz-report .negcovar {
406     border : medium solid pink;
408 #page-mod-quiz-report .toggleincludeauto {
409     text-align: center;
411 #page-mod-quiz-report .gradetheselink {
412     font-size: 0.8em;
414 #page-mod-quiz-report .mform fieldset.fgroup span label {
415     margin-right: 14px;
417 #page-mod-quiz-report table th {
418     white-space: normal;
420 #page-mod-quiz-report table#attempts td,
421 #page-mod-quiz-report table.quizresponseanalysis td {
422     word-wrap: break-word;
423     max-width: 20em;
425 #page-mod-quiz-report table.titlesleft td.c0 {
426     font-weight: bold;
428 #page-mod-quiz-report table .numcol {
429     text-align: center;
430     vertical-align : middle !important;
433 #page-mod-quiz-report table#attempts {
434     clear: both;
435     width: 80%;
436     margin: 0.2em auto;
438 #page-mod-quiz-report table#attempts .header,
439 #page-mod-quiz-report table#attempts .cell {
440     padding: 4px;
442 #page-mod-quiz-report table#attempts .header .commands {
443     display: inline;
445 #page-mod-quiz-report table#attempts .picture {
446     width: 40px;
448 #page-mod-quiz-report table#attempts td {
449     border-left-width: 1px;
450     border-right-width: 1px;
451     border-left-style: solid;
452     border-right-style: solid;
453     vertical-align: middle;
455 #page-mod-quiz-report table#attempts .header {
456     text-align: left;
458 #page-mod-quiz-report table#attempts .picture {
459     text-align: center !important;
461 #page-mod-quiz-report table#attempts.grades span.que,
462 #page-mod-quiz-report table#attempts span.avgcell {
463     white-space: nowrap;
465 #page-mod-quiz-report table#attempts span.que .requiresgrading {
466     white-space: normal;
468 #page-mod-quiz-report table#attempts .questionflag {
469     vertical-align: text-bottom;
470     padding-left: 6px;
472 .dir-rtl#page-mod-quiz-report table#attempts .questionflag {
473     padding-right: 6px;
474     padding-left: 0;
477 #page-mod-quiz-report .graph.flexible-wrap {
478     text-align: center;
479     overflow: auto;
482 #page-mod-quiz-report #cachingnotice {
483     margin-bottom: 1em;
484     padding: 0.2em;
486 #page-mod-quiz-report #cachingnotice .singlebutton {
487     margin: 0.5em 0 0;
489 #page-mod-quiz-report .bold .reviewlink {
490     font-weight: normal;
493 #page-mod-quiz-report tr.lastrowforattempt {
494     border-bottom: lightgrey solid 0.2em;
497 /** Mod quiz edit **/
498 #page-mod-quiz-edit h2.main {
499     display: inline;
500     padding-right: 1em;
501     clear: left;
503 #page-mod-quiz-edit.dir-rtl h2.main {
504     padding-left: 1em;
505     padding-right: 0;
508 #page-mod-quiz-edit .statusbar {
509     margin: 0.6em 0.4em;
511 #page-mod-quiz-edit .statusdisplay {
512     background-color: #ffc;
513     clear: both;
514     margin: 0.3em 1em 0.3em 0;
515     padding: 1px ;
516     /* Stop margin collapse. */
518 #page-mod-quiz-edit.dir-rtl .statusdisplay {
519     margin: 0.3em 0 0.3em 1em;
521 #page-mod-quiz-edit .statusdisplay p {
522     margin: 0.4em;
525 #page-mod-quiz-edit .maxgrade,
526 #page-mod-quiz-edit .totalpoints {
527     display: block;
528     float: right;
529     margin: -2.5em 1em 0em 1em;
530     padding: .2em;
532 #page-mod-quiz-edit .maxgrade label {
533     display: inline;
535 #page-mod-quiz-edit.dir-rtl .maxgrade,
536 #page-mod-quiz-edit.dir-rtl .totalpoints {
537     float: left;
540 #page-mod-quiz-edit li.activity > div,
541 #page-mod-quiz-edit li.pagenumber {
542     position: relative;
545 #page-mod-quiz-edit .last-add-menu {
546     position: relative;
547     height: 1.5em;
549 #page-mod-quiz-edit .add-menu-outer {
550     position: absolute;
551     top: 0;
552     right: 0;
554 #page-mod-quiz-edit.dir-rtl .add-menu-outer {
555     right: auto;
556     left: 0;
558 #page-mod-quiz-edit .slotnumber {
559     background-color: #D3D3D3;
560     text-align: center;
561     margin: 0.1em 0.5em;
562     min-width: 2em;
563     display: inline-block;
566 #page-mod-quiz-edit ul.slots li.section {
567     border: 0;
569 #page-mod-quiz-edit ul.slots li.section .content {
570     background-color:#FAFAFA;
571     padding:5px 10px;
573 #page-mod-quiz-edit ul.slots li.section .content h3 {
574     margin: 0;
575     color: #777;
576     font-weight: normal;
578 #page-mod-quiz-edit ul.slots li.section .left {
579     padding: 4px 0;
581 #page-mod-quiz-edit ul.slots li.section .right {
582     padding: 4px 0;
584 #page-mod-quiz-edit ul.slots {
585     margin: 0;
587 #page-mod-quiz-edit ul.slots li.section {
588     list-style: none;
589     margin: 0 0 5px 0;
590     padding: 0;
592 #page-mod-quiz-edit ul.slots li.section .left {
593     float: left;
595 #page-mod-quiz-edit ul.slots li.section .right {
596     float: right;
598 #page-mod-quiz-edit ul.slots li.section .left,
599 #page-mod-quiz-edit ul.slots li.section .right {
600     width: 40px;
601     text-align: center;
602     padding: 6px 0;
604 #page-mod-quiz-edit ul.slots li.section .right img.icon {
605     padding: 0 0 4px 0;
607 #page-mod-quiz-edit ul.slots li.section .left .section-handle img.icon {
608     padding: 0;
609     vertical-align: baseline;
611 #page-mod-quiz-edit ul.slots li.section li.activity {
612     background: #E6E6E6;
613     margin: 3px 0 3px 0;
614     padding: 0.2em;
616 #page-mod-quiz-edit ul.slots li.section li.activity.page {
617     background: transparent;
620 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
621     background: white;
622     padding: 0.2em;
623     margin: 0.4em;
625 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form {
626     display: inline;
628 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
629     margin: 0;
630     padding: 0.2em;
631     height: 1em;
634 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark {
635     display: inline-block;
636     text-align: right;
638 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .instancemaxmark {
639     text-align: left;
641 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join_wrapper {
642     position: absolute;
644 #page-mod-quiz-edit ul.slots li.section li.activity .page_split_join {
645     position: relative;
646     left: -20px;
647     top: -7px;
649 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .page_split_join {
650     left: auto;
651     right: -20px;
654 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_0 {
655     min-width: 1.3em;
657 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_1 {
658     min-width: 2em;
660 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_2 {
661     min-width: 2.6em;
663 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_3 {
664     min-width: 3.2em;
666 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_4 {
667     min-width: 3.7em;
669 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_5 {
670     min-width: 4.3em;
672 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_6 {
673     min-width: 4.8em;
675 #page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmark.decimalplaces_7 {
676     min-width: 5.45em;
679 #page-mod-quiz-edit ul.slots li.section li.activity .edit_icon,
680 #page-mod-quiz-edit ul.slots li.section li.activity a.preview,
681 #page-mod-quiz-edit ul.slots li.section li.activity .editing_delete,
682 #page-mod-quiz-edit ul.slots li.section li.activity .editing_maxmark {
683     margin: 0 2px;
686 #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
687     display: block;
688     min-height: 1.7em;
689     position: absolute;
690     top: 0;
691     left: 5em;
692     width: 100%;
694 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .activityinstance {
695     left: auto;
696     right: 5em;
699 #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer {
700     padding-left: 22px;
702 #page-mod-quiz-edit.dir-rtl ul.slots li.section li.activity .mod-indent-outer {
703     padding-left: 0;
704     padding-right: 22px;
707 #page-mod-quiz-edit ul.slots .activityinstance form {
708     display: inline;
710 #page-mod-quiz-edit span.editinstructions {
711     right: 0;
713 #page-mod-quiz-edit.dir-rtl span.editinstructions {
714     left: 0;
715     right: auto;
718 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
719     overflow-x: hidden;
720     white-space: nowrap;
721     text-overflow: ellipsis;
722     overflow: hidden;
723     word-break: break-word;
724     width: 70%;
725     display: inline-block;
726     height: 20px;
729 #page-mod-quiz-edit ul.slots .activityinstance span.instancename img {
730     margin: 0 0.2em;
732 #page-mod-quiz-edit #categoryquestions .questionname,
733 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questionname {
734   font-weight: bold;
735     color: #555;
737 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
738     color: #555;
740 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .mod_quiz_random_qbank_link {
741     font-size: 0.8em;
744 #page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
745     float: left;
746     margin: .2em 0 0;
747     padding: 0;
749 #page-mod-quiz-edit.dir-rtl ul.slots .activityinstance img.activityicon {
750     float: right;
753 #page-mod-quiz-edit .section .activity .actions {
754     white-space: nowrap;
755     background: #e6e6e6;
756     padding: 0.1em 0;
759 #page-mod-quiz-edit .mod_quiz_edit_forms {
760     display: none;
763 #categoryquestions > tbody > tr:nth-of-type(even) {
764     background: #e4e4e4;
766 #categoryquestions > tbody > tr:nth-of-type(even).highlight {
767     background-color: #AAFFAA;
769 #categoryquestions .header {
770     text-align: center;
771     padding: 0 2px;
772     border: 0 none;
774 #categoryquestions th.modifiername .sorters,
775 #categoryquestions th.creatorname .sorters {
776     font-weight: normal;
777     font-size: 0.8em;
779 table#categoryquestions {
780     width: 100%;
781     overflow: hidden;
782     table-layout: fixed;
784 #categoryquestions .iconcol {
785     width: 15px;
786     text-align: center;
787     padding: 0;
789 #categoryquestions .checkbox {
790     width: 19px;
791     text-align: center;
792     padding: 0;
794 #categoryquestions .qtype {
795     text-align: center;
797 #categoryquestions .qtype {
798     width: 28px;
799     padding: 0;
801 #categoryquestions .questiontext {
802     position: relative;
803     zoom: 1;
804     padding-left: 0.3em;
805     overflow: hidden;
806     white-space: nowrap;
807     text-overflow: ellipsis;
809 .dir-rtl #categoryquestions .questiontext {
810     padding-left: 0;
811     padding-right: 0.3em;
813 #categoryquestions .questionname {
814     white-space: nowrap;
815     overflow: hidden;
816     zoom: 1;
817     position: relative;
819 #categoryquestions .questiontext p {
820     margin: 0;
823 #page-mod-quiz-edit table#categoryquestions td,
824 #page-mod-quiz-edit table#categoryquestions th {
825     overflow: hidden;
826     white-space: nowrap;
828 .mod_quiz_qbank_dialogue {
829     width: 80%;
830     min-height: 200px;
832 .mod_quiz_qbank_dialogue.moodle-dialogue-fullscreen {
833     width: 100%;
836 .mod_quiz_qbank_dialogue .questionbankloading {
837     position: absolute;
838     top: 30px;
839     bottom: 0;
840     left: 0;
841     right: 0;
842     background: #fff;
843     text-align: center;
844     opacity: 0.5;
845     padding-top: 50px;
848 .modulespecificbuttonscontainer {
849     padding-left: 0.3em;
850     padding-right: 0.3em;
853 .quizquestionlistcontrols {
854     text-align: center;
857 .categoryinfo {
858     padding: 0.3em;
861 .path-mod-quiz .gradingdetails {
862     font-size: small;
865 #page-mod-quiz-edit div#repaginatedialog .mform {
866     margin-left: auto;
867     margin-right: auto;
869 #page-mod-quiz-edit div.container div.generalbox {
870     position: relative;
871     display: block;
872     border: 0 none;
873     margin: 0;
874     padding: 0;
877 #page-mod-quiz-edit .paging {
878     margin-top: 0;
879     margin-bottom: 0;
880     padding: 0.1em 0.3em;
881     display: block;
882     background-color: #ddd;
885 #page-mod-quiz-edit #page-footer {
886     clear: both;
887     padding-top: 1em;
890 #page-mod-quiz-edit .categoryinfofield {
891     font-style: italic;
893 #page-mod-quiz-edit .categorynamefield {
894     font-weight: bold;
896 #page-mod-quiz-edit .questionsortoptions {
897     background-color: #ddd;
900 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
901     padding-top: 0.5em;
902     margin-top: 0.3em;
904 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
905 .questionbank .categorysortopotionscontainer,
906 .questionbank .categorypagingbarcontainer,
907 .questionbank .categoryselectallcontainer {
908     background-color: #FFF;