ce6f783108daac657aa89733002cd3327933aac0
[edumed.git] / catalogue / static / catalogue / css / exercise.css
1 @charset "UTF-8";
2 .exercise img {
3   vertical-align: top; }
4 .exercise .question-piece {
5   border-radius: 0.6875em;
6   padding: 0.5em 0.6875em; }
7 .exercise .lista.punkt {
8   list-style: none;
9   margin: 0;
10   padding: 0; }
11 .exercise .lista li {
12   margin: 0.3125em 0; }
13 .exercise .question-piece.correct {
14   background-color: #16a487;
15   color: white; }
16 .exercise .question-piece.incorrect {
17   background-color: #f00;
18   color: white; }
19 .exercise .placeholder.dragover {
20   background: #ed7831 !important; }
21 .exercise .remove {
22   float: right;
23   display: inline-block;
24   border-radius: 0.5em;
25   padding: 0.25em 0.5em;
26   margin: -0.25em -0.5em -0.25em 0.5em;
27   background: #ed7831;
28   color: white; }
29 .exercise .buttons {
30   background: #5e6165;
31   border-radius: 0.5625em;
32   height: 1.875em;
33   line-height: 1.875em;
34   overflow: hidden;
35   color: white;
36   margin-top: 1.875em; }
37   .exercise .buttons input {
38     height: 100%;
39     border: 0;
40     background: #8e9093;
41     color: white;
42     text-transform: uppercase;
43     font-weight: bold; }
44   .exercise .buttons .message {
45     float: right;
46     padding: 0 1.25em;
47     background: red; }
48   .exercise .buttons .maxscore {
49     background: #16a487; }
50   .exercise .buttons input.check {
51     background: #ed7831; }
52
53 .exercise .instruction, .exercise-wtem .instruction {
54   display: block;
55   margin: .3em;
56   color: green;
57   font-size: .9em; }
58 .exercise .instruction:before, .exercise-wtem .instruction:before {
59   content: "☞ "; }
60
61 .luki .question-piece {
62   background-color: #d4d6d8;
63   color: #363a3e;
64   cursor: pointer;
65   z-index: 2;
66   display: inline-block;
67   margin: 0.3125em;
68   z-index: 2;
69   max-width: 38em; }
70 .luki .question-piece.disabled {
71   background-color: #eee;
72   color: #d4d6d8; }
73 .luki .placeholder {
74   border-radius: 0.6875em;
75   padding: 0.5em 0.6875em;
76   display: inline-block;
77   margin: 0.3125em;
78   z-index: 2;
79   width: 4em;
80   background-color: #eee;
81   z-index: 1; }
82 .luki .placeholder:after {
83   content: "\0000a0"; }
84
85 .zastap .question-piece {
86   background-color: #d4d6d8;
87   color: #363a3e;
88   cursor: pointer;
89   z-index: 2;
90   display: inline-block;
91   margin: 0.3125em;
92   z-index: 2; }
93 .zastap .question-piece.disabled {
94   background-color: #eee;
95   color: #d4d6d8; }
96 .zastap .question-piece.placeholder {
97   background-color: inherit;
98   color: inherit;
99   cursor: inherit;
100   z-index: inherit;
101   display: inline;
102   margin: 0;
103   padding: 0;
104   z-index: inherit;
105   border-radius: 0; }
106
107 .uporzadkuj .question-piece {
108   background-color: #d4d6d8;
109   color: #363a3e;
110   cursor: pointer;
111   z-index: 2; }
112 .uporzadkuj .question-piece.disabled {
113   background-color: #eee;
114   color: #d4d6d8; }
115 .uporzadkuj .lista {
116   list-style: none;
117   margin: 0;
118   padding: 0;
119   counter-reset: answer; }
120   .uporzadkuj .lista li {
121     counter-increment: answer;
122     padding-right: 3em;
123     background-image: url(/static/img/ornaments/draggable.png);
124     background-repeat: no-repeat;
125     background-position: 100% 50%; }
126   .uporzadkuj .lista li:before {
127     border-radius: 0.6875em;
128     padding: 0.5em 0.6875em;
129     background-color: #d4d6d8;
130     color: #363a3e;
131     cursor: pointer;
132     z-index: 2;
133     content: counter(answer);
134     float: left;
135     margin: -.5em 0 0 -3em; }
136   .uporzadkuj .lista li.ui-sortable-placeholder {
137     counter-increment: answer 0; }
138   .uporzadkuj .lista li.ui-sortable-helper:before {
139     content: none; }
140
141 .przyporzadkuj .question-piece {
142   background-color: #d4d6d8;
143   color: #363a3e;
144   cursor: pointer;
145   z-index: 2;
146   width: 38.625em; }
147 .przyporzadkuj .question-piece.short {
148   display: inline-block;
149   margin: .2em .1em;
150   width: auto; }
151 .przyporzadkuj span.question-piece {
152   display: inline-block;
153   margin: .1em;
154   width: auto; }
155 .przyporzadkuj .question-piece.disabled {
156   background-color: #eee;
157   color: #d4d6d8; }
158 .przyporzadkuj .predicate {
159   list-style: none;
160   margin: 0;
161   padding: 0; }
162   .przyporzadkuj .predicate > li {
163     border-radius: 0.6875em;
164     padding: 0.5em 0.6875em;
165     display: inline-block;
166     background-color: #5e6165;
167     color: white;
168     width: 11.75em;
169     position: relative;
170     vertical-align: top; }
171     .przyporzadkuj .predicate > li .subjects {
172       list-style: none;
173       margin: 0;
174       padding: 0;
175       min-height: 2.8125em;
176       position: relative;
177       margin: 0.5em -0.6875em -0.5em -0.6875em;
178       padding: 0.5em 0.6875em; }
179       .przyporzadkuj .predicate > li .subjects li {
180         width: auto; }
181       .przyporzadkuj .predicate > li .subjects .placeholder {
182         border-radius: 0.6875em;
183         padding: 0.5em 0.6875em;
184         text-align: right;
185         position: relative;
186         padding: 0.5em 0.6875em;
187         margin: 0 -0.6875em; }
188       .przyporzadkuj .predicate > li .subjects .multiple {
189         position: absolute;
190         z-index: -1;
191         top: 0;
192         bottom: 0;
193         left: 0;
194         right: 0;
195         margin: 0; }
196       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
197         z-index: 1; }
198       .przyporzadkuj .predicate > li .subjects .placeholder:after {
199         content: "upuść tutaj";
200         text-style: italic; }
201 .przyporzadkuj .subject {
202   list-style: none;
203   margin: 0;
204   padding: 0; }
205
206 .prawdafalsz .question li.question-piece {
207   position: relative;
208   padding-left: 11em; }
209 .prawdafalsz .question .buttons {
210   margin-top: 0;
211   top: 0;
212   left: 0;
213   position: absolute;
214   background-color: #d4d6d8;
215   color: #363a3e;
216   display: inline-block; }
217   .prawdafalsz .question .buttons a {
218     color: #363a3e;
219     text-transform: uppercase;
220     font-weight: bold;
221     display: inline-block;
222     padding: 0 0.6875em; }
223   .prawdafalsz .question .buttons a.chosen {
224     background: #ed7831;
225     color: white; }
226
227 .wybor .question .lista {
228   list-style: none;
229   padding: 0; }
230   .wybor .question .lista li {
231     margin: 0; }