Merge branch 'MDL-36954_23' of git://github.com/timhunt/moodle into MOODLE_23_STABLE
[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;}
17 #qtypechoicecontainer_c.yui-panel-container.shadow .underlay {background: none;}
18 #qtypechoicecontainer.yui-panel .hd {color:#333333;letter-spacing: 1px;text-shadow: 1px 1px 1px #FFFFFF;border-radius: 10px 10px 0 0;border: 1px solid #CCCCCC;border-bottom: 1px solid #BBBBBB;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background: -moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);}
20 #qtypechoicecontainer {font-size: 12px;color: #333333;background: #F2F2F2;border-radius: 10px;border:1px solid #CCCCCC;border-top:0 none;-webkit-box-shadow: 5px 5px 20px 0px #666666;-moz-box-shadow: 5px 5px 20px 0px #666666;box-shadow: 5px 5px 20px 0px #666666;}
21 #qtypechoicecontainer #chooseqtype {width: 35em;}
22 #qtypechoicecontainer #chooseqtypehead h3 {margin: 0;font-weight: normal;}
23 #qtypechoicecontainer #chooseqtype .qtypes {position: relative;border-bottom: 1px solid #BBBBBB;padding: 0.24em 0;}
24 #qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.3em 0 0.3em 1.6em;}
25 #qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: middle;padding-left: 1em;padding-right: 0.5em;}
26 #qtypechoicecontainer #chooseqtype .selected {background-color: #FFFFFF;box-shadow: 0px 0px 10px 0px #CCCCCC;-webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;}
27 #qtypechoicecontainer #chooseqtype .instruction,
28 #qtypechoicecontainer #chooseqtype .qtypesummary {display: none;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 60%;margin: 0;padding: 1.5em 1.6em;background-color: #FFFFFF;}
29 #qtypechoicecontainer #chooseqtype .instruction,
30 #qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;}
32 #categoryquestions { margin: 0; }
33 #categoryquestions td,
34 #categoryquestions th { padding: 0 0.2em; }
35 #categoryquestions th { text-align: left; font-weight: normal; }
36 .dir-rtl #categoryquestions th { text-align: right; }
37 .questionbank .singleselect { margin: 0; }
39 /* Question editing form */
40 #combinedfeedbackhdr div.fhtmleditor {padding: 0;}
41 #combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
43 .que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
44 .dir-rtl .que {text-align: right;}
46 .que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
47 .que h2.no {margin: 0;font-size: 0.8em;line-height: 1;}
48 .que span.qno {font-size: 1.5em;font-weight:bold;}
49 .que .info > div {font-size: 0.8em;margin-top: 0.7em;}
50 .que .info .questionflag.editable {cursor:pointer;}
51 .que .info .editquestion img,
52 .que .info .questionflag img,
53 .que .info .questionflag input {vertical-align: bottom;}
55 .que .content {margin: 0 0 0 8.5em;}
57 .que .formulation,
58 .que .outcome,
59 .que .comment,
60 .que .history {padding: 0.5em;margin: 0 0 0.5em;}
61 .que .formulation {background: #e4f1fa;}
62 .que .outcome {background: #fff3bf;}
63 .que .comment {background: #e0ffe0;}
64 .que .history {background: #eee;}
66 .que .ablock {margin: 0.7em 0 0.3em 0;}
67 .que .im-controls {margin-top: 0.5em;text-align: left;}
68 .dir-rtl .que .im-controls {text-align: right;}
70 .que .specificfeedback,
71 .que .generalfeedback,
72 .que .rightanswer,
73 .que .im-feedback,
74 .que .feedback,
75 .que p {margin: 0 0 0.5em;}
76 .que .qtext {margin-bottom: 1.5em;}
78 .que .correct {background-color: #afa;}
79 .que .notanswered,
80 .que .incorrect {background-color: #faa;}
81 .que .partiallycorrect {background-color: #ff9;}
82 .que .validationerror {color: #a00;}
83 .que .grading,
84 .que .comment,
85 .que .commentlink,
86 .que .history {margin-top: 0.5em;}
88 .que .history h3 {margin: 0 0 0.2em;font-size: 1em;}
89 .que .history table {width: 100%;margin: 0;}
90 .que .history .current {font-weight: bold;}
92 .importerror {margin-top: 10px;border-bottom: 1px solid #555;}
93 .mform .que.comment .fitemtitle {width: 20%;}
95 #page-question-preview #techinfo {
96     margin: 1em 0;
97 }
99 /** Overide for RTL layout **/
100 .dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
101 .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
102 #qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}