da61511cb4f36cf6a3f2f908751e7d9e4fbb593a
[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 and fragments 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 .fragment {
285     border-bottom: 0.1em solid #EEE;
286     margin-top: 0.5em;
287 }
288
289 .fragment-text, .fragment-short-text {
290     padding: 0.5em;
291     background-color: #FFF;
292     -moz-border-radius: 3px;
293     -webkit-border-radius: 3px;
294     border-radius: 3px;
295 }
296
297 .fragment-metadata {
298     padding: 0.5em 0.5em 1.5em 0.5em;
299 }
300
301 .change-sets {
302     float: right;
303 }
304
305 .book-description {
306     margin-left: 3.5em;
307 }
308
309 .book-thumbnail {
310     background: transparent url(/media/img/book.png) no-repeat 0 0;
311     width: 3em;
312     height: 3em;
313     float: left;
314 }
315
316 /* =============== */
317 /* = Simple form = */
318 /* =============== */
319 .cuteform ol, .cuteform ul {
320     padding: 0;
321     margin: 0;
322     list-style: none;
323 }
324
325 .cuteform ol li, .cuteform ul li {
326     margin-top: 0.7em;
327 }
328
329 .cuteform label {
330     display: block;
331 }
332
333 .cuteform span.help-text {
334     display: block;
335     font-size: 0.8em;
336     color: #999;
337 }
338
339 .cuteform .error {
340     color: #BF3024;
341 }
342
343 /* ================ */
344 /* = Modal Window = */
345 /* ================ */
346 #set-window {
347     position: absolute;
348     display: none;
349     width: 32em;
350     background-color: transparent;
351     margin-top: -0.5em;
352     margin-left: -1em;
353 }
354
355 #set-window div.header {
356     background-color: #FFF;
357     border-right: 0.25em solid #DDD;
358     width: 4em;
359     padding: 0.5em 1em 0.5em 1em;
360 }
361
362 #set-window div.target {
363     background-color: #FFF;
364     border-right: 0.3em solid #DDD;
365     border-bottom: 0.3em solid #DDD;
366     padding: 1em;
367 }
368
369 .jqmOverlay { background-color: #000; }
370
371
372 #login-register-window {
373     position: absolute;
374     display: none;
375     width: 24em;
376     background-color: transparent;
377     margin-top: -0.5em;
378     margin-left: 1em;
379 }
380
381 #login-register-window div.header {
382     background-color: #FFF;
383     border-right: 0.3em solid #DDD;
384     width: 4em;
385     right: 0;
386     left: auto;
387     padding: 0.5em 1em 0.5em 1em;
388     float: right;
389     text-align: center;
390 }
391
392 #login-register-window div.target {
393     clear: both;
394     background-color: #FFF;
395     border-right: 0.3em solid #DDD;
396     border-bottom: 0.3em solid #DDD;
397     padding: 1em;
398 }
399
400 /* ======================== */
401 /* = Alphabetic book list = */
402 /* ======================== */
403 #book-a-list #book-list ol {
404     padding: 0;
405     margin: 0.3em 0 1.2em 0;
406     list-style: none;
407 }
408
409 #top-message {
410     background-color: #2F4110;
411     color: #FFF;
412     margin: 0 -2em;
413     padding: 0 2em;
414     line-height: 2em;
415 }
416