Merge branch 'MDL-70041-310' of git://github.com/mihailges/moodle into MOODLE_310_STABLE
[moodle.git] / question / type / ddwtos / styles.css
1 .que.ddwtos .qtext {
2     margin-bottom: 0.5em;
3     display: block;
4 }
6 .que.ddwtos .draghome {
7     margin-bottom: 1em;
8 }
10 .que.ddwtos .answertext {
11     margin-bottom: 0.5em;
12 }
14 .que.ddwtos .drop.active {
15     display: inline-block;
16     text-align: center;
17     border: 1px solid #000;
18     margin-bottom: 2px;
19 }
21 .que.ddwtos .drop {
22     display: none;
23 }
25 .que.ddwtos .drags {
26     height: 0;
27 }
29 .que.ddwtos .draghome {
30     display: inline-block;
31     text-align: center;
32     background: transparent;
33     border: 1px solid #000;
34     cursor: move;
35 }
37 .que.ddwtos.qtype_ddwtos-readonly .draghome {
38     cursor: default;
39 }
41 .que.ddwtos .draghome.beingdragged {
42     z-index: 3;
43     box-shadow: 3px 3px 4px #000;
44     position: absolute;
45 }
47 .que.ddwtos .draghome.dragplaceholder {
48     display: none;
49 }
51 .que.ddwtos .draghome.dragplaceholder.active {
52     visibility: hidden;
53     display: inline-block;
54 }
56 .que.ddwtos .draghome.placed {
57     margin-bottom: 2px;
58 }
60 .que.ddwtos .drop:focus,
61 .que.ddwtos .drop.valid-drag-over-drop,
62 .que.ddwtos .draghome.placed:focus:not(.beingdragged),
63 .que.ddwtos .draghome.placed.valid-drag-over-drop {
64     border-color: #0a0;
65     box-shadow: 0 0 5px 5px rgba(255, 255, 150, 1);
66 }
68 .que.ddwtos span.incorrect {
69     background-color: #faa;
70 }
72 .que.ddwtos span.correct {
73     background-color: #afa;
74 }
76 .que.ddwtos .group1 {
77     background-color: #fff;
78 }
80 .que.ddwtos .group2 {
81     background-color: #dcdcdc;
82     border-radius: 10px 0 0 0;
83 }
85 .que.ddwtos .group3 {
86     background-color: #b0c4de;
87     border-radius: 0 10px 0 0;
88 }
90 .que.ddwtos .group4 {
91     background-color: #d8bfd8;
92     border-radius: 0 0 10px 0;
93 }
95 .que.ddwtos .group5 {
96     background-color: #87cefa;
97     border-radius: 0 0 0 10px;
98 }
100 .que.ddwtos .group6 {
101     background-color: #daa520;
102     border-radius: 0 10px 10px 0;
105 .que.ddwtos .group7 {
106     background-color: #ffd700;
107     border-radius: 10px 0 0 10px;
110 .que.ddwtos .group8 {
111     background-color: #f0e68c;
112     border-radius: 10px 10px 10px 10px;
115 .que.ddwtos sub,
116 .que.ddwtos sup {
117     font-size: 80%;
118     position: relative;
119     vertical-align: baseline;
122 .que.ddwtos sup {
123     top: -0.4em;
126 .que.ddwtos sub {
127     bottom: -0.2em;