Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
/* Question */
2 
.questionbank h2 {
3 
    margin-top: 0;
4 
}
5 
 
6 
.questioncategories h3 {
7 
    margin-top: 0;
8 
}
9 
 
10 
#chooseqtypebox {
11 
    margin-top: 1em;
12 
}
13 
 
14 
#chooseqtype h3 {
15 
    margin: 0 0 0.3em;
16 
}
17 
 
18 
#chooseqtype .instruction {
19 
    display: none;
20 
}
21 
 
22 
#chooseqtype .fakeqtypes {
23 
    border-top: 1px solid silver;
24 
}
25 
 
26 
#chooseqtype .qtypeoption {
27 
    margin-bottom: 0.5em;
28 
}
29 
 
30 
#chooseqtype label {
31 
    display: block;
32 
}
33 
 
34 
#chooseqtype .qtypename img {
35 
    padding: 0 0.3em;
36 
}
37 
 
38 
#chooseqtype .qtypename {
39 
    display: inline-table;
40 
    width: 16em;
41 
}
42 
 
43 
#chooseqtype .qtypesummary {
44 
    display: block;
45 
    margin: 0 2em;
46 
}
47 
 
48 
#chooseqtype .submitbuttons {
49 
    margin: 0.7em 0;
50 
    text-align: center;
51 
}
52 
 
53 
#qtypechoicecontainer {
54 
    display: none;
55 
}
56 
 
57 
#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
58 
    background: none;
59 
}
60 
 
61 
#qtypechoicecontainer.yui-panel .hd {
62 
    color: $question-choice-color;
63 
    letter-spacing: 1px;
64 
    text-shadow: 1px 1px 1px $question-choice-text-shadow;
65 
 
66 
    @include border-top-radius(10px);
67 
    border: 1px solid $question-border-color;
68 
    border-bottom: 1px solid $question-border-bottom-color;
69 
 
70 
    @include gradient-y($question-gradient-start-color, $question-gradient-end-color);
71 
}
72 
 
73 
#qtypechoicecontainer {
74 
    font-size: 12px;
75 
    color: $question-choice-color;
76 
    background: $question-choice-bg;
77 
 
78 
    @include border-radius(10px);
79 
    border: 1px solid $question-border-color;
80 
    border-top: 0 none;
81 
 
82 
    @include box-shadow(5px 5px 20px 0 $question-choice-shadow);
83 
}
84 
 
85 
#qtypechoicecontainer #chooseqtype {
86 
    width: 40em;
87 
}
88 
 
89 
#chooseqtypehead h3 {
90 
    margin: 0;
91 
    font-weight: normal;
92 
}
93 
 
94 
#chooseqtype .qtypes {
95 
    position: relative;
96 
    border-bottom: 1px solid $question-border-bottom-color;
97 
    padding: 0.24em 0;
98 
}
99 
 
100 
#chooseqtype .alloptions {
101 
    overflow-x: hidden;
102 
    overflow-y: auto;
103 
    max-height: calc(100vh - 15em);
104 
    width: 60%;
105 
}
106 
 
107 
#chooseqtype .qtypeoption {
108 
    margin-bottom: 0;
109 
    padding: 0.3em 0.3em 0.3em 1.6em;
110 
}
111 
 
112 
#chooseqtype .qtypeoption img {
113 
    vertical-align: text-bottom;
114 
    padding-left: 1em;
115 
    padding-right: 0.5em;
116 
}
117 
 
118 
#chooseqtype .selected {
119 
    background-color: $question-type-bg;
120 
 
121 
    @include box-shadow(0 0 10px 0 $question-type-shadow);
122 
}
123 
 
124 
#chooseqtype .instruction,
125 
#chooseqtype .qtypesummary {
126 
    display: none;
127 
    position: absolute;
128 
    top: 0;
129 
    right: 0;
130 
    bottom: 0;
131 
    left: 60%;
132 
    margin: 0;
133 
    overflow-x: hidden;
134 
    overflow-y: auto;
135 
    padding: 1.5em 1.6em;
136 
    background-color: $question-type-bg;
137 
}
138 
 
139 
#chooseqtype .instruction,
140 
#chooseqtype .selected .qtypesummary {
141 
    display: block;
142 
}
143 
 
144 
table.question-bank-table {
145 
    margin: 0;
146 
    background-color: $white;
147 
    table-layout: fixed;
148 
    overflow-x: scroll;
149 
    width: min-content;
150 
    max-width: 100%;
151 
 
152 
    th {
153 
        text-align: left;
154 
    }
155 
 
156 
    & > tbody > tr.r1 {
157 
        background-color: $table-accent-bg;
158 
    }
159 
 
160 
    & > tbody > tr.highlight {
161 
        border: $border-width solid $info;
162 
    }
163 
 
164 
    .checkbox input[type="checkbox"] {
165 
        margin-left: 0;
166 
        float: none;
167 
    }
168 
 
169 
    .iconcol {
170 
        padding: 3px;
171 
        box-sizing: content-box;
172 
 
173 
        .icon {
174 
            margin: 0;
175 
            width: 12px;
176 
            height: 12px;
177 
        }
178 
    }
179 
 
180 
    label {
181 
        margin: 0;
182 
        display: block;
183 
    }
184 
 
185 
    .header {
186 
        text-align: left;
187 
 
188 
        &.sortable-list-current-position {
189 
            background-color: lighten($primary, 40%);
190 
        }
191 
        &.sortable-list-is-dragged {
192 
            background-color: $white;
193 
            opacity: 0.85;
194 
        }
195 
 
196 
        .header-text > div {
197 
            display: inline-block;
198 
        }
199 
 
200 
        .dropdown-toggle::after {
201 
            margin-left: 0;
202 
        }
203 
        &.checkbox .form-check {
204 
            padding-left: 0;
205 
        }
206 
    }
207 
}
208 
 
209 
#page-mod-quiz-edit {
210 
    div.questionbankwindow div.header {
211 
        margin: 0;
212 
    }
213 
 
214 
    div.questionbankwindow.block {
215 
        padding: 0;
216 
    }
217 
}
218 
 
219 
.questionbank .singleselect {
220 
    margin: 0;
221 
}
222 
/* Question editing form */
223 
#combinedfeedbackhdr div.fhtmleditor {
224 
    padding: 0;
225 
}
226 
 
227 
#combinedfeedbackhdr div.fcheckbox {
228 
    margin-bottom: 1em;
229 
}
230 
 
231 
#multitriesheader div.fitem_feditor {
232 
    margin-top: 1em;
233 
}
234 
 
235 
#multitriesheader div.fitem_fgroup {
236 
    margin-bottom: 1em;
237 
}
238 
 
239 
#multitriesheader div.fitem_fgroup fieldset.felement label {
240 
    margin-left: 0.3em;
241 
    margin-right: 0.3em;
242 
}
243 
 
244 
body.path-question-type {
245 
    /* Hacks to display the labels within a form group. */
246 
    .fitem .col-form-label.sr-only:not(legend):not([for="id_category"]) {
247 
        position: static;
248 
        width: auto;
249 
        height: auto;
250 
        padding: 0;
251 
        margin: 0 0.5rem 0 0;
252 
        overflow: visible;
253 
        clip: auto;
254 
        clip-path: none;
255 
        border: 0;
256 
    }
257 
}
258 
 
259 
.que {
260 
    clear: left;
261 
    text-align: left;
262 
    margin: 0 auto 1.8em auto;
263 
}
264 
 
265 
.que .info {
266 
    float: left;
267 
    width: 7em;
268 
    padding: 0.5em;
269 
    margin-bottom: 1.8em;
270 
    background-color: $gray-100;
271 
    border: 1px solid darken($gray-300, 7%);
272 
 
273 
    @include border-radius(2px);
274 
}
275 
 
276 
.que h3.no {
277 
    margin: 0;
278 
    font-size: 0.8em;
279 
    line-height: 1;
280 
}
281 
 
282 
.que span.qno {
283 
    font-size: 1.5em;
284 
    font-weight: bold;
285 
    word-break: break-word;
286 
}
287 
 
288 
.que .info > div {
289 
    font-size: 0.8em;
290 
    margin-top: 0.7em;
291 
}
292 
 
293 
.que .info .questionflag.editable {
294 
    cursor: pointer;
295 
}
296 
 
297 
.que .info .editquestion img,
298 
.que .info .questionflag img,
299 
.que .info .questionflag input {
300 
    vertical-align: bottom;
301 
}
302 
 
303 
.que .content {
304 
    margin: 0 0 0 8.5em;
305 
}
306 
 
307 
.que .formulation,
308 
.que .outcome,
309 
.que .comment {
310 
    position: relative;
311 
    padding: $alert-padding-y $alert-padding-x;
312 
    margin-bottom: $alert-margin-bottom;
313 
    border: $alert-border-width solid transparent;
314 
    @include border-radius($alert-border-radius);
315 
}
316 
.que .outcome,
317 
.que .comment {
318 
    @include alert-variant(theme-color-level('warning', $alert-bg-level), theme-color-level('warning', $alert-border-level), theme-color-level('warning', $alert-color-level - 0.9)); /* stylelint-disable-line max-line-length */
319 
    // Darken link colour inside comments for better colour contrast against regular text.
320 
    a {
321 
        color: darken($link-color, 30%);
322 
    }
323 
}
324 
 
325 
.que .formulation {
326 
    @include alert-variant(theme-color-level('info', $alert-bg-level - 1.30), theme-color-level('info', $alert-border-level), theme-color-level('info', $alert-color-level + 4)); /* stylelint-disable-line max-line-length */
327 
}
328 
 
329 
.que.multichoice .answer div.r0 .icon.fa-check,
330 
.que.multichoice .answer div.r1 .icon.fa-check,
331 
.que.multichoice .answer div.r0 .icon.fa-remove,
332 
.que.multichoice .answer div.r1 .icon.fa-remove {
333 
    text-indent: 0;
334 
}
335 
 
336 
.formulation input[type="text"],
337 
.formulation select {
338 
    width: auto;
339 
    vertical-align: baseline;
340 
}
341 
 
342 
.que.multianswer .formulation .yui3-widget-positioned {
343 
    box-sizing: content-box;
344 
    .feedbackspan {
345 
        width: inherit;
346 
        max-width: inherit;
347 
    }
348 
}
349 
 
350 
.que input[size],
351 
.que textarea[cols] {
352 
    width: auto;
353 
    max-width: 100%;
354 
}
355 
 
356 
.que .comment {
357 
    @include alert-variant(theme-color-level('success', $alert-bg-level), theme-color-level('success', $alert-border-level), theme-color-level('success', $alert-color-level)); /* stylelint-disable-line max-line-length */
358 
}
359 
 
360 
.que .ablock {
361 
    margin: 0.7em 0 0.3em 0;
362 
}
363 
 
364 
.que .im-controls {
365 
    margin-top: 0.5em;
366 
    text-align: left;
367 
}
368 
 
369 
.que .specificfeedback,
370 
.que .generalfeedback,
371 
.que .numpartscorrect
372 
.que .rightanswer,
373 
.que .im-feedback,
374 
.que .feedback,
375 
.que p {
376 
    margin: 0 0 0.5em;
377 
}
378 
 
379 
.que .correctness {
380 
    &.correct {
381 
        @include badge-variant($success);
382 
    }
383 
    &.partiallycorrect {
384 
        @include badge-variant($warning);
385 
    }
386 
    &.notanswered,
387 
    &.incorrect {
388 
        @include badge-variant($danger);
389 
    }
390 
}
391 
 
392 
.que .qtext {
393 
    margin-bottom: 1.5em;
394 
}
395 
 
396 
.que .validationerror {
397 
    color: map-get($theme-colors, 'danger');
398 
}
399 
// copied from .formFieldState in mixin.less
400 
// and made more specific
401 
 
402 
.que .grading,
403 
.que .comment,
404 
.que .commentlink,
405 
.que .history {
406 
    margin-top: 0.5em;
407 
}
408 
 
409 
.que .history h3 {
410 
    margin: 0 0 0.2em;
411 
    font-size: 1em;
412 
}
413 
 
414 
.que .history table {
415 
    width: 100%;
416 
    margin: 0;
417 
}
418 
 
419 
.que .history .current {
420 
    font-weight: bold;
421 
}
422 
 
423 
.que .questioncorrectnessicon {
424 
    vertical-align: text-bottom;
425 
}
426 
 
427 
body.jsenabled .questionflag input[type=checkbox] {
428 
    display: none;
429 
}
430 
 
431 
.que .questionflagimage {
432 
    padding-right: 3px;
433 
    height: 16px;
434 
    width: 16px;
435 
}
436 
 
437 
.importerror {
438 
    margin-top: 10px;
439 
    border-bottom: 1px solid $question-import-error-border-color;
440 
}
441 
 
442 
.mform .que.comment .fitemtitle {
443 
    width: 20%;
444 
}
445 
 
446 
#page-question-preview #techinfo {
447 
    margin: 1em 0;
448 
}
449 
 
450 
#page-question-preview .collapsibleregion {
451 
    .collapsibleregioncaption,
452 
    .collapsibleregionextracontent {
453 
        display: inline-block;
454 
    }
455 
}
456 
 
457 
// imported from quiz.css
458 
 
459 
#page-mod-quiz-edit ul.slots .activityinstance {
460 
    > a {
461 
        display: flex;
462 
        max-width: 100%;
463 
        align-items: center;
464 
        text-indent: 0;
465 
        padding-left: 0;
466 
    }
467 
    img.activityicon {
468 
        margin-left: 0;
469 
        width: 16px;
470 
        height: 16px;
471 
        padding-right: 4px;
472 
    }
473 
}
474 
 
475 
#page-mod-quiz-edit .activity {
476 
    img.activityicon {
477 
        vertical-align: text-top;
478 
    }
479 
}
480 
 
481 
#page-mod-quiz-edit .box.generalbox.questionbank {
482 
    padding: 0.5em;
483 
}
484 
 
485 
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
486 
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
487 
#page-mod-quiz-edit .questionbank .choosecategory {
488 
    padding: 0;
489 
}
490 
 
491 
#page-mod-quiz-edit .questionbank .choosecategory select {
492 
    width: 100%;
493 
}
494 
 
495 
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
496 
    background: transparent;
497 
}
498 
 
499 
#page-mod-quiz-edit .questionbankwindow div.header {
500 
    color: $question-bank-header-color;
501 
    text-shadow: none;
502 
 
503 
    @include border-top-radius(4px);
504 
    margin: 0 -10px 0 -10px;
505 
    padding: 2px 10px 2px 10px;
506 
    background: transparent; /* Old browsers */
507 
}
508 
 
509 
#page-mod-quiz-edit .questionbankwindow div.header a:link,
510 
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
511 
    color: $link-color;
512 
}
513 
 
514 
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
515 
    color: $link-hover-color;
516 
}
517 
 
518 
#page-mod-quiz-edit .createnewquestion {
519 
    padding: 0.3em 0;
520 
 
521 
    div,
522 
    input {
523 
        margin: 0;
524 
    }
525 
}
526 
 
527 
#page-mod-quiz-edit .questionbankwindow div.header .title {
528 
    color: $body-color;
529 
}
530 
 
531 
#page-mod-quiz-edit div.container div.generalbox {
532 
    background-color: transparent;
533 
    padding: 1.5em;
534 
}
535 
 
536 
#page-mod-quiz-edit .categoryinfo {
537 
    background-color: transparent;
538 
    border-bottom: none;
539 
}
540 
 
541 
#page-mod-quiz-edit .createnewquestion .singlebutton input {
542 
    margin-bottom: 0;
543 
}
544 
 
545 
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
546 
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
547 
    padding: 0 0 1.5em 0;
548 
}
549 
 
550 
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
551 
    background-color: transparent;
552 
    margin: 0;
553 
    border-top: 0;
554 
    border-bottom: 0;
555 
 
556 
    .paging {
557 
        padding: 0 0.3em;
558 
    }
559 
}
560 
 
561 
#page-mod-quiz-edit div.question div.content div.questioncontrols {
562 
    background-color: $body-bg;
563 
}
564 
 
565 
#page-mod-quiz-edit div.question div.content div.points {
566 
    margin-top: -0.5em;
567 
    padding-bottom: 0;
568 
    border: none;
569 
    background-color: $body-bg;
570 
    position: static;
571 
    width: 12.1em;
572 
    float: right;
573 
    margin-right: 60px;
574 
}
575 
 
576 
#page-mod-quiz-edit div.question div.content div.points br {
577 
    display: none;
578 
}
579 
 
580 
#page-mod-quiz-edit div.question div.content div.points label {
581 
    display: inline-block;
582 
}
583 
 
584 
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
585 
    background-color: $body-bg;
586 
}
587 
 
588 
#page-mod-quiz-edit .quizpagedelete,
589 
#page-mod-quiz-edit .quizpagedelete img {
590 
    background-color: transparent;
591 
}
592 
 
593 
#page-mod-quiz-edit div.quizpage .pagecontent {
594 
    border: 1px solid $question-quiz-edit-border-color;
595 
 
596 
    @include border-radius(2px);
597 
    overflow: hidden;
598 
}
599 
 
600 
#page-mod-quiz-edit div.questionbank .categoryinfo {
601 
    padding: 0.3em 0;
602 
}
603 
 
604 
.questionbankwindow .module {
605 
    width: auto;
606 
}
607 
 
608 
.questionbankwindow .form-autocomplete-selection {
609 
    margin-left: 0;
610 
}
611 
 
612 
#page-mod-quiz-edit div.editq div.question div.content {
613 
    background-color: $body-bg;
614 
    border: 1px solid $question-quiz-edit-border-color;
615 
 
616 
    @include border-radius(2px);
617 
    overflow: hidden;
618 
}
619 
 
620 
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
621 
    margin-top: 0;
622 
    padding-right: 4px;
623 
}
624 
 
625 
.path-mod-quiz .statedetails {
626 
    display: block;
627 
    font-size: 0.9em;
628 
}
629 
 
630 
a#hidebankcmd {
631 
    color: $link-color;
632 
}
633 
 
634 
// override question plugins
635 
 
636 
// qtype_shortanswer
637 
 
638 
.que.shortanswer .answer {
639 
    padding: 0;
640 
}
641 
 
642 
.que label {
643 
    display: inline;
644 
}
645 
 
646 
.que .content .answer div[data-region="answer-label"] .mediaplugin {
647 
    width: 400px;
648 
}
649 
 
650 
body.path-question-type .mform fieldset.hidden {
651 
    padding: 0;
652 
    margin: 0.7em 0 0;
653 
}
654 
 
655 
// Fix for accurate positioning of ddwtos drag and drop question types.
656 
.que.ddwtos,
657 
.que.ddwtos .drop {
658 
    box-sizing: content-box;
659 
}
660 
 
661 
.tag-condition-container {
662 
    position: relative;
663 
}
664 
 
665 
@include media-breakpoint-down(sm) {
666 
    .que .info {
667 
        float: none;
668 
        width: auto;
669 
    }
670 
    .que .content {
671 
        margin: 0;
672 
    }
673 
}