5707361ec0be97e8c8a57960bf36310a9a6880a6
[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     padding: 0.3em 0 0.3em 25px;
10     text-indent: -25px;
11 }
13 .que.multichoice .answer div.r0 label,
14 .que.multichoice .answer div.r1 label,
15 .que.multichoice .answer div.r0 div.specificfeedback,
16 .que.multichoice .answer div.r1 div.specificfeedback {
17     /* In Chrome and IE, the text-indent above is applied to any embedded table
18        cells or <li>s, which screws up the intended layout. This fixes it again. */
19     text-indent: 0;
20 }
22 .que.multichoice .answer div.r0 input,
23 .que.multichoice .answer div.r1 input {
24     margin: 0 5px;
25     padding: 0;
26     width: 15px;
27 }
29 /* Editing form. */
30 body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] {
31     background: #eee;
32     margin-top: 0;
33     margin-bottom: 0;
34     padding-bottom: 5px;
35     padding-top: 5px;
36     border: 1px solid #bbb;
37     border-bottom: 0;
38 }
40 body#page-question-type-multichoice div[id^=fitem_id_][id*=answer_] .fitemtitle {
41     font-weight: bold;
42 }
44 body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle {
45     margin-left: 0;
46     margin-right: 0;
47     padding-left: 6px;
48     padding-right: 0;
49 }
51 body#page-question-type-multichoice div[id^=fitem_id_][id*=fraction_] {
52     background: #eee;
53     margin-bottom: 0;
54     margin-top: 0;
55     padding-bottom: 5px;
56     padding-top: 5px;
57     border: 1px solid #bbb;
58     border-top: 0;
59     border-bottom: 0;
60 }
62 body#page-question-type-multichoice div[id^=fitem_id_][id*=feedback_] {
63     background: #eee;
64     margin-bottom: 2em;
65     margin-top: 0;
66     padding-bottom: 5px;
67     padding-top: 5px;
68     border: 1px solid #bbb;
69     border-top: 0;
70 }