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