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