Magellan Linux

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

Parent Directory Parent Directory | Revision Log Revision Log


Revision 9 - (show annotations) (download) (as text)
Fri May 13 12:57:26 2016 UTC (7 years, 11 months ago) by niro
File MIME type: text/css
File size: 14345 byte(s)
-updated styles.css
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 /*** Icons ***/
416 .vc_icon {
417 width: 16px;
418 height: 16px;
419 border: none;
420 padding: 0 1px;
421 }
422
423 /*** Navigation Headers ***/
424 .vc_navheader {
425 # background-color: #cccccc;
426 padding: .25em;
427 }
428 .vc_navheader .pathdiv {
429 padding: 0 3px;
430 }
431
432 #/*** Table Headers ***/
433 #.vc_header {
434 # text-align: left;
435 # vertical-align: top;
436 # background-color: #cccccc;
437 #}
438 #.vc_header_sort {
439 # text-align: left;
440 # background-color: #88ff88;
441 #}
442
443 #/*** Table Rows ***/
444 #.vc_row_even {
445 # background-color: #ffffff;
446 #}
447 #.vc_row_odd {
448 # background-color: #f0f0f0;
449 #}
450 #.vc_row_special {
451 # background-color: #ffff7f;
452 #}
453
454 /*** Log messages ***/
455 .vc_log {
456 /* unfortunately, white-space: pre-wrap isn't widely supported ... */
457 white-space: -moz-pre-wrap; /* Mozilla based browsers */
458 white-space: -pre-wrap; /* Opera 4 - 6 */
459 white-space: -o-pre-wrap; /* Opera >= 7 */
460 white-space: pre-wrap; /* CSS3 */
461 word-wrap: break-word; /* IE 5.5+ */
462 }
463
464 /*** Properties Listing ***/
465 .vc_properties {
466 margin: 1em 0;
467 }
468
469 /*** File Content Markup Styles ***/
470 .vc_summary {
471 background-color: #eeeeee;
472 }
473 #vc_file td {
474 border-right-style: solid;
475 border-right-color: #505050;
476 text-decoration: none;
477 font-weight: normal;
478 font-style: normal;
479 padding: 1px 5px;
480 }
481 .vc_file_line_number {
482 border-right-width: 1px;
483 background-color: #eeeeee;
484 color: #505050;
485 text-align: right;
486 }
487 .vc_file_line_author, .vc_file_line_rev {
488 border-right-width: 1px;
489 text-align: right;
490 }
491 .vc_file_line_text {
492 border-right-width: 0px;
493 background-color: white;
494 # font-family: monospace;
495 text-align: left;
496 white-space: pre;
497 width: 100%;
498 }
499 .pygments-c { color: #408080; font-style: italic } /* Comment */
500 .pygments-err { border: 1px solid #FF0000 } /* Error */
501 .pygments-k { color: #008000; font-weight: bold } /* Keyword */
502 .pygments-o { color: #666666 } /* Operator */
503 .pygments-cm { color: #408080; font-style: italic } /* Comment.Multiline */
504 .pygments-cp { color: #BC7A00 } /* Comment.Preproc */
505 .pygments-c1 { color: #408080; font-style: italic } /* Comment.Single */
506 .pygments-cs { color: #408080; font-style: italic } /* Comment.Special */
507 .pygments-gd { color: #A00000 } /* Generic.Deleted */
508 .pygments-ge { font-style: italic } /* Generic.Emph */
509 .pygments-gr { color: #FF0000 } /* Generic.Error */
510 .pygments-gh { color: #000080; font-weight: bold } /* Generic.Heading */
511 .pygments-gi { color: #00A000 } /* Generic.Inserted */
512 .pygments-go { color: #808080 } /* Generic.Output */
513 .pygments-gp { color: #000080; font-weight: bold } /* Generic.Prompt */
514 .pygments-gs { font-weight: bold } /* Generic.Strong */
515 .pygments-gu { color: #800080; font-weight: bold } /* Generic.Subheading */
516 .pygments-gt { color: #0040D0 } /* Generic.Traceback */
517 .pygments-kc { color: #008000; font-weight: bold } /* Keyword.Constant */
518 .pygments-kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
519 .pygments-kp { color: #008000 } /* Keyword.Pseudo */
520 .pygments-kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
521 .pygments-kt { color: #B00040 } /* Keyword.Type */
522 .pygments-m { color: #666666 } /* Literal.Number */
523 .pygments-s { color: #BA2121 } /* Literal.String */
524 .pygments-na { color: #7D9029 } /* Name.Attribute */
525 .pygments-nb { color: #008000 } /* Name.Builtin */
526 .pygments-nc { color: #0000FF; font-weight: bold } /* Name.Class */
527 .pygments-no { color: #880000 } /* Name.Constant */
528 .pygments-nd { color: #AA22FF } /* Name.Decorator */
529 .pygments-ni { color: #999999; font-weight: bold } /* Name.Entity */
530 .pygments-ne { color: #D2413A; font-weight: bold } /* Name.Exception */
531 .pygments-nf { color: #0000FF } /* Name.Function */
532 .pygments-nl { color: #A0A000 } /* Name.Label */
533 .pygments-nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
534 .pygments-nt { color: #008000; font-weight: bold } /* Name.Tag */
535 .pygments-nv { color: #19177C } /* Name.Variable */
536 .pygments-ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
537 .pygments-w { color: #bbbbbb } /* Text.Whitespace */
538 .pygments-mf { color: #666666 } /* Literal.Number.Float */
539 .pygments-mh { color: #666666 } /* Literal.Number.Hex */
540 .pygments-mi { color: #666666 } /* Literal.Number.Integer */
541 .pygments-mo { color: #666666 } /* Literal.Number.Oct */
542 .pygments-sb { color: #BA2121 } /* Literal.String.Backtick */
543 .pygments-sc { color: #BA2121 } /* Literal.String.Char */
544 .pygments-sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
545 .pygments-s2 { color: #BA2121 } /* Literal.String.Double */
546 .pygments-se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
547 .pygments-sh { color: #BA2121 } /* Literal.String.Heredoc */
548 .pygments-si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
549 .pygments-sx { color: #008000 } /* Literal.String.Other */
550 .pygments-sr { color: #BB6688 } /* Literal.String.Regex */
551 .pygments-s1 { color: #BA2121 } /* Literal.String.Single */
552 .pygments-ss { color: #19177C } /* Literal.String.Symbol */
553 .pygments-bp { color: #008000 } /* Name.Builtin.Pseudo */
554 .pygments-vc { color: #19177C } /* Name.Variable.Class */
555 .pygments-vg { color: #19177C } /* Name.Variable.Global */
556 .pygments-vi { color: #19177C } /* Name.Variable.Instance */
557 .pygments-il { color: #666666 } /* Literal.Number.Integer.Long */
558
559 /*** Diff Styles ***/
560 .vc_diff_header {
561 background-color: #ffffff;
562 }
563 .vc_diff_chunk_header {
564 background-color: rgb(236,187,48);
565 }
566 .vc_diff_chunk_extra {
567 # font-size: smaller;
568 }
569 .vc_diff_empty {
570 background-color: #cccccc;
571 font-family: sans-serif;
572 # font-size: smaller;
573 }
574 .vc_diff_add {
575 background-color: #aaffaa;
576 font-family: sans-serif;
577 # font-size: smaller;
578 }
579 .vc_diff_remove {
580 background-color: #ffaaaa;
581 font-family: sans-serif;
582 # font-size: smaller;
583 }
584 .vc_diff_change {
585 background-color: #ffff77;
586 font-family: sans-serif;
587 # font-size: smaller;
588 }
589 .vc_diff_change_empty {
590 background-color: #eeee77;
591 font-family: sans-serif;
592 # font-size: smaller;
593 }
594 .vc_diff_nochange {
595 font-family: sans-serif;
596 # font-size: smaller;
597 }
598 .vc_diff_line_number {
599 }
600 .vc_raw_diff {
601 background-color: #cccccc;
602 # font-size: smaller;
603 }
604
605 /*** Intraline Diff Styles ***/
606
607 .vc_idiff_add {
608 background-color: #aaffaa;
609 }
610 .vc_idiff_change {
611 background-color:#ffff77;
612 }
613 .vc_idiff_remove {
614 background-color:#ffaaaa;
615 }
616 .vc_idiff_empty {
617 background-color:#e0e0e0;
618 }
619
620 table.vc_idiff col.content {
621 width: 50%;
622 }
623 table.vc_idiff tbody {
624 font-family: monospace;
625 /* unfortunately, white-space: pre-wrap isn't widely supported ... */
626 white-space: -moz-pre-wrap; /* Mozilla based browsers */
627 white-space: -pre-wrap; /* Opera 4 - 6 */
628 white-space: -o-pre-wrap; /* Opera >= 7 */
629 white-space: pre-wrap; /* CSS3 */
630 word-wrap: break-word; /* IE 5.5+ */
631 }
632 table.vc_idiff tbody th {
633 background-color:#e0e0e0;
634 text-align:right;
635 }
636
637 /*** Annotate Styles ***/
638 .vc_blame_line, .vc_blame_author, .vc_blame_rev {
639 font-family: sans-serif;
640 text-align: right;
641 white-space: nowrap;
642 padding-right: 1em;
643 }
644 .vc_blame_text {
645 font-family: sans-serif;
646 text-align: left;
647 white-space: pre;
648 width: 100%;
649 }
650
651 /*** Query Form ***/
652 .vc_query_form {
653 background-color: #e6e6e6;
654 }
655
656 /*** Warning! ***/
657 .vc_warning {
658 border-width: 1px 2px 2px 2px;
659 border-color: black;
660 border-style: solid;
661 background-color: red;
662 color: white;
663 padding: 0.5em;
664 }