463e4db55db048681a393f7783533b879398b84e
[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 .questionbank .singleselect { margin: 0; }
37 /* Question editing form */
38 #combinedfeedbackhdr div.fhtmleditor {padding: 0;}
39 #combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
41 .que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
42 .dir-rtl .que {text-align: right;}
44 .que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
45 .que h2.no {margin: 0;font-size: 0.8em;line-height: 1;}
46 .que span.qno {font-size: 1.5em;font-weight:bold;}
47 .que .info > div {font-size: 0.8em;margin-top: 0.7em;}
48 .que .info .questionflag.editable {cursor:pointer;}
49 .que .info .editquestion img,
50 .que .info .questionflag img,
51 .que .info .questionflag input {vertical-align: bottom;}
53 .que .content {margin: 0 0 0 8.5em;}
55 .que .formulation,
56 .que .outcome,
57 .que .comment,
58 .que .history {padding: 0.5em;margin: 0 0 0.5em;}
59 .que .formulation {background: #e4f1fa;}
60 .que .outcome {background: #fff3bf;}
61 .que .comment {background: #e0ffe0;}
62 .que .history {background: #eee;}
64 .que .ablock {margin: 0.7em 0 0.3em 0;}
65 .que .im-controls {margin-top: 0.5em;text-align: left;}
66 .dir-rtl .que .im-controls {text-align: right;}
68 .que .specificfeedback,
69 .que .generalfeedback,
70 .que .rightanswer,
71 .que .im-feedback,
72 .que .feedback,
73 .que p {margin: 0 0 0.5em;}
74 .que .qtext {margin-bottom: 1.5em;}
76 .que .correct {background-color: #afa;}
77 .que .notanswered,
78 .que .incorrect {background-color: #faa;}
79 .que .partiallycorrect {background-color: #ff9;}
80 .que .validationerror {color: #a00;}
81 .que .grading,
82 .que .comment,
83 .que .commentlink,
84 .que .history {margin-top: 0.5em;}
86 .que .history h3 {margin: 0 0 0.2em;font-size: 1em;}
87 .que .history table {width: 100%;margin: 0;}
88 .que .history .current {font-weight: bold;}
90 .importerror {margin-top: 10px;border-bottom: 1px solid #555;}
91 .mform .que.comment .fitemtitle {width: 20%;}
93 #page-question-preview #techinfo {
94     margin: 1em 0;
95 }
97 /** Overide for RTL layout **/
98 .dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
99 .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
100 #qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}