aa16cb70aa1788923fc06b32f05adba993eec957
[wolnelektury.git] / wolnelektury / media / css / master.css
1 body {
2     margin: 0 2em 2em 2em;
3     font: 70% Verdana, Arial, Helvetica, sans-serif;
4     line-height: 1.5em;
5     background: #FFF url(/media/img/bg.png) repeat-x;
6     color: #2F4110;
7 }
8
9 img {
10     border: none;
11 }
12
13 a {
14     color: #295158;
15     text-decoration: none;
16 }
17
18 a:hover, a:active {
19     text-decoration: underline;
20 }
21
22 input {
23     font: 1em Verdana, Arial, Helvetica, sans-serif; 
24 }
25
26 h1 {
27     font: normal normal bold 1.75em Arial, sans-serif;
28     color: #2F4110;
29     margin: 0.55em 0 0 0;
30 }
31
32 h2 {
33     font-size: 1.2em;
34     font-weight: bold;
35     color: #2F4110;
36     margin: 0;
37 }
38
39 h3 {
40     font-size: 1.3em;
41     font-weight: bold;
42     margin: 0.2em 0 0 0;
43     color: #333;
44 }
45
46 em {
47     font-style: normal;
48     background-color: #F5DC7D;
49 }
50
51 .clearboth {
52     clear: both;
53 }
54
55 .blur {
56     color: #777;
57 }
58
59 /* ================================== */
60 /* = Header with logo and user-info = */
61 /* ================================== */
62 #header {
63     position: relative;
64     margin-top: 1.5em;
65 }
66
67 #header #logo {
68     float: left;
69 }
70
71 #header #user-info {
72     margin: 0 0 0 auto;
73     width: 40em;
74     text-align: right;
75 }
76
77 #site-description {
78     margin-top: -1.5em;
79     height:4.5em;
80     overflow: hidden;
81     float: right;
82     width: 42em;
83     text-align: right;
84     color: #777;
85 }
86
87 /* ======================== */
88 /* = Footer with sponsors = */
89 /* ======================== */
90 #footer {
91     border-top: 0.1em solid #999;
92     color: #999;
93     font-size: 0.8em;
94     padding-top: 0.5em;
95     margin: 2em 0 0 0;
96 }
97
98 #footer p {
99     margin: 0;
100 }
101
102 #footer a {
103     color: #999;
104     text-decoration: underline;
105 }
106
107
108 /* =============== */
109 /* = Search form = */
110 /* =============== */
111 #search-form {
112     margin: 0.5em 0;
113     padding: 0.5em;
114     background-color: rgb(132, 191, 42);
115     -moz-border-radius: 4px;
116     -webkit-border-radius: 4px;
117     border-radius: 4px;
118     border-bottom: 0.15em solid #7B9C2D;
119     border-right: 0.15em solid #7B9C2D;
120 }
121
122 #search-form p {
123     margin: 0em 0 0 0;
124 }
125
126 #search-form ol {
127     margin: 0;
128     padding: 0;
129 }
130
131 #search-form li {
132     margin: 0;
133     padding: 0;
134     list-style: none;
135     display: inline;
136 }
137
138 #search-form li.category, #search-form li.book-title {
139     padding: 0.2em 0.5em 0.2em 0.5em;
140     background-color: rgb(242, 163, 15);
141     border: 1px solid #BA8722;
142     border-right: 1px solid #555;
143     border-bottom: 1px solid #555;
144     -moz-border-radius: 3px;
145     -webkit-border-radius: 3px;
146     border-radius: 3px;
147 }
148
149 #search-form li.book-title {
150     background-color: #DDD;
151     border: 1px solid #999;
152     border-right: 1px solid #555;
153     border-bottom: 1px solid #555;
154 }
155
156 #search-form input[type=submit] {
157     color: #444;
158 }
159
160 .ac_input {
161     width: 18em;
162 }
163
164 p .ac_input {
165     width: 28em;
166 }
167
168
169 /* ============= */
170 /* = Tags list = */
171 /* ============= */
172 #intro {
173     margin: 0 0 2.5em 0;
174 }
175
176 #tags-description {
177     color: #777;
178     margin: 0 0.5em -0.75em 0.5em;
179 }
180
181 #main-page #tags-list {
182     margin-right: 33%;
183 }
184
185 #categories-list ul, #themes-list ul {
186     -moz-column-width: 12em;
187     -webkit-column-width: 12em;
188     column-width: 12em;
189 }
190
191 #tags-list {
192     margin-top: 1em;
193     padding: 1em;
194     background-color: #FBEF90;
195     -moz-border-radius: 4px;
196     -webkit-border-radius: 4px;
197     border-radius: 4px;
198     border-bottom: 0.15em solid #E3D888;
199     border-right: 0.15em solid #E3D888;
200 }
201
202 #tagged-object-list #tags-list, #book-detail #tags-list {
203     margin-left: 39em;
204 }
205
206 #book-info, #categories-list {
207     float: left;
208     width: 47.5%;
209 }
210
211 #themes-list {
212     margin-left: 52.5%;
213 }
214
215 #tagged-object-list #categories-list, #book-detail #book-info {
216     width: 12em;
217 }
218
219 #tagged-object-list #themes-list, #book-detail #themes-list {
220     margin-left: 14em;
221 }
222
223 #tags-list ol, #tags-list ul {
224     padding: 0;
225     margin: 0.3em 0 1.2em 0;
226 }
227
228 #tags-list li {
229     list-style: none;
230     padding: 0;
231     margin: 0;
232 }
233
234 #books-list {
235     width: 38em;
236     float: left;
237 }
238
239 /* ============== */
240 /* = Propaganda = */
241 /* ============== */
242 #propaganda {
243     float: right;
244     width: 30%;
245     margin: 0;
246     padding: 2em 1em 1em;
247 }
248
249
250 /* ===================== */
251 /* = Other info        = */
252 /* ===================== */
253 #latest-blog-posts {
254     padding: 0.5em;
255     float: left;
256     width: 30%;
257 }
258
259 #latest-blog-posts ol {
260     padding: 0 0 0 1.5em;
261     margin: 1em 0 0 0;
262     list-style-type: square;
263     color: #D13628;
264 }
265
266 #you-can-help {
267     float: right;
268     padding: 0.5em;
269     width: 30%;
270 }
271
272 #about-us {
273     padding: 0.5em;
274     margin-left: 35%;
275     margin-right: 35%;
276 }
277
278 /* =============== */
279 /* = Description = */
280 /* =============== */
281 #description {
282     margin-top: 0.5em;
283     text-align: justify;
284 }
285
286 #toggle-description, #tagged-object-list .pagination {
287     width: 100%;
288     height: 1.5em;
289     background-color: #EEE;
290     margin-top: 0.5em;
291     -moz-border-radius: 4px;
292     -webkit-border-radius: 4px;
293     border-radius: 4px;
294     text-align: center;
295 }
296
297 #toggle-description p {
298     margin: 0;
299     padding: 0;
300     color: #999;
301 }
302
303 /* ============================ */
304 /* = Books and fragments list = */
305 /* ============================ */
306 #books-list {
307     margin: 0;
308 }
309
310 #books-list ol {
311     list-style: none;
312     padding: 0;
313     margin: 1.5em 0;
314 }
315
316 .book {
317     padding: 0.5em;
318     background-color: #FFF;
319     -moz-border-radius: 3px;
320     -webkit-border-radius: 3px;
321     border-radius: 3px;
322 }
323
324 .fragment {
325     border-bottom: 0.1em solid #EEE;
326     margin-top: 0.5em;
327 }
328
329 .fragment-text, .fragment-short-text {
330     padding: 0.5em;
331     background-color: #FFF;
332     -moz-border-radius: 3px;
333     -webkit-border-radius: 3px;
334     border-radius: 3px;
335 }
336
337 .fragment-metadata {
338     padding: 0.5em 0.5em 1.5em 0.5em;
339     float: right;
340 }
341
342 .change-sets {
343     float: right;
344 }
345
346 .book-description {
347     margin-left: 3.5em;
348 }
349
350 .book-thumbnail {
351     background: transparent url(/media/img/book.png) no-repeat 0 0;
352     width: 3em;
353     height: 3em;
354     float: left;
355 }
356
357 /* =============== */
358 /* = Simple form = */
359 /* =============== */
360 .cuteform ol, .cuteform ul {
361     padding: 0;
362     margin: 0;
363     list-style: none;
364 }
365
366 .cuteform ol li, .cuteform ul li {
367     margin-top: 0.7em;
368 }
369
370 .cuteform label {
371     display: block;
372 }
373
374 .cuteform span.help-text {
375     display: block;
376     font-size: 0.8em;
377     color: #999;
378 }
379
380 .cuteform .error {
381     color: #BF3024;
382 }
383
384 /* ================ */
385 /* = Modal Window = */
386 /* ================ */
387 .jqmOverlay { background-color: #000; }
388
389 #set-window {
390     position: absolute;
391     display: none;
392     width: 32em;
393     background-color: transparent;
394     margin-top: -0.5em;
395     margin-left: -1em;
396 }
397
398 #set-window div.header {
399     background-color: #FFF;
400     border-right: 0.25em solid #DDD;
401     width: 4em;
402     padding: 0.5em 1em 0.5em 1em;
403 }
404
405 #set-window div.target {
406     background-color: #FFF;
407     border-right: 0.3em solid #DDD;
408     border-bottom: 0.3em solid #DDD;
409     padding: 1em;
410 }
411
412 #login-register-window {
413     position: absolute;
414     display: none;
415     width: 24em;
416     background-color: transparent;
417     margin-top: -0.5em;
418     margin-left: 1em;
419 }
420
421 #login-register-window div.header {
422     background-color: #FFF;
423     border-right: 0.3em solid #DDD;
424     width: 4em;
425     right: 0;
426     left: auto;
427     padding: 0.5em 1em 0.5em 1em;
428     float: right;
429     text-align: center;
430 }
431
432 #login-register-window div.target {
433     clear: both;
434     background-color: #FFF;
435     border-right: 0.3em solid #DDD;
436     border-bottom: 0.3em solid #DDD;
437     padding: 1em;
438 }
439
440 #user-shelves-window {
441     position: absolute;
442     display: none;
443     width: 28em;
444     background-color: transparent;
445     margin-top: -0.5em;
446     margin-left: 1em;
447 }
448
449 #user-shelves-window div.header {
450     background-color: #FFF;
451     border-right: 0.3em solid #DDD;
452     width: 4em;
453     right: 0;
454     left: auto;
455     padding: 0.5em 1em 0.5em 1em;
456     float: right;
457     text-align: center;
458 }
459
460 #user-shelves-window div.target {
461     clear: both;
462     background-color: #FFF;
463     border-right: 0.3em solid #DDD;
464     border-bottom: 0.3em solid #DDD;
465     padding: 1em;
466 }
467
468 .shelf-list {
469     list-style: none;
470     padding: 0;
471 }
472
473 .shelf-list li {
474     padding: 0.25em;
475     margin: 0 -0.25em;
476 }
477
478 .shelf-list a.delete-shelf {
479     color: #900;
480     float: right;
481     padding: 0.25em 0.25em 0.25em 1em;
482     margin: -0.25em;
483 }
484
485 .shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
486     color: #FFF;
487     background-color: #900;
488     text-decoration: none;
489 }
490
491 /* ======================== */
492 /* = Alphabetic book list = */
493 /* ======================== */
494 #book-a-list #book-list {
495     -moz-column-width: 24em;
496     -webkit-column-width: 24em;
497     column-width: 24em;
498 }
499
500 #book-a-list #book-list ol {
501     padding: 0;
502     margin: 0.3em 0 1.2em 0;
503     list-style: none;
504 }
505
506 #top-message {
507     background-color: #2F4110;
508     color: #FFF;
509     margin: 0 -2em;
510     padding: 0 2em;
511     line-height: 2em;
512 }
513