a70cadb90ac0f4ceea5518583c4f86c8d3bd9109
[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: #777;
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 ul.all-tags {
240     display: none;
241 }
242
243 div.shown-tags p {
244     margin: -0.5em 0 0 0;
245     text-align: right;
246 }
247
248 /* ============== */
249 /* = Propaganda = */
250 /* ============== */
251 #propaganda {
252     float: right;
253     width: 30%;
254     margin: 0;
255     padding: 2em 0.5em 0.5em;
256 }
257
258
259 /* ===================== */
260 /* = Other info        = */
261 /* ===================== */
262 #latest-blog-posts {
263     padding: 0.5em;
264     float: left;
265     width: 30%;
266 }
267
268 #latest-blog-posts ol {
269     padding: 0 0 0 1.5em;
270     margin: 1em 0 0 0;
271     list-style-type: square;
272     color: #D13628;
273 }
274
275 #you-can-help {
276     float: right;
277     padding: 0.5em;
278     width: 30%;
279 }
280
281 #about-us {
282     padding: 0.5em;
283     margin-left: 35%;
284     margin-right: 35%;
285 }
286
287 /* =============== */
288 /* = Description = */
289 /* =============== */
290 #description {
291     margin-top: 0.5em;
292     text-align: justify;
293 }
294
295 #toggle-description, #tagged-object-list .pagination {
296     width: 100%;
297     height: 1.5em;
298     background-color: #EEE;
299     margin-top: 0.5em;
300     -moz-border-radius: 4px;
301     -webkit-border-radius: 4px;
302     border-radius: 4px;
303     text-align: center;
304 }
305
306 #toggle-description p {
307     margin: 0;
308     padding: 0;
309     color: #999;
310 }
311
312 /* ============================ */
313 /* = Books and fragments list = */
314 /* ============================ */
315 #books-list {
316     margin: 0;
317 }
318
319 #books-list ol {
320     list-style: none;
321     padding: 0;
322     margin: 1.5em 0;
323 }
324
325 .book {
326     padding: 0.5em;
327     background-color: #FFF;
328     -moz-border-radius: 3px;
329     -webkit-border-radius: 3px;
330     border-radius: 3px;
331 }
332
333 .fragment {
334     border-bottom: 0.1em solid #EEE;
335     margin-top: 0.5em;
336 }
337
338 .fragment-text, .fragment-short-text {
339     padding: 0.5em;
340     background-color: #FFF;
341     -moz-border-radius: 3px;
342     -webkit-border-radius: 3px;
343     border-radius: 3px;
344 }
345
346 .fragment-metadata {
347     padding: 0.5em 0.5em 1.5em 0.5em;
348     float: right;
349 }
350
351 .change-sets {
352     float: right;
353 }
354
355 .book-description {
356     margin-left: 3.5em;
357 }
358
359 .book-thumbnail {
360     background: transparent url(/media/img/book.png) no-repeat 0 0;
361     width: 3em;
362     height: 3em;
363     float: left;
364 }
365
366 /* =============== */
367 /* = Simple form = */
368 /* =============== */
369 .cuteform ol, .cuteform ul {
370     padding: 0;
371     margin: 0;
372     list-style: none;
373 }
374
375 .cuteform ol li, .cuteform ul li {
376     margin-top: 0.7em;
377 }
378
379 .cuteform label {
380     display: block;
381 }
382
383 .cuteform span.help-text {
384     display: block;
385     font-size: 0.8em;
386     color: #999;
387 }
388
389 .cuteform .error {
390     color: #BF3024;
391 }
392
393 /* ================ */
394 /* = Modal Window = */
395 /* ================ */
396 .jqmOverlay { background-color: #000; }
397
398 #set-window {
399     position: absolute;
400     display: none;
401     width: 32em;
402     background-color: transparent;
403     margin-top: -0.5em;
404     margin-left: -1em;
405 }
406
407 #set-window div.header {
408     background-color: #FFF;
409     border-right: 0.25em solid #DDD;
410     width: 4em;
411     padding: 0.5em 1em 0.5em 1em;
412 }
413
414 #set-window div.target {
415     background-color: #FFF;
416     border-right: 0.3em solid #DDD;
417     border-bottom: 0.3em solid #DDD;
418     padding: 1em;
419 }
420
421 #login-register-window {
422     position: absolute;
423     display: none;
424     width: 24em;
425     background-color: transparent;
426     margin-top: -0.5em;
427     margin-left: 1em;
428 }
429
430 #login-register-window div.header {
431     background-color: #FFF;
432     border-right: 0.3em solid #DDD;
433     width: 4em;
434     right: 0;
435     left: auto;
436     padding: 0.5em 1em 0.5em 1em;
437     float: right;
438     text-align: center;
439 }
440
441 #login-register-window div.target {
442     clear: both;
443     background-color: #FFF;
444     border-right: 0.3em solid #DDD;
445     border-bottom: 0.3em solid #DDD;
446     padding: 1em;
447 }
448
449 #user-shelves-window {
450     position: absolute;
451     display: none;
452     width: 28em;
453     background-color: transparent;
454     margin-top: -0.5em;
455     margin-left: 1em;
456 }
457
458 #user-shelves-window div.header {
459     background-color: #FFF;
460     border-right: 0.3em solid #DDD;
461     width: 4em;
462     right: 0;
463     left: auto;
464     padding: 0.5em 1em 0.5em 1em;
465     float: right;
466     text-align: center;
467 }
468
469 #user-shelves-window div.target {
470     clear: both;
471     background-color: #FFF;
472     border-right: 0.3em solid #DDD;
473     border-bottom: 0.3em solid #DDD;
474     padding: 1em;
475 }
476
477 .shelf-list {
478     list-style: none;
479     padding: 0;
480 }
481
482 .shelf-list li {
483     padding: 0.25em;
484     margin: 0 -0.25em;
485 }
486
487 .shelf-list a.delete-shelf {
488     color: #900;
489     float: right;
490     padding: 0.25em 0.25em 0.25em 1em;
491     margin: -0.25em;
492 }
493
494 .shelf-list a.delete-shelf:active, .shelf-list a.delete-shelf:hover {
495     color: #FFF;
496     background-color: #900;
497     text-decoration: none;
498 }
499
500 /* ======================== */
501 /* = Alphabetic book list = */
502 /* ======================== */
503 #book-a-list #book-list {
504     -moz-column-width: 24em;
505     -webkit-column-width: 24em;
506     column-width: 24em;
507 }
508
509 #book-a-list #book-list ol {
510     padding: 0;
511     margin: 0.3em 0 1.2em 0;
512     list-style: none;
513 }
514
515 #top-message {
516     background-color: #2F4110;
517     color: #FFF;
518     margin: 0 -2em;
519     padding: 0 2em;
520     line-height: 2em;
521 }
522