MDL-68454 mod_feedback: Update get_context to match parent
[moodle.git] / question / type / ddmarker / styles.css
1 .que.ddmarker .qtext {
2     margin-bottom: 0.5em;
3     display: block;
4 }
6 .que.ddmarker .draghome img,
7 .que.ddmarker .draghome span {
8     visibility: hidden;
9 }
11 .que.ddmarker .dragitems .dragitem {
12     cursor: move;
13     position: absolute;
14     z-index: 2;
15 }
17 .que.ddmarker .dragitems .draghome {
18     display: inline-block;
19     margin: 10px;
20     vertical-align: top;
21 }
23 .que.ddmarker .dragitems {
24     margin-top: 10px;
25 }
27 .que.ddmarker .dragitems.readonly .dragitem {
28     cursor: auto;
29 }
31 .que.ddmarker div.ddarea,
32 form.mform fieldset#id_previewareaheader div.ddarea {
33     text-align: center;
34 }
36 form.mform fieldset#id_previewareaheader div.ddarea .markertexts {
37     min-height: 80px;
38 }
40 .que.ddmarker .dropbackground,
41 form.mform fieldset#id_previewareaheader .dropbackground {
42     margin: 0 auto;
43     border: 1px solid black;
44     max-width: none;
45 }
47 .que.ddmarker div.dragitems div.draghome,
48 .que.ddmarker div.dragitems div.dragitem,
49 form.mform fieldset#id_previewareaheader div.draghome,
50 form.mform fieldset#id_previewareaheader div.drag {
51     font: 13px/1.231 arial, helvetica, clean, sans-serif;
52 }
54 .que.ddmarker div.dragitems span.markertext,
55 .que.ddmarker div.markertexts span.markertext,
56 form.mform fieldset#id_previewareaheader div.markertexts span.markertext {
57     margin: 0 5px;
58     z-index: 3;
59     background-color: white;
60     border: 2px solid black;
61     padding: 5px;
62     display: inline-block;
63     zoom: 1;
64     border-radius: 10px;
65     color: black;
66     opacity: 0.6;
67 }
69 .que.ddmarker div.markertexts span.markertext {
70     z-index: 2;
71     background-color: yellow;
72     border: 2px solid khaki;
73     position: absolute;
74 }
76 .que.ddmarker span.wrongpart {
77     background-color: yellow;
78     border: 2px solid khaki;
79     padding: 5px;
80     border-radius: 10px;
81     filter: alpha(opacity=60);
82     opacity: 0.6;
83     margin: 5px;
84     display: inline-block;
85 }
87 .que.ddmarker div.dragitems img.target {
88     position: absolute;
89     left: -7px; /* This must be half the size of the target image, minus 0.5. */
90     top: -7px;  /* In other words, this works for a 15x15 cross-hair. */
91 }
93 .que.ddmarker div.dragitems div.draghome img.target {
94     display: none;
95 }
97 .que.ddmarker .dragitem.beingdragged span.markertext {
98     z-index: 3;
99     box-shadow: 3px 3px 4px #000;
102 /* Styles for the preview on the editing form. */
103 .que.ddmarker .dropzone .shape {
104     fill: #fff;
105     fill-opacity: 0.5;
106     stroke: black;
107     stroke-width: 1;
109 .que.ddmarker .dropzone.active .shape {
110     stroke-width: 2;
112 .que.ddmarker .dropzone.color0 .shape {
113     fill: #fff;
115 .que.ddmarker .dropzone.color1 .shape {
116     fill: #b0c4de;
118 .que.ddmarker .dropzone.color2 .shape {
119     fill: #dcdcdc;
121 .que.ddmarker .dropzone.color3 .shape {
122     fill: #d8bfd8;
124 .que.ddmarker .dropzone.color4 .shape {
125     fill: #87cefa;
127 .que.ddmarker .dropzone.color5 .shape {
128     fill: #daa520;
130 .que.ddmarker .dropzone.color6 .shape {
131     fill: #ffd700;
133 .que.ddmarker .dropzone.color7 .shape {
134     fill: #f0e68c;
137 .que.ddmarker .dropzone .shapeLabel {
138     text-anchor: middle;
141 .que.ddmarker .dropzone .handle {
142     fill: #fff;
143     fill-opacity: 0.1; /* Need a small amount of opacity of the handle can't be grabbed. */
144     stroke-width: 1;
145     display: none;
146     cursor: move;
148 .que.ddmarker .dropzone .handle.move {
149     stroke: #800;
151 .que.ddmarker .dropzone .handle.edit {
152     stroke: #008;
154 .que.ddmarker .dropzone.active .handle {
155     display: inherit;
158 /* Editing form. Style repeated elements*/
159 /*Top*/
160 body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] {
161     background: #eee;
162     margin-top: 0;
163     margin-bottom: 0;
164     padding-bottom: 5px;
165     padding-top: 5px;
166     border: 1px solid #bbb;
167     border-bottom: 0;
170 body#page-question-type-ddmarker div[id^=fitem_id_][id*=hint_] .fitemtitle {
171     font-weight: bold;
173 /* Middle */
174 body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintoptions_],
175 body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintshownumcorrect_] {
176     background: #eee;
177     margin-bottom: 0;
178     margin-top: 0;
179     padding-bottom: 5px;
180     padding-top: 5px;
181     border: 1px solid #bbb;
182     border-top: 0;
183     border-bottom: 0;
185 /* Bottom */
186 body#page-question-type-ddmarker div[id^=fitem_id_][id*=hintclearwrong_] {
187     background: #eee;
188     margin-bottom: 2em;
189     margin-top: 0;
190     padding-bottom: 5px;
191     padding-top: 5px;
192     border: 1px solid #bbb;
193     border-top: 0;
196 body#page-question-type-ddmarker #fitem_id_penalty {
197     margin-bottom: 2em;