Contents of /trunk/viewvc/magellan-template/docroot/styles.css
Parent Directory | 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)
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 | } |