4450eb131b5dbff0f8d7107a3dcd447c258443b3
[wolnelektury.git] / media / css / master.css
1 body {
2     margin: 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 }
65
66 #header #logo {
67     float: left;
68 }
69
70 #header #user-info {
71     margin: 0 0 0 auto;
72     width: 40em;
73     text-align: right;
74 }
75
76 #site-description {
77     margin-top: -1.5em;
78     height:4.5em;
79     overflow: hidden;
80     float: right;
81     width: 42em;
82     text-align: right;
83     color: #777;
84 }
85
86 /* ======================== */
87 /* = Footer with sponsors = */
88 /* ======================== */
89 #footer {
90     border-top: 0.1em solid #999;
91     color: #999;
92     font-size: 0.8em;
93     padding-top: 0.5em;
94     margin: 2em 0 0 0;
95 }
96
97 #footer p {
98     margin: 0;
99 }
100
101 #footer a {
102     color: #999;
103     text-decoration: underline;
104 }
105
106
107 /* =============== */
108 /* = Search form = */
109 /* =============== */
110 #search-form {
111     margin: 0.5em 0;
112     padding: 0.5em;
113     background-color: rgb(132, 191, 42);
114     -moz-border-radius: 4px;
115     -webkit-border-radius: 4px;
116     border-radius: 4px;
117     border-bottom: 0.15em solid #7B9C2D;
118     border-right: 0.15em solid #7B9C2D;
119 }
120
121 #search-form p {
122     margin: 0em 0 0 0;
123 }
124
125 #search-form ol {
126     margin: 0;
127     padding: 0;
128 }
129
130 #search-form li {
131     margin: 0;
132     padding: 0;
133     list-style: none;
134     display: inline;
135 }
136
137 #search-form li.category, #search-form li.book-title {
138     padding: 0.2em 0.5em 0.2em 0.5em;
139     background-color: rgb(242, 163, 15);
140     border: 1px solid #BA8722;
141     border-right: 1px solid #555;
142     border-bottom: 1px solid #555;
143     -moz-border-radius: 3px;
144     -webkit-border-radius: 3px;
145     border-radius: 3px;
146 }
147
148 #search-form li.book-title {
149     background-color: #DDD;
150     border: 1px solid #999;
151     border-right: 1px solid #555;
152     border-bottom: 1px solid #555;
153 }
154
155 #search-form input[type=submit] {
156     color: #444;
157 }
158
159 /* TODO: Shouldn't be needed */
160 #book-detail #search-form {
161     padding: 0.75em 0.5em;
162 }
163
164 .ac_input {
165     width: 20em;
166 }
167
168
169 /* ============= */
170 /* = Tags list = */
171 /* ============= */
172 #tags-list {
173     margin-top: 1em;
174     padding: 1em;
175     background-color: #FBEF90;
176     -moz-border-radius: 4px;
177     -webkit-border-radius: 4px;
178     border-radius: 4px;
179     border-bottom: 0.15em solid #E3D888;
180     border-right: 0.15em solid #E3D888;
181 }
182
183 #books #tags-list, #book-detail #tags-list {
184     margin-left: 39em;
185 }
186
187 #tags-list ol, #tags-list ul {
188     padding: 0;
189     margin: 0.3em 0 1.2em 0;
190 }
191
192 #tags-list li {
193     list-style: none;
194     padding: 0;
195     margin: 0;
196 }
197
198 #main-page #categories-list {
199     float: left;
200     width: 50%;
201 }
202
203 #main-page #themes-list {
204     margin-left: 50%;
205 }
206
207
208 .column {
209     padding-right: 1em;
210 }
211
212 .last.column {
213     padding-right: 0;
214 }
215
216
217 #books-list {
218     width: 38em;
219     float: left;
220 }
221
222 /* ===================== */
223 /* = Latest blog posts = */
224 /* ===================== */
225 #latest-blog-posts {
226     padding: 0.5em;
227     margin-top: 0.5em;
228 }
229
230 #latest-blog-posts ol {
231     padding: 0 0 0 1.5em;
232     margin: 0.3em 0 0 0;
233     list-style-type: square;
234     color: #D13628;
235 }
236
237 /* =============== */
238 /* = Description = */
239 /* =============== */
240 #description {
241     margin-top: 0.5em;
242     text-align: justify;
243 }
244
245 #toggle-description, #books .pagination {
246     width: 100%;
247     height: 1.5em;
248     background-color: #EEE;
249     margin-top: 0.5em;
250     -moz-border-radius: 4px;
251     -webkit-border-radius: 4px;
252     border-radius: 4px;
253     text-align: center;
254 }
255
256 #toggle-description p {
257     margin: 0;
258     padding: 0;
259     color: #999;
260 }
261
262 /* ============== */
263 /* = Books list = */
264 /* ============== */
265 #books-list {
266     margin: 0;
267 }
268
269 #books-list ol {
270     list-style: none;
271     padding: 0;
272     margin: 1.5em 0;
273 }
274
275 .book {
276     padding: 0.5em;
277     background-color: #FFF;
278     -moz-border-radius: 3px;
279     -webkit-border-radius: 3px;
280     border-radius: 3px;
281 }
282
283 .book .change-sets {
284     float: right;
285 }
286
287 .book-description {
288     margin-left: 3.5em;
289 }
290
291 .book-thumbnail {
292     background: transparent url(/media/img/book.png) no-repeat 0 0;
293     width: 3em;
294     height: 3em;
295     float: left;
296 }
297
298 /* =============== */
299 /* = Simple form = */
300 /* =============== */
301 .cuteform ol, .cuteform ul {
302     padding: 0;
303     margin: 0;
304     list-style: none;
305 }
306
307 .cuteform ol li, .cuteform ul li {
308     margin-top: 0.7em;
309 }
310
311 .cuteform label {
312     display: block;
313 }
314
315 .cuteform span.help-text {
316     display: block;
317     font-size: 0.8em;
318     color: #999;
319 }
320
321 .cuteform .error {
322     color: #BF3024;
323 }
324
325 /* ================ */
326 /* = Modal Window = */
327 /* ================ */
328 #set-window {
329     position: absolute;
330     display: none;
331     width: 32em;
332     background-color: transparent;
333     margin-top: -0.5em;
334     margin-left: -1em;
335 }
336
337 #set-window div.header {
338     background-color: #FFF;
339     border-right: 0.25em solid #DDD;
340     width: 4em;
341     padding: 0.5em 1em 0.5em 1em;
342 }
343
344 #set-window div.target {
345     background-color: #FFF;
346     border-right: 0.3em solid #DDD;
347     border-bottom: 0.3em solid #DDD;
348     padding: 1em;
349 }
350
351 .jqmOverlay { background-color: #000; }
352
353
354 #login-register-window {
355     position: absolute;
356     display: none;
357     width: 24em;
358     background-color: transparent;
359     margin-top: -0.5em;
360     margin-left: 1em;
361 }
362
363 #login-register-window div.header {
364     background-color: #FFF;
365     border-right: 0.3em solid #DDD;
366     width: 4em;
367     right: 0;
368     left: auto;
369     padding: 0.5em 1em 0.5em 1em;
370     float: right;
371     text-align: center;
372 }
373
374 #login-register-window div.target {
375     clear: both;
376     background-color: #FFF;
377     border-right: 0.3em solid #DDD;
378     border-bottom: 0.3em solid #DDD;
379     padding: 1em;
380 }
381
382 /* ======================== */
383 /* = Alphabetic book list = */
384 /* ======================== */
385 #book-a-list #book-list ol {
386     padding: 0;
387     margin: 0.3em 0 1.2em 0;
388     list-style: none;
389 }
390
391 #top-message {
392     background-color: #2F4110;
393     color: #FFF;
394 }