MDL-68761 question_multichoice: show question content inline
[moodle.git] / question / type / multichoice / styles.css
CommitLineData
c9c989a0 1.que.multichoice .answer .specificfeedback {
c9c989a0 2 display: inline;
99942334 3 padding: 0 0.7em;
bc33e9bd 4 background: #fff3bf;
c9c989a0 5}
bc33e9bd 6
a18fda20
TH
7.que.multichoice .answer div.r0,
8.que.multichoice .answer div.r1 {
40d1487b
BB
9 display: flex;
10 margin: 0.25rem 0;
11 align-items: flex-start;
dad5f63d 12}
bc33e9bd 13
5562ab20
TH
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}
bc33e9bd 22
dad5f63d
TH
23.que.multichoice .answer div.r0 input,
24.que.multichoice .answer div.r1 input {
40d1487b 25 margin: 0.4rem 0.5rem;
dad5f63d 26}
c7218aef
CC
27
28/* Editing form. */
29body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] {
bc33e9bd 30 background: #eee;
c7218aef
CC
31 margin-top: 0;
32 margin-bottom: 0;
33 padding-bottom: 5px;
34 padding-top: 5px;
bc33e9bd 35 border: 1px solid #bbb;
c7218aef
CC
36 border-bottom: 0;
37}
38
39body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle {
40 font-weight: bold;
41}
42
bc33e9bd 43body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
99fe296e
DP
44 margin-left: 0;
45 margin-right: 0;
e94d0232 46 padding-left: 6px;
99fe296e 47 padding-right: 0;
e94d0232 48}
49
c7218aef 50body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_] {
bc33e9bd 51 background: #eee;
c7218aef
CC
52 margin-bottom: 0;
53 margin-top: 0;
54 padding-bottom: 5px;
55 padding-top: 5px;
bc33e9bd 56 border: 1px solid #bbb;
c7218aef
CC
57 border-top: 0;
58 border-bottom: 0;
59}
60
61body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_] {
bc33e9bd 62 background: #eee;
c7218aef
CC
63 margin-bottom: 2em;
64 margin-top: 0;
65 padding-bottom: 5px;
66 padding-top: 5px;
bc33e9bd 67 border: 1px solid #bbb;
c7218aef
CC
68 border-top: 0;
69}