Contents of /trunk/viewvc/magellan-template/docroot/styles.css
Parent Directory | Revision Log
Revision 4 -
(show annotations)
(download)
(as text)
Tue Oct 30 22:18:26 2012 UTC (11 years, 7 months ago) by niro
File MIME type: text/css
File size: 8467 byte(s)
Tue Oct 30 22:18:26 2012 UTC (11 years, 7 months ago) by niro
File MIME type: text/css
File size: 8467 byte(s)
-initial viewvc theme for cvs.magellan-linux.de/svn.magellan-linux.de
1 | /* |
2 | BWDEC2007 Template |
3 | CSS StyleSheet by David Herreman |
4 | http://www.free-css-templates.com |
5 | */ |
6 | |
7 | body { |
8 | padding : 0; |
9 | margin : 0; |
10 | font : 0.74em Arial, sans-serif; |
11 | line-height : 1.5em; |
12 | background : #F8F8F8; |
13 | color : #454545; |
14 | } |
15 | |
16 | a { |
17 | color : #FF6603; |
18 | background : inherit; |
19 | text-decoration : none; |
20 | } |
21 | a:hover { |
22 | color : #FF6603; |
23 | background : inherit; |
24 | text-decoration : underline; |
25 | } |
26 | p { |
27 | margin : 5px 0; |
28 | } |
29 | h1 { |
30 | font : bold 1.8em Arial, Sans-Serif; |
31 | padding : 8px 0 4px 0; |
32 | margin : 0; |
33 | letter-spacing : -1px; |
34 | } |
35 | h2 { |
36 | font : bold 1.6em Arial, Sans-Serif; |
37 | letter-spacing : -1px; |
38 | } |
39 | h3 { |
40 | padding : 4px 0; |
41 | margin : 0; |
42 | } |
43 | img { border : 0 } |
44 | .right { float: right } |
45 | |
46 | |
47 | ul { |
48 | margin : 0; |
49 | padding : 0; |
50 | list-style : none; |
51 | } |
52 | |
53 | hr { |
54 | height : 1px; |
55 | border-style : none; |
56 | color : #d0d0d0; |
57 | background-color : #c0c0c0; |
58 | margin : 10px 0; |
59 | } |
60 | ol { |
61 | padding : 0; |
62 | margin : 0; |
63 | } |
64 | .code { |
65 | padding : 3px 5px 3px 35px; |
66 | border : 1px solid #ccc; |
67 | list-style-type : decimal-leading-zero; |
68 | font-family : Courier; |
69 | } |
70 | .code code { |
71 | font-family : Monaco, "Courier New", Tahoma; |
72 | font-size : 1.2em; |
73 | } |
74 | .code li { |
75 | margin : 2px 0; |
76 | padding : 0 5px; |
77 | background : #F6F6E3; |
78 | } |
79 | .code li.t1 { |
80 | padding-left : 4ex; |
81 | } |
82 | .code li.t2 { |
83 | padding-left : 8ex; |
84 | } |
85 | .code li.t3 { |
86 | padding-left : 12ex; |
87 | } |
88 | .code li.t4 { |
89 | padding-left : 16ex; |
90 | } |
91 | .code li.t5 { |
92 | padding-left : 20ex; |
93 | } |
94 | .code li.t6 { |
95 | padding-left : 24ex; |
96 | } |
97 | .code li.t7 { |
98 | padding-left : 28ex; |
99 | } |
100 | .code li.t8 { |
101 | padding-left : 32ex; |
102 | } |
103 | |
104 | |
105 | .content { |
106 | margin : 0 auto; |
107 | width : 960px; |
108 | } |
109 | |
110 | #topbar { |
111 | height : 51px; |
112 | background : #000; |
113 | width : 100%; |
114 | color: #FFF; |
115 | } |
116 | |
117 | #topbar .wrap { |
118 | background: #404040; |
119 | height: 51px; |
120 | width: 958px |
121 | } |
122 | |
123 | #topbar h1 { |
124 | font : bold 2.0em Arial, sans-serif; |
125 | color: #FFF; |
126 | line-height: 51px; |
127 | padding: 0 0 0 10px; |
128 | background: inherit; |
129 | } |
130 | #topbar h1 a { color: #FFF; } |
131 | #topbar h1 a:hover { color: #FFF; text-decoration: none } |
132 | |
133 | #topbar .se { |
134 | float: right; |
135 | padding: 12px 10px 0 0; |
136 | } |
137 | |
138 | #subbar { |
139 | background: #F4F4F3; |
140 | height: 34px; |
141 | border-bottom: 1px solid #D6D6D6; |
142 | border-top: 2px solid #ff6603; |
143 | width: 100%; |
144 | } |
145 | |
146 | #subbar .rss { |
147 | position: relative; |
148 | right: 20px; |
149 | top: 7px; |
150 | width: 21px; |
151 | height: 21px; |
152 | } |
153 | |
154 | .menu { |
155 | background: #F7F7F6; |
156 | height: 34px; |
157 | line-height: 34px; |
158 | border-left: 1px solid #D6D6D6; |
159 | border-right: 1px solid #D6D6D6; |
160 | padding: 0; |
161 | margin: 0; |
162 | } |
163 | |
164 | .menu a { |
165 | color : #74797E; |
166 | background : inherit; |
167 | text-decoration : none; |
168 | padding: 0 10px 0 10px; |
169 | line-height : 23px; |
170 | } |
171 | .menu a:hover, .menu .current { |
172 | color : #000; |
173 | background : inherit; |
174 | height : 23px; |
175 | text-decoration: underline |
176 | } |
177 | .menu ul { |
178 | list-style : none; |
179 | padding : 0; |
180 | margin : 0; |
181 | } |
182 | .menu li { |
183 | float : left; |
184 | margin : 0 0 0 0px; |
185 | display: inline; |
186 | } |
187 | |
188 | #main { |
189 | width : 958px; |
190 | background: #FFF; |
191 | margin : 0px 0 0 0; |
192 | border-left: 1px solid #D6D6D6; |
193 | border-right: 1px solid #D6D6D6; |
194 | border-bottom: 1px solid #D6D6D6; |
195 | padding: 10px 0 0 0; |
196 | } |
197 | #main .padding { |
198 | padding: 10px; |
199 | } |
200 | .right_side { |
201 | float : right; |
202 | width : 391px; |
203 | background : inherit; |
204 | overflow : hidden; |
205 | } |
206 | .right_side .pad { |
207 | padding : 0 0 10px 17px; |
208 | } |
209 | .right_side p { |
210 | padding : 0 0 5px 5px; |
211 | } |
212 | .right_side ul { |
213 | padding : 3px 0 12px 0px; |
214 | } |
215 | |
216 | .right_side li { |
217 | line-height : 22px; |
218 | list-style : none; |
219 | background: #f8f8f8 url(images/li.gif) no-repeat left; |
220 | margin-bottom: 2px; |
221 | } |
222 | .right_side li a{ |
223 | padding-left: 15px; |
224 | color: #74797E; |
225 | |
226 | } |
227 | |
228 | |
229 | .right_side a:hover { |
230 | text-decoration : underline; |
231 | color: #000; |
232 | background: inherit; |
233 | } |
234 | .right_side h3 { |
235 | color : #eee; |
236 | font : bold 1.0em Arial, Sans-Serif; |
237 | background : #404040; |
238 | width : 100%; |
239 | height : 24px; |
240 | line-height : 22px; |
241 | text-indent : 10px; |
242 | font-weight: normal; |
243 | } |
244 | |
245 | .right_side .sponsors { |
246 | margin-bottom: 5px; |
247 | width : 391px; |
248 | overflow: hidden; |
249 | |
250 | } |
251 | .right_side .sponsors img.ml { margin-right: 4px; overflow: hidden } |
252 | |
253 | .right_side .ls { |
254 | float: left; |
255 | width: 191px; |
256 | } |
257 | |
258 | .right_side .rs { |
259 | float: right; |
260 | width: 191px; |
261 | |
262 | } |
263 | |
264 | .right_side .extra { |
265 | background : #F4F4F3; |
266 | color : #454545; |
267 | border-top: 4px solid #e5e5e5; |
268 | border-bottom: 4px solid #e5e5e5; |
269 | margin-bottom: 10px; |
270 | } |
271 | |
272 | .right_side .extra .padding { padding: 10px } |
273 | |
274 | #left_side { |
275 | background : inherit; |
276 | margin-bottom : 10px; |
277 | width : 527px; |
278 | color: #454545; |
279 | } |
280 | #left_side .intro { |
281 | background : #FDFDF0; |
282 | color : #454545; |
283 | border-bottom: 4px solid #F6F6E3 |
284 | } |
285 | #left_side .intro .pad { |
286 | padding : 10px; |
287 | } |
288 | #left_side .intro a { |
289 | color : #FF6603; |
290 | text-decoration : none; |
291 | } |
292 | #left_side .intro a:hover { |
293 | color : #FF6603; |
294 | text-decoration : underline; |
295 | } |
296 | #left_side .mpart { |
297 | padding : 20px 0 0 0; |
298 | } |
299 | #left_side h2 { |
300 | background : inherit; |
301 | padding : 0; |
302 | margin : 0; |
303 | font : 1.8em verdana, Arial, Sans-Serif; |
304 | color: #404040 |
305 | } |
306 | #left_side .mpart h2 a { color: #404040; } |
307 | #left_side .mpart h3 { |
308 | background : inherit; |
309 | padding : 0; |
310 | margin : 0 0 15px 0; |
311 | font : 0.9em verdana, Arial, Sans-Serif; |
312 | color : #a5a5a5; |
313 | } |
314 | #left_side p { |
315 | color : #454545; |
316 | padding : 0; |
317 | text-align : justify; |
318 | } |
319 | |
320 | #left_side img { |
321 | float : left; |
322 | padding : 0 10px 5px 0; |
323 | } |
324 | #left_side blockquote { |
325 | padding-left : 10px; |
326 | border-left : 3px solid #a7cc44; |
327 | margin : 10px 0 10px 25px; |
328 | } |
329 | .date { |
330 | padding : 7px 10px 0 0; |
331 | margin : 10px 0 20px 0; |
332 | text-align : right; |
333 | background : #F4F4F3; |
334 | height : 26px; |
335 | width: auto; |
336 | } |
337 | .date a { |
338 | color: #74797E; |
339 | background : inherit; |
340 | } |
341 | #left_side .rs { |
342 | float : right; |
343 | margin : 0 0 0 10px; |
344 | border : 1px solid #888; |
345 | padding : 5px; |
346 | background : inherit; |
347 | } |
348 | #left_side ul { |
349 | list-style-position : inside; |
350 | margin-left : 2px; |
351 | } |
352 | #left_side ul li { |
353 | list-style-type : square; |
354 | margin-left : 15px; |
355 | } |
356 | #left_side ul ul li { |
357 | list-style : none; |
358 | margin-left : 10px; |
359 | list-style-type : lower-alpha; |
360 | list-style-position : inside; |
361 | } |
362 | #footer { |
363 | clear : both; |
364 | width : 100%; |
365 | margin : 0 0 6em 0; |
366 | padding : 10px 0px 0 10px; |
367 | color : #777; |
368 | background : inherit; |
369 | line-height : 1.7em; |
370 | } |
371 | #footer .right { |
372 | float : right; |
373 | padding-right: 20px; |
374 | } |
375 | #footer a { |
376 | text-decoration : none; |
377 | background : inherit; |
378 | } |
379 | #footer .fmenu { |
380 | background: inherit; |
381 | padding: 0; |
382 | margin: 0; |
383 | } |
384 | |
385 | #footer .fmenu a { |
386 | color : #74797E; |
387 | background : inherit; |
388 | text-decoration : none; |
389 | padding: 0 10px 0 0px; |
390 | } |
391 | #footer .fmenu a:hover { |
392 | color : #000; |
393 | background : inherit; |
394 | text-decoration: underline |
395 | } |
396 | #footer .fmenu ul { |
397 | list-style : none; |
398 | padding : 0; |
399 | margin : 0; |
400 | } |
401 | #footer .fmenu li { |
402 | float : left; |
403 | margin : 0 10px 0 0px; |
404 | display: inline; |
405 | } |
406 | |
407 | input.text { border: 1px solid #CCC; padding: 2px 5px 2px 5px; } |
408 | textarea.text { height: 150px; border: 1px solid #CCC; padding: 2px 5px 2px 5px; } |
409 | |
410 | .clear { clear:both } |
411 | |
412 | .form { width:400px; padding:3px; } |
413 | |
414 | |
415 | /*** Diff Styles ***/ |
416 | .vc_diff_header { |
417 | background-color: #ffffff; |
418 | } |
419 | .vc_diff_chunk_header { |
420 | background-color: rgb(236,187,48); |
421 | } |
422 | .vc_diff_chunk_extra { |
423 | } |
424 | .vc_diff_empty { |
425 | background-color: #cccccc; |
426 | font-family: sans-serif; |
427 | } |
428 | .vc_diff_add { |
429 | background-color: #aaffaa; |
430 | font-family: sans-serif; |
431 | } |
432 | .vc_diff_remove { |
433 | background-color: #ffaaaa; |
434 | font-family: sans-serif; |
435 | } |
436 | .vc_diff_change { |
437 | background-color: #ffff77; |
438 | font-family: sans-serif; |
439 | } |
440 | .vc_diff_change_empty { |
441 | background-color: #eeee77; |
442 | font-family: sans-serif; |
443 | } |
444 | .vc_diff_nochange { |
445 | font-family: sans-serif; |
446 | } |
447 | .vc_raw_diff { |
448 | background-color: #cccccc; |
449 | } |
450 | |
451 | /*** Intraline Diff Styles ***/ |
452 | |
453 | .vc_idiff_add { |
454 | background-color: #aaffaa; |
455 | } |
456 | .vc_idiff_change { |
457 | background-color:#ffff77; |
458 | } |
459 | .vc_idiff_remove { |
460 | background-color:#ffaaaa; |
461 | } |
462 | .vc_idiff_empty { |
463 | background-color:#e0e0e0; |
464 | } |
465 | |
466 | table.vc_idiff col.content { |
467 | width: 50%; |
468 | } |
469 | table.vc_idiff tbody { |
470 | font-family: monospace; |
471 | /* unfortunately, white-space: pre-wrap isn't widely supported ... */ |
472 | white-space: -moz-pre-wrap; /* Mozilla based browsers */ |
473 | white-space: -pre-wrap; /* Opera 4 - 6 */ |
474 | white-space: -o-pre-wrap; /* Opera >= 7 */ |
475 | white-space: pre-wrap; /* CSS3 */ |
476 | word-wrap: break-word; /* IE 5.5+ */ |
477 | } |
478 | table.vc_idiff tbody th { |
479 | background-color:#e0e0e0; |
480 | text-align:right; |
481 | } |
482 | |
483 | /*** Annotate Styles ***/ |
484 | .vc_blame_line, .vc_blame_author, .vc_blame_rev { |
485 | font-family: sans-serif; |
486 | text-align: right; |
487 | white-space: nowrap; |
488 | padding-right: 1em; |
489 | } |
490 | .vc_blame_text { |
491 | font-family: sans-serif; |
492 | text-align: left; |
493 | white-space: pre; |
494 | width: 100%; |
495 | } |
496 | |
497 |