|
1 html, |
|
2 body |
|
3 { |
|
4 margin: 0; |
|
5 padding: 0; |
|
6 font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; |
|
7 font-size: 1em; |
|
8 background-color: white; |
|
9 color: #58585a; |
|
10 } |
|
11 |
|
12 p { |
|
13 text-indent: 1em; |
|
14 width: 70%; |
|
15 } |
|
16 pre.plain { |
|
17 font-family: Verdana, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; |
|
18 font-size: 1em; |
|
19 color: #58585a; |
|
20 margin-left: 1em; |
|
21 } |
|
22 img |
|
23 { |
|
24 border: 0; |
|
25 } |
|
26 |
|
27 a |
|
28 { |
|
29 color: #224466; |
|
30 } |
|
31 |
|
32 h1, |
|
33 h2, |
|
34 h3, |
|
35 h4, |
|
36 h5 |
|
37 { |
|
38 font-family: Georgia, "Bitstream Vera Serif", Palatino, serif; |
|
39 font-weight: normal; |
|
40 line-height: 1em; |
|
41 } |
|
42 |
|
43 h1 |
|
44 { |
|
45 font-size: 1.8em; |
|
46 color: #224466; |
|
47 margin: 0.5em 0 0.7em 0; |
|
48 text-decoration: none; |
|
49 padding-bottom: 0.5em; |
|
50 /* border-bottom: 1px solid #224466; */ |
|
51 width: 80%; |
|
52 } |
|
53 |
|
54 h2 |
|
55 { |
|
56 font-size: 1.5em; |
|
57 color: #337799; |
|
58 margin: 0.7em 0 0.5em 0; |
|
59 } |
|
60 |
|
61 h3 |
|
62 { |
|
63 font-size: 1.25em; |
|
64 font-style: italic; |
|
65 color: #337799; |
|
66 margin: 0.5em 0; |
|
67 } |
|
68 |
|
69 ul.plain { |
|
70 list-style: none; |
|
71 list-style-type: none; |
|
72 margin: 0; padding: 0; |
|
73 } |
|
74 /* give some color to <span class="title">Kiwi PyCon 2009</span> */ |
|
75 span.title |
|
76 { |
|
77 } |
|
78 div#comment_form { |
|
79 border-top: 1px solid #ccc; |
|
80 } |
|
81 div#comment_form label { |
|
82 width: 200px; |
|
83 } |
|
84 /* default table layout */ |
|
85 table.kiwipycon-default |
|
86 { |
|
87 border-collapse: collapse; |
|
88 } |
|
89 |
|
90 table.kiwipycon-default td |
|
91 { |
|
92 padding: 5px 15px; |
|
93 } |
|
94 |
|
95 table.kiwipycon-default th |
|
96 { |
|
97 font-weight: bold; |
|
98 padding: 4px 6px; |
|
99 } |
|
100 |
|
101 table.kiwipycon-default a |
|
102 { |
|
103 text-decoration: none; |
|
104 } |
|
105 |
|
106 table.kiwipycon-default .buttons |
|
107 { |
|
108 padding: 10px 0; |
|
109 } |
|
110 |
|
111 tr.odd { |
|
112 background-color: #efefef; |
|
113 } |
|
114 tr.even { |
|
115 background-color: #fff; |
|
116 } |
|
117 td, |
|
118 th |
|
119 { |
|
120 text-align:left; |
|
121 vertical-align: top; |
|
122 } |
|
123 |
|
124 .important |
|
125 { |
|
126 color: #337799; |
|
127 font-weight: bold; |
|
128 } |
|
129 |
|
130 .clear |
|
131 { |
|
132 clear: both; |
|
133 } |
|
134 |
|
135 /* user account */ |
|
136 div.picture |
|
137 { |
|
138 width: 80%; |
|
139 text-align: right; |
|
140 } |
|
141 |
|
142 div.picture img |
|
143 { |
|
144 border: 1px solid #ddd; |
|
145 } |
|
146 |
|
147 /* layout elements */ |
|
148 #logo |
|
149 { |
|
150 border: 0; |
|
151 margin: 0; |
|
152 padding: 0.5em 1.5em; |
|
153 background-color: #f1f1f1; |
|
154 border-bottom: 1px dotted #888888; |
|
155 } |
|
156 #logo a img { |
|
157 border: 0; |
|
158 } |
|
159 |
|
160 /* layout */ |
|
161 #header |
|
162 { |
|
163 position: absolute; |
|
164 top: 1.55em; |
|
165 left: 400px; |
|
166 } |
|
167 |
|
168 #wrapper |
|
169 { |
|
170 position: relative; |
|
171 } |
|
172 |
|
173 #left |
|
174 { |
|
175 width: 200px; |
|
176 font-size: 0.8em; |
|
177 float: left; |
|
178 } |
|
179 |
|
180 #content |
|
181 { |
|
182 font-size: 0.8em; |
|
183 padding: 0; |
|
184 margin: 0 240px 0 220px; |
|
185 min-height: 850px; |
|
186 } |
|
187 |
|
188 #right |
|
189 { |
|
190 position: absolute; |
|
191 top: 0; |
|
192 right: 0; |
|
193 width: 250px; |
|
194 font-size: 0.8em; |
|
195 float: right; |
|
196 margin: 0; |
|
197 padding: 0 2em 0 0; |
|
198 } |
|
199 |
|
200 #right h2 |
|
201 { |
|
202 margin: 0; |
|
203 padding: 0; |
|
204 } |
|
205 |
|
206 #footer |
|
207 { |
|
208 border-top: 1px dotted #888888; |
|
209 margin: 150px 0 0; |
|
210 padding: 0 1em; |
|
211 font-size: 0.5em; |
|
212 clear: both; |
|
213 position: relative; |
|
214 } |
|
215 |
|
216 /* jquery growl appears on right */ |
|
217 #header h1 |
|
218 { |
|
219 font-size: 2.75em; |
|
220 color: #224466; |
|
221 font-family: Georgia, "Bitstream Vera Serif", Palatino, serif; |
|
222 border: none !important; |
|
223 width: 100%; |
|
224 margin: 0; |
|
225 padding: 0; |
|
226 padding-bottom: 0.2em; |
|
227 } |
|
228 |
|
229 #header h3 |
|
230 { |
|
231 font-size: 1.2em; |
|
232 font-family: Georgia, "Bitstream Vera Serif", Palatino, serif; |
|
233 border: none !important; |
|
234 width: 100%; |
|
235 margin: 0; |
|
236 padding: 0; |
|
237 padding-bottom: 0.2em; |
|
238 } |
|
239 #menu-user |
|
240 { |
|
241 position: absolute; |
|
242 right: 0em; |
|
243 font-size: 0.8em; |
|
244 } |
|
245 |
|
246 #menu-user a |
|
247 { |
|
248 text-decoration: none; |
|
249 } |
|
250 |
|
251 #left-inner |
|
252 { |
|
253 margin: 0 2em; |
|
254 padding: 0; |
|
255 } |
|
256 |
|
257 #left-inner a { |
|
258 text-decoration: none; |
|
259 } |
|
260 |
|
261 #left-inner ul |
|
262 { |
|
263 list-style: none; |
|
264 list-style-type: none; |
|
265 margin: 0; |
|
266 padding: 0; |
|
267 border: 0; |
|
268 } |
|
269 |
|
270 #left-inner ul li ul |
|
271 { |
|
272 margin-left: 0.5em; |
|
273 padding: 0; |
|
274 } |
|
275 |
|
276 #left-inner li |
|
277 { |
|
278 font-weight: bold; |
|
279 padding: 0 0 0.5em 0; |
|
280 } |
|
281 |
|
282 #left-inner li ul li |
|
283 { |
|
284 font-weight: normal; |
|
285 padding: 0 0 0.3em 0; |
|
286 } |
|
287 |
|
288 #right-inner { |
|
289 margin: 0; |
|
290 padding: 0; |
|
291 } |
|
292 |
|
293 #right-inner ul |
|
294 { |
|
295 list-style: none; |
|
296 margin: 0; |
|
297 padding: 0; |
|
298 border: 0; |
|
299 } |
|
300 |
|
301 #right-inner li |
|
302 { |
|
303 font-weight: bold; |
|
304 padding-bottom: 15px; |
|
305 } |
|
306 /* forms */ |
|
307 div.form |
|
308 { |
|
309 margin-top: 1em; |
|
310 } |
|
311 |
|
312 div.form th |
|
313 { |
|
314 text-align: left; |
|
315 } |
|
316 fieldset { |
|
317 width: 70%; |
|
318 } |
|
319 legend { |
|
320 font-weight: bold; |
|
321 color: #222; |
|
322 } |
|
323 div.messages { |
|
324 padding:.3em .8em; |
|
325 margin-bottom:1em; |
|
326 border:2px solid #ddd; |
|
327 background:#E3FBE4; |
|
328 color:#1f8a11; |
|
329 border-color:#C2FBC4; |
|
330 } |
|
331 .notice { |
|
332 background:#FFF6BF; |
|
333 color:#514721; |
|
334 border-color:#FFD324; |
|
335 padding:.8em; |
|
336 margin-bottom:1em; |
|
337 border:2px solid #ddd; |
|
338 } |
|
339 ul.errorlist, .errors, .error { |
|
340 padding:.3em .8em; |
|
341 margin-bottom:1em; |
|
342 border:2px solid #ddd; |
|
343 background:#FBE3E4; |
|
344 color:#8a1f11; |
|
345 border-color:#FBC2C4; |
|
346 } |
|
347 ul.errorlist { |
|
348 list-style: none; |
|
349 list-style-type: none; |
|
350 } |
|
351 /* Login/register */ |
|
352 div.login |
|
353 { |
|
354 float: left; |
|
355 } |
|
356 |
|
357 div.register |
|
358 { |
|
359 padding-left: 2em; |
|
360 margin: 0 0 0 270px; |
|
361 border-left: 1px solid #aaa; |
|
362 } |
|
363 |
|
364 /* -------------------------------------------------------------- |
|
365 Based on buttons by Kevin Hale [particletree.com] |
|
366 * particletree.com/features/rediscovering-the-button-element |
|
367 -------------------------------------------------------------- */ |
|
368 |
|
369 a.button, button, input.button { |
|
370 display:block; |
|
371 float: right; |
|
372 margin: 0.7em 8px 0.7em 0.5em; |
|
373 padding:2px 10px 2px 10px; /* Links */ |
|
374 font-size:100%; |
|
375 line-height:120%; |
|
376 text-decoration:none; |
|
377 font-weight:bold; |
|
378 cursor:pointer; |
|
379 background-color: #66aacc; |
|
380 border: 1px solid #222; |
|
381 color: #fff !important; |
|
382 } |
|
383 |
|
384 a.button.left, button.left, input.left { |
|
385 margin: 0.7em 0.5em 0.7em 0em; |
|
386 float:left; |
|
387 } |
|
388 |
|
389 button { |
|
390 width:auto; |
|
391 overflow:visible; |
|
392 padding:4px 10px 3px 7px; /* IE6 */ |
|
393 } |
|
394 |
|
395 button[type] { |
|
396 padding:4px 10px 4px 7px; /* Firefox */ |
|
397 line-height:17px; /* Safari */ |
|
398 } |
|
399 |
|
400 *:first-child+html button[type] { |
|
401 padding:4px 10px 3px 7px; /* IE7 */ |
|
402 } |
|
403 |
|
404 button img, a.button img { |
|
405 margin:0 3px -3px 0 !important; |
|
406 padding:0; |
|
407 border:none; |
|
408 width:16px; |
|
409 height:16px; |
|
410 float:none; |
|
411 } |
|
412 |
|
413 table.required tr { |
|
414 border-left: 3px solid #cc0000; |
|
415 } |
|
416 |
|
417 /* Button colors */ |
|
418 |
|
419 /* Standard */ |
|
420 button:hover, a.button:hover, input.button:hover { |
|
421 background-color: #337799; |
|
422 border: 1px solid #222; |
|
423 color:black !important; |
|
424 } |
|
425 |
|
426 /* horizontal menu */ |
|
427 div.right { |
|
428 text-align: right; |
|
429 width: 80%; |
|
430 } |
|
431 ul.horizontal-menu li { |
|
432 display: inline; |
|
433 list-style-type: none; |
|
434 padding-right: 20px; |
|
435 } |