Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | 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 
 
1441 ariadna 144 
.chooserdialogue-questionchooser .modicon img.icon,
145 
#categoryquestions .qtype img.icon {
146 
    /* Override default icon width set for fontawesome icons */
147 
    width: 16px;
148 
}
149 
 
1 efrain 150 
table.question-bank-table {
151 
    margin: 0;
152 
    background-color: $white;
153 
    table-layout: fixed;
154 
    overflow-x: scroll;
155 
    width: min-content;
156 
    max-width: 100%;
157 
 
158 
    th {
159 
        text-align: left;
160 
    }
161 
 
162 
    & > tbody > tr.r1 {
163 
        background-color: $table-accent-bg;
164 
    }
165 
 
166 
    & > tbody > tr.highlight {
167 
        border: $border-width solid $info;
168 
    }
169 
 
170 
    .checkbox input[type="checkbox"] {
171 
        margin-left: 0;
172 
        float: none;
173 
    }
174 
 
175 
    .iconcol {
176 
        padding: 3px;
177 
        box-sizing: content-box;
178 
 
179 
        .icon {
180 
            margin: 0;
181 
            width: 12px;
182 
            height: 12px;
183 
        }
184 
    }
185 
 
186 
    label {
187 
        margin: 0;
188 
        display: block;
189 
    }
190 
 
191 
    .header {
192 
        text-align: left;
193 
 
194 
        &.sortable-list-current-position {
195 
            background-color: lighten($primary, 40%);
196 
        }
197 
        &.sortable-list-is-dragged {
198 
            background-color: $white;
199 
            opacity: 0.85;
200 
        }
201 
 
202 
        .header-text > div {
203 
            display: inline-block;
204 
        }
205 
 
206 
        .dropdown-toggle::after {
207 
            margin-left: 0;
208 
        }
209 
        &.checkbox .form-check {
210 
            padding-left: 0;
211 
        }
212 
    }
213 
}
214 
 
215 
#page-mod-quiz-edit {
216 
    div.questionbankwindow div.header {
217 
        margin: 0;
218 
    }
219 
 
220 
    div.questionbankwindow.block {
221 
        padding: 0;
222 
    }
223 
}
224 
 
225 
.questionbank .singleselect {
226 
    margin: 0;
227 
}
228 
/* Question editing form */
229 
#combinedfeedbackhdr div.fhtmleditor {
230 
    padding: 0;
231 
}
232 
 
233 
#combinedfeedbackhdr div.fcheckbox {
234 
    margin-bottom: 1em;
235 
}
236 
 
237 
#multitriesheader div.fitem_feditor {
238 
    margin-top: 1em;
239 
}
240 
 
241 
#multitriesheader div.fitem_fgroup {
242 
    margin-bottom: 1em;
243 
}
244 
 
245 
#multitriesheader div.fitem_fgroup fieldset.felement label {
246 
    margin-left: 0.3em;
247 
    margin-right: 0.3em;
248 
}
249 
 
250 
body.path-question-type {
251 
    /* Hacks to display the labels within a form group. */
1441 ariadna 252 
    .fitem .col-form-label.visually-hidden:not(legend):not([for="id_category"], [for="id_filetypeslist"]) {
253 
        /* stylelint-disable declaration-no-important */
254 
        position: static !important;
255 
        width: auto !important;
256 
        overflow: visible !important;
257 
        /* stylelint-enable declaration-no-important */
1 efrain 258 
    }
259 
}
260 
 
261 
.que {
262 
    text-align: left;
263 
    margin: 0 auto 1.8em auto;
1441 ariadna 264 
    display: flex;
265 
    align-items: start;
266 
    gap: 1rem;
267 
    @include media-breakpoint-down(md) {
268 
        flex-direction: column;
269 
    }
1 efrain 270 
}
271 
 
272 
.que .info {
1441 ariadna 273 
    flex-shrink: 0;
1 efrain 274 
    width: 7em;
275 
    padding: 0.5em;
276 
    background-color: $gray-100;
277 
    border: 1px solid darken($gray-300, 7%);
278 
 
279 
    @include border-radius(2px);
1441 ariadna 280 
 
281 
    @include media-breakpoint-down(md) {
282 
        width: 100%;
283 
    }
1 efrain 284 
}
285 
 
286 
.que h3.no {
287 
    margin: 0;
288 
    font-size: 0.8em;
289 
    line-height: 1;
290 
}
291 
 
292 
.que span.qno {
293 
    font-size: 1.5em;
294 
    font-weight: bold;
295 
    word-break: break-word;
296 
}
297 
 
298 
.que .info > div {
299 
    font-size: 0.8em;
300 
    margin-top: 0.7em;
301 
}
302 
 
303 
.que .info .questionflag.editable {
304 
    cursor: pointer;
305 
}
306 
 
307 
.que .info .editquestion img,
308 
.que .info .questionflag img,
309 
.que .info .questionflag input {
310 
    vertical-align: bottom;
311 
}
312 
 
313 
.que .content {
1441 ariadna 314 
    flex-grow: 1;
315 
 
316 
    @include media-breakpoint-down(md) {
317 
        width: 100%;
318 
    }
1 efrain 319 
}
320 
 
321 
.que .formulation,
322 
.que .outcome,
323 
.que .comment {
324 
    position: relative;
325 
    padding: $alert-padding-y $alert-padding-x;
326 
    margin-bottom: $alert-margin-bottom;
327 
    border: $alert-border-width solid transparent;
328 
    @include border-radius($alert-border-radius);
329 
}
330 
.que .outcome,
331 
.que .comment {
1441 ariadna 332 
    color: shift-color($warning, $alert-color-scale - 9%);
333 
    border-color: shift-color($warning, $alert-border-scale);
334 
    @include gradient-bg(shift-color($warning, $alert-bg-scale));
1 efrain 335 
    // Darken link colour inside comments for better colour contrast against regular text.
336 
    a {
337 
        color: darken($link-color, 30%);
338 
    }
339 
}
340 
 
341 
.que .formulation {
1441 ariadna 342 
    color: shift-color($info, $alert-color-scale + 40%);
343 
    border-color: shift-color($info, $alert-border-scale);
344 
    @include gradient-bg(shift-color($info, $alert-bg-scale));
1 efrain 345 
}
346 
 
347 
.que.multichoice .answer div.r0 .icon.fa-check,
348 
.que.multichoice .answer div.r1 .icon.fa-check,
349 
.que.multichoice .answer div.r0 .icon.fa-remove,
350 
.que.multichoice .answer div.r1 .icon.fa-remove {
351 
    text-indent: 0;
352 
}
353 
 
354 
.formulation input[type="text"],
355 
.formulation select {
356 
    width: auto;
357 
    vertical-align: baseline;
358 
}
359 
 
360 
.que.multianswer .formulation .yui3-widget-positioned {
361 
    box-sizing: content-box;
362 
    .feedbackspan {
363 
        width: inherit;
364 
        max-width: inherit;
365 
    }
366 
}
367 
 
368 
.que input[size],
369 
.que textarea[cols] {
370 
    width: auto;
371 
    max-width: 100%;
372 
}
373 
 
374 
.que .comment {
1441 ariadna 375 
    color: shift-color($success, $alert-color-scale);
376 
    border-color: shift-color($success, $alert-border-scale);
377 
    @include gradient-bg(shift-color($success, $alert-bg-scale));
1 efrain 378 
}
379 
 
380 
.que .ablock {
381 
    margin: 0.7em 0 0.3em 0;
382 
}
383 
 
384 
.que .im-controls {
385 
    margin-top: 0.5em;
386 
    text-align: left;
387 
}
388 
 
389 
.que .specificfeedback,
390 
.que .generalfeedback,
391 
.que .numpartscorrect
392 
.que .rightanswer,
393 
.que .im-feedback,
394 
.que .feedback,
395 
.que p {
396 
    margin: 0 0 0.5em;
397 
}
398 
 
399 
.que .correctness {
400 
    &.correct {
1441 ariadna 401 
        color: color-contrast($success);
402 
        background-color: $success;
1 efrain 403 
    }
404 
    &.partiallycorrect {
1441 ariadna 405 
        color: color-contrast($warning);
406 
        background-color: $warning;
1 efrain 407 
    }
408 
    &.notanswered,
409 
    &.incorrect {
1441 ariadna 410 
        color: color-contrast($danger);
411 
        background-color: $danger;
1 efrain 412 
    }
413 
}
414 
 
415 
.que .qtext {
416 
    margin-bottom: 1.5em;
417 
}
418 
 
419 
.que .validationerror {
420 
    color: map-get($theme-colors, 'danger');
421 
}
422 
// copied from .formFieldState in mixin.less
423 
// and made more specific
424 
 
425 
.que .grading,
426 
.que .comment,
427 
.que .commentlink,
428 
.que .history {
429 
    margin-top: 0.5em;
430 
}
431 
 
432 
.que .history h3 {
433 
    margin: 0 0 0.2em;
434 
    font-size: 1em;
435 
}
436 
 
437 
.que .history table {
438 
    width: 100%;
439 
    margin: 0;
440 
}
441 
 
442 
.que .history .current {
443 
    font-weight: bold;
444 
}
445 
 
446 
.que .questioncorrectnessicon {
447 
    vertical-align: text-bottom;
448 
}
449 
 
450 
body.jsenabled .questionflag input[type=checkbox] {
451 
    display: none;
452 
}
453 
 
454 
.que .questionflagimage {
455 
    padding-right: 3px;
456 
    height: 16px;
457 
    width: 16px;
458 
}
459 
 
460 
.importerror {
461 
    margin-top: 10px;
462 
    border-bottom: 1px solid $question-import-error-border-color;
463 
}
464 
 
465 
.mform .que.comment .fitemtitle {
466 
    width: 20%;
467 
}
468 
 
469 
#page-question-preview #techinfo {
470 
    margin: 1em 0;
471 
}
472 
 
473 
#page-question-preview .collapsibleregion {
474 
    .collapsibleregioncaption,
475 
    .collapsibleregionextracontent {
476 
        display: inline-block;
477 
    }
478 
}
479 
 
480 
// imported from quiz.css
481 
 
482 
#page-mod-quiz-edit ul.slots .activityinstance {
483 
    > a {
484 
        display: flex;
485 
        max-width: 100%;
486 
        align-items: center;
487 
        text-indent: 0;
488 
        padding-left: 0;
489 
    }
490 
    img.activityicon {
491 
        margin-left: 0;
492 
        width: 16px;
493 
        height: 16px;
494 
        padding-right: 4px;
495 
    }
496 
}
497 
 
498 
#page-mod-quiz-edit .activity {
499 
    img.activityicon {
500 
        vertical-align: text-top;
501 
    }
502 
}
503 
 
504 
#page-mod-quiz-edit .box.generalbox.questionbank {
505 
    padding: 0.5em;
506 
}
507 
 
508 
#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
509 
#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
510 
#page-mod-quiz-edit .questionbank .choosecategory {
511 
    padding: 0;
512 
}
513 
 
514 
#page-mod-quiz-edit .questionbank .choosecategory select {
515 
    width: 100%;
516 
}
517 
 
518 
#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
519 
    background: transparent;
520 
}
521 
 
522 
#page-mod-quiz-edit .questionbankwindow div.header {
523 
    color: $question-bank-header-color;
524 
    text-shadow: none;
525 
 
526 
    @include border-top-radius(4px);
527 
    margin: 0 -10px 0 -10px;
528 
    padding: 2px 10px 2px 10px;
529 
    background: transparent; /* Old browsers */
530 
}
531 
 
532 
#page-mod-quiz-edit .questionbankwindow div.header a:link,
533 
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
534 
    color: $link-color;
535 
}
536 
 
537 
#page-mod-quiz-edit .questionbankwindow div.header a:hover {
538 
    color: $link-hover-color;
539 
}
540 
 
541 
#page-mod-quiz-edit .createnewquestion {
542 
    padding: 0.3em 0;
543 
 
544 
    div,
545 
    input {
546 
        margin: 0;
547 
    }
548 
}
549 
 
550 
#page-mod-quiz-edit .questionbankwindow div.header .title {
551 
    color: $body-color;
552 
}
553 
 
554 
#page-mod-quiz-edit div.container div.generalbox {
555 
    background-color: transparent;
556 
    padding: 1.5em;
557 
}
558 
 
559 
#page-mod-quiz-edit .categoryinfo {
560 
    background-color: transparent;
561 
    border-bottom: none;
562 
}
563 
 
564 
#page-mod-quiz-edit .createnewquestion .singlebutton input {
565 
    margin-bottom: 0;
566 
}
567 
 
568 
#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
569 
#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
570 
    padding: 0 0 1.5em 0;
571 
}
572 
 
573 
#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
574 
    background-color: transparent;
575 
    margin: 0;
576 
    border-top: 0;
577 
    border-bottom: 0;
578 
 
579 
    .paging {
580 
        padding: 0 0.3em;
581 
    }
582 
}
583 
 
584 
#page-mod-quiz-edit div.question div.content div.questioncontrols {
585 
    background-color: $body-bg;
586 
}
587 
 
588 
#page-mod-quiz-edit div.question div.content div.points {
589 
    margin-top: -0.5em;
590 
    padding-bottom: 0;
591 
    border: none;
592 
    background-color: $body-bg;
593 
    position: static;
594 
    width: 12.1em;
595 
    float: right;
596 
    margin-right: 60px;
597 
}
598 
 
599 
#page-mod-quiz-edit div.question div.content div.points br {
600 
    display: none;
601 
}
602 
 
603 
#page-mod-quiz-edit div.question div.content div.points label {
604 
    display: inline-block;
605 
}
606 
 
607 
#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
608 
    background-color: $body-bg;
609 
}
610 
 
611 
#page-mod-quiz-edit .quizpagedelete,
612 
#page-mod-quiz-edit .quizpagedelete img {
613 
    background-color: transparent;
614 
}
615 
 
616 
#page-mod-quiz-edit div.quizpage .pagecontent {
617 
    border: 1px solid $question-quiz-edit-border-color;
618 
 
619 
    @include border-radius(2px);
620 
    overflow: hidden;
621 
}
622 
 
623 
#page-mod-quiz-edit div.questionbank .categoryinfo {
624 
    padding: 0.3em 0;
625 
}
626 
 
627 
.questionbankwindow .module {
628 
    width: auto;
629 
}
630 
 
631 
.questionbankwindow .form-autocomplete-selection {
632 
    margin-left: 0;
633 
}
634 
 
635 
#page-mod-quiz-edit div.editq div.question div.content {
636 
    background-color: $body-bg;
637 
    border: 1px solid $question-quiz-edit-border-color;
638 
 
639 
    @include border-radius(2px);
640 
    overflow: hidden;
641 
}
642 
 
643 
#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
644 
    margin-top: 0;
645 
    padding-right: 4px;
646 
}
647 
 
648 
.path-mod-quiz .statedetails {
649 
    display: block;
650 
    font-size: 0.9em;
651 
}
652 
 
653 
a#hidebankcmd {
654 
    color: $link-color;
655 
}
656 
 
657 
// override question plugins
658 
 
659 
// qtype_shortanswer
660 
 
661 
.que.shortanswer .answer {
662 
    padding: 0;
663 
}
664 
 
665 
.que label {
666 
    display: inline;
667 
}
668 
 
669 
.que .content .answer div[data-region="answer-label"] .mediaplugin {
670 
    width: 400px;
671 
}
672 
 
673 
body.path-question-type .mform fieldset.hidden {
674 
    padding: 0;
675 
    margin: 0.7em 0 0;
676 
}
677 
 
678 
// Fix for accurate positioning of ddwtos drag and drop question types.
679 
.que.ddwtos,
680 
.que.ddwtos .drop {
681 
    box-sizing: content-box;
682 
}
683 
 
684 
.tag-condition-container {
685 
    position: relative;
686 
}
687 
 
1441 ariadna 688 
.qbank_managecategories-item.qbank_managecategories-droptarget-before,
689 
.qbank_managecategories-item .qbank_managecategories-item.qbank_managecategories-droptarget-before,
690 
.qbank_managecategories-categorylist.qbank_managecategories-droptarget-before > .qbank_managecategories-item:first-child {
691 
    border-top-color: $link-color;
1 efrain 692 
}
1441 ariadna 693 
.qbank_managecategories-item.qbank_managecategories-droptarget,
694 
.qbank_managecategories-categorylist.qbank_managecategories-droptarget > .qbank_managecategories-item:last-child {
695 
    border-bottom-color: $link-color;
696 
}
697 
 
698 
.qbank_managecategories-newchild.qbank_managecategories-droptarget {
699 
    border-color: $link-color;
700 
    color: $link-color;
701 
}