942111ce93815134dc3c4f0a182207d92b9e7d62
[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
316 /* ================ */
317 /* = Modal Window = */
318 /* ================ */
319 #set-window {
320     position: absolute;
321     display: none;
322     width: 32em;
323     background-color: transparent;
324     margin-top: -0.5em;
325     margin-left: -1em;
326 }
327
328 #set-window div.header {
329     background-color: #FFF;
330     border-right: 0.25em solid #DDD;
331     width: 4em;
332     padding: 0.5em 1em 0.5em 1em;
333 }
334
335 #set-window div.target {
336     background-color: #FFF;
337     border-right: 0.3em solid #DDD;
338     border-bottom: 0.3em solid #DDD;
339     padding: 1em;
340 }
341
342 .jqmOverlay { background-color: #000; }
343
344
345 #login-register-window {
346     position: absolute;
347     display: none;
348     width: 24em;
349     background-color: transparent;
350     margin-top: -0.5em;
351     margin-left: 1em;
352 }
353
354 #login-register-window div.header {
355     background-color: #FFF;
356     border-right: 0.3em solid #DDD;
357     width: 4em;
358     right: 0;
359     left: auto;
360     padding: 0.5em 1em 0.5em 1em;
361     float: right;
362     text-align: center;
363 }
364
365 #login-register-window div.target {
366     clear: both;
367     background-color: #FFF;
368     border-right: 0.3em solid #DDD;
369     border-bottom: 0.3em solid #DDD;
370     padding: 1em;
371 }
372
373 /* ======================== */
374 /* = Alphabetic book list = */
375 /* ======================== */
376 #book-a-list #book-list ol {
377     padding: 0;
378     margin: 0.3em 0 1.2em 0;
379     list-style: none;
380 }
381