5 .questioncategories h3 {
14 #chooseqtype .instruction {
17 #chooseqtype .fakeqtypes {
18 border-top: 1px solid silver;
20 #chooseqtype .qtypeoption {
26 #chooseqtype .qtypename img {
29 #chooseqtype .qtypename {
30 display: inline-table;
33 #chooseqtype .qtypesummary {
37 #chooseqtype .submitbuttons {
41 #qtypechoicecontainer {
44 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
47 #qtypechoicecontainer.yui-panel .hd {
50 text-shadow: 1px 1px 1px #fff;
51 @include border-top-radius(10px);
52 border: 1px solid #ccc;
53 border-bottom: 1px solid #bbb;
54 @include gradient-y(#fff, #ccc);
56 #qtypechoicecontainer {
60 @include border-radius(10px);
61 border: 1px solid #ccc;
63 @include box-shadow(5px 5px 20px 0 #666);
65 #qtypechoicecontainer #chooseqtype {
72 #chooseqtype .qtypes {
74 border-bottom: 1px solid #bbb;
77 #chooseqtype .alloptions {
81 max-height: calc(100vh - 15em);
82 /* The next line is a workaround because recess is crap. Delete ththe following line once
83 * https://github.com/twitter/recess/issues/59 / https://github.com/twitter/recess/issues/75
84 * is fixed. The previous line is the right one. */
88 #chooseqtype .qtypeoption {
90 padding: 0.3em 0.3em 0.3em 1.6em;
92 #chooseqtype .qtypeoption img {
93 vertical-align: text-bottom;
97 #chooseqtype .selected {
98 background-color: #fff;
99 @include box-shadow(0px 0 10px 0 #ccc);
101 #chooseqtype .instruction,
102 #chooseqtype .qtypesummary {
112 padding: 1.5em 1.6em;
113 background-color: #fff;
116 #chooseqtype .instruction,
117 #chooseqtype .selected .qtypesummary {
133 .checkbox input[type="checkbox"] {
144 #page-mod-quiz-edit {
145 div.questionbankwindow div.header {
148 div.questionbankwindow.block {
152 .questionbank .singleselect {
155 /* Question editing form */
156 #combinedfeedbackhdr div.fhtmleditor {
159 #combinedfeedbackhdr div.fcheckbox {
162 #multitriesheader div.fitem_feditor {
165 #multitriesheader div.fitem_fgroup {
168 #multitriesheader div.fitem_fgroup fieldset.felement label {
172 body.path-question-type .fitem_fgroup .accesshide {
181 margin: 0 auto 1.8em auto;
187 margin-bottom: 1.8em;
188 background-color: $gray-lighter;
189 border: 1px solid darken($gray-lighter, 7%);
190 @include border-radius(2px);
205 .que .info .questionflag.editable {
208 .que .info .editquestion img,
209 .que .info .questionflag img,
210 .que .info .questionflag input {
211 vertical-align: bottom;
224 .formulation input[type="text"],
225 .formulation select {
227 vertical-align: baseline;
229 .path-mod-quiz input[size] {
233 @extend .alert-success;
239 margin: 0.7em 0 0.3em 0;
245 .que .specificfeedback,
246 .que .generalfeedback,
254 margin-bottom: 1.5em;
259 @extend .text-success;
262 @extend .text-warning;
266 @extend .text-danger;
269 .que .validationerror {
270 @extend .text-danger;
272 // copied from .formFieldState in mixin.less
273 // and made more specific
274 @mixin answerState($textColor, $backgroundColor) {
275 $borderColor: $textColor;
277 background-color: $backgroundColor;
278 border-color: $borderColor;
279 @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
281 border-color: darken($borderColor, 10%);
282 $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%);
283 @include box-shadow($shadow);
287 .formulation .correct {
288 @extend .text-success;
290 .formulation .partiallycorrect {
291 @extend .text-warning;
293 .formulation .incorrect {
294 @extend .text-danger;
296 .formulation select.correct,
297 .formulation input.correct {
298 @include answerState($btn-success-color, $btn-success-bg);
300 .formulation select.partiallycorrect,
301 .formulation input.partiallycorrect {
302 @include answerState($btn-warning-color, $btn-warning-bg);
304 .formulation select.incorrect,
305 .formulation input.incorrect {
306 @include answerState($btn-danger-color, $btn-danger-bg);
319 .que .history table {
323 .que .history .current {
326 .que .questioncorrectnessicon {
327 vertical-align: text-bottom;
329 .que input.questionflagimage {
334 border-bottom: 1px solid #555;
336 .mform .que.comment .fitemtitle {
339 #page-question-preview #techinfo {
343 // imported from quiz.css
345 #page-mod-quiz-edit .box.generalbox.questionbank {
349 #page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
350 #page-mod-quiz-edit .questionbank .categoryquestionscontainer,
351 #page-mod-quiz-edit .questionbank .choosecategory {
355 #page-mod-quiz-edit .questionbank .choosecategory select {
359 #page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
360 background: transparent;
362 #page-mod-quiz-edit #categoryquestions>thead {
365 #page-mod-quiz-edit #categoryquestions>tbody>tr:nth-of-type(even) {
369 #page-mod-quiz-edit .questionbankwindow div.header {
373 @include border-top-radius(4px);
374 margin: 0 -10px 0 -10px;
375 padding: 2px 10px 2px 10px;
376 background: transparent; /* Old browsers */
379 #page-mod-quiz-edit .questionbankwindow div.header a:link,
380 #page-mod-quiz-edit .questionbankwindow div.header a:visited {
384 #page-mod-quiz-edit .questionbankwindow div.header a:hover {
385 color: $link-hover-color;
388 #page-mod-quiz-edit .createnewquestion {
395 #page-mod-quiz-edit .questionbankwindow div.header .title {
399 #page-mod-quiz-edit div.container div.generalbox {
400 background-color: transparent;
404 #page-mod-quiz-edit .categoryinfo {
405 background-color: transparent;
409 #page-mod-quiz-edit .createnewquestion .singlebutton input {
413 #page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
414 #page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
415 padding: 0 0 1.5em 0;
418 #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
419 background-color: transparent;
428 #page-mod-quiz-edit div.question div.content div.questioncontrols {
429 background-color: $body-bg;
431 #page-mod-quiz-edit div.question div.content div.points {
435 background-color: $body-bg;
441 #page-mod-quiz-edit div.question div.content div.points br {
444 #page-mod-quiz-edit div.question div.content div.points label {
445 display: inline-block;
448 #page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
449 background-color: $body-bg;
452 #page-mod-quiz-edit .quizpagedelete,
453 #page-mod-quiz-edit .quizpagedelete img {
454 background-color: transparent;
457 #page-mod-quiz-edit div.quizpage .pagecontent {
458 border: 1px solid #ddd;
459 @include border-radius(2px);
463 #page-mod-quiz-edit div.questionbank .categoryinfo {
467 #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
489 .questionbankwindow .module {
493 #page-mod-quiz-edit div.editq div.question div.content {
494 background-color: $body-bg;
495 border: 1px solid #ddd;
496 @include border-radius(2px);
500 .path-mod-quiz .statedetails {
509 // override question plugins
513 .que.shortanswer .answer {
521 body.path-question-type .mform fieldset.hidden {