MDL-32087 question preview: make more technical info available.
[moodle.git] / theme / base / style / question.css
1 /* Question */
2 .questionbank h2 {margin-top: 0;}
3 .questioncategories h3 {margin-top: 0;}
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;}
15 #qtypechoicecontainer {display: none;}
16 body.jsenabled #qtypechoicecontainer {display: block;}
18 #qtypechoicecontainer {background: white;}
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;}
22 #qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.2em 0 0.2em 0.3em;}
23 #qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: middle;}
24 #qtypechoicecontainer #chooseqtype .instruction,
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;}
26 #qtypechoicecontainer #chooseqtype .instruction,
27 #qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;}
29 #categoryquestions { margin: 0; }
30 #categoryquestions td,
31 #categoryquestions th { padding: 0 0.2em; }
32 .questionbank .singleselect { margin: 0; }
34 /* Question editing form */
35 #combinedfeedbackhdr div.fhtmleditor {padding: 0;}
36 #combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
38 .que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
39 .dir-rtl .que {text-align: right;}
41 .que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
42 .que h2.no {margin: 0;font-size: 0.8em;line-height: 1;}
43 .que span.qno {font-size: 1.5em;font-weight:bold;}
44 .que .info > div {font-size: 0.8em;margin-top: 0.7em;}
45 .que .info .questionflag {cursor:pointer;}
46 .que .info .editquestion img,
47 .que .info .questionflag img,
48 .que .info .questionflag input {vertical-align: bottom;}
50 .que .content {margin: 0 0 0 8.5em;}
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;}
61 .que .ablock {margin: 0.7em 0 0.3em 0;}
62 .que .im-controls {margin-top: 0.5em;text-align: left;}
63 .dir-rtl .que .im-controls {text-align: right;}
65 .que .specificfeedback,
66 .que .generalfeedback,
67 .que .rightanswer,
68 .que .im-feedback,
69 .que .feedback,
70 .que p {margin: 0 0 0.5em;}
71 .que .qtext {margin-bottom: 1.5em;}
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;}
78 .que .grading,
79 .que .comment,
80 .que .commentlink,
81 .que .history {margin-top: 0.5em;}
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;}
87 .importerror {margin-top: 10px;border-bottom: 1px solid #555;}
88 .mform .que.comment .fitemtitle {width: 20%;}
90 #page-question-preview #techinfo {
91     margin: 1em 0;
92 }
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;}