|
1 /* |
|
2 Copyright (c) 2009 Nokia Corporation and/or its subsidiary(-ies). All rights reserved. |
|
3 License: http://www.symbianfoundation.org/legal/epl-v10.html. |
|
4 |
|
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: 0px 10px 10px 10px; |
|
11 } |
|
12 |
|
13 /* Set default font to serif style, 12-pt and plain */ |
|
14 body, p, table { |
|
15 font-family: Georgia, "Times New Roman", Times, serif; |
|
16 font-size: 12px; |
|
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:12px } |
|
31 h6 { font-size:10px } |
|
32 |
|
33 /* For headlines at the top of a view, add space */ |
|
34 /* 20070522-added gradiant to background to update visual style of docs */ |
|
35 h1, h2, h3 { |
|
36 background-image: url(html/images/green_fade_left_68_165_28.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: Verdana, Arial, Helvetica, sans-serif; |
|
52 font-size: 10px; |
|
53 color: #03C; |
|
54 } |
|
55 |
|
56 .listing { |
|
57 font-family: "Courier New", Courier, mono; |
|
58 color: #009; |
|
59 background-color: #EEE; |
|
60 padding: 10px 0px; |
|
61 margin: 10px 0px; |
|
62 } |
|
63 |
|
64 .code, pre { |
|
65 font-family: "Courier New", Courier, mono; |
|
66 font-size: 11px; |
|
67 color: #333; |
|
68 } |
|
69 |
|
70 .step { |
|
71 /* background-color: #EEE; */ |
|
72 /* margin: 10px 0px; */ |
|
73 color: #333; |
|
74 border-bottom:2px solid #EEE; |
|
75 } |
|
76 |
|
77 .substep { |
|
78 background-color: #EEE; |
|
79 } |
|
80 |
|
81 |
|
82 /* Figure/Listing/Table titles are centered and gray */ |
|
83 p.table { |
|
84 color: #999; |
|
85 font-weight: bold; |
|
86 padding-top: 5px; |
|
87 } |
|
88 |
|
89 table { |
|
90 border: solid #999 1px; |
|
91 table-layout: auto; |
|
92 font-size: 12px; |
|
93 } |
|
94 |
|
95 td, th { |
|
96 border: solid #999 1px; |
|
97 padding: 5px; |
|
98 vertical-align:top; |
|
99 } |
|
100 |
|
101 /* 20070522-replaced gray with green background to match gradiant color for title */ |
|
102 th { |
|
103 background-color:#ACD79B; |
|
104 /* background-color:#999; |
|
105 color:#FFF; */ |
|
106 } |
|
107 |
|
108 div.ol.p { |
|
109 margin-left: 3em; |
|
110 } |
|
111 |
|
112 /* Make all ordered/unordered list items appear in bold gray */ |
|
113 div ol > li, div ul > li { |
|
114 font-weight:bold; |
|
115 color: #333; |
|
116 } |
|
117 |
|
118 div ol > p, div ul > p, div li > p { |
|
119 font-weight:normal; |
|
120 } |
|
121 |
|
122 /* Make all H4 and H5 items appear in bold gray against a light green background */ |
|
123 div h5, div h4 { |
|
124 padding:5px 0px 5px 12px; |
|
125 background-color:#ECFBEA; |
|
126 /* background-color: #EEE; */ |
|
127 font-weight:bold; |
|
128 color: #333; |
|
129 } |
|
130 |
|
131 |
|
132 /* Notes stand out using a light top & bottom borders with dark gray text */ |
|
133 p.note { |
|
134 /* color: #03C; */ |
|
135 /* background-color: #FFFF99; */ |
|
136 color: #333; |
|
137 padding: 5px; |
|
138 margin-left: 1em; |
|
139 margin-right: 1em; |
|
140 border-top: solid #BBB thin; |
|
141 border-bottom: solid #BBB thin; |
|
142 } |
|
143 |
|
144 |
|
145 /* Figure/Listing/Table titles are centered and gray */ |
|
146 p.figure { |
|
147 color: #333; |
|
148 text-align: center; |
|
149 font-weight: bold; |
|
150 } |
|
151 |
|
152 /* highly visible red background and white text for things that need fixing before release */ |
|
153 /* SHOULD NOT BE PRESENT IN RELEASED PRODUCTS */ |
|
154 .fix { |
|
155 background-color: red; |
|
156 font-weight: bold; |
|
157 color: white; |
|
158 } |
|
159 |
|
160 .question { |
|
161 font-style:italic; |
|
162 font-weight:bold; |
|
163 color: #555; |
|
164 } |
|
165 |
|
166 .titleSmall { |
|
167 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
168 font-size: 10px; |
|
169 } |
|
170 |
|
171 |
|
172 .plain { |
|
173 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
174 font-size: 12px; |
|
175 font-style: normal; |
|
176 line-height: normal; |
|
177 font-weight: normal; |
|
178 font-variant: normal; |
|
179 color: #000000; |
|
180 text-decoration: none; |
|
181 } |
|
182 |
|
183 a:link { color: #0033CC } |
|
184 a:visited { color: #555555 } |
|
185 a:hover { color: #0033CC } |
|
186 |