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