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(html/images/brand/gold_header.png); |
35 background-image: url(html/images/brand/gold_header.png); |
37 background-repeat: no-repeat; |
36 background-repeat: no-repeat; |
38 padding:10px 0px 10px 12px; |
37 padding:10px 0px 10px 12px; |
39 } |
38 } |
|
39 |
|
40 /* 20091007 SFO styling added */ |
|
41 h1.NavTitle { font-size: 1.2em } |
|
42 h3 .NavListTitle { font-size: 1.1em } |
40 |
43 |
41 li { |
44 li { |
42 margin-bottom:8px; |
45 margin-bottom:8px; |
43 margin-top:8px; |
46 margin-top:8px; |
44 } |
47 } |
46 /* Footer includes space and a gray line above the company logo */ |
49 /* Footer includes space and a gray line above the company logo */ |
47 #footer { |
50 #footer { |
48 padding-top:10px; |
51 padding-top:10px; |
49 margin-top:20px; |
52 margin-top:20px; |
50 border-top:1px solid #999; |
53 border-top:1px solid #999; |
51 font-family: Helvetica, sans-serif; |
54 font-family: Verdana, Ariel, Helvetica, sans-serif; |
52 font-size: 11px; |
55 font-size: 0.8em; |
53 color:#333; |
56 color: #333333; |
54 } |
57 } |
55 |
58 |
56 .listing { |
59 .listing { |
|
60 background-color: #ffe869; |
57 font-family: "Courier New", Courier, mono; |
61 font-family: "Courier New", Courier, mono; |
|
62 font-size: 1.1em; |
58 color: #000000; |
63 color: #000000; |
59 background-color: #FFFFCC; |
|
60 margin: 5px 0px; |
64 margin: 5px 0px; |
61 } |
65 } |
62 |
66 |
63 .code, pre { |
67 .code, pre { |
64 font-family: "Courier New", Courier, mono; |
68 font-family: "Courier New", Courier, mono; |
65 font-size: 13px; |
69 font-size: 1.1em; |
66 color: #000000; |
70 color: #000000; |
67 } |
71 } |
68 |
72 |
69 .step { |
73 .step { |
70 /* background-color: #EEE; */ |
74 /* background-color: #EEE; */ |
71 /* margin: 10px 0px; */ |
75 /* margin: 10px 0px; */ |
72 color: #111; |
76 /* color: #111; */ |
73 /* border-bottom:2px solid #EEE; */ |
77 /* border-bottom:2px solid #EEE; */ |
74 } |
78 } |
75 |
79 |
76 .substep { |
80 .substep { |
77 background-color: #EEE; |
81 background-color: #EEE; |
116 |
116 |
117 div ol > p, div ul > p, div li > p { |
117 div ol > p, div ul > p, div li > p { |
118 font-weight:normal; |
118 font-weight:normal; |
119 } |
119 } |
120 |
120 |
121 /* Make all H4 and H5 items appear in bold gray against a light green background */ |
|
122 div h5, div h4 { |
121 div h5, div h4 { |
123 padding:5px 0px 5px 12px; |
122 padding:5px 0px 5px 12px; |
124 background-color:#FFFF66; |
123 background-color: #ffd62c; |
125 /* background-color: #EEE; */ |
|
126 font-weight:bold; |
124 font-weight:bold; |
127 color: #000000; |
125 color: #000000; |
128 } |
126 } |
129 |
127 |
130 |
128 |
131 /* Notes stand out using a light top & bottom borders with dark gray text */ |
129 /* Notes stand out using a light top & bottom borders with dark gray text */ |
132 p.note { |
130 p.note { |
133 /* color: #03C; */ |
|
134 /* background-color: #FFFF99; */ |
|
135 color: #333; |
131 color: #333; |
136 padding: 5px; |
132 padding: 5px; |
137 margin-left: 1em; |
133 margin-left: 1em; |
138 margin-right: 1em; |
134 margin-right: 1em; |
139 border-top: solid #BBB thin; |
135 border-top: solid #BBB thin; |
161 font-weight:bold; |
158 font-weight:bold; |
162 color: #555; |
159 color: #555; |
163 } |
160 } |
164 |
161 |
165 .titleSmall { |
162 .titleSmall { |
166 font-family: Helvetica, sans-serif; |
163 font-family: Verdana, Ariel, Helvetica, sans-serif; |
167 font-size: 10px; |
164 font-size: 0.8em; |
168 } |
165 } |
169 |
166 |
170 |
167 |
171 .plain { |
168 .plain { |
172 font-family: Helvetica, sans-serif; |
169 font-family: Verdana, Ariel, Helvetica, sans-serif; |
173 font-size: 12px; |
170 font-size: 0.9em; |
174 font-style: normal; |
171 font-style: normal; |
175 line-height: normal; |
172 line-height: normal; |
176 font-weight: normal; |
173 font-weight: normal; |
177 font-variant: normal; |
174 font-variant: normal; |
178 color: #000000; |
175 color: #000000; |
179 text-decoration: none; |
176 text-decoration: none; |
180 } |
177 } |
181 |
178 |
182 a:link { color: #0033CC } |
179 a:link { color: #026690 } |
183 a:visited { color: #555555 } |
180 a:visited { color: #555555 } |
184 a:hover { color: #0033CC } |
181 a:hover { color: #FFD62C } |