3 All rights reserved. |
3 All rights reserved. |
4 License: http://www.eclipse.org/legal/epl-v10.html |
4 License: http://www.eclipse.org/legal/epl-v10.html |
5 */ |
5 */ |
6 |
6 |
7 /* Add whitespace around entire display to avoid crowding edges of view */ |
7 /* Add whitespace around entire display to avoid crowding edges of view */ |
8 /* 20070523-Removed top margin size to close gap between location breadcrumbs and page title */ |
|
9 html { |
8 html { |
10 margin: 2px 10px 10px 10px; |
9 margin: 2px 10px 10px 10px; |
11 } |
10 } |
12 |
11 |
13 /* Set default font to serif style, 12-pt and plain */ |
12 /* 20091007 added verdana and ariel to list to match SFO website fonts choices */ |
14 body, p, table { |
13 body, p, table { |
15 font-family: Verdana, Arial, Helvetica, sans-serif; |
14 font-family: Verdana, Ariel, Helvetica, sans-serif; |
16 font-size: 13px; |
15 font-size: 0.9em; |
17 font-weight: normal; |
16 font-weight: normal; |
18 } |
17 } |
19 |
18 |
20 /* Use sans-serif fonts for all title styles */ |
|
21 h1, h2, h3, h4, h5, h6, strong, em { |
19 h1, h2, h3, h4, h5, h6, strong, em { |
22 font-family: Helvetica, sans-serif; |
20 font-family: Verdana, Ariel, Helvetica, sans-serif; |
23 color: #000000; |
21 color: #000000; |
24 } |
22 } |
25 |
23 |
26 h1 { font-size:20px } |
24 /* 20091007 - changed sizes to use em versus px */ |
27 h2 { font-size:18px } |
25 h1 { font-size: 1.3em } |
28 h3 { font-size:16px } |
26 h2 { font-size: 1.2em } |
29 h4 { font-size:14px } |
27 h3 { font-size: 1.1em } |
30 h5 { font-size:13px } |
28 h4 { font-size: 1.0em } |
31 h6 { font-size:12px } |
29 h5 { font-size: 0.9em } |
|
30 h6 { font-size: 0.8em } |
32 |
31 |
33 /* For headlines at the top of a view, add space */ |
32 /* For headlines at the top of a view, add space */ |
34 /* 20090224-changed green fade to gold header image */ |
33 /* 20090224-changed green fade to gold header image */ |
35 h1, h2, h3 { |
34 h1, h2, h3 { |
36 background-image: url(icons/gold_header.png); |
35 background-image: url(icons/gold_header.png); |
46 /* Footer includes space and a gray line above the company logo */ |
45 /* Footer includes space and a gray line above the company logo */ |
47 #footer { |
46 #footer { |
48 padding-top:10px; |
47 padding-top:10px; |
49 margin-top:20px; |
48 margin-top:20px; |
50 border-top:1px solid #999; |
49 border-top:1px solid #999; |
51 font-family: Helvetica, sans-serif; |
50 font-family: Verdana, Ariel, Helvetica, sans-serif; |
52 font-size: 11px; |
51 font-size: 0.8em; |
53 color:#333; |
52 color: #333333; |
54 } |
53 } |
55 |
54 |
56 .listing { |
55 .listing { |
|
56 background-color: #ffe869; |
57 font-family: "Courier New", Courier, mono; |
57 font-family: "Courier New", Courier, mono; |
|
58 font-size: 1.1em; |
58 color: #000000; |
59 color: #000000; |
59 background-color: #FFFFCC; |
|
60 margin: 5px 0px; |
60 margin: 5px 0px; |
61 } |
61 } |
62 |
62 |
63 .code, pre { |
63 .code, pre { |
64 font-family: "Courier New", Courier, mono; |
64 font-family: "Courier New", Courier, mono; |
65 font-size: 13px; |
65 font-size: 1.1em; |
66 color: #000000; |
66 color: #000000; |
67 } |
67 } |
68 |
68 |
69 .step { |
69 .step { |
70 /* background-color: #EEE; */ |
70 /* background-color: #EEE; */ |
71 /* margin: 10px 0px; */ |
71 /* margin: 10px 0px; */ |
72 color: #111; |
72 /* color: #111; */ |
73 /* border-bottom:2px solid #EEE; */ |
73 /* border-bottom:2px solid #EEE; */ |
74 } |
74 } |
75 |
75 |
76 .substep { |
76 .substep { |
77 background-color: #EEE; |
77 background-color: #EEE; |
116 |
112 |
117 div ol > p, div ul > p, div li > p { |
113 div ol > p, div ul > p, div li > p { |
118 font-weight:normal; |
114 font-weight:normal; |
119 } |
115 } |
120 |
116 |
121 /* Make all H4 and H5 items appear in bold gray against a light green background */ |
|
122 div h5, div h4 { |
117 div h5, div h4 { |
123 padding:5px 0px 5px 12px; |
118 padding:5px 0px 5px 12px; |
124 background-color:#FFFF66; |
119 background-color: #ffd62c; |
125 /* background-color: #EEE; */ |
|
126 font-weight:bold; |
120 font-weight:bold; |
127 color: #000000; |
121 color: #000000; |
128 } |
122 } |
129 |
123 |
130 |
124 |
131 /* Notes stand out using a light top & bottom borders with dark gray text */ |
125 /* Notes stand out using a light top & bottom borders with dark gray text */ |
132 p.note { |
126 p.note { |
133 /* color: #03C; */ |
|
134 /* background-color: #FFFF99; */ |
|
135 color: #333; |
127 color: #333; |
136 padding: 5px; |
128 padding: 5px; |
137 margin-left: 1em; |
129 margin-left: 1em; |
138 margin-right: 1em; |
130 margin-right: 1em; |
139 border-top: solid #BBB thin; |
131 border-top: solid #BBB thin; |
161 font-weight:bold; |
154 font-weight:bold; |
162 color: #555; |
155 color: #555; |
163 } |
156 } |
164 |
157 |
165 .titleSmall { |
158 .titleSmall { |
166 font-family: Helvetica, sans-serif; |
159 font-family: Verdana, Ariel, Helvetica, sans-serif; |
167 font-size: 11px; |
160 font-size: 0.8em; |
168 } |
161 } |
169 |
162 |
170 |
163 |
171 .plain { |
164 .plain { |
172 font-family: Helvetica, sans-serif; |
165 font-family: Verdana, Ariel, Helvetica, sans-serif; |
173 font-size: 12px; |
166 font-size: 0.9em; |
174 font-style: normal; |
167 font-style: normal; |
175 line-height: normal; |
168 line-height: normal; |
176 font-weight: normal; |
169 font-weight: normal; |
177 font-variant: normal; |
170 font-variant: normal; |
178 color: #000000; |
171 color: #000000; |
179 text-decoration: none; |
172 text-decoration: none; |
180 } |
173 } |
181 |
174 |
182 a:link { color: #0033CC } |
175 a:link { color: #026690 } |
183 a:visited { color: #555555 } |
176 a:visited { color: #555555 } |
184 a:hover { color: #0033CC } |
177 aa:hover { color: #FFD62C } |