|
1 html, body, div, span, applet, object, iframe, |
|
2 h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
3 a, abbr, acronym, address, big, cite, code, |
|
4 del, dfn, em, font, img, ins, kbd, q, s, samp, |
|
5 small, strike, strong, sub, sup, tt, var, |
|
6 dl, dt, dd, ol, ul, li, |
|
7 fieldset, form, label, legend, |
|
8 table, caption, tbody, tfoot, thead, tr, th, td { |
|
9 margin: 0; |
|
10 padding: 0; |
|
11 border: 0; |
|
12 outline: 0; |
|
13 font-weight: inherit; |
|
14 font-style: inherit; |
|
15 font-size: 100%; |
|
16 font-family: inherit; |
|
17 vertical-align: baseline; |
|
18 } |
|
19 fieldset { |
|
20 border: 1px solid black; padding: 8px; margin: 8px 0; |
|
21 } |
|
22 /* remember to define focus styles! */ |
|
23 :focus { |
|
24 outline: 0; |
|
25 } |
|
26 body { |
|
27 line-height: 1; |
|
28 color: black; |
|
29 background: white; |
|
30 } |
|
31 |
|
32 body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif } |
|
33 body { margin: 0; padding: 0; font-size: small; color: #333 } |
|
34 h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 } |
|
35 h1 { font-size: large } |
|
36 #main { padding: 1em; } |
|
37 #banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc; |
|
38 background: url(bg.gif) repeat-x; text-align: center } |
|
39 #banner a { color: white; } |
|
40 legend { font-weight: bold; } |
|
41 |
|
42 button { padding: 0 6px; margin: 0; } |
|
43 |
|
44 pre, code { white-space: pre; font-family: "Courier New"; } |
|
45 pre { margin: 8px 0; } |
|
46 h3 { |
|
47 font-size: 110%; |
|
48 font-weight: bold; |
|
49 margin: .2em 0 .5em 0; |
|
50 } |
|
51 p { margin: 1em 0; } |
|
52 strong { font-weight: bolder; } |
|
53 em { font-style: italic; } |
|
54 |
|
55 .jscom, .mix htcom { color: #4040c2; } |
|
56 .com { color: green; } |
|
57 .regexp { color: maroon; } |
|
58 .string { color: teal; } |
|
59 .keywords { color: blue; } |
|
60 .global { color: #008; } |
|
61 .numbers { color: #880; } |
|
62 .comm { color: green; } |
|
63 .tag { color: blue; } |
|
64 .entity { color: blue; } |
|
65 .string { color: teal; } |
|
66 .aname { color: maroon; } |
|
67 .avalue { color: maroon; } |
|
68 .jquery { color: #00a; } |
|
69 .plugin { color: red; } |
|
70 |
|
71 #tooltip.pretty { |
|
72 font-family: Arial; |
|
73 border: none; |
|
74 width: 210px; |
|
75 padding:20px; |
|
76 height: 135px; |
|
77 opacity: 0.8; |
|
78 background: url('shadow.png'); |
|
79 } |
|
80 #tooltip.pretty h3 { |
|
81 margin-bottom: 0.75em; |
|
82 font-size: 12pt; |
|
83 width: 220px; |
|
84 text-align: center; |
|
85 } |
|
86 #tooltip.pretty div { width: 220px; text-align: left; } |
|
87 |
|
88 #tooltip.fancy { |
|
89 background: url('shadow2.png'); |
|
90 padding-top: 5em; |
|
91 height: 100px; |
|
92 } |
|
93 #tooltip.fancy.viewport-right { |
|
94 background: url('shadow2-reverse.png'); |
|
95 } |
|
96 |
|
97 #extended { margin: 2em 0; } |
|
98 #extended label { text-decoration: underline; } |
|
99 #yahoo { width: 7em; } |
|
100 #right, #right2 { text-align: right; } |
|
101 #tooltip.right { width: 250px; } |
|
102 #fancy2 { float: right; } |