c25da05703f46bd87c23356c84f59ecc0f09977d
[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_c.yui-panel-container.shadow .underlay {background: none;}
19 #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);}
21 #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;}
22 #qtypechoicecontainer #chooseqtype {width: 35em;}
23 #qtypechoicecontainer #chooseqtypehead h3 {margin: 0;font-weight: normal;}
24 #qtypechoicecontainer #chooseqtype .qtypes {position: relative;border-bottom: 1px solid #BBBBBB;padding: 0.24em 0;}
25 #qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.3em 0 0.3em 1.6em;}
26 #qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: middle;padding-left: 1em;padding-right: 0.5em;}
27 #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;}
28 #qtypechoicecontainer #chooseqtype .instruction,
29 #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;}
30 #qtypechoicecontainer #chooseqtype .instruction,
31 #qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;}
33 #categoryquestions { margin: 0; }
34 #categoryquestions td,
35 #categoryquestions th { padding: 0 0.2em; }
36 #categoryquestions th { text-align: left; font-weight: normal; }
37 .dir-rtl #categoryquestions th { text-align: right; }
38 .questionbank .singleselect { margin: 0; }
40 /* Question editing form */
41 #combinedfeedbackhdr div.fhtmleditor {padding: 0;}
42 #combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;}
44 .que {clear: left;text-align: left;margin: 0 auto 1.8em auto;}
45 .dir-rtl .que {text-align: right;}
47 .que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;}
48 .que h2.no {margin: 0;font-size: 0.8em;line-height: 1;}
49 .que span.qno {font-size: 1.5em;font-weight:bold;}
50 .que .info > div {font-size: 0.8em;margin-top: 0.7em;}
51 .que .info .questionflag.editable {cursor:pointer;}
52 .que .info .editquestion img,
53 .que .info .questionflag img,
54 .que .info .questionflag input {vertical-align: bottom;}
56 .que .content {margin: 0 0 0 8.5em;}
58 .que .formulation,
59 .que .outcome,
60 .que .comment,
61 .que .history {padding: 0.5em;margin: 0 0 0.5em;}
62 .que .formulation {background: #e4f1fa;}
63 .que .outcome {background: #fff3bf;}
64 .que .comment {background: #e0ffe0;}
65 .que .history {background: #eee;}
67 .que .ablock {margin: 0.7em 0 0.3em 0;}
68 .que .im-controls {margin-top: 0.5em;text-align: left;}
69 .dir-rtl .que .im-controls {text-align: right;}
71 .que .specificfeedback,
72 .que .generalfeedback,
73 .que .rightanswer,
74 .que .im-feedback,
75 .que .feedback,
76 .que p {margin: 0 0 0.5em;}
77 .que .qtext {margin-bottom: 1.5em;}
79 .que .correct {background-color: #afa;}
80 .que .notanswered,
81 .que .incorrect {background-color: #faa;}
82 .que .partiallycorrect {background-color: #ff9;}
83 .que .validationerror {color: #a00;}
84 .que .grading,
85 .que .comment,
86 .que .commentlink,
87 .que .history {margin-top: 0.5em;}
89 .que .history h3 {margin: 0 0 0.2em;font-size: 1em;}
90 .que .history table {width: 100%;margin: 0;}
91 .que .history .current {font-weight: bold;}
93 .importerror {margin-top: 10px;border-bottom: 1px solid #555;}
94 .mform .que.comment .fitemtitle {width: 20%;}
96 #page-question-preview #techinfo {
97     margin: 1em 0;
98 }
100 /** Overide for RTL layout **/
101 .dir-rtl #qtypechoicecontainer #chooseqtype .instruction,
102 .dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;}
103 #qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;}