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