|
2
|
1 |
/* Overall page styles */
|
|
|
2 |
|
|
|
3 |
body {
|
|
|
4 |
background-color: white;
|
|
|
5 |
color: black;
|
|
|
6 |
}
|
|
|
7 |
|
|
|
8 |
body, .Bodytext, p, td, th, ul, ol, li, dl, dt, dd,
|
|
|
9 |
.Head1, .Head2, .Head3, h1, h2, h3, h4, h5, h6, .Author,
|
|
|
10 |
.Abstract, .Contents1, .Contents2 {
|
|
|
11 |
font-family: arial, lucida, helvetica, verdana, sans-serif;
|
|
|
12 |
font-size: 10pt;
|
|
|
13 |
}
|
|
|
14 |
|
|
|
15 |
a:link { color: #006699; }
|
|
|
16 |
a:visited { color: #663399; }
|
|
|
17 |
a:active { color: #ff9900; }
|
|
|
18 |
a:hover { color: #ff9900; }
|
|
|
19 |
|
|
|
20 |
|
|
|
21 |
/* Areas in the navigation table */
|
|
|
22 |
|
|
|
23 |
.breadcrumbNav,
|
|
|
24 |
.breadcrumbNav a:link, .breadcrumbNav a:visited {
|
|
|
25 |
color: #006699;
|
|
|
26 |
}
|
|
|
27 |
.breadcrumbNav a:link, .breadcrumbNav a:visited {
|
|
|
28 |
text-decoration: underline;
|
|
|
29 |
}
|
|
|
30 |
.breadcrumbNav {
|
|
|
31 |
margin: 0.0em;
|
|
|
32 |
padding: 0.0em;
|
|
|
33 |
text-align: left;
|
|
|
34 |
font-weight: bold;
|
|
|
35 |
}
|
|
|
36 |
.breadcrumbNav .separator {
|
|
|
37 |
color: #ff9900;
|
|
|
38 |
}
|
|
|
39 |
|
|
|
40 |
.DocSetBox {
|
|
|
41 |
background-image: none;
|
|
|
42 |
background-color: #006699; /* Symbian Blue */
|
|
|
43 |
/* color: #aaccee; */ /* Lightish blue */
|
|
|
44 |
color: #ffffff;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
.DocSetBox p {
|
|
|
48 |
font-family: meta, arial, sans-serif;
|
|
|
49 |
font-size: 12px;
|
|
|
50 |
font-weight: bold;
|
|
|
51 |
margin-left: 0.5em;
|
|
|
52 |
}
|
|
|
53 |
|
|
|
54 |
.LogoBox { border-bottom: solid #ff9900 2px; }
|
|
|
55 |
|
|
|
56 |
.DocSetBox p a:link,
|
|
|
57 |
.DocSetBox p a:visited
|
|
|
58 |
{
|
|
|
59 |
color: white;
|
|
|
60 |
text-decoration: none;
|
|
|
61 |
}
|
|
|
62 |
|
|
|
63 |
.DocSetBottomBox {
|
|
|
64 |
background-image: none;
|
|
|
65 |
background-color: white;
|
|
|
66 |
/* background-color: #b4daed; */ /* mid Blue of gradient.jpg */
|
|
|
67 |
/* background-color: #f5fafe; */ /* Lightest Blue of gradient.jpg */
|
|
|
68 |
/* background-color: #006699; */ /* Symbian Blue */
|
|
|
69 |
color: #006699; /* Symbian blue */
|
|
|
70 |
/* color: #aaccee; */ /* Lightish blue */
|
|
|
71 |
/* color: #ffffff; */ /* white */
|
|
|
72 |
/* border-bottom: solid #ff9900 2px; */ /* Red horizontal line at bottom */
|
|
|
73 |
}
|
|
|
74 |
|
|
|
75 |
.DocSetBottomBox p {
|
|
|
76 |
font-family: meta, arial, sans-serif;
|
|
|
77 |
font-size: 12px;
|
|
|
78 |
font-weight: bold;
|
|
|
79 |
margin-left: 0.5em;
|
|
|
80 |
}
|
|
|
81 |
|
|
|
82 |
.DocSetBottomBox p a:link,
|
|
|
83 |
.DocSetBottomBox p a:visited
|
|
|
84 |
{
|
|
|
85 |
color: white;
|
|
|
86 |
text-decoration: none;
|
|
|
87 |
}
|
|
|
88 |
|
|
|
89 |
.ButtonBox {
|
|
|
90 |
background-color: white; /* contrast with dark-blue image text */
|
|
|
91 |
color: black; /* for imageless people */
|
|
|
92 |
color: #006699; /* Symbian blue */
|
|
|
93 |
/*
|
|
|
94 |
Background image must be defined separately in each file due to
|
|
|
95 |
widespread lack of standards compliance in UAs.
|
|
|
96 |
*/
|
|
|
97 |
}
|
|
|
98 |
|
|
|
99 |
.ButtonBottomBox {
|
|
|
100 |
background-color: white;
|
|
|
101 |
/* background-color: #b4daed; */ /* mid Blue of gradient.jpg */
|
|
|
102 |
/* background-color: white; */ /* contrast with dark-blue image text */
|
|
|
103 |
color: black; /* for imageless people */
|
|
|
104 |
color: #006699; /* Symbian blue */
|
|
|
105 |
/* border-bottom: solid #ff9900 2px; */ /* Red horizontal line at bottom */
|
|
|
106 |
/*
|
|
|
107 |
Background image must be defined separately in each file due to
|
|
|
108 |
widespread lack of standards compliance in UAs.
|
|
|
109 |
*/
|
|
|
110 |
}
|
|
|
111 |
|
|
|
112 |
.ButtonBox p,
|
|
|
113 |
.ButtonBottomBox p,
|
|
|
114 |
.DocSetBox p,
|
|
|
115 |
.DocSetBottomBox p
|
|
|
116 |
{
|
|
|
117 |
margin-top: 0em;
|
|
|
118 |
margin-bottom: 0em;
|
|
|
119 |
padding-top: 1px;
|
|
|
120 |
padding-bottom: 1px;
|
|
|
121 |
}
|
|
|
122 |
|
|
|
123 |
|
|
|
124 |
.copyrightStatement {
|
|
|
125 |
font-size: 12px;
|
|
|
126 |
color: #006699; /* Symbian blue */
|
|
|
127 |
}
|
|
|
128 |
|
|
|
129 |
|
|
|
130 |
/* Ordinary items in the main area */
|
|
|
131 |
|
|
|
132 |
h1, h2, h3, h4, h5, h6 {
|
|
|
133 |
font-family: arial, lucida, helvetica, verdana, sans-serif;
|
|
|
134 |
font-weight: normal;
|
|
|
135 |
font-style: normal;
|
|
|
136 |
font-weight: bold;
|
|
|
137 |
color: #333333;
|
|
|
138 |
padding-left: 0.1em;
|
|
|
139 |
}
|
|
|
140 |
|
|
|
141 |
|
|
|
142 |
h1 { font-size: 180%; color: #FF9900;} /* Symbian Orange */
|
|
|
143 |
h2 { font-size: 140%; color: #006699;} /* Symbian Blue */
|
|
|
144 |
h3 { font-size: 120%; }
|
|
|
145 |
h4 { font-size: 100%; padding-left: 0em; }
|
|
|
146 |
h5 { font-size: 100%; padding-left: 0em; }
|
|
|
147 |
h6 { font-size: 100%; padding-left: 0em; }
|
|
|
148 |
|
|
|
149 |
.Title { text-align: left; font-weight: bold; font-size: 180%; }
|
|
|
150 |
.Author { text-align: right; font-style: italic;}
|
|
|
151 |
.Abstract { margin-left: 9%; margin-right: 2%; font-style: italic; font-size: 12pt;
|
|
|
152 |
font-family: arial, lucida, helvetica, verdana,
|
|
|
153 |
sans-serif; font-weight: normal;}
|
|
|
154 |
.Contents1 {margin-left: 3%; margin-right: 2%;}
|
|
|
155 |
.Contents2 {margin-left: 9%; margin-right: 2%;}
|
|
|
156 |
.Head1 { margin-left: 0%; }
|
|
|
157 |
.Head2 { margin-left: 3%; }
|
|
|
158 |
.Head3 { margin-left: 6%; }
|
|
|
159 |
.Bodytext { margin-left: 9%; margin-right: 2%; }
|
|
|
160 |
|
|
|
161 |
code, pre, .CodeBlock, tt, kbd, samp {
|
|
|
162 |
font-family: courier new, courier, lucida console,
|
|
|
163 |
lucida typewriter, monospace;
|
|
|
164 |
}
|
|
|
165 |
|
|
|
166 |
|
|
|
167 |
/* Blocks of special information */
|
|
|
168 |
|
|
|
169 |
.Structure, .CodeBlock, .Prototype, .Instructions, .Process, .Concept,
|
|
|
170 |
.Guideline, .DataDescription, .Classification, .Example
|
|
|
171 |
{
|
|
|
172 |
padding: 0.33em;
|
|
|
173 |
border: solid white 1px; /* Netscape 4.x workaround. */
|
|
|
174 |
background-color: #EEE;
|
|
|
175 |
display: block;
|
|
|
176 |
width: 100%;
|
|
|
177 |
margin-right: 1%;
|
|
|
178 |
}
|
|
|
179 |
|
|
|
180 |
|
|
|
181 |
.CodeBlock,
|
|
|
182 |
.Prototype
|
|
|
183 |
{
|
|
|
184 |
border: solid white 1px;
|
|
|
185 |
background-color: #EEE;
|
|
|
186 |
}
|
|
|
187 |
|
|
|
188 |
|
|
|
189 |
/* CodeBlocks in blue boxes want to be blue too. */
|
|
|
190 |
|
|
|
191 |
.Structure .CodeBlock,
|
|
|
192 |
.Instructions .CodeBlock,
|
|
|
193 |
.Process .CodeBlock,
|
|
|
194 |
.Concept .CodeBlock,
|
|
|
195 |
.Guideline .CodeBlock,
|
|
|
196 |
.DataDescription .CodeBlock,
|
|
|
197 |
.Classification .CodeBlock,
|
|
|
198 |
.Example .CodeBlock
|
|
|
199 |
{
|
|
|
200 |
background-color: #EEE;
|
|
|
201 |
border: solid #dddddd 1px;
|
|
|
202 |
}
|
|
|
203 |
|
|
|
204 |
|
|
|
205 |
/* Tables. It would be nice to have the cell and border colours adapt
|
|
|
206 |
to whatever the background colour is rather than just being grey. */
|
|
|
207 |
|
|
|
208 |
td.Cell {
|
|
|
209 |
background-color: white;
|
|
|
210 |
color: black;
|
|
|
211 |
text-align: left;
|
|
|
212 |
}
|
|
|
213 |
|
|
|
214 |
th.Cell {
|
|
|
215 |
background-color: #eeeeee;
|
|
|
216 |
color: black;
|
|
|
217 |
text-align: left;
|
|
|
218 |
font-weight: bold;
|
|
|
219 |
}
|
|
|
220 |
|
|
|
221 |
.TableWrap, .ValueTableWrap {
|
|
|
222 |
background-color: #aaaaaa;
|
|
|
223 |
color: white;
|
|
|
224 |
}
|
|
|
225 |
|
|
|
226 |
/* Figures */
|
|
|
227 |
|
|
|
228 |
/* This was messing up IE5's tables...
|
|
|
229 |
.Figure {
|
|
|
230 |
margin-left: 5%;
|
|
|
231 |
margin-right: 5%;
|
|
|
232 |
}
|
|
|
233 |
*/
|
|
|
234 |
|
|
|
235 |
.Figure .Caption, .Figure .Image, .RelatedItems .Image {
|
|
|
236 |
text-align: center;
|
|
|
237 |
}
|
|
|
238 |
|
|
|
239 |
.Caption {
|
|
|
240 |
font-style: italic;
|
|
|
241 |
}
|
|
|
242 |
|
|
|
243 |
|
|
|
244 |
/* Other */
|
|
|
245 |
|
|
|
246 |
.unresolvedLink {
|
|
|
247 |
color: #ff0000;
|
|
|
248 |
background-color: #ffddbb;
|
|
|
249 |
}
|
|
|
250 |
|
|
|
251 |
|
|
|
252 |
/* Glossary layout */
|
|
|
253 |
|
|
|
254 |
/*
|
|
|
255 |
.Glossary dd p,
|
|
|
256 |
.Glossary dd ul,
|
|
|
257 |
.Glossary dd ol
|
|
|
258 |
{ margin: 0.5em; }
|
|
|
259 |
*/
|
|
|
260 |
|
|
|
261 |
/*
|
|
|
262 |
.Glossary dd,
|
|
|
263 |
{
|
|
|
264 |
margin-top: 1.0em;
|
|
|
265 |
}
|
|
|
266 |
*/
|
|
|
267 |
|
|
|
268 |
.Glossary dt { margin-top: 1.5em; }
|
|
|
269 |
|
|
|
270 |
.highlight { color: white; background: #006699; font-weight: bold; }
|
|
|
271 |
|
|
|
272 |
.searchheading { font-weight: bold; }
|
|
|
273 |
|
|
|
274 |
.summary { color: red; }
|
|
|
275 |
|
|
|
276 |
.Portal_heading a:link, .Portal_heading a:visited {
|
|
|
277 |
color: #006699;
|
|
|
278 |
font-weight: bold;
|
|
|
279 |
text-decoration: none;
|
|
|
280 |
}
|
|
|
281 |
|
|
|
282 |
.Portal_heading {
|
|
|
283 |
background-image: none;
|
|
|
284 |
color: #006699;
|
|
|
285 |
font-family: meta, arial, sans-serif;
|
|
|
286 |
font-size: 12px;
|
|
|
287 |
font-weight: bold;
|
|
|
288 |
margin-left: 0.5em;
|
|
|
289 |
} |