MDL-68761 question_multichoice: show question content inline
[moodle.git] / question / type / multichoice / styles.css
1 .que.multichoice .answer .specificfeedback {
2     display: inline;
3     padding: 0 0.7em;
4     background: #fff3bf;
5 }
7 .que.multichoice .answer div.r0,
8 .que.multichoice .answer div.r1 {
9     display: flex;
10     margin: 0.25rem 0;
11     align-items: flex-start;
12 }
14 .que.multichoice .answer div.r0 label,
15 .que.multichoice .answer div.r1 label,
16 .que.multichoice .answer div.r0 div.specificfeedback,
17 .que.multichoice .answer div.r1 div.specificfeedback {
18     /* In Chrome and IE, the text-indent above is applied to any embedded table
19        cells or <li>s, which screws up the intended layout. This fixes it again. */
20     text-indent: 0;
21 }
23 .que.multichoice .answer div.r0 input,
24 .que.multichoice .answer div.r1 input {
25     margin: 0.4rem 0.5rem;
26 }
28 /* Editing form. */
29 body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] {
30     background: #eee;
31     margin-top: 0;
32     margin-bottom: 0;
33     padding-bottom: 5px;
34     padding-top: 5px;
35     border: 1px solid #bbb;
36     border-bottom: 0;
37 }
39 body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle {
40     font-weight: bold;
41 }
43 body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
44     margin-left: 0;
45     margin-right: 0;
46     padding-left: 6px;
47     padding-right: 0;
48 }
50 body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_] {
51     background: #eee;
52     margin-bottom: 0;
53     margin-top: 0;
54     padding-bottom: 5px;
55     padding-top: 5px;
56     border: 1px solid #bbb;
57     border-top: 0;
58     border-bottom: 0;
59 }
61 body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_] {
62     background: #eee;
63     margin-bottom: 2em;
64     margin-top: 0;
65     padding-bottom: 5px;
66     padding-top: 5px;
67     border: 1px solid #bbb;
68     border-top: 0;
69 }