| author | dadubrow |
| Wed, 20 Oct 2010 09:35:54 -0500 | |
| changeset 2163 | f0a9f2d04d4a |
| parent 260 | 2b33168fd3cf |
| child 524 | 227eeddd4067 |
| permissions | -rw-r--r-- |
| 45 | 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 |
/* 20070523-Removed top margin size to close gap between location breadcrumbs and page title */ |
|
9 |
html {
|
|
10 |
margin: 2px 10px 10px 10px; |
|
11 |
} |
|
12 |
||
13 |
/* Set default font to serif style, 12-pt and plain */ |
|
14 |
body, p, table {
|
|
|
260
2b33168fd3cf
updated body font to Verdana as per sfo guidelines
fturovic <frank.turovich@nokia.com>
parents:
45
diff
changeset
|
15 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
| 45 | 16 |
font-size: 13px; |
17 |
font-weight: normal; |
|
18 |
} |
|
19 |
||
20 |
/* Use sans-serif fonts for all title styles */ |
|
21 |
h1, h2, h3, h4, h5, h6, strong, em {
|
|
22 |
font-family: Helvetica, sans-serif; |
|
23 |
color: #000000; |
|
24 |
} |
|
25 |
||
26 |
h1 { font-size:20px }
|
|
27 |
h2 { font-size:18px }
|
|
28 |
h3 { font-size:16px }
|
|
29 |
h4 { font-size:14px }
|
|
30 |
h5 { font-size:13px }
|
|
31 |
h6 { font-size:12px }
|
|
32 |
||
33 |
/* For headlines at the top of a view, add space */ |
|
34 |
/* 20090224-changed green fade to gold header image */ |
|
35 |
h1, h2, h3 {
|
|
36 |
background-image: url(html/images/brand/gold_header.png); |
|
37 |
background-repeat: no-repeat; |
|
38 |
padding:10px 0px 10px 12px; |
|
39 |
} |
|
40 |
||
41 |
li {
|
|
42 |
margin-bottom:8px; |
|
43 |
margin-top:8px; |
|
44 |
} |
|
45 |
||
46 |
/* Footer includes space and a gray line above the company logo */ |
|
47 |
#footer {
|
|
48 |
padding-top:10px; |
|
49 |
margin-top:20px; |
|
50 |
border-top:1px solid #999; |
|
51 |
font-family: Helvetica, sans-serif; |
|
52 |
font-size: 11px; |
|
53 |
color:#333; |
|
54 |
} |
|
55 |
||
56 |
.listing {
|
|
57 |
font-family: "Courier New", Courier, mono; |
|
58 |
color: #000000; |
|
59 |
background-color: #FFFFCC; |
|
60 |
margin: 5px 0px; |
|
61 |
} |
|
62 |
||
63 |
.code, pre {
|
|
64 |
font-family: "Courier New", Courier, mono; |
|
65 |
font-size: 13px; |
|
66 |
color: #000000; |
|
67 |
} |
|
68 |
||
69 |
.step {
|
|
70 |
/* background-color: #EEE; */ |
|
71 |
/* margin: 10px 0px; */ |
|
72 |
color: #111; |
|
73 |
/* border-bottom:2px solid #EEE; */ |
|
74 |
} |
|
75 |
||
76 |
.substep {
|
|
77 |
background-color: #EEE; |
|
78 |
} |
|
79 |
||
80 |
||
81 |
/* Figure/Listing/Table titles are centered and gray */ |
|
82 |
p.table {
|
|
83 |
color: #999; |
|
84 |
font-weight: bold; |
|
85 |
padding-top: 5px; |
|
86 |
} |
|
87 |
||
88 |
table {
|
|
89 |
border: solid #999 1px; |
|
90 |
table-layout: auto; |
|
91 |
font-size: 13px; |
|
92 |
} |
|
93 |
||
94 |
td, th {
|
|
95 |
border: solid #999 1px; |
|
96 |
padding: 5px; |
|
97 |
vertical-align:top; |
|
98 |
} |
|
99 |
||
100 |
/* 20070522-replaced gray with green background to match gradiant color for title */ |
|
101 |
th {
|
|
102 |
background-color:#FDDD1F; /* background-color:#acd79b; |
|
103 |
background-color:#999; |
|
104 |
color:#FFF; */ |
|
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 |
/* Make all H4 and H5 items appear in bold gray against a light green background */ |
|
122 |
div h5, div h4 {
|
|
123 |
padding:5px 0px 5px 12px; |
|
124 |
background-color:#FFFF66; |
|
125 |
/* background-color: #EEE; */ |
|
126 |
font-weight:bold; |
|
127 |
color: #000000; |
|
128 |
} |
|
129 |
||
130 |
||
131 |
/* Notes stand out using a light top & bottom borders with dark gray text */ |
|
132 |
p.note {
|
|
133 |
/* color: #03C; */ |
|
134 |
/* background-color: #FFFF99; */ |
|
135 |
color: #333; |
|
136 |
padding: 5px; |
|
137 |
margin-left: 1em; |
|
138 |
margin-right: 1em; |
|
139 |
border-top: solid #BBB thin; |
|
140 |
border-bottom: solid #BBB thin; |
|
141 |
} |
|
142 |
||
143 |
||
144 |
/* Figure/Listing/Table titles are centered and gray */ |
|
145 |
p.figure {
|
|
146 |
color: #333; |
|
147 |
text-align: center; |
|
148 |
font-weight: bold; |
|
149 |
} |
|
150 |
||
151 |
/* highly visible red background and white text for things that need fixing before release */ |
|
152 |
/* SHOULD NOT BE PRESENT IN RELEASED PRODUCTS */ |
|
153 |
.fix {
|
|
154 |
background-color: red; |
|
155 |
font-weight: bold; |
|
156 |
color: white; |
|
157 |
} |
|
158 |
||
159 |
.question {
|
|
160 |
font-style:italic; |
|
161 |
font-weight:bold; |
|
162 |
color: #555; |
|
163 |
} |
|
164 |
||
165 |
.titleSmall {
|
|
166 |
font-family: Helvetica, sans-serif; |
|
167 |
font-size: 10px; |
|
168 |
} |
|
169 |
||
170 |
||
171 |
.plain {
|
|
172 |
font-family: Helvetica, sans-serif; |
|
173 |
font-size: 12px; |
|
174 |
font-style: normal; |
|
175 |
line-height: normal; |
|
176 |
font-weight: normal; |
|
177 |
font-variant: normal; |
|
178 |
color: #000000; |
|
179 |
text-decoration: none; |
|
180 |
} |
|
181 |
||
182 |
a:link { color: #0033CC }
|
|
183 |
a:visited { color: #555555 }
|
|
184 |
a:hover { color: #0033CC }
|