Moodle release 2.6rc1
[moodle.git] / mod / quiz / styles.css
CommitLineData
2de9be52
TH
1/** Bits that can appear on any page. */
2.path-mod-quiz .statedetails {
3 display: block;
4 font-size: 0.7em;
5}
6
a1eb3a44 7/** Attempt and review pages **/
90723839
SH
8#page-mod-quiz-attempt #page .controls,
9#page-mod-quiz-summary #page .controls,
c04ed8d5
TH
10#page-mod-quiz-review #page .controls {
11 text-align: center;
12 margin: 8px auto;
13}
90723839 14
a1eb3a44 15#page-mod-quiz-attempt .submitbtns,
c04ed8d5
TH
16#page-mod-quiz-review .submitbtns {
17 clear: left;
18 text-align: left;
19 padding-top: 1.5em;
20}
21
993dde51 22#page-mod-quiz-attempt.dir-rtl .submitbtns,
c04ed8d5
TH
23#page-mod-quiz-review.dir-rtl .submitbtns {
24 text-align: right;
25}
a1eb3a44 26
c04ed8d5
TH
27body.jsenabled .questionflagcheckbox {
28 display: none;
29}
ff065f96 30
9b40c540 31/** Mod quiz attempt **/
c04ed8d5
TH
32.generalbox#passwordbox {
33 /* Should probably match .generalbox#intro above */
34 width: 70%;
35 margin-left: auto;
36 margin-right: auto;
37}
38#passwordform {
39 margin: 1em 0;
40}
9b40c540 41
a1eb3a44 42/* Question navigation block. */
c04ed8d5
TH
43#quiznojswarning {
44 color: red;
45}
46#quiznojswarning {
47 font-size: 0.7em;
48 line-height: 1.1;
49}
50.jsenabled #quiznojswarning {
51 display: none;
52}
a1eb3a44 53
c04ed8d5
TH
54.path-mod-quiz #user-picture {
55 margin: 0.5em 0;
56}
57.path-mod-quiz #user-picture img {
58 width: auto;
59 height: auto;
370ee378 60 vertical-align: bottom;
c04ed8d5 61}
a1eb3a44 62
c04ed8d5
TH
63.path-mod-quiz .qnbutton {
64 display: block;
65 position: relative;
66 float: left;
67 width: 1.5em;
68 height: 1.5em;
69 overflow: hidden;
70 margin: 0.3em 0.3em 0.3em 0;
71 padding: 0;
72 border: 1px solid #bbb;
73 background: #ddd;
74 text-align: center;
75 vertical-align: middle;
76 line-height: 1.5em !important;
77 font-weight: bold;
78 text-decoration: none;
79}
80.path-mod-quiz.dir-rtl .qnbutton {
81 float: right;
82}
a1eb3a44 83.path-mod-quiz .qnbutton .trafficlight,
c04ed8d5
TH
84.path-mod-quiz .qnbutton .thispageholder {
85 display: block;
86 position: absolute;
87 top: 0;
88 bottom: 0;
89 left: 0;
90 right: 0;
91}
a1eb3a44 92
c04ed8d5
TH
93.path-mod-quiz .qnbutton.thispage {
94 border-color: #666;
95}
96.path-mod-quiz .qnbutton.thispage .thispageholder {
97 border: 1px solid #666;
98}
a1eb3a44 99
c04ed8d5 100.path-mod-quiz .qnbutton.flagged .trafficlight {
aa81e358 101 background: url([[pix:quiz|navflagged]]) no-repeat top right;
c04ed8d5 102}
a1eb3a44
TH
103
104.path-mod-quiz .qnbutton.notyetanswered,
105.path-mod-quiz .qnbutton.requiresgrading,
c04ed8d5
TH
106.path-mod-quiz .qnbutton.invalidanswer {
107 background-color: white;
108}
109.path-mod-quiz .qnbutton.correct {
110 background-color: #cfc;
111}
112.path-mod-quiz .qnbutton.correct .trafficlight {
113 border-bottom: 3px solid #080;
114}
115.path-mod-quiz .qnbutton.partiallycorrect {
116 background-color: #ffa;
117}
a1eb3a44 118.path-mod-quiz .qnbutton.notanswered,
c04ed8d5
TH
119.path-mod-quiz .qnbutton.incorrect {
120 background-color: #fcc;
121}
a1eb3a44 122.path-mod-quiz .qnbutton.notanswered .trafficlight,
c04ed8d5
TH
123.path-mod-quiz .qnbutton.incorrect .trafficlight {
124 border-top: 3px solid #800;
125}
a1eb3a44 126
c04ed8d5
TH
127.path-mod-quiz .qnbutton.free:hover {
128 text-decoration: underline;
129}
130.path-mod-quiz .qnbutton.free span {
131 cursor: pointer;
132}
33c8d37b 133
c04ed8d5
TH
134.path-mod-quiz .othernav {
135 clear: both;
136 margin: 0.5em 0;
137}
a1eb3a44 138.path-mod-quiz .othernav a,
c04ed8d5
TH
139.path-mod-quiz .othernav input {
140 display: block;
141 margin: 0.5em 0;
142}
a1eb3a44
TH
143
144/* Countdown timer. */
c04ed8d5
TH
145#quiz-timer {
146 display: none;
147 margin-top: 1em;
148}
149#quiz-time-left {
150 font-weight: bold;
151}
152#quiz-timer.timeleft15 {
153 background: #ffffff;
154}
155#quiz-timer.timeleft14 {
156 background: #ffeeee;
157}
158#quiz-timer.timeleft13 {
159 background: #ffdddd;
160}
161#quiz-timer.timeleft12 {
162 background: #ffcccc;
163}
164#quiz-timer.timeleft11 {
165 background: #ffbbbb;
166}
167#quiz-timer.timeleft10 {
168 background: #ffaaaa;
169}
170#quiz-timer.timeleft9 {
171 background: #ff9999;
172}
173#quiz-timer.timeleft8 {
174 background: #ff8888;
175}
176#quiz-timer.timeleft7 {
177 background: #ff7777;
178}
179#quiz-timer.timeleft6 {
180 background: #ff6666;
181}
182#quiz-timer.timeleft5 {
183 background: #ff5555;
184}
185#quiz-timer.timeleft4 {
186 background: #ff4444;
187}
188#quiz-timer.timeleft3 {
189 background: #ff3333;
190}
191#quiz-timer.timeleft2 {
192 background: #ff2222;
193}
194#quiz-timer.timeleft1 {
195 background: #ff1111;
196}
197#quiz-timer.timeleft0 {
198 background: #ff0000;
199}
a1eb3a44
TH
200
201/** mod quiz mod **/
a7a031a4 202#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
c04ed8d5
TH
203 width: 23%;
204 margin-left: 10px;
205}
a7a031a4 206#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
c04ed8d5
TH
207 width: 100%;
208 text-align: left;
209 margin-left: 0;
210}
a1eb3a44 211
90723839 212#page-mod-quiz-edit div.question div.content .questiontext,
c04ed8d5 213#categoryquestions .questiontext {
c04ed8d5
TH
214 text-overflow: ellipsis;
215 position: relative;
216 zoom: 1;
217 padding-left: 0.3em;
218 max-width: 40%;
219 overflow: hidden;
220 white-space: nowrap;
221 text-overflow: ellipsis;
222}
90723839
SH
223
224#page-mod-quiz-edit div.question div.content .questionname,
c04ed8d5
TH
225#categoryquestions .questionname {
226 white-space: nowrap;
227 overflow: hidden;
228 zoom: 1;
229 position: relative;
230 max-width: 20%;
231}
90723839
SH
232
233#page-mod-quiz-edit div.editq div.question div.content .singlequestion a .questionname,
c04ed8d5
TH
234div.editq div.question div.content .singlequestion a .questiontext {
235 text-decoration: underline;
236}
90723839 237
c04ed8d5
TH
238#page-mod-quiz-edit.ie6 div.question div.content .questiontext {
239 width: 50%;
240}
241#page-mod-quiz-edit.ie6 div.question div.content .questionname {
242 width: 20%;
243}
90723839 244
a7a031a4 245#page-mod-quiz-mod #id_reviewoptionshdr .fitem {
c04ed8d5
TH
246 float: left;
247 width: 23%;
248 clear: none;
249}
ce74dcc3 250
a7a031a4 251#page-mod-quiz-mod #id_reviewoptionshdr .fitemtitle {
c04ed8d5
TH
252 width: 100%;
253 font-weight: bold;
254 text-align: left;
255 height: 2.5em;
256 margin-left: 0;
257}
ce74dcc3 258
a7a031a4 259#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup {
c04ed8d5
TH
260 clear: left;
261 margin: 0 0 1em;
262}
a7a031a4 263#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup > span {
c04ed8d5
TH
264 float: left;
265 clear: left;
266 line-height: 1.7;
267}
a7a031a4 268#page-mod-quiz-mod #id_reviewoptionshdr fieldset.fgroup span label {
c04ed8d5
TH
269 margin-left: 0.4em;
270}
ce74dcc3 271
a7a031a4 272#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitem {
c04ed8d5
TH
273 float: right;
274}
a7a031a4 275#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr fieldset.fgroup span {
c04ed8d5
TH
276 float: right;
277 clear: right;
278}
a7a031a4 279#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitemtitle {
c04ed8d5
TH
280 text-align: right;
281}
7a25d398 282
90723839
SH
283/** Mod quiz view **/
284#page-mod-quiz-view .quizinfo,
285#page-mod-quiz-view #page .quizgradefeedback,
c04ed8d5
TH
286#page-mod-quiz-view #page .quizattempt {
287 text-align: center;
288}
289#page-mod-quiz-view #page .quizattemptsummary td p {
290 margin-top: 0;
291}
292table.quizattemptsummary .bestrow td {
293 background-color: #e8e8e8;
294}
295table.quizattemptsummary .noreviewmessage {
296 color: gray;
297}
298#page-mod-quiz-view .generaltable.quizattemptsummary {
299 margin-left: auto;
300 margin-right: auto;
301}
302#page-mod-quiz-view .generalbox#feedback {
303 width: 70%;
304 margin-left: auto;
305 margin-right: auto;
306 padding-bottom: 15px;
307}
308#page-mod-quiz-view .generalbox#feedback h2 {
309 margin: 0;
310}
311#page-mod-quiz-view .generalbox#feedback h3 {
312 text-align: left;
313}
314#page-mod-quiz-view.dir-rtl .generalbox#feedback h3 {
315 text-align: center;
316}
317#page-mod-quiz-view .generalbox#feedback .overriddennotice {
318 text-align: center;
319 font-size: 0.7em;
320}
321.quizstartbuttondiv.quizsecuremoderequired input {
322 display: none;
323}
324.jsenabled .quizstartbuttondiv.quizsecuremoderequired input {
325 display: inline;
326}
90723839 327
a1eb3a44 328.mod-quiz .gradedattempt,
c04ed8d5
TH
329.mod-quiz tr.gradedattempt td {
330 background-color: #e8e8e8;
331}
a1eb3a44 332
c04ed8d5
TH
333.quizattemptcounts {
334 clear: left;
335 text-align: center;
c544ee92 336 display:inline;
337 margin-left:20%;
338}
339.dir-rtl .quizattemptcounts {
340 margin-left:0;
341 margin-right: 20%;
342}
343#page-mod-quiz-view .quizattemptcounts,
344.dir-rtl #page-mod-quiz-view .quizattemptcounts {
345 display: block;
346 margin-left: 0;
347 margin-right: 0;
c04ed8d5 348}
9b40c540 349/** Mod quiz summary **/
c04ed8d5
TH
350#page-mod-quiz-summary #content {
351 text-align: center;
352}
353#page-mod-quiz-summary .questionflag {
354 vertical-align: text-bottom;
355}
356#page-mod-quiz-summary #quiz-timer {
357 text-align: center;
358 margin-top: 1em;
359}
360#page-mod-quiz-summary .submitbtns {
361 margin-top: 1.5em;
362}
ff065f96 363@media print {
c04ed8d5
TH
364 .quiz-secure-window * {
365 display: none !important;
366 }
ff065f96
TH
367}
368
90723839 369/** Mod quiz review **/
c04ed8d5
TH
370table.quizreviewsummary {
371 width: 100%;
372}
373table.quizreviewsummary th.cell {
374 padding: 1px 0.5em 1px 1em;
375 font-weight: bold;
376 text-align: right;
377 width: 10em;
378 background: #f0f0f0;
379}
380table.quizreviewsummary td.cell {
381 padding: 1px 1em 1px 0.5em;
382 text-align: left;
383 background: #fafafa;
384}
385.dir-rtl table.quizreviewsummary td.cell {
386 text-align: right;
387}
a1eb3a44
TH
388
389/** Mod quiz make comment or override grade popup. **/
c04ed8d5
TH
390#page-mod-quiz-comment .mform {
391 width: 100%;
392}
393#page-mod-quiz-comment .mform fieldset {
394 margin: 0;
395}
396#page-mod-quiz-comment .que {
397 margin: 0;
398}
90723839
SH
399
400/** Mod quiz report **/
c04ed8d5
TH
401#page-mod-quiz-report h2.main {
402 clear: both;
403}
90723839 404#page-mod-quiz-report div#commands,
c04ed8d5
TH
405#page-mod-quiz-report .controls {
406 text-align: center;
407}
408#page-mod-quiz-report .dubious {
409 background-color: #fcc;
410}
411#page-mod-quiz-report .highlight {
412 border : medium solid yellow;
413 background-color: lightYellow;
414}
415#page-mod-quiz-report .negcovar {
416 border : medium solid pink;
417}
418#page-mod-quiz-report .toggleincludeauto {
419 text-align: center;
420}
421#page-mod-quiz-report .gradetheselink {
422 font-size: 0.8em;
423}
424#page-mod-quiz-report .mform fieldset {
425 margin: 0;
426}
427#page-mod-quiz-report fieldset.felement.fgroup {
428 margin: 0;
429}
8dbcbe21
TH
430#page-mod-quiz-report table th {
431 white-space: normal;
432}
433#page-mod-quiz-report table#attempts td,
434#page-mod-quiz-report table.quizresponseanalysis td {
435 word-wrap: break-word;
436 max-width: 20em;
437}
c04ed8d5
TH
438#page-mod-quiz-report table.titlesleft td.c0 {
439 font-weight: bold;
440}
441#page-mod-quiz-report table .numcol {
442 text-align: center;
443 vertical-align : middle !important;
444}
445
446#page-mod-quiz-report table#attempts {
447 clear: both;
448 width: 80%;
449 margin: 0.2em auto;
450}
90723839 451#page-mod-quiz-report table#attempts .header,
c04ed8d5
TH
452#page-mod-quiz-report table#attempts .cell {
453 padding: 4px;
454}
455#page-mod-quiz-report table#attempts .header .commands {
456 display: inline;
457}
458#page-mod-quiz-report table#attempts .picture {
459 width: 40px;
460}
461#page-mod-quiz-report table#attempts td {
462 border-left-width: 1px;
463 border-right-width: 1px;
464 border-left-style: solid;
465 border-right-style: solid;
466 vertical-align: middle;
467}
468#page-mod-quiz-report table#attempts .header {
469 text-align: left;
470}
471#page-mod-quiz-report table#attempts .picture {
472 text-align: center !important;
473}
a1eb3a44 474#page-mod-quiz-report table#attempts.grades span.que,
c04ed8d5
TH
475#page-mod-quiz-report table#attempts span.avgcell {
476 white-space: nowrap;
477}
478#page-mod-quiz-report table#attempts span.que .requiresgrading {
479 white-space: normal;
480}
481#page-mod-quiz-report table#attempts .questionflag {
482 vertical-align: text-bottom;
483 padding-left: 6px;
484}
485.dir-rtl#page-mod-quiz-report table#attempts .questionflag {
486 padding-right: 6px;
487 padding-left: 0;
488}
a1eb3a44 489
c04ed8d5
TH
490#page-mod-quiz-report .graph.flexible-wrap {
491 text-align: center;
492 overflow: auto;
493}
a1eb3a44 494
c04ed8d5
TH
495#page-mod-quiz-report #cachingnotice {
496 margin-bottom: 1em;
497 padding: 0.2em;
498}
499#page-mod-quiz-report #cachingnotice .singlebutton {
500 margin: 0.5em 0 0;
501}
502#page-mod-quiz-report .bold .reviewlink {
503 font-weight: normal;
504}
90723839 505
90723839 506/** Mod quiz edit **/
c04ed8d5
TH
507#page-mod-quiz-edit h2.main {
508 display: inline;
509 padding-right: 1em;
510 clear: left;
511}
90723839 512
c04ed8d5
TH
513#categoryquestions .r1 {
514 background: #e4e4e4;
515}
516#categoryquestions .r1.highlight {
517 background-color: #AAFFAA;
518}
519#categoryquestions .header {
520 text-align: center;
521 padding: 0 2px;
522 border: 0 none;
523}
a1eb3a44 524#categoryquestions th.modifiername .sorters,
c04ed8d5
TH
525#categoryquestions th.creatorname .sorters {
526 font-weight: normal;
527 font-size: 0.8em;
528}
529table#categoryquestions {
530 width: 100%;
531 overflow: hidden;
532 table-layout: fixed;
533}
534#categoryquestions .iconcol {
535 width: 15px;
536 text-align: center;
537 padding: 0;
538}
539#categoryquestions .checkbox {
540 width: 19px;
541 text-align: center;
542 padding: 0;
543}
544#categoryquestions .qtype {
545 text-align: center;
546}
547#categoryquestions .qtype {
548 width: 28px;
549 padding: 0;
550}
551#categoryquestions .questiontext p {
552 margin: 0;
553}
554
555#page-mod-quiz-edit div.quizcontents {
556 float: left;
557 width: 70%;
558 display: block;
559 clear: left;
560}
561#page-mod-quiz-edit div.quizwhenbankcollapsed {
562 width: 100%;
563}
564#page-mod-quiz-edit div.quizpage {
565 display: block;
566 clear: both;
567 width: 100%;
568}
569#page-mod-quiz-edit div.quizpage span.pagetitle {
570 margin-top: 0.3em;
571 float: left;
572 display: block;
573 color: #006;
574}
575#page-mod-quiz-edit div.quizpage .pagecontent {
576 margin-top: 0.3em;
577 display: block;
578 float: left;
579 position: relative;
580 margin-left: 0.3em;
581 margin-bottom: 0.2em;
582 border-left: thin solid #777;
583 line-height: 1.3em;
c04ed8d5 584 border-radius: 0.6em;
ca6fa121
TH
585 border-bottom-left-radius: 0;
586 border-top-left-radius: 0;
c04ed8d5
TH
587 width: 88%;
588 padding: 0.15em 0 0.3em;
589 background-color: #d6d6d6;
590}
591#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
ca6fa121
TH
592 border-bottom-right-radius: 0.3em;
593 border-top-right-radius: 0.3em;
c04ed8d5
TH
594 margin: 0.3em;
595 padding: 0.1em 0.1em 0.1em 0.3em;
596 background-color: #eee;
597 font-weight: bold;
598}
599#page-mod-quiz-edit div.quizpage .pagecontent form#addquestion {
600 background-color: #fff;
601}
602#page-mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div {
603 /* it is a mystery why this has to be inline-table but otherwise the layout gets screwed, even if it is "inline" */display: inline-table;
604}
605#page-mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div input {
606 display: inline;
607}
608
609#page-mod-quiz-edit .addpage {
610 clear: both;
611 padding-top: 0.3em;
612 float: right;
613 margin-right: 2em;
614}
615#page-mod-quiz-edit .statusdisplay {
616 background-color: #ffc;
617 clear: both;
618 margin: 0.3em 1em 0.3em 0;
619 padding: 1px ;
620 /* Stop margin collapse. */
621}
622#page-mod-quiz-edit .statusdisplay p {
623 margin: 0.4em;
624}
625
626#page-mod-quiz-edit div.reorder .reordercontrols {
627 clear: both;
628 padding-right: 1em;
629 margin-top: 0.5em;
630 padding-top: 0.5em;
631 padding-bottom: 0.5em
632}
633#page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage {
634 clear: right;
635 float: right;
636 padding: 0.5em 0.3em;
637 text-align: right;
638}
90723839 639#page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,
c04ed8d5
TH
640#page-mod-quiz-edit .repaginatecommand {
641 float: right;
642 clear: right;
643 padding-right: 1em;
644}
645#page-mod-quiz-edit div.reorder .reordercontrols .deleteselected {
646 float: right;
647 margin-right: 1em;
648}
649#page-mod-quiz-edit div.reorder div.question {
650 padding-top: 0.2em;
651}
652#page-mod-quiz-edit div.reorder div.question div.qnum {
653 width: 2.9em;
654 padding-top: 0.1em;
655}
656#page-mod-quiz-edit .reorder div.question div.content {
657 width: 87%;
658 float: left;
659 position: relative;
c04ed8d5 660 border-radius: 0.3em;
ca6fa121
TH
661 border-bottom-left-radius: 0;
662 border-top-left-radius: 0;
c04ed8d5
TH
663 line-height: 1.2em;
664 padding: 0.1em;
665 background-color: #F9F9F9;
666}
667#page-mod-quiz-edit .reorder .questioncontentcontainer .quiz_randomquestion {
668 position: relative;
669}
670#page-mod-quiz-edit .reorder div.question div.content div.quiz_randomquestion {
671 line-height: 1em;
672}
673
674#page-mod-quiz-edit .reorder .questioncontentcontainer {
675 position: relative;
676 overflow: hidden;
677 white-space: nowrap;
678}
679#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory {
680 overflow: hidden;
681 white-space: nowrap;
682 display: inline;
683 float: none;
684}
685#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label {
686 max-width: 25%;
687 overflow: hidden;
688 padding-left: 0.3em;
689 white-space: nowrap;
690 display: inline-block;
691}
692#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory label {
693 overflow: hidden;
694 white-space: nowrap;
695 display: inline-block;
696}
90723839 697#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory,
c04ed8d5
TH
698#page-mod-quiz-edit .reorder div.question div.content .questionpreview {
699 display: inline;
700 float: none;
701}
702
703#page-mod-quiz-edit .reorder fieldset {
704 display: inline;
705}
706#page-mod-quiz-edit div.reorder div.question div.qnum {
707 text-align: right;
708 font-size: 1em;
709}
710
711#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist {
712 padding-left: 0.2em;
713 padding-right: 0.2em;
714 clear: both;
715 margin: 0.5em;
716 margin-top: 0.8em;
717}
718#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory {
719 overflow: auto;
720 white-space: normal;
721}
722#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul {
723 list-style-type: none;
724 margin: 0;
725 padding: 0;
726}
727#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li {
728 clear: left;
729 width: 100%;
730 overflow: hidden;
731 white-space: nowrap;
732}
733#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li img {
734 padding-right: 0.3em;
735}
736#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li span {
737 display: inline;
738}
739#page-mod-quiz-edit .questioncontentcontainer a {
740 text-decoration: underline;
741}
742#page-mod-quiz-edit .questioncontentcontainer div.singlequestion a {
743 text-decoration: underline;
744}
745#page-mod-quiz-edit .questioncontentcontainer .randomquestioncategory {
746 font-weight: bold;
747}
748
749#page-mod-quiz-edit div.question {
750 clear: left;
751 width: 100%;
752}
753#page-mod-quiz-edit div.question div.qnum {
754 display: block;
755 float: left;
756 width: 1.4em;
757 padding-right: 0.3em;
758 padding-left: 0;
c04ed8d5
TH
759 text-align: right;
760 color: #333;
761}
762#page-mod-quiz-edit div.question div.questioncontainer {
763 background-color: #ffc;
764}
765#page-mod-quiz-edit div.editq div.question div.content {
766 width: 87%;
767 float: left;
768 position: relative;
c04ed8d5 769 border-radius: 0.6em;
ca6fa121
TH
770 border-bottom-left-radius: 0;
771 border-top-left-radius: 0;
c04ed8d5
TH
772 line-height: 1.4em;
773 padding: 0.5em;
774}
775#page-mod-quiz-edit div.question div.content div.points {
776 top: 0.5em;
777 border-left: 0.4em solid #FFF;
778 width: 8.5em;
779 padding: 0.2em;
780 line-height: 1em;
781 max-width: 30%;
782 position: absolute;
783 right: 60px;
c04ed8d5 784 border-radius: 0.2em;
ca6fa121
TH
785 border-bottom-left-radius: 0;
786 border-top-left-radius: 0;
c04ed8d5
TH
787 display: block;
788 margin: 0;
789 background-color: #ddf;
790}
791#page-mod-quiz-edit div.question div.content div.points input {
792 width: 2em;
793 padding: 0;
794}
795#page-mod-quiz-edit div.question div.content div.points input.pointssubmitbutton {
796 width: auto;
797}
798#page-mod-quiz-edit div.question div.content div.qorder {
799 line-height: 1em;
800 max-width: 30%;
801 position: absolute;
802 right: 50px;
c04ed8d5 803 border-radius: 0.2em;
ca6fa121
TH
804 border-bottom-left-radius: 0;
805 border-top-left-radius: 0;
c04ed8d5
TH
806 display: block;
807 margin: 0;
808 background-color: #ddf;
809}
810#page-mod-quiz-edit div.question div.content .editicon {
811 width: 15px;
812}
90723839 813#page-mod-quiz-edit div.question div.content .singlequestion .questionname,
c04ed8d5
TH
814#page-mod-quiz-edit div.question div.content .singlequestion .questiontext {
815 display: inline-block;
816}
817#page-mod-quiz-edit div.question div.content .singlequestion .questionpreview {
818 background-color: #eee;
819}
820#page-mod-quiz-edit div.question div.content .questiontype {
821 display: block;
822 clear: left;
823 float: left;
824}
825#page-mod-quiz-edit.dir-rtl div.question div.content .questiontype {
826 clear: right;
827 float: right;
828}
829#page-mod-quiz-edit div.question div.content .questionpreview {
830 display: block;
831 float: left;
832 margin-left: 0.3em;
833 padding-left: 0.2em;
834 padding-right: 0.2em;
835}
836#page-mod-quiz-edit div.question div.content .questionpreview a {
837 background-color: #eee;
838}
839#page-mod-quiz-edit div.question div.content div.quiz_randomquestion .questionpreview {
840 display: inline;
841 float: none;
842}
843#page-mod-quiz-edit div.question div.content div.questioncontrols {
844 float: right;
845 width: 55px;
846 position: absolute;
847 right: 0.3em;
848 top: 0;
c04ed8d5
TH
849 display: block;
850 padding: 0.2em;
851 background-color: #F9F9F9;
852 text-align: right;
853}
854#page-mod-quiz-edit div.question div.content div.questioncontrols img.upwithoutdown {
855 padding-right: 12px;
856 display: inline;
857}
858#page-mod-quiz-edit div.question div.content .questiontext {
859 font-weight: bold;
860}
861#page-mod-quiz-edit div.question div.content .questiontype {
862 font-style: italic;
863}
864
865#page-mod-quiz-edit .editq div.question div.qnum {
866 padding-top: 0.2em;
867}
868#page-mod-quiz-edit .editq div.question {
869 padding-top: 0.3em;
870}
871#page-mod-quiz-edit .editq div.questioncontentcontainer div.singlequestion img {
872 float: left;
873 padding-top: 0.3em;
874 padding-right: 0.3em;
875}
876#page-mod-quiz-edit .editq div.question div.content {
877 background-color: #F9F9F9;
878}
879#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory {
880 margin-top: 0.4em;
881 position: relative;
882 display: inline-block;
883}
884#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a {
885 display: block;
886 max-width: 15em;
887 overflow: hidden;
888 text-overflow: ellipsis;
c04ed8d5
TH
889 white-space: nowrap;
890 float: left;
891 position: relative;
892}
893#page-mod-quiz-edit .editq div.question div.content .questionpreview {
894 float: left;
895}
896#page-mod-quiz-edit .editq div.question div.content .questionpreview a {
897 font-weight: normal;
898 margin-left: 0em;
899 display: inline;
900 float: none;
901}
902#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory .questionpreview img {
903 padding-right: 0.3em;
904}
068384ce 905#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questionname,
c04ed8d5
TH
906#page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questiontext {
907 float: left;
908}
068384ce 909#page-mod-quiz-edit .reorder div.question div.content .singlequestion.missingtype .questionname,
c04ed8d5
TH
910#page-mod-quiz-edit .editq div.question div.content .singlequestion.missingtype .questionname {
911 font-style: italic;
912 max-width: 75%;
913}
914#page-mod-quiz-edit .editq div.question div.description div.content .questiontext {
915 max-width: 75%;
916}
917#page-mod-quiz-edit .editq div.question div.qnum {
918 font-size: 1.5em;
919}
90723839 920
a1eb3a44 921table#categoryquestions td,
c04ed8d5
TH
922#page-mod-quiz-edit table#categoryquestions th {
923 overflow: hidden;
924 white-space: nowrap;
925}
a1eb3a44 926
c04ed8d5
TH
927.questionbankwindow.block {
928 float: right;
929 width: 30%;
930 right: 0.3em;
931 padding-bottom: 0.5em;
932 display: block;
933 border-width: 0;
934}
935.questionbankwindow.block .content {
936 padding: 0;
937}
a1eb3a44 938.questionbankwindow .choosecategory,
c04ed8d5
TH
939.questionbankwindow .createnewquestion {
940 padding: 0.3em;
941}
942.questionbankwindow .createnewquestion .singlebutton {
943 display: inline;
944}
945.questionbankwindow #catmenu_jump {
946 display: block;
947}
a1eb3a44
TH
948
949.questionbank div.categoryquestionscontainer,
950.questionbank .categorysortopotionscontainer,
951.questionbank .categorypagingbarcontainer,
c04ed8d5
TH
952.questionbank .categoryselectallcontainer {
953 padding-left: 0.3em;
954 padding-right: 0.3em;
955}
a1eb3a44 956
c04ed8d5
TH
957.noquestionsincategory {
958 clear: both;
959 padding-top: 1em;
960 padding-bottom: 1em;
961}
962.modulespecificbuttonscontainer {
963 padding-left: 0.3em;
964 padding-right: 0.3em;
965}
a1eb3a44 966
c04ed8d5
TH
967.quizquestionlistcontrols {
968 text-align: center;
969}
a1eb3a44 970
c04ed8d5
TH
971.categoryinfo {
972 padding: 0.3em;
973}
a1eb3a44 974
c04ed8d5
TH
975.path-mod-quiz .gradingdetails {
976 font-size: small;
977}
a1eb3a44 978
c04ed8d5
TH
979body #quizcontentsblock #repaginatedialog {
980 display: none;
981}
982body.jsenabled #quizcontentsblock #repaginatedialog .hd {
983 display: block;
984}
985body.jsenabled #quizcontentsblock #repaginatedialog .bd {
986 padding: 1em;
987}
988body.jsenabled #quizcontentsblock .repaginatecommand #repaginatecommand {
989 display: block;
990}
3784454b 991
c04ed8d5
TH
992#page-mod-quiz-edit #randomquestiondialog {
993 display: none;
994}
995#page-mod-quiz-edit #qtypechoicecontainer {
996 display: none;
997}
3784454b 998
c04ed8d5 999#page-mod-quiz-edit .questionbankwindow select#catmenu_jump {
90723839
SH
1000/* In Opera9, IE6 the width of the
1001select obeys the width of its content
c04ed8d5
TH
1002by default. This prevents that. */width: 100%;
1003}
90723839
SH
1004
1005/*this color might need to be theme-specific,
1006but in terms of usability, as testing showed,
c04ed8d5 1007http: //docs.moodle.org/dev/Quiz_UI_redesign/usability_testing_of_August_2008/Issues#Question_bank_.2F_question_adding_controls_visibility
90723839
SH
1008it must be ensured that the question
1009bank window's title is prominent enough*/
c04ed8d5
TH
1010#page-mod-quiz-edit .questionbankwindow.block div.header {
1011 background-color: #009;
1012 background-image: none;
1013 padding-top: 0.2em;
1014 font-weight: bold;
1015 border: 0 none;
1016}
1017#page-mod-quiz-edit .questionbankwindow.block div.header div.title h2 {
1018 color: #FFF;
1019 text-align: center;
1020}
1021#page-mod-quiz-edit .collapsed .container {
1022 display: none;
1023}
bd5d8b50
ME
1024
1025#page-mod-quiz-edit .questionbankwindow a#showbankcmd,
c04ed8d5
TH
1026#page-mod-quiz-edit .questionbankwindow a#hidebankcmd {
1027 color: #FFF;
1028 text-decoration: underline;
1029}
bd5d8b50 1030#page-mod-quiz-edit .questionbankwindow a#showbankcmd:hover,
c04ed8d5
TH
1031#page-mod-quiz-edit .questionbankwindow a#hidebankcmd:hover {
1032 color: #009;
1033 background-color: #fff;
1034 text-decoration: none;
1035}
1036#page-mod-quiz-edit .questionbankwindow #showbankcmd {
1037 display: none;
1038}
1039#page-mod-quiz-edit .collapsed #showbankcmd {
1040 display: inline;
1041}
1042#page-mod-quiz-edit .questionbankwindow #hidebankcmd {
1043 display: inline;
1044}
1045#page-mod-quiz-edit .collapsed #hidebankcmd {
1046 display: none;
1047}
90723839 1048
c04ed8d5
TH
1049#page-mod-quiz-edit .quizquestionlistcontrols {
1050 display: inline;
1051}
90723839 1052
c04ed8d5
TH
1053#page-mod-quiz-edit .quizpagedelete {
1054 position: absolute;
1055 top: 0.2em;
1056 right: 0.2em;
1057 display: inline;
c04ed8d5
TH
1058}
1059#page-mod-quiz-edit .quizpagedelete img {
1060 background-color: #d6d6d6;
1061 padding: 0.6em;
1062}
1063#page-mod-quiz-edit .pagecontrols {
1064 clear: both;
1065 margin-left: 0.5em;
1066 padding-top: 0.5em;
1067}
1068#page-mod-quiz-edit .pagecontrols .singlebutton {
1069 float: left;
1070 margin-left: 1em;
1071}
1072#page-mod-quiz-edit .pagecontrols .helplink {
1073 float: left;
1074}
90723839 1075
c04ed8d5
TH
1076#page-mod-quiz-edit div#randomquestiondialog_c {
1077 width: 90%;
1078}
90723839 1079#page-mod-quiz-edit div#randomquestiondialog_c .mform,
c04ed8d5
TH
1080#randomquestiondialog_c select {
1081 width: 100%;
1082}
3784454b 1083
c04ed8d5
TH
1084#page-mod-quiz-edit div#repaginatedialog .mform {
1085 margin-left: auto;
1086 margin-right: auto;
1087}
1088#page-mod-quiz-edit div.container div.generalbox {
1089 position: relative;
1090 display: block;
1091 border: 0 none;
1092 margin: 0;
1093 padding: 0;
1094}
90723839
SH
1095
1096#page-mod-quiz-edit .questionbankwindow .createnewquestion select,
1097#page-mod-quiz-edit .questionbankwindow #catmenu select,
c04ed8d5
TH
1098#page-mod-quiz-edit .questionbankwindow #menucategory {
1099 width: 100%;
1100}
90723839 1101
c04ed8d5
TH
1102#page-mod-quiz-edit .paging {
1103 margin-top: 0;
1104 margin-bottom: 0;
1105 display: block;
1106 background-color: #ddd;
1107}
1108#page-mod-quiz-edit .pagingbottom {
1109 padding-bottom: 0.3em;
1110}
1111#page-mod-quiz-edit .paging a:hover {
1112 background-color: #eef;
1113}
90723839 1114
c04ed8d5
TH
1115#page-mod-quiz-edit #page-footer {
1116 clear: both;
1117 padding-top: 1em;
1118}
90723839
SH
1119
1120.ie6#page-mod-quiz-edit div.question div.content .questiontext,
c04ed8d5
TH
1121.ie6#page-mod-quiz-edit #categoryquestions .questionname {
1122 /*ie6 shows this as an arrow if this is not specified*/cursor: pointer;
1123}
90723839 1124.ie6#page-mod-quiz-edit div.question div.content .questionname,
c04ed8d5
TH
1125.ie6#page-mod-quiz-edit #categoryquestions .questiontext {
1126 /*ie6 shows this as an arrow if this is not specified*/cursor: pointer;
1127}
1128.ie6#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label {
1129 width: 35%;
1130}
1131.ie6#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a {
1132 width: 40%;
1133}
1134
1135#page-mod-quiz-edit #categoryquestions .questiontext {
1136 font-weight: bold;
1137}
1138#page-mod-quiz-edit .categoryinfofield {
1139 font-style: italic;
1140}
1141#page-mod-quiz-edit .categorynamefield {
1142 font-weight: bold;
1143}
1144#page-mod-quiz-edit a.configurerandomquestion {
1145 font-size: small;
1146 text-decoration: underline;
1147}
1148#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist {
1149 background-color: #eee;
1150}
1151#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul {
1152 color: #555;
1153}
1154#page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory {
1155 color: #000;
1156}
1157#page-mod-quiz-edit .categoryinfo {
1158 background-color: #eee;
1159 border-bottom: 1px solid #bbb;
1160}
1161#page-mod-quiz-edit .questionsortoptions {
1162 background-color: #ddd;
1163}
1164
1165#page-mod-quiz-edit div.questionbank {
1166 background-color: #e6e6ff;
1167}
1168#page-mod-quiz-edit div.questionbank form .invisiblefieldset {
1169 clear: both;
1170}
1171#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer {
1172 padding-top: 0.5em;
1173 margin-top: 0.3em;
1174}
90723839
SH
1175#page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
1176.questionbank .categorysortopotionscontainer,
1177.questionbank .categorypagingbarcontainer,
c04ed8d5
TH
1178.questionbank .categoryselectallcontainer {
1179 background-color: #FFF;
1180}
90723839 1181
c04ed8d5
TH
1182#categoryquestions .questiontext {
1183 width: 50%;
1184}
1185#categoryquestions .questionname {
1186 width: 50%;
1187}
90723839
SH
1188
1189.ie6#page-mod-quiz-edit div.question div.content .questiontext,
c04ed8d5
TH
1190.ie6#page-mod-quiz-edit #categoryquestions .questionname {
1191 /*ie6 shows this as an arrow if this is not specified*/cursor: pointer;
1192}
90723839 1193.ie6#page-mod-quiz-edit div.question div.content .questionname,
c04ed8d5
TH
1194.ie6#page-mod-quiz-edit #categoryquestions .questiontext {
1195 /*ie6 shows this as an arrow if this is not specified*/cursor: pointer;
1196}
1197.ie6.path-mod-quiz div.tabtree a span img.iconsmall {
1198 margin: 0;
1199 vertical-align: baseline;
1200 position: relative;
1201 top: 1px;
1202}
1203.ie6#page-mod-quiz-edit div.question div.content .questiontext {
1204 width: 50%;
1205}
1206.ie6#page-mod-quiz-edit div.question div.content .questionname {
1207 width: 20%;
1208}
1209.ie6#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a {
1210 width: 40%;
1211}
1212.ie6#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label {
1213 width: 35%;
1214}
1215.qnum label {
1216 padding-right: 0.25em;
1217}
a1eb3a44 1218
24050190 1219/* RTL Mode */
a7a031a4 1220#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitem {
c04ed8d5
TH
1221 width: 23%;
1222 float: right;
1223}
a7a031a4 1224#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr .fitemtitle {
c04ed8d5
TH
1225 text-align: right;
1226}
a7a031a4 1227#page-mod-quiz-mod.dir-rtl #id_reviewoptionshdr fieldset.fgroup span {
c04ed8d5
TH
1228 clear: right;
1229 float: right;
1230}
1231#page-mod-quiz-edit.dir-rtl div.quizpage span.pagetitle {
1232 float: right;
1233}
1234#page-mod-quiz-edit.dir-rtl div.quizpage .pagecontent {
1235 float: right;
1236}
1237#page-mod-quiz-edit.dir-rtl div.question {
1238 clear: right;
1239}
1240#page-mod-quiz-edit.dir-rtl div.question div.qnum {
1241 float: right;
1242}
1243#page-mod-quiz-edit.dir-rtl div.editq div.question div.content {
1244 float: right;
1245 height: 40px;
1246}
1247#page-mod-quiz-edit.dir-rtl div.question div.content div.points {
1248 left: 60px;
1249 right: auto;
1250}
1251#page-mod-quiz-edit.dir-rtl div.question div.content div.questioncontrols {
1252 float: left;
1253 left: 0.3em;
1254 right: auto;
1255}
068384ce 1256#page-mod-quiz-edit.dir-rtl .editq div.question div.content .singlequestion .questioneditbutton .questionname,
c04ed8d5
TH
1257#page-mod-quiz-edit.dir-rtl .editq div.question div.content .singlequestion .questioneditbutton .questiontext {
1258 float: right;
1259 padding-right: 0.3em;
1260}
24050190 1261#page-mod-quiz-edit.dir-rtl div.question div.content .questiontext,
c04ed8d5
TH
1262#page-mod-quiz-edit.dir-rtl #categoryquestions .questiontext {
1263 padding-right: 0.3em;
1264}
1265#page-mod-quiz-edit.dir-rtl .editq div.questioncontentcontainer div.singlequestion img {
1266 float: right;
1267}
1268#page-mod-quiz-edit.dir-rtl .editq div.question div.content .questionpreview {
1269 float: right;
1270}
1271#page-mod-quiz-edit.dir-rtl div.question div.content div.qorder {
1272 left: 50px;
1273 right: auto;
1274}
1275#page-mod-quiz-edit.dir-rtl .reorder div.question div.content {
1276 float: right;
1277}
1278#page-mod-quiz-edit.dir-rtl .quizpagedelete {
1279 left: 0.2em;
1280 right: auto;
1281}
1282#page-mod-quiz-edit.dir-rtl div.quizcontents {
1283 clear: right;
1284 float: right;
1285}
1286#page-mod-quiz-edit.dir-rtl .questionbankwindow.block {
1287 float: left;
1288}
1289#page-question-edit.dir-rtl td.creatorname, #page-question-edit.dir-rtl td.modifiername {
1290 text-align: center;
1291}
ed24620d 1292.path-question.dir-rtl input[name="maxmark"],
f1211725 1293.path-question-type.dir-rtl input[name="defaultmark"],
c04ed8d5
TH
1294#page-mod-quiz-edit.dir-rtl div.points input {
1295 direction: ltr;
1296 text-align: left;
1297}