on-demand release 3.6dev+
[moodle.git] / question / type / ddimageortext / styles.css
CommitLineData
31077627 1.que.ddimageortext .qtext {
a2bb148a
TH
2 margin-bottom: 0.5em;
3 display: block;
4}
5
bc33e9bd
DP
6.que.ddimageortext div.droparea img,
7form.mform fieldset#id_previewareaheader div.droparea img {
aea8eaec 8 border: 1px solid #000;
ff8fee7f 9 max-width: none;
a2bb148a 10}
a2bb148a 11
bc33e9bd
DP
12.que.ddimageortext .draghome,
13form.mform fieldset#id_previewareaheader .draghome {
50000b74 14 vertical-align: top;
b5990048 15 margin: 5px;
bc33e9bd 16 visibility: hidden;
a2bb148a 17}
50000b74 18
bc33e9bd
DP
19.que.ddimageortext div.draghome,
20form.mform fieldset#id_previewareaheader div.draghome {
50000b74
JP
21 border: 1px solid black;
22 cursor: move;
bc33e9bd
DP
23 background-color: #b0c4de;
24 display: inline-block;
50000b74
JP
25 height: auto;
26 width: auto;
27 zoom: 1;
a2bb148a
TH
28}
29
bc33e9bd
DP
30.que.ddimageortext .group1,
31form.mform fieldset#id_previewareaheader .group1 {
aea8eaec 32 background-color: #fff;
a2bb148a 33}
bc33e9bd
DP
34
35.que.ddimageortext .group2,
36form.mform fieldset#id_previewareaheader .group2 {
37 background-color: #b0c4de;
a2bb148a 38}
bc33e9bd
DP
39
40.que.ddimageortext .group3,
41form.mform fieldset#id_previewareaheader .group3 {
42 background-color: #dcdcdc;
a2bb148a 43}
bc33e9bd
DP
44
45.que.ddimageortext .group4,
46form.mform fieldset#id_previewareaheader .group4 {
47 background-color: #d8bfd8;
a2bb148a 48}
bc33e9bd
DP
49
50.que.ddimageortext .group5,
51form.mform fieldset#id_previewareaheader .group5 {
52 background-color: #87cefa;
a2bb148a 53}
bc33e9bd
DP
54
55.que.ddimageortext .group6,
56form.mform fieldset#id_previewareaheader .group6 {
57 background-color: #daa520;
a2bb148a 58}
bc33e9bd
DP
59
60.que.ddimageortext .group7,
61form.mform fieldset#id_previewareaheader .group7 {
62 background-color: #ffd700;
a2bb148a 63}
bc33e9bd
DP
64
65.que.ddimageortext .group8,
66form.mform fieldset#id_previewareaheader .group8 {
67 background-color: #f0e68c;
a2bb148a 68}
bc33e9bd
DP
69
70.que.ddimageortext .drag,
71form.mform fieldset#id_previewareaheader .drag {
b5990048
JP
72 border: 1px solid black;
73 cursor: move;
74 z-index: 2;
75}
bc33e9bd 76
31077627 77.que.ddimageortext .dragitems.readonly .drag {
770e9406
JP
78 cursor: auto;
79}
bc33e9bd
DP
80
81.que.ddimageortext div.ddarea,
82form.mform fieldset#id_previewareaheader div.ddarea {
83 text-align: center;
b5990048 84}
bc33e9bd
DP
85
86.que.ddimageortext .dropbackground,
87form.mform fieldset#id_previewareaheader .dropbackground {
88 margin: 0 auto;
b5990048 89}
bc33e9bd 90
31077627 91.que.ddimageortext .dropzone {
b5990048
JP
92 border: 1px solid black;
93 position: absolute;
94 z-index: 1;
95}
15c668b0 96
a752c61c 97.que.ddimageortext .dropzone:focus,
15c668b0
JP
98.que.ddimageortext .dropzone.yui3-dd-drop-over.yui3-dd-drop-active-valid {
99 border-color: #0a0;
100 box-shadow: 0 0 5px 5px rgba(255, 255, 150, 1);
101}
102
bc33e9bd
DP
103.que.ddimageortext div.dragitems div.draghome,
104.que.ddimageortext div.dragitems div.drag,
105form.mform fieldset#id_previewareaheader div.draghome,
106form.mform fieldset#id_previewareaheader div.drag {
107 font: 13px/1.231 arial, helvetica, clean, sans-serif;
59932119 108}
bc33e9bd 109
4139151f 110form.mform fieldset#id_previewareaheader div.drag.yui3-dd-dragging,
b5cdc3e7
JP
111.que.ddimageortext div.drag.yui3-dd-dragging {
112 z-index: 3;
b5cdc3e7 113 box-shadow: 3px 3px 4px #000;
15c668b0 114}
4139151f
CC
115/* Editing form. Style repeated elements*/
116/*Top*/
117body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] {
bc33e9bd 118 background: #eee;
4139151f
CC
119 margin-top: 0;
120 margin-bottom: 0;
121 padding-bottom: 5px;
122 padding-top: 5px;
bc33e9bd 123 border: 1px solid #bbb;
4139151f
CC
124 border-bottom: 0;
125}
bc33e9bd 126
4139151f
CC
127body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] .fgrouplabel label {
128 font-weight: bold;
129}
130/* Middle */
131body#page-question-type-ddimageortext div[id^=fitem_id_][id*=dragitem_] {
bc33e9bd 132 background: #eee;
4139151f
CC
133 margin-bottom: 0;
134 margin-top: 0;
135 padding-bottom: 5px;
136 padding-top: 5px;
bc33e9bd 137 border: 1px solid #bbb;
4139151f
CC
138 border-top: 0;
139 border-bottom: 0;
140}
141/* Bottom */
142body#page-question-type-ddimageortext div[id^=fitem_id_][id*=draglabel_] {
bc33e9bd 143 background: #eee;
4139151f
CC
144 margin-bottom: 2em;
145 margin-top: 0;
146 padding-bottom: 5px;
147 padding-top: 5px;
bc33e9bd 148 border: 1px solid #bbb;
4139151f
CC
149 border-top: 0;
150}