530062ab641a5cd8c60de64a659b37219db15f3f
[wolnelektury.git] / 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 /* TODO: Shouldn't be needed */
161 #book-detail #search-form {
162     padding: 0.75em 0.5em;
163 }
164
165 .ac_input {
166     width: 20em;
167 }
168
169
170 /* ============= */
171 /* = Tags list = */
172 /* ============= */
173 #tags-list {
174     margin-top: 1em;
175     padding: 1em;
176     background-color: #FBEF90;
177     -moz-border-radius: 4px;
178     -webkit-border-radius: 4px;
179     border-radius: 4px;
180     border-bottom: 0.15em solid #E3D888;
181     border-right: 0.15em solid #E3D888;
182 }
183
184 #books #tags-list, #book-detail #tags-list {
185     margin-left: 39em;
186 }
187
188 #tags-list ol, #tags-list ul {
189     padding: 0;
190     margin: 0.3em 0 1.2em 0;
191 }
192
193 #tags-list li {
194     list-style: none;
195     padding: 0;
196     margin: 0;
197 }
198
199 #main-page #categories-list {
200     float: left;
201     width: 50%;
202 }
203
204 #main-page #themes-list {
205     margin-left: 50%;
206 }
207
208
209 .column {
210     padding-right: 1em;
211 }
212
213 .last.column {
214     padding-right: 0;
215 }
216
217
218 #books-list {
219     width: 38em;
220     float: left;
221 }
222
223 /* ===================== */
224 /* = Latest blog posts = */
225 /* ===================== */
226 #latest-blog-posts {
227     padding: 0.5em;
228     margin-top: 0.5em;
229 }
230
231 #latest-blog-posts ol {
232     padding: 0 0 0 1.5em;
233     margin: 0.3em 0 0 0;
234     list-style-type: square;
235     color: #D13628;
236 }
237
238 /* =============== */
239 /* = Description = */
240 /* =============== */
241 #description {
242     margin-top: 0.5em;
243     text-align: justify;
244 }
245
246 #toggle-description, #books .pagination {
247     width: 100%;
248     height: 1.5em;
249     background-color: #EEE;
250     margin-top: 0.5em;
251     -moz-border-radius: 4px;
252     -webkit-border-radius: 4px;
253     border-radius: 4px;
254     text-align: center;
255 }
256
257 #toggle-description p {
258     margin: 0;
259     padding: 0;
260     color: #999;
261 }
262
263 /* ============== */
264 /* = Books list = */
265 /* ============== */
266 #books-list {
267     margin: 0;
268 }
269
270 #books-list ol {
271     list-style: none;
272     padding: 0;
273     margin: 1.5em 0;
274 }
275
276 .book {
277     padding: 0.5em;
278     background-color: #FFF;
279     -moz-border-radius: 3px;
280     -webkit-border-radius: 3px;
281     border-radius: 3px;
282 }
283
284 .book .change-sets {
285     float: right;
286 }
287
288 .book-description {
289     margin-left: 3.5em;
290 }
291
292 .book-thumbnail {
293     background: transparent url(/media/img/book.png) no-repeat 0 0;
294     width: 3em;
295     height: 3em;
296     float: left;
297 }
298
299 /* =============== */
300 /* = Simple form = */
301 /* =============== */
302 .cuteform ol, .cuteform ul {
303     padding: 0;
304     margin: 0;
305     list-style: none;
306 }
307
308 .cuteform ol li, .cuteform ul li {
309     margin-top: 0.7em;
310 }
311
312 .cuteform label {
313     display: block;
314 }
315
316 .cuteform span.help-text {
317     display: block;
318     font-size: 0.8em;
319     color: #999;
320 }
321
322 .cuteform .error {
323     color: #BF3024;
324 }
325
326 /* ================ */
327 /* = Modal Window = */
328 /* ================ */
329 #set-window {
330     position: absolute;
331     display: none;
332     width: 32em;
333     background-color: transparent;
334     margin-top: -0.5em;
335     margin-left: -1em;
336 }
337
338 #set-window div.header {
339     background-color: #FFF;
340     border-right: 0.25em solid #DDD;
341     width: 4em;
342     padding: 0.5em 1em 0.5em 1em;
343 }
344
345 #set-window div.target {
346     background-color: #FFF;
347     border-right: 0.3em solid #DDD;
348     border-bottom: 0.3em solid #DDD;
349     padding: 1em;
350 }
351
352 .jqmOverlay { background-color: #000; }
353
354
355 #login-register-window {
356     position: absolute;
357     display: none;
358     width: 24em;
359     background-color: transparent;
360     margin-top: -0.5em;
361     margin-left: 1em;
362 }
363
364 #login-register-window div.header {
365     background-color: #FFF;
366     border-right: 0.3em solid #DDD;
367     width: 4em;
368     right: 0;
369     left: auto;
370     padding: 0.5em 1em 0.5em 1em;
371     float: right;
372     text-align: center;
373 }
374
375 #login-register-window div.target {
376     clear: both;
377     background-color: #FFF;
378     border-right: 0.3em solid #DDD;
379     border-bottom: 0.3em solid #DDD;
380     padding: 1em;
381 }
382
383 /* ======================== */
384 /* = Alphabetic book list = */
385 /* ======================== */
386 #book-a-list #book-list ol {
387     padding: 0;
388     margin: 0.3em 0 1.2em 0;
389     list-style: none;
390 }
391
392 #top-message {
393     background-color: #2F4110;
394     color: #FFF;
395     margin: 0 -2em;
396     padding: 0 2em;
397     line-height: 2em;
398 }
399
400 /* ================= */
401 /* = Fragment list = */
402 /* ================= */
403 .fragment {
404     margin-bottom: 1.5em;
405 }
406