57e05e522c8f0f4258ccab514e1c77cdd10c56e8
[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 #main-page #tags-list {
173     margin-right: 29em;
174 }
175
176 #categories-list ul, #themes-list ul {
177     -moz-column-width: 12em;
178     -webkit-column-width: 12em;
179     column-width: 12em;
180 }
181
182 #tags-list {
183     margin-top: 1em;
184     padding: 1em;
185     background-color: #FBEF90;
186     -moz-border-radius: 4px;
187     -webkit-border-radius: 4px;
188     border-radius: 4px;
189     border-bottom: 0.15em solid #E3D888;
190     border-right: 0.15em solid #E3D888;
191 }
192
193 #tagged-object-list #tags-list, #book-detail #tags-list {
194     margin-left: 39em;
195 }
196
197 #book-info, #categories-list {
198     float: left;
199     width: 47.5%;
200 }
201
202 #themes-list {
203     margin-left: 52.5%;
204 }
205
206 #tagged-object-list #categories-list, #book-detail #book-info {
207     width: 12em;
208 }
209
210 #tagged-object-list #themes-list, #book-detail #themes-list {
211     margin-left: 14em;
212 }
213
214 #tags-list ol, #tags-list ul {
215     padding: 0;
216     margin: 0.3em 0 1.2em 0;
217 }
218
219 #tags-list li {
220     list-style: none;
221     padding: 0;
222     margin: 0;
223 }
224
225 #books-list {
226     width: 38em;
227     float: left;
228 }
229
230 /* ============== */
231 /* = Propaganda = */
232 /* ============== */
233 #propaganda {
234     float: right;
235     width: 28.5em;
236     margin: 0;
237     height: 21em;
238     background-image: url(/media/img/shelf.jpg);
239     background-repeat: no-repeat;
240     -moz-border-radius: 4px;
241     -webkit-border-radius: 4px;
242     border-radius: 4px;
243     background-color: #FFF;
244 }
245
246 /* ===================== */
247 /* = Latest blog posts = */
248 /* ===================== */
249 #latest-blog-posts {
250     padding: 0.5em;
251     margin-top: 0.5em;
252 }
253
254 #latest-blog-posts ol {
255     padding: 0 0 0 1.5em;
256     margin: 0.3em 0 0 0;
257     list-style-type: square;
258     color: #D13628;
259 }
260
261 /* =============== */
262 /* = Description = */
263 /* =============== */
264 #description {
265     margin-top: 0.5em;
266     text-align: justify;
267 }
268
269 #toggle-description, #tagged-object-list .pagination {
270     width: 100%;
271     height: 1.5em;
272     background-color: #EEE;
273     margin-top: 0.5em;
274     -moz-border-radius: 4px;
275     -webkit-border-radius: 4px;
276     border-radius: 4px;
277     text-align: center;
278 }
279
280 #toggle-description p {
281     margin: 0;
282     padding: 0;
283     color: #999;
284 }
285
286 /* ============================ */
287 /* = Books and fragments list = */
288 /* ============================ */
289 #books-list {
290     margin: 0;
291 }
292
293 #books-list ol {
294     list-style: none;
295     padding: 0;
296     margin: 1.5em 0;
297 }
298
299 .book {
300     padding: 0.5em;
301     background-color: #FFF;
302     -moz-border-radius: 3px;
303     -webkit-border-radius: 3px;
304     border-radius: 3px;
305 }
306
307 .fragment {
308     border-bottom: 0.1em solid #EEE;
309     margin-top: 0.5em;
310 }
311
312 .fragment-text, .fragment-short-text {
313     padding: 0.5em;
314     background-color: #FFF;
315     -moz-border-radius: 3px;
316     -webkit-border-radius: 3px;
317     border-radius: 3px;
318 }
319
320 .fragment-metadata {
321     padding: 0.5em 0.5em 1.5em 0.5em;
322     float: right;
323 }
324
325 .change-sets {
326     float: right;
327 }
328
329 .book-description {
330     margin-left: 3.5em;
331 }
332
333 .book-thumbnail {
334     background: transparent url(/media/img/book.png) no-repeat 0 0;
335     width: 3em;
336     height: 3em;
337     float: left;
338 }
339
340 /* =============== */
341 /* = Simple form = */
342 /* =============== */
343 .cuteform ol, .cuteform ul {
344     padding: 0;
345     margin: 0;
346     list-style: none;
347 }
348
349 .cuteform ol li, .cuteform ul li {
350     margin-top: 0.7em;
351 }
352
353 .cuteform label {
354     display: block;
355 }
356
357 .cuteform span.help-text {
358     display: block;
359     font-size: 0.8em;
360     color: #999;
361 }
362
363 .cuteform .error {
364     color: #BF3024;
365 }
366
367 /* ================ */
368 /* = Modal Window = */
369 /* ================ */
370 .jqmOverlay { background-color: #000; }
371
372 #set-window {
373     position: absolute;
374     display: none;
375     width: 32em;
376     background-color: transparent;
377     margin-top: -0.5em;
378     margin-left: -1em;
379 }
380
381 #set-window div.header {
382     background-color: #FFF;
383     border-right: 0.25em solid #DDD;
384     width: 4em;
385     padding: 0.5em 1em 0.5em 1em;
386 }
387
388 #set-window div.target {
389     background-color: #FFF;
390     border-right: 0.3em solid #DDD;
391     border-bottom: 0.3em solid #DDD;
392     padding: 1em;
393 }
394
395 #login-register-window {
396     position: absolute;
397     display: none;
398     width: 24em;
399     background-color: transparent;
400     margin-top: -0.5em;
401     margin-left: 1em;
402 }
403
404 #login-register-window div.header {
405     background-color: #FFF;
406     border-right: 0.3em solid #DDD;
407     width: 4em;
408     right: 0;
409     left: auto;
410     padding: 0.5em 1em 0.5em 1em;
411     float: right;
412     text-align: center;
413 }
414
415 #login-register-window div.target {
416     clear: both;
417     background-color: #FFF;
418     border-right: 0.3em solid #DDD;
419     border-bottom: 0.3em solid #DDD;
420     padding: 1em;
421 }
422
423 #user-shelves-window {
424     position: absolute;
425     display: none;
426     width: 28em;
427     background-color: transparent;
428     margin-top: -0.5em;
429     margin-left: 1em;
430 }
431
432 #user-shelves-window div.header {
433     background-color: #FFF;
434     border-right: 0.3em solid #DDD;
435     width: 4em;
436     right: 0;
437     left: auto;
438     padding: 0.5em 1em 0.5em 1em;
439     float: right;
440     text-align: center;
441 }
442
443 #user-shelves-window div.target {
444     clear: both;
445     background-color: #FFF;
446     border-right: 0.3em solid #DDD;
447     border-bottom: 0.3em solid #DDD;
448     padding: 1em;
449 }
450
451 #user-shelves-window ul {
452     list-style: none;
453     padding: 0;
454 }
455
456 #user-shelves-window a.delete-shelf {
457     color: #900;
458     float: right;
459 }
460
461 /* ======================== */
462 /* = Alphabetic book list = */
463 /* ======================== */
464 #book-a-list #book-list {
465     -moz-column-width: 24em;
466     -webkit-column-width: 24em;
467     column-width: 24em;
468 }
469
470 #book-a-list #book-list ol {
471     padding: 0;
472     margin: 0.3em 0 1.2em 0;
473     list-style: none;
474 }
475
476 #top-message {
477     background-color: #2F4110;
478     color: #FFF;
479     margin: 0 -2em;
480     padding: 0 2em;
481     line-height: 2em;
482 }
483