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