weekly release 3.8dev
[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;
a2bb148a 83}
bc33e9bd
DP
84
85.que.ddimageortext .group3,
86form.mform fieldset#id_previewareaheader .group3 {
87 background-color: #dcdcdc;
a2bb148a 88}
bc33e9bd
DP
89
90.que.ddimageortext .group4,
91form.mform fieldset#id_previewareaheader .group4 {
92 background-color: #d8bfd8;
a2bb148a 93}
bc33e9bd
DP
94
95.que.ddimageortext .group5,
96form.mform fieldset#id_previewareaheader .group5 {
97 background-color: #87cefa;
a2bb148a 98}
bc33e9bd
DP
99
100.que.ddimageortext .group6,
101form.mform fieldset#id_previewareaheader .group6 {
102 background-color: #daa520;
a2bb148a 103}
bc33e9bd
DP
104
105.que.ddimageortext .group7,
106form.mform fieldset#id_previewareaheader .group7 {
107 background-color: #ffd700;
a2bb148a 108}
bc33e9bd
DP
109
110.que.ddimageortext .group8,
111form.mform fieldset#id_previewareaheader .group8 {
112 background-color: #f0e68c;
a2bb148a 113}
bc33e9bd 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}