1 /* |
1 /* |
2 Copyright (c) 2010 Nokia Corporation and/or its subsidiary(-ies). |
2 Copyright (c) 2010 Nokia Corporation and/or its subsidiary(-ies). |
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 html { |
8 html { margin: 2px 10px 10px 10px; } |
9 margin: 2px 10px 10px 10px; |
|
10 } |
|
11 |
9 |
12 /* 20091007 added verdana and ariel to list to match SFO website fonts choices */ |
10 /* 20091007 added verdana and ariel to list to match SFO website fonts choices */ |
13 body, p, table, li { |
11 body, p, table, li |
|
12 { |
14 font-family: Verdana, Ariel, Helvetica, sans-serif; |
13 font-family: Verdana, Ariel, Helvetica, sans-serif; |
15 font-size: 1.0em; |
14 font-size: 1.0em; |
16 font-size: 0.9em; |
|
17 font-weight: normal; |
15 font-weight: normal; |
18 } |
16 } |
19 |
17 |
20 h1, h2, h3, h4, h5, h6, strong, em { |
18 h1, h2, h3, h4, h5, h6, strong, em |
|
19 { |
21 font-family: Verdana, Ariel, Helvetica, sans-serif; |
20 font-family: Verdana, Ariel, Helvetica, sans-serif; |
22 color: #000000; |
21 color: #000000; |
23 } |
22 } |
24 |
23 |
25 /* 20091007 - changed sizes to use em versus px */ |
24 /* 20091007 - changed sizes to use em versus px */ |
26 h1 { font-size: 1.3em } |
25 h1 { font-size: 1.3em; } |
27 h2 { font-size: 1.2em } |
26 h2 { font-size: 1.2em; } |
28 h3 { font-size: 1.1em } |
27 h3 { font-size: 1.1em; } |
29 h4 { font-size: 1.0em } |
28 h4 { font-size: 1.0em; } |
30 h5 { font-size: 0.9em } |
29 h5 { font-size: 0.9em; } |
31 h6 { font-size: 0.8em } |
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 |
|
35 { |
36 background-image: url(html/images/gold_header.png); |
36 background-image: url(html/images/gold_header.png); |
37 background-repeat: no-repeat; |
37 background-repeat: no-repeat; |
38 padding:10px 0px 10px 12px; |
38 padding: 10px 0px 10px 12px; |
39 } |
39 } |
40 |
40 |
41 /* 20091007 SFO styling added */ |
41 /* 20091007 SFO styling added */ |
42 h1.NavTitle { font-size: 1.2em } |
42 h1.NavTitle { font-size: 1.2em; } |
43 h3 .NavListTitle { font-size: 1.1em } |
43 h3 .NavListTitle { font-size: 1.1em; } |
44 |
44 |
45 li { |
45 li |
46 margin-bottom:8px; |
46 { |
47 margin-top:8px; |
47 margin-bottom: 8px; |
48 } |
48 margin-top: 8px; |
|
49 } |
49 |
50 |
50 /* Footer includes space and a gray line above the company logo */ |
51 /* Footer includes space and a gray line above the company logo */ |
51 #footer { |
52 #footer |
52 padding-top:10px; |
53 { |
53 margin-top:20px; |
54 padding-top: 10px; |
54 border-top:1px solid #999; |
55 margin-top: 20px; |
|
56 border-top: 1px solid #999; |
55 font-family: Verdana, Ariel, Helvetica, sans-serif; |
57 font-family: Verdana, Ariel, Helvetica, sans-serif; |
56 font-size: 0.8em; |
58 font-size: 0.8em; |
57 color: #333333; |
59 color: #333333; |
58 } |
60 } |
59 |
61 |
60 .listing { |
62 .listing |
|
63 { |
61 background-color: #FFFFCC; |
64 background-color: #FFFFCC; |
62 font-family: "Courier New", Courier, mono; |
65 font-family: "Courier New", Courier, mono; |
63 font-size: 1.1em; |
66 font-size: 1.1em; |
64 color: #000000; |
67 color: #000000; |
65 margin: 5px 0px; |
68 margin: 5px 0px; |
66 } |
69 } |
67 |
70 |
68 .code, pre { |
71 .code, pre |
|
72 { |
69 font-family: "Courier New", Courier, mono; |
73 font-family: "Courier New", Courier, mono; |
70 font-size: 1.1em; |
74 font-size: 1.1em; |
71 color: #000000; |
75 color: #000000; |
72 } |
76 } |
73 |
77 |
74 .step { |
78 .step |
|
79 { |
75 /* background-color: #EEE; */ |
80 /* background-color: #EEE; */ |
76 /* margin: 10px 0px; */ |
81 /* margin: 10px 0px; */ |
77 /* color: #111; */ |
82 /* color: #111; */ |
78 /* border-bottom:2px solid #EEE; */ |
83 /* border-bottom:2px solid #EEE; */ |
79 } |
84 } |
80 |
85 |
81 .substep { |
86 .substep { background-color: #EEE; } |
82 background-color: #EEE; |
87 |
83 } |
|
84 |
|
85 |
|
86 /* Figure/Listing/Table titles are centered and gray */ |
88 /* Figure/Listing/Table titles are centered and gray */ |
87 p.table { |
89 p.table |
|
90 { |
88 color: #999; |
91 color: #999; |
89 font-weight: bold; |
92 font-weight: bold; |
90 padding-top: 5px; |
93 padding-top: 5px; |
91 } |
94 } |
92 |
95 |
93 table { |
96 table |
|
97 { |
94 border: solid #999 1px; |
98 border: solid #999 1px; |
95 table-layout: auto; |
99 table-layout: auto; |
96 } |
100 } |
97 |
101 |
98 td, th { |
102 td, th |
|
103 { |
99 border: solid #999 1px; |
104 border: solid #999 1px; |
100 padding: 5px; |
105 padding: 5px; |
101 vertical-align:top; |
106 vertical-align: top; |
102 } |
107 } |
103 |
|
104 th { |
|
105 background-color: #C9D2C9; |
|
106 } |
|
107 |
108 |
108 div.ol.p { |
109 th { background-color: #C9D2C9; } |
109 margin-left: 3em; |
110 div.ol.p { margin-left: 3em; } |
110 } |
|
111 |
111 |
112 /* Make all ordered/unordered list items appear in bold gray */ |
112 /* Make all ordered/unordered list items appear in bold gray */ |
113 div ol > li, div ul > li { |
113 div ol > li, div ul > li |
114 font-weight:bold; |
114 { |
|
115 font-weight: bold; |
115 color: #333; |
116 color: #333; |
116 } |
117 } |
117 |
118 |
118 div ol > p, div ul > p, div li > p { |
119 div ol > p, div ul > p, div li > p { font-weight: normal; } |
119 font-weight:normal; |
120 |
120 } |
121 div h5, div h4 |
121 |
122 { |
122 div h5, div h4 { |
123 padding: 5px 0px 5px 12px; |
123 padding:5px 0px 5px 12px; |
|
124 background-color: #D3DAD4; |
124 background-color: #D3DAD4; |
125 font-weight:bold; |
125 font-weight: bold; |
126 color: #000000; |
126 color: #000000; |
127 } |
127 } |
128 |
128 |
129 |
|
130 /* 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 */ |
131 p.note { |
130 p.note |
|
131 { |
132 color: #333; |
132 color: #333; |
133 padding: 5px; |
133 padding: 5px; |
134 margin-left: 1em; |
134 margin-left: 1em; |
135 margin-right: 1em; |
135 margin-right: 1em; |
136 border-top: solid #BBB thin; |
136 border-top: solid #BBB thin; |
137 border-bottom: solid #BBB thin; |
137 border-bottom: solid #BBB thin; |
138 } |
138 } |
139 |
139 |
140 |
|
141 /* Figure/Listing/Table titles are centered and gray */ |
140 /* Figure/Listing/Table titles are centered and gray */ |
142 p.figure { |
141 p.figure |
|
142 { |
143 color: #026690; |
143 color: #026690; |
144 text-align: center; |
144 text-align: center; |
145 font-weight: bold; |
145 font-weight: bold; |
146 } |
146 } |
147 |
|
148 |
147 |
149 /* highly visible red background and white text for things that need fixing before release */ |
148 /* highly visible red background and white text for things that need fixing before release */ |
150 /* SHOULD NOT BE PRESENT IN RELEASED PRODUCTS */ |
149 /* SHOULD NOT BE PRESENT IN RELEASED PRODUCTS */ |
151 .fix { |
150 .fix |
|
151 { |
152 background-color: red; |
152 background-color: red; |
153 font-weight: bold; |
153 font-weight: bold; |
154 color: white; |
154 color: white; |
155 } |
155 } |
156 |
156 |
157 .question { |
157 .question |
158 font-style:italic; |
158 { |
159 font-weight:bold; |
159 font-style: italic; |
|
160 font-weight: bold; |
160 color: #555; |
161 color: #555; |
161 } |
162 } |
162 |
163 |
163 .titleSmall { |
164 .titleSmall |
|
165 { |
164 font-family: Verdana, Ariel, Helvetica, sans-serif; |
166 font-family: Verdana, Ariel, Helvetica, sans-serif; |
165 font-size: 0.8em; |
167 font-size: 0.8em; |
166 } |
168 } |
167 |
169 |
168 |
170 .plain |
169 .plain { |
171 { |
170 font-family: Verdana, Ariel, Helvetica, sans-serif; |
172 font-family: Verdana, Ariel, Helvetica, sans-serif; |
171 font-size: 0.9em; |
173 font-size: 0.9em; |
172 font-style: normal; |
174 font-style: normal; |
173 line-height: normal; |
175 line-height: normal; |
174 font-weight: normal; |
176 font-weight: normal; |
175 font-variant: normal; |
177 font-variant: normal; |
176 color: #000000; |
178 color: #000000; |
177 text-decoration: none; |
179 text-decoration: none; |
178 } |
180 } |
179 |
181 |
180 a:link { color: #026690 } |
182 a:link { color: #026690; } |
181 a:visited { color: #555555 } |
183 a:visited { color: #555555; } |
182 a:hover { color: #FFD62C } |
184 a:hover { color: #FFD62C; } |