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