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