23fe7d5e85f00138700237ea7eee837e231af063
[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 {text-align: center;margin: 8px auto;}
12 #page-mod-quiz-attempt .submitbtns,
13 #page-mod-quiz-review .submitbtns {clear: left; text-align: left; padding-top: 1.5em;}
14 #page-mod-quiz-attempt.dir-rtl .submitbtns,
15 #page-mod-quiz-review.dir-rtl .submitbtns {text-align: right;}
17 body.jsenabled .questionflagcheckbox {display: none;}
19 /** Mod quiz attempt **/
20 .generalbox#passwordbox { /* Should probably match .generalbox#intro above */width:70%;margin-left:auto;margin-right:auto;}
21 #passwordform {margin: 1em 0;}
23 /* Question navigation block. */
24 #quiznojswarning {color: red;}
25 #quiznojswarning {font-size: 0.7em;line-height: 1.1;}
26 .jsenabled #quiznojswarning {display: none;}
28 .path-mod-quiz #user-picture {margin: 0.5em 0;}
29 .path-mod-quiz #user-picture img {width: auto;height: auto;float: left;}
31 .path-mod-quiz .qnbutton {display: block; position: relative; float: left; width: 1.5em; height: 1.5em; overflow: hidden; margin: 0.3em 0.3em 0.3em 0; padding: 0; border: 1px solid #bbb; background: #ddd; text-align: center; vertical-align: middle;line-height: 1.5em !important; font-weight: bold; text-decoration: none;}
32 .path-mod-quiz.dir-rtl  .qnbutton {float: right;}
34 .path-mod-quiz .qnbutton .trafficlight,
35 .path-mod-quiz .qnbutton .thispageholder {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
37 .path-mod-quiz .qnbutton.thispage {border-color: #666;}
38 .path-mod-quiz .qnbutton.thispage .thispageholder {border: 1px solid #666;}
40 .path-mod-quiz .qnbutton.flagged .trafficlight {background: url([[pix:quiz|navflagged]]) no-repeat top right;}
42 .path-mod-quiz .qnbutton.notyetanswered,
43 .path-mod-quiz .qnbutton.requiresgrading,
44 .path-mod-quiz .qnbutton.invalidanswer {background-color: white;}
45 .path-mod-quiz .qnbutton.correct {background-color: #cfc;}
46 .path-mod-quiz .qnbutton.correct .trafficlight {border-bottom: 3px solid #080;}
47 .path-mod-quiz .qnbutton.partiallycorrect {background-color: #ffa;}
48 .path-mod-quiz .qnbutton.notanswered,
49 .path-mod-quiz .qnbutton.incorrect {background-color: #fcc;}
50 .path-mod-quiz .qnbutton.notanswered .trafficlight,
51 .path-mod-quiz .qnbutton.incorrect .trafficlight {border-top: 3px solid #800;}
53 .path-mod-quiz .qnbutton.free:hover {text-decoration: underline;}
54 .path-mod-quiz .qnbutton.free span {cursor: pointer;}
56 .path-mod-quiz .othernav {clear: both; margin: 0.5em 0;}
57 .path-mod-quiz .othernav a,
58 .path-mod-quiz .othernav input {display: block;margin: 0.5em 0;}
60 /* Countdown timer. */
61 #quiz-timer {display: none; margin-top: 1em;}
62 #quiz-time-left {font-weight: bold;}
63 #quiz-timer.timeleft15 {background: #ffffff;}
64 #quiz-timer.timeleft14 {background: #ffeeee;}
65 #quiz-timer.timeleft13 {background: #ffdddd;}
66 #quiz-timer.timeleft12 {background: #ffcccc;}
67 #quiz-timer.timeleft11 {background: #ffbbbb;}
68 #quiz-timer.timeleft10 {background: #ffaaaa;}
69 #quiz-timer.timeleft9 {background: #ff9999;}
70 #quiz-timer.timeleft8 {background: #ff8888;}
71 #quiz-timer.timeleft7 {background: #ff7777;}
72 #quiz-timer.timeleft6 {background: #ff6666;}
73 #quiz-timer.timeleft5 {background: #ff5555;}
74 #quiz-timer.timeleft4 {background: #ff4444;}
75 #quiz-timer.timeleft3 {background: #ff3333;}
76 #quiz-timer.timeleft2 {background: #ff2222;}
77 #quiz-timer.timeleft1 {background: #ff1111;}
78 #quiz-timer.timeleft0 {background: #ff0000;}
80 /** mod quiz mod **/
81 #page-mod-quiz-mod #reviewoptionshdr .fitem {width: 23%;margin-left: 10px;}
82 #page-mod-quiz-mod #reviewoptionshdr fieldset.fgroup {width: 100%;text-align: left;margin-left: 0;}
84 #page-mod-quiz-edit div.question div.content .questiontext,
85 #categoryquestions .questiontext {-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;zoom:1;padding-left:0.3em;max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
87 #page-mod-quiz-edit div.question div.content .questionname,
88 #categoryquestions .questionname {white-space:nowrap;overflow:hidden;zoom:1;position:relative;max-width:20%;}
90 #page-mod-quiz-edit div.editq div.question div.content .singlequestion a .questionname,
91 div.editq div.question div.content .singlequestion a .questiontext{text-decoration:underline;}
93 #page-mod-quiz-edit.ie6 div.question div.content .questiontext {width:50%;}
94 #page-mod-quiz-edit.ie6 div.question div.content .questionname {width:20%;}
96 #page-mod-quiz-mod #reviewoptionshdr .fitem {float: left;width: 23%;clear: none;}
98 #page-mod-quiz-mod #reviewoptionshdr .fitemtitle {width: 100%;font-weight: bold;text-align: left;height: 2.5em;margin-left: 0;}
100 #page-mod-quiz-mod #reviewoptionshdr fieldset.fgroup {clear: left; margin: 0 0 1em; }
101 #page-mod-quiz-mod #reviewoptionshdr fieldset.fgroup > span {float: left;clear: left; line-height: 1.7; }
102 #page-mod-quiz-mod #reviewoptionshdr fieldset.fgroup span label {margin-left: 0.4em;}
104 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr .fitem {float: right;}
105 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr fieldset.fgroup span {float: right; clear: right;}
106 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr .fitemtitle {text-align: right;}
108 /** Mod quiz view **/
109 #page-mod-quiz-view .quizinfo,
110 #page-mod-quiz-view #page .quizgradefeedback,
111 #page-mod-quiz-view #page .quizattempt {text-align: center;}
112 #page-mod-quiz-view #page .quizattemptsummary td p {margin-top: 0;}
113 table.quizattemptsummary .bestrow td {background-color: #e8e8e8;}
114 table.quizattemptsummary .noreviewmessage {color: gray;}
115 #page-mod-quiz-view .generaltable.quizattemptsummary {margin-left:auto;margin-right:auto;}
116 #page-mod-quiz-view .generalbox#feedback {width:70%;margin-left:auto;margin-right:auto;padding-bottom:15px;}
117 #page-mod-quiz-view .generalbox#feedback h2 {margin: 0;}
118 #page-mod-quiz-view .generalbox#feedback h3 {text-align: left;}
119 #page-mod-quiz-view.dir-rtl .generalbox#feedback h3 {text-align: center;}
120 #page-mod-quiz-view .generalbox#feedback .overriddennotice {text-align: center;font-size: 0.7em;}
121 .quizstartbuttondiv.quizsecuremoderequired input { display: none; }
122 .jsenabled .quizstartbuttondiv.quizsecuremoderequired input { display: inline; }
124 .mod-quiz .gradedattempt,
125 .mod-quiz tr.gradedattempt td { background-color: #e8e8e8; }
127 .quizattemptcounts {clear: left; text-align: center;}
129 /** Mod quiz summary **/
130 #page-mod-quiz-summary #content {text-align: center;}
131 #page-mod-quiz-summary .questionflag {width: 16px;height: 16px;vertical-align: middle;}
132 #page-mod-quiz-summary #quiz-timer {text-align: center; margin-top: 1em;}
133 #page-mod-quiz-summary .submitbtns {margin-top: 1.5em;}
134 @media print {
135     .quiz-secure-window * { display: none !important; }
138 /** Mod quiz review **/
139 table.quizreviewsummary {width: 100%;}
140 table.quizreviewsummary th.cell {padding: 1px 0.5em 1px 1em;font-weight: bold;text-align: right;width: 10em;background: #f0f0f0;}
141 table.quizreviewsummary td.cell {padding: 1px 1em 1px 0.5em;text-align: left;background: #fafafa;}
142 .dir-rtl table.quizreviewsummary td.cell {text-align: right;}
144 /** Mod quiz make comment or override grade popup. **/
145 #page-mod-quiz-comment .mform {width: 100%;}
146 #page-mod-quiz-comment .mform fieldset {margin: 0;}
147 #page-mod-quiz-comment .que {margin: 0;}
149 /** Mod quiz report **/
150 #page-mod-quiz-report h2.main {clear: both;}
151 #page-mod-quiz-report div#commands,
152 #page-mod-quiz-report .controls {text-align: center;}
153 #page-mod-quiz-report .dubious{background-color: #fcc;}
154 #page-mod-quiz-report .highlight{border :medium solid yellow;background-color:lightYellow;}
155 #page-mod-quiz-report .negcovar{border :medium solid pink;}
156 #page-mod-quiz-report .toggleincludeauto {text-align: center;}
157 #page-mod-quiz-report .gradetheselink {font-size: 0.8em;}
158 #page-mod-quiz-report .mform fieldset {margin: 0;}
159 #page-mod-quiz-report fieldset.felement.fgroup {margin: 0;}
160 #page-mod-quiz-report table.titlesleft td.c0 {font-weight: bold;}
161 #page-mod-quiz-report table .numcol {text-align: center;vertical-align : middle !important;}
163 #page-mod-quiz-report table#attempts {clear: both;width: 80%; margin: 0.2em auto;}
164 #page-mod-quiz-report table#attempts .header,
165 #page-mod-quiz-report table#attempts .cell{padding: 4px;}
166 #page-mod-quiz-report table#attempts .header .commands {display: inline;}
167 #page-mod-quiz-report table#attempts .picture {width: 40px;}
168 #page-mod-quiz-report table#attempts td {border-left-width: 1px;border-right-width: 1px;border-left-style: solid;border-right-style: solid;vertical-align: middle;}
169 #page-mod-quiz-report table#attempts .header {text-align: left;}
170 #page-mod-quiz-report table#attempts .picture {text-align: center !important;}
171 #page-mod-quiz-report table#attempts.grades span.que,
172 #page-mod-quiz-report table#attempts span.avgcell {white-space: nowrap;}
173 #page-mod-quiz-report table#attempts span.que .requiresgrading {white-space: normal;}
174 #page-mod-quiz-report table#attempts .questionflag {width: 16px; height: 16px; vertical-align: middle;}
176 #page-mod-quiz-report .graph.flexible-wrap {text-align:center; overflow:auto;}
178 #page-mod-quiz-report #cachingnotice {margin-bottom: 1em; padding: 0.2em; }
179 #page-mod-quiz-report #cachingnotice .singlebutton {margin: 0.5em 0 0;}
180 #page-mod-quiz-report .bold .reviewlink {font-weight: normal;}
182 /** Mod quiz edit **/
183 #page-mod-quiz-edit h2.main{display:inline;padding-right:1em;clear:left;}
185 #categoryquestions .r1 {background: #e4e4e4;}
186 #categoryquestions .r1.highlight {background-color:#AAFFAA;}
187 #categoryquestions .header {text-align: center;padding: 0 2px;border: 0 none;}
188 #categoryquestions th.modifiername .sorters,
189 #categoryquestions th.creatorname .sorters {font-weight: normal;font-size: 0.8em;}
190 table#categoryquestions {width: 100%;overflow: hidden;table-layout: fixed;}
191 #categoryquestions .iconcol {width: 15px;text-align: center;padding: 0;}
192 #categoryquestions .checkbox {width: 19px;text-align: center;padding: 0;}
193 #categoryquestions .qtype {text-align: center;}
194 #categoryquestions .qtype {width: 24px;padding: 0;}
195 #categoryquestions .questiontext p {margin: 0;}
197 #page-mod-quiz-edit div.quizcontents {float:left;width:70%;display:block;clear:left;}
198 #page-mod-quiz-edit div.quizwhenbankcollapsed {width:100%;}
199 #page-mod-quiz-edit div.quizpage {display:block;clear:both;width:100%;}
200 #page-mod-quiz-edit div.quizpage span.pagetitle {margin-top:0.3em;float:left;display:block;color:#006;}
201 #page-mod-quiz-edit div.quizpage .pagecontent {margin-top:0.3em;display:block;float:left;position:relative;margin-left:0.3em;margin-bottom:0.2em;border-left:thin solid #777;line-height:1.3em;-webkit-border-radius:0.6em;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:0.6em;border-radius-bottomleft:0;border-radius-topleft:0;width:88%;padding:0.15em 0 0.3em;background-color:#d6d6d6;}
202 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {-webkit-border-radius-bottomright:0.3em;-webkit-border-radius-topright:0.3em;border-radius-bottomright:0.3em;border-radius-topright:0.3em;margin:0.3em;padding:0.1em 0.1em 0.1em 0.3em;background-color:#eee;font-weight:bold;}
203 #page-mod-quiz-edit div.quizpage .pagecontent form#addquestion{background-color:#fff;}
204 #page-mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div {/* 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;}
205 #page-mod-quiz-edit div.quizpage .pagecontent form.randomquestionform div input {display: inline;}
207 #page-mod-quiz-edit .addpage{clear:both;padding-top:0.3em;float:right;margin-right:2em;}
208 #page-mod-quiz-edit .statusdisplay {background-color: #ffc;clear: both;margin: 0.3em 1em 0.3em 0;padding: 1px ; /* Stop margin collapse. */}
209 #page-mod-quiz-edit .statusdisplay p {margin: 0.4em;}
211 #page-mod-quiz-edit div.reorder .reordercontrols{clear:both;padding-right:1em;margin-top:0.5em;padding-top:0.5em;padding-bottom:0.5em}
212 #page-mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage{clear:right;float:right;padding:0.5em 0.3em;text-align:right;}
213 #page-mod-quiz-edit div.reorder .reordercontrols .addnewpagesafterselected,
214 #page-mod-quiz-edit .repaginatecommand {float:right;clear:right;padding-right:1em;}
215 #page-mod-quiz-edit div.reorder .reordercontrols .deleteselected{float:right;margin-right:1em;}
216 #page-mod-quiz-edit div.reorder div.question{padding-top:0.2em;}
217 #page-mod-quiz-edit div.reorder div.question div.qnum {width:2.9em;padding-top:0.1em;}
218 #page-mod-quiz-edit .reorder div.question div.content {width:87%;float:left;position:relative;-webkit-border-radius:0.3em;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:0.3em;border-radius-bottomleft:0;border-radius-topleft:0;line-height:1.2em;padding:0.1em;background-color:#F9F9F9;}
219 #page-mod-quiz-edit .reorder .questioncontentcontainer .quiz_randomquestion {position:relative;}
220 #page-mod-quiz-edit .reorder div.question div.content div.quiz_randomquestion {line-height:1em;}
222 #page-mod-quiz-edit .reorder .questioncontentcontainer {position:relative;overflow:hidden;white-space:nowrap;}
223 #page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory {overflow:hidden;white-space:nowrap;display:inline;float:none;}
224 #page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label {max-width: 25%;overflow:hidden;padding-left:0.3em;white-space:nowrap;display:inline-block;}
225 #page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory label {overflow:hidden;white-space:nowrap;display:inline-block;}
226 #page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestionfromcategory,
227 #page-mod-quiz-edit .reorder div.question div.content .questionpreview {display:inline;float:none;}
229 #page-mod-quiz-edit .reorder fieldset{display:inline;}
230 #page-mod-quiz-edit div.reorder div.question div.qnum{text-align:right;font-size:1em;}
232 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist {padding-left:0.2em;padding-right:0.2em;clear:both;margin:0.5em;margin-top:0.8em;}
233 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory{overflow:auto;white-space:normal;}
234 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul{list-style-type:none;margin:0;padding:0;}
235 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li {clear:left;width:100%;overflow:hidden;white-space:nowrap;}
236 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li img{padding-right:0.3em;}
237 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul li span{display:inline;}
238 #page-mod-quiz-edit .questioncontentcontainer a {text-decoration:underline;}
239 #page-mod-quiz-edit .questioncontentcontainer div.singlequestion a{text-decoration:underline;}
240 #page-mod-quiz-edit .questioncontentcontainer .randomquestioncategory{font-weight:bold;}
242 #page-mod-quiz-edit div.question {clear:left;width:100%;}
243 #page-mod-quiz-edit div.question div.qnum {display:block;float:left;width:1.4em;padding-right:0.3em;padding-left:0;z-index:99;text-align:right;color:#333;}
244 #page-mod-quiz-edit div.question div.questioncontainer{background-color:#ffc;}
245 #page-mod-quiz-edit div.editq div.question div.content{width:87%;float:left;position:relative;-webkit-border-radius:0.6em;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:0.6em;border-radius-bottomleft:0;border-radius-topleft:0;line-height:1.4em;padding:0.5em;}
246 #page-mod-quiz-edit div.question div.content div.points{top:0.5em;border-left:0.4em solid #FFF;width:8.5em;padding:0.2em;line-height:1em;max-width:30%;position:absolute;right:50px;-webkit-border-radius:0.2em;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:0.2em;border-radius-bottomleft:0;border-radius-topleft:0;z-index:900;display:block;margin:0;background-color:#ddf;}
247 #page-mod-quiz-edit div.question div.content div.points input{width:2em;padding:0;}
248 #page-mod-quiz-edit div.question div.content div.points input.pointssubmitbutton{width:auto;}
249 #page-mod-quiz-edit div.question div.content div.qorder {line-height:1em;max-width:30%;position:absolute;right:50px;-webkit-border-radius:0.2em;-webkit-border-radius-bottomleft:0;-webkit-border-radius-topleft:0;border-radius:0.2em;border-radius-bottomleft:0;border-radius-topleft:0;z-index:900;display:block;margin:0;background-color:#ddf;}
250 #page-mod-quiz-edit div.question div.content .editicon {width:15px;}
251 #page-mod-quiz-edit div.question div.content .singlequestion .questionname,
252 #page-mod-quiz-edit div.question div.content .singlequestion .questiontext{display:inline-block;}
253 #page-mod-quiz-edit div.question div.content .singlequestion .questionpreview{background-color:#eee;}
254 #page-mod-quiz-edit div.question div.content .questiontype{display:block;clear:left;float:left;}
255 #page-mod-quiz-edit.dir-rtl div.question div.content .questiontype {clear: right;float: right;}
256 #page-mod-quiz-edit div.question div.content .questionpreview {display:block;float:left;margin-left:0.3em;padding-left:0.2em;padding-right:0.2em;}
257 #page-mod-quiz-edit div.question div.content .questionpreview a{background-color:#eee;}
258 #page-mod-quiz-edit div.question div.content div.quiz_randomquestion .questionpreview{display:inline;float:none;}
259 #page-mod-quiz-edit div.question div.content div.questioncontrols{float:right;width:45px;position:absolute;right:0.3em;top:0;z-index:900;display:block;padding:0.2em;background-color:#F9F9F9;text-align:right;}
260 #page-mod-quiz-edit div.question div.content div.questioncontrols img.upwithoutdown{padding-right:12px;display:inline;}
261 #page-mod-quiz-edit div.question div.content .questiontext {font-weight:bold;}
262 #page-mod-quiz-edit div.question div.content .questiontype{font-style:italic;}
264 #page-mod-quiz-edit .editq div.question div.qnum {padding-top:0.2em;}
265 #page-mod-quiz-edit .editq div.question {padding-top:0.3em;}
266 #page-mod-quiz-edit .editq div.questioncontentcontainer  div.singlequestion img {float:left;padding-top:0.3em;padding-right:0.3em;}
267 #page-mod-quiz-edit .editq div.question div.content {background-color:#F9F9F9;}
268 #page-mod-quiz-edit .editq div.question div.content .randomquestioncategory{margin-top:0.4em;position:relative;display:inline-block;}
269 #page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a{display:block;max-width:15em;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space: nowrap;float:left;position:relative;}
270 #page-mod-quiz-edit .editq div.question div.content .questionpreview {float:left;}
271 #page-mod-quiz-edit .editq div.question div.content .questionpreview a{font-weight:normal;margin-left:0em;display:inline;float:none;}
272 #page-mod-quiz-edit .editq div.question div.content .randomquestioncategory .questionpreview img{padding-right:0.3em;}
273 #page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questionname,
274 #page-mod-quiz-edit .editq div.question div.content .singlequestion .questioneditbutton .questiontext{float:left;}
275 #page-mod-quiz-edit .reorder div.question div.content .singlequestion.missingtype .questionname,
276 #page-mod-quiz-edit .editq div.question div.content .singlequestion.missingtype .questionname {font-style: italic; max-width: 75%;}
277 #page-mod-quiz-edit .editq div.question div.description div.content .questiontext {max-width: 75%;}
278 #page-mod-quiz-edit .editq div.question div.qnum{font-size:1.5em;}
280 table#categoryquestions td,
281 #page-mod-quiz-edit table#categoryquestions th{overflow:hidden;white-space:nowrap;}
283 .questionbankwindow.block {float:right;width:30%;right:0.3em;padding-bottom:0.5em;display:block;border-width:0;}
284 .questionbankwindow.block .content {padding:0;}
285 .questionbankwindow .choosecategory,
286 .questionbankwindow .createnewquestion {padding: 0.3em;}
287 .questionbankwindow .createnewquestion .singlebutton {display: inline;}
288 .questionbankwindow #catmenu_jump {display: block;}
290 .questionbank div.categoryquestionscontainer,
291 .questionbank .categorysortopotionscontainer,
292 .questionbank .categorypagingbarcontainer,
293 .questionbank .categoryselectallcontainer{padding-left:0.3em;padding-right:0.3em;}
295 .noquestionsincategory{clear:both;padding-top:1em;padding-bottom:1em;}
296 .modulespecificbuttonscontainer{padding-left:0.3em;padding-right:0.3em;}
298 .quizquestionlistcontrols {text-align: center;}
300 .categoryinfo {padding: 0.3em;}
302 .path-mod-quiz .gradingdetails {font-size: small;}
304 body #quizcontentsblock #repaginatedialog {display: none;}
305 body.jsenabled #quizcontentsblock #repaginatedialog .hd {display:block;}
306 body.jsenabled #quizcontentsblock #repaginatedialog .bd {padding:1em;}
307 body.jsenabled #quizcontentsblock .repaginatecommand #repaginatecommand {display:block;}
309 #page-mod-quiz-edit #randomquestiondialog {display: none;}
310 #page-mod-quiz-edit #qtypechoicecontainer {display: none;}
312 #page-mod-quiz-edit .questionbankwindow select#catmenu_jump{
313 /* In Opera9, IE6 the width of the
314 select obeys the width of its content
315 by default. This prevents that. */width:100%;}
317 /*this color might need to be theme-specific,
318 but in terms of usability, as testing showed,
319 http://docs.moodle.org/dev/Quiz_UI_redesign/usability_testing_of_August_2008/Issues#Question_bank_.2F_question_adding_controls_visibility
320 it must be ensured that the question
321 bank window's title is prominent enough*/
322 #page-mod-quiz-edit .questionbankwindow div.header {background-color:#009;color:#fff;background-image:none;padding-top:0.2em;font-weight:bold;}
323 #page-mod-quiz-edit .questionbankwindow div.header a{text-decoration:underline;color:#FFF;}
324 #page-mod-quiz-edit .collapsed .container{display: none;}
325 #page-mod-quiz-edit .questionbankwindow #showbankcmd{display:none;}
326 #page-mod-quiz-edit .collapsed #showbankcmd{display:inline;}
327 #page-mod-quiz-edit .questionbankwindow #hidebankcmd{display:inline;}
328 #page-mod-quiz-edit .collapsed #hidebankcmd{display:none;}
330 #page-mod-quiz-edit .quizquestionlistcontrols {display:inline;}
332 #page-mod-quiz-edit .quizpagedelete{position:absolute;top:0.2em;right:0.2em;display:inline;z-index:900;}
333 #page-mod-quiz-edit .quizpagedelete img {background-color:#d6d6d6;padding:0.6em;}
334 #page-mod-quiz-edit .pagecontrols {clear:both;margin-left:0.5em;padding-top:0.5em;}
335 #page-mod-quiz-edit .pagecontrols .singlebutton {float:left;margin-left: 1em;}
336 #page-mod-quiz-edit .pagecontrols .helplink {float:left;}
338 #page-mod-quiz-edit div#randomquestiondialog_c{width:90%;}
339 #page-mod-quiz-edit div#randomquestiondialog_c .mform,
340 #randomquestiondialog_c select{width:100%;}
342 #page-mod-quiz-edit div#repaginatedialog .mform{margin-left:auto;margin-right:auto;}
343 #page-mod-quiz-edit div.container div.generalbox{position:relative;display:block;border:0 none;margin:0;padding:0;}
345 #page-mod-quiz-edit .questionbankwindow .createnewquestion select,
346 #page-mod-quiz-edit .questionbankwindow #catmenu select,
347 #page-mod-quiz-edit .questionbankwindow #menucategory {width: 100%;}
349 #page-mod-quiz-edit .paging {margin-top:0;margin-bottom:0;display:block;background-color:#ddd;}
350 #page-mod-quiz-edit .pagingbottom {padding-bottom:0.3em;}
351 #page-mod-quiz-edit .paging a:hover{background-color:#eef;}
353 #page-mod-quiz-edit #page-footer {clear:both;padding-top:1em;}
355 .ie6#page-mod-quiz-edit div.question div.content .questiontext,
356 .ie6#page-mod-quiz-edit #categoryquestions .questionname{/*ie6 shows this as an arrow if this is not specified*/cursor: pointer;}
357 .ie6#page-mod-quiz-edit div.question div.content .questionname,
358 .ie6#page-mod-quiz-edit #categoryquestions .questiontext{/*ie6 shows this as an arrow if this is not specified*/cursor: pointer;}
359 .ie6#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label{width: 35%;}
360 .ie6#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a{width:40%;}
362 #page-mod-quiz-edit #categoryquestions .questiontext {font-weight:bold;}
363 #page-mod-quiz-edit .categoryinfofield{font-style:italic;}
364 #page-mod-quiz-edit .categorynamefield{font-weight:bold;}
365 #page-mod-quiz-edit a.configurerandomquestion{font-size:small;text-decoration:underline;}
366 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist{background-color:#eee;}
367 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist ul{color:#555;}
368 #page-mod-quiz-edit .questioncontentcontainer div.randomquestionqlist .totalquestionsinrandomqcategory{color:#000;}
369 #page-mod-quiz-edit .categoryinfo {background-color:#eee;border-bottom:1px solid #bbb;}
370 #page-mod-quiz-edit .questionsortoptions {background-color:#ddd;}
372 #page-mod-quiz-edit div.questionbank{background-color:#e6e6ff;}
373 #page-mod-quiz-edit div.questionbank form .invisiblefieldset{clear:both;}
374 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer{padding-top:0.5em;margin-top:0.3em;}
375 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer,
376 .questionbank .categorysortopotionscontainer,
377 .questionbank .categorypagingbarcontainer,
378 .questionbank .categoryselectallcontainer{background-color:#FFF;}
380 #categoryquestions .questiontext {width:50%;}
381 #categoryquestions .questionname {width:50%;}
383 .ie6#page-mod-quiz-edit div.question div.content .questiontext,
384 .ie6#page-mod-quiz-edit #categoryquestions .questionname{/*ie6 shows this as an arrow if this is not specified*/cursor: pointer;}
385 .ie6#page-mod-quiz-edit div.question div.content .questionname,
386 .ie6#page-mod-quiz-edit #categoryquestions .questiontext{/*ie6 shows this as an arrow if this is not specified*/cursor: pointer;}
387 .ie6.path-mod-quiz div.tabtree a span img.iconsmall {margin: 0;vertical-align: baseline;position: relative;top: 1px;}
388 .ie6#page-mod-quiz-edit div.question div.content .questiontext {width:50%;}
389 .ie6#page-mod-quiz-edit div.question div.content .questionname {width:20%;}
390 .ie6#page-mod-quiz-edit .editq div.question div.content .randomquestioncategory a{width:40%;}
391 .ie6#page-mod-quiz-edit .reorder .questioncontentcontainer .randomquestioncategory label{width: 35%;}
392 .qnum label {padding-right: 0.25em;}
394 /* RTL Mode */
396 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr .fitem { width: 23%;float: right;}
397 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr .fitemtitle {text-align: right;}
398 #page-mod-quiz-mod.dir-rtl #reviewoptionshdr fieldset.fgroup span {clear: right;float: right;}
399 #page-mod-quiz-edit.dir-rtl div.quizpage span.pagetitle {float: right;}
400 #page-mod-quiz-edit.dir-rtl div.quizpage .pagecontent {float: right;}
401 #page-mod-quiz-edit.dir-rtl div.question {clear: right;}
402 #page-mod-quiz-edit.dir-rtl div.question div.qnum {float: right;}
403 #page-mod-quiz-edit.dir-rtl div.editq div.question div.content {float: right;height: 40px;}
404 #page-mod-quiz-edit.dir-rtl div.question div.content div.points {left: 50px;right:auto;}
405 #page-mod-quiz-edit.dir-rtl div.question div.content div.questioncontrols {float: left;left: 0.3em; right:auto;}
406 #page-mod-quiz-edit.dir-rtl .editq div.question div.content .singlequestion .questioneditbutton .questionname,
407 #page-mod-quiz-edit.dir-rtl .editq div.question div.content .singlequestion .questioneditbutton .questiontext {float: right; padding-right: 0.3em;}
408 #page-mod-quiz-edit.dir-rtl div.question div.content .questiontext,
409 #page-mod-quiz-edit.dir-rtl #categoryquestions .questiontext {padding-right: 0.3em;}
410 #page-mod-quiz-edit.dir-rtl .editq div.questioncontentcontainer div.singlequestion img {float: right;}
411 #page-mod-quiz-edit.dir-rtl .editq div.question div.content .questionpreview {float: right;}
412 #page-mod-quiz-edit.dir-rtl div.question div.content div.qorder {left: 50px;right:auto;}
413 #page-mod-quiz-edit.dir-rtl .reorder div.question div.content { float: right;}
414 #page-mod-quiz-edit.dir-rtl .quizpagedelete {left: 0.2em;right:auto;}
415 #page-mod-quiz-edit.dir-rtl div.quizcontents {clear: right;float: right;}
416 #page-mod-quiz-edit.dir-rtl .questionbankwindow.block {float: left;}
417 #page-question-edit.dir-rtl td.creatorname, #page-question-edit.dir-rtl td.modifiername {text-align: center;}
418 .path-question.dir-rtl input[name="maxmark"],
419 .path-question-type.dir-rtl input[name="defaultmark"],
420 #page-mod-quiz-edit.dir-rtl div.points input {direction: ltr;text-align: left;}