Magellan Linux

Contents of /trunk/viewvc/magellan-template/docroot/styles.css

Parent Directory Parent Directory | Revision Log 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)
-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