MDL-32087 question preview: make more technical info available.
[moodle.git] / theme / base / style / question.css
CommitLineData
90723839
SH
1/* Question */
2.questionbank h2 {margin-top: 0;}
3.questioncategories h3 {margin-top: 0;}
4
5#chooseqtypebox {margin-top: 1em;}
6#chooseqtype h3 {margin: 0 0 0.3em;}
7#chooseqtype .instruction {display: none;}
8#chooseqtype .fakeqtypes {border-top: 1px solid silver;}
9#chooseqtype .qtypeoption {margin-bottom: 0.5em;}
10#chooseqtype label {display: block;}
11#chooseqtype .qtypename img {padding: 0 0.3em;}
12#chooseqtype .qtypesummary {display: block;margin: 0 2em;}
13#chooseqtype .submitbuttons {margin: 0.7em 0;text-align: center;}
14
15#qtypechoicecontainer {display: none;}
16body.jsenabled #qtypechoicecontainer {display: block;}
17
67f1a696 18#qtypechoicecontainer {background: white;}
90723839
SH
19#qtypechoicecontainer #chooseqtype {width: 30em;}
20#qtypechoicecontainer #chooseqtypehead h3 {margin: 0;}
21#qtypechoicecontainer #chooseqtype .qtypes {position: relative;border-bottom: 1px solid grey;padding: 0.24em 0;}
67f1a696
TH
22#qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.2em 0 0.2em 0.3em;}
23#qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: middle;}
90723839 24#qtypechoicecontainer #chooseqtype .instruction,
4051a78f 25#qtypechoicecontainer #chooseqtype .qtypesummary {display: none;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 60%;margin: 0;border-left: 1px solid grey;padding: 0.3em 0.5em;background-color: white;}
90723839
SH
26#qtypechoicecontainer #chooseqtype .instruction,
27#qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;}
28
9f87e6aa
TH
29#categoryquestions { margin: 0; }
30#categoryquestions td,
31#categoryquestions th { padding: 0 0.2em; }
32.questionbank .singleselect { margin: 0; }
33
481dc639
TH
34/* Question editing form */
35#combinedfeedbackhdr div.fhtmleditor {padding: 0;}
36#combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
37
b6625327 38.que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
b41fc49c 39.dir-rtl .que {text-align: right;}
481dc639 40
22c97c64 41.que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
481dc639
TH
42.que h2.no {margin: 0;font-size: 0.8em;line-height: 1;}
43.que span.qno {font-size: 1.5em;font-weight:bold;}
891df4a9 44.que .info > div {font-size: 0.8em;margin-top: 0.7em;}
22c97c64 45.que .info .questionflag {cursor:pointer;}
891df4a9
TH
46.que .info .editquestion img,
47.que .info .questionflag img,
48.que .info .questionflag input {vertical-align: bottom;}
90723839 49
22c97c64 50.que .content {margin: 0 0 0 8.5em;}
481dc639
TH
51
52.que .formulation,
53.que .outcome,
54.que .comment,
55.que .history {padding: 0.5em;margin: 0 0 0.5em;}
56.que .formulation {background: #e4f1fa;}
57.que .outcome {background: #fff3bf;}
58.que .comment {background: #e0ffe0;}
59.que .history {background: #eee;}
60
90723839 61.que .ablock {margin: 0.7em 0 0.3em 0;}
481dc639 62.que .im-controls {margin-top: 0.5em;text-align: left;}
a2ac2349 63.dir-rtl .que .im-controls {text-align: right;}
481dc639
TH
64
65.que .specificfeedback,
66.que .generalfeedback,
67.que .rightanswer,
68.que .im-feedback,
69.que .feedback,
70.que p {margin: 0 0 0.5em;}
90723839 71.que .qtext {margin-bottom: 1.5em;}
90723839 72
481dc639
TH
73.que .correct {background-color: #afa;}
74.que .notanswered,
75.que .incorrect {background-color: #faa;}
76.que .partiallycorrect {background-color: #ff9;}
77.que .validationerror {color: #a00;}
90723839
SH
78.que .grading,
79.que .comment,
80.que .commentlink,
90723839 81.que .history {margin-top: 0.5em;}
481dc639
TH
82
83.que .history h3 {margin: 0 0 0.2em;font-size: 1em;}
84.que .history table {width: 100%;margin: 0;}
85.que .history .current {font-weight: bold;}
90723839 86
90723839
SH
87.importerror {margin-top: 10px;border-bottom: 1px solid #555;}
88.mform .que.comment .fitemtitle {width: 20%;}
89
802f8d2a
TH
90#page-question-preview #techinfo {
91 margin: 1em 0;
92}
93
97ce18fb
RW
94/** Overide for RTL layout **/
95.dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
96.dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
97#qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}