614a14c050d14fd069a19f8cb8437d2f32f47fad
[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 .exercise .instruction {
53   display: block;
54   margin: .3em;
55   color: green;
56   font-size: .9em; }
57 .exercise .instruction:before {
58   content: "☞ "; }
59
60 .luki .question-piece {
61   background-color: #d4d6d8;
62   color: #363a3e;
63   cursor: pointer;
64   z-index: 2;
65   display: inline-block;
66   margin: 0.3125em;
67   z-index: 2;
68   max-width: 38em; }
69 .luki .question-piece.disabled {
70   background-color: #eee;
71   color: #d4d6d8; }
72 .luki .placeholder {
73   border-radius: 0.6875em;
74   padding: 0.5em 0.6875em;
75   display: inline-block;
76   margin: 0.3125em;
77   z-index: 2;
78   width: 4em;
79   background-color: #eee;
80   z-index: 1; }
81 .luki .placeholder:after {
82   content: "\0000a0"; }
83
84 .zastap .question-piece {
85   background-color: #d4d6d8;
86   color: #363a3e;
87   cursor: pointer;
88   z-index: 2;
89   display: inline-block;
90   margin: 0.3125em;
91   z-index: 2; }
92 .zastap .question-piece.disabled {
93   background-color: #eee;
94   color: #d4d6d8; }
95 .zastap .question-piece.placeholder {
96   background-color: inherit;
97   color: inherit;
98   cursor: inherit;
99   z-index: inherit;
100   display: inline;
101   margin: 0;
102   padding: 0;
103   z-index: inherit;
104   border-radius: 0; }
105
106 .uporzadkuj .question-piece {
107   background-color: #d4d6d8;
108   color: #363a3e;
109   cursor: pointer;
110   z-index: 2; }
111 .uporzadkuj .question-piece.disabled {
112   background-color: #eee;
113   color: #d4d6d8; }
114 .uporzadkuj .lista {
115   list-style: none;
116   margin: 0;
117   padding: 0;
118   counter-reset: answer; }
119   .uporzadkuj .lista li {
120     counter-increment: answer;
121     padding-right: 3em;
122     background-image: url(/static/img/ornaments/draggable.png);
123     background-repeat: no-repeat;
124     background-position: 100% 50%; }
125   .uporzadkuj .lista li:before {
126     border-radius: 0.6875em;
127     padding: 0.5em 0.6875em;
128     background-color: #d4d6d8;
129     color: #363a3e;
130     cursor: pointer;
131     z-index: 2;
132     content: counter(answer);
133     float: left;
134     margin: -.5em 0 0 -3em; }
135   .uporzadkuj .lista li.ui-sortable-placeholder {
136     counter-increment: answer 0; }
137   .uporzadkuj .lista li.ui-sortable-helper:before {
138     content: none; }
139
140 .przyporzadkuj .question-piece {
141   background-color: #d4d6d8;
142   color: #363a3e;
143   cursor: pointer;
144   z-index: 2;
145   width: 38.625em; }
146 .przyporzadkuj .question-piece.short {
147   display: inline-block;
148   margin: .2em .1em;
149   width: auto; }
150 .przyporzadkuj span.question-piece {
151   display: inline-block;
152   margin: .1em;
153   width: auto; }
154 .przyporzadkuj .question-piece.disabled {
155   background-color: #eee;
156   color: #d4d6d8; }
157 .przyporzadkuj .predicate {
158   list-style: none;
159   margin: 0;
160   padding: 0; }
161   .przyporzadkuj .predicate > li {
162     border-radius: 0.6875em;
163     padding: 0.5em 0.6875em;
164     display: inline-block;
165     background-color: #5e6165;
166     color: white;
167     width: 11.75em;
168     position: relative;
169     vertical-align: top; }
170     .przyporzadkuj .predicate > li .subjects {
171       list-style: none;
172       margin: 0;
173       padding: 0;
174       min-height: 2.8125em;
175       position: relative;
176       margin: 0.5em -0.6875em -0.5em -0.6875em;
177       padding: 0.5em 0.6875em; }
178       .przyporzadkuj .predicate > li .subjects li {
179         width: auto; }
180       .przyporzadkuj .predicate > li .subjects .placeholder {
181         border-radius: 0.6875em;
182         padding: 0.5em 0.6875em;
183         text-align: right;
184         position: relative;
185         padding: 0.5em 0.6875em;
186         margin: 0 -0.6875em; }
187       .przyporzadkuj .predicate > li .subjects .multiple {
188         position: absolute;
189         z-index: -1;
190         top: 0;
191         bottom: 0;
192         left: 0;
193         right: 0;
194         margin: 0; }
195       .przyporzadkuj .predicate > li .subjects .placeholder.dragover {
196         z-index: 1; }
197       .przyporzadkuj .predicate > li .subjects .placeholder:after {
198         content: "upuść tutaj";
199         text-style: italic; }
200 .przyporzadkuj .subject {
201   list-style: none;
202   margin: 0;
203   padding: 0; }
204
205 .prawdafalsz .question li.question-piece {
206   position: relative;
207   padding-left: 11em; }
208 .prawdafalsz .question .buttons {
209   margin-top: 0;
210   top: 0;
211   left: 0;
212   position: absolute;
213   background-color: #d4d6d8;
214   color: #363a3e;
215   display: inline-block; }
216   .prawdafalsz .question .buttons a {
217     color: #363a3e;
218     text-transform: uppercase;
219     font-weight: bold;
220     display: inline-block;
221     padding: 0 0.6875em; }
222   .prawdafalsz .question .buttons a.chosen {
223     background: #ed7831;
224     color: white; }
225
226 .wybor .question .lista {
227   list-style: none;
228   padding: 0; }
229   .wybor .question .lista li {
230     margin: 0; }