MDL-52927 qtype ddwtos and ddimageortext focus using keyboard
[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
4139151f 6.que.ddimageortext div.droparea img, form.mform fieldset#id_previewareaheader div.droparea img {
a2bb148a 7 border: 1px solid #000000;
ff8fee7f 8 max-width: none;
a2bb148a 9}
a2bb148a 10
4139151f 11.que.ddimageortext .draghome, form.mform fieldset#id_previewareaheader .draghome {
50000b74 12 vertical-align: top;
b5990048
JP
13 margin: 5px;
14 visibility : hidden;
a2bb148a 15}
50000b74 16
4139151f 17.que.ddimageortext div.draghome, form.mform fieldset#id_previewareaheader div.draghome {
50000b74
JP
18 border: 1px solid black;
19 cursor: move;
20 background-color: #B0C4DE;
50000b74
JP
21 display:inline-block;
22 height: auto;
23 width: auto;
24 zoom: 1;
a2bb148a
TH
25}
26
4139151f 27.que.ddimageortext .group1, form.mform fieldset#id_previewareaheader .group1 {
a2bb148a
TH
28 background-color: #FFFFFF;
29}
4139151f 30.que.ddimageortext .group2, form.mform fieldset#id_previewareaheader .group2 {
1d5ba964 31 background-color: #B0C4DE;
a2bb148a 32}
4139151f 33.que.ddimageortext .group3, form.mform fieldset#id_previewareaheader .group3 {
1d5ba964 34 background-color: #DCDCDC;
a2bb148a 35}
4139151f 36.que.ddimageortext .group4, form.mform fieldset#id_previewareaheader .group4 {
a2bb148a
TH
37 background-color: #D8BFD8;
38}
4139151f 39.que.ddimageortext .group5, form.mform fieldset#id_previewareaheader .group5 {
a2bb148a
TH
40 background-color: #87CEFA;
41}
4139151f 42.que.ddimageortext .group6, form.mform fieldset#id_previewareaheader .group6 {
a2bb148a
TH
43 background-color: #DAA520;
44}
4139151f 45.que.ddimageortext .group7, form.mform fieldset#id_previewareaheader .group7 {
a2bb148a
TH
46 background-color: #FFD700;
47}
4139151f 48.que.ddimageortext .group8, form.mform fieldset#id_previewareaheader .group8 {
a2bb148a
TH
49 background-color: #F0E68C;
50}
4139151f 51.que.ddimageortext .drag, form.mform fieldset#id_previewareaheader .drag {
b5990048
JP
52 border: 1px solid black;
53 cursor: move;
54 z-index: 2;
55}
31077627 56.que.ddimageortext .dragitems.readonly .drag {
770e9406
JP
57 cursor: auto;
58}
4139151f 59.que.ddimageortext div.ddarea, form.mform fieldset#id_previewareaheader div.ddarea {
b5990048
JP
60 text-align : center;
61}
4139151f 62.que.ddimageortext .dropbackground, form.mform fieldset#id_previewareaheader .dropbackground {
b5990048
JP
63 margin:0 auto;
64}
31077627 65.que.ddimageortext .dropzone {
b5990048
JP
66 border: 1px solid black;
67 position: absolute;
68 z-index: 1;
69}
15c668b0 70
a752c61c 71.que.ddimageortext .dropzone:focus,
15c668b0
JP
72.que.ddimageortext .dropzone.yui3-dd-drop-over.yui3-dd-drop-active-valid {
73 border-color: #0a0;
74 box-shadow: 0 0 5px 5px rgba(255, 255, 150, 1);
75}
76
59932119 77.que.ddimageortext div.dragitems div.draghome, .que.ddimageortext div.dragitems div.drag,
4139151f 78form.mform fieldset#id_previewareaheader div.draghome, form.mform fieldset#id_previewareaheader div.drag {
59932119 79 font:13px/1.231 arial,helvetica,clean,sans-serif;
59932119 80}
4139151f 81form.mform fieldset#id_previewareaheader div.drag.yui3-dd-dragging,
b5cdc3e7
JP
82.que.ddimageortext div.drag.yui3-dd-dragging {
83 z-index: 3;
b5cdc3e7 84 box-shadow: 3px 3px 4px #000;
15c668b0 85}
4139151f
CC
86/* Editing form. Style repeated elements*/
87/*Top*/
88body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] {
89 background: #EEE;
90 margin-top: 0;
91 margin-bottom: 0;
92 padding-bottom: 5px;
93 padding-top: 5px;
94 border: 1px solid #BBB;
95 border-bottom: 0;
96}
97body#page-question-type-ddimageortext div[id^=fgroup_id_][id*=drags_] .fgrouplabel label {
98 font-weight: bold;
99}
100/* Middle */
101body#page-question-type-ddimageortext div[id^=fitem_id_][id*=dragitem_] {
102 background: #EEE;
103 margin-bottom: 0;
104 margin-top: 0;
105 padding-bottom: 5px;
106 padding-top: 5px;
107 border: 1px solid #BBB;
108 border-top: 0;
109 border-bottom: 0;
110}
111/* Bottom */
112body#page-question-type-ddimageortext div[id^=fitem_id_][id*=draglabel_] {
113 background: #EEE;
114 margin-bottom: 2em;
115 margin-top: 0;
116 padding-bottom: 5px;
117 padding-top: 5px;
118 border: 1px solid #BBB;
119 border-top: 0;
120}