|
1 /* |
|
2 Copyright (c) 2009 Nokia Corporation and/or its subsidiary(-ies). All rights reserved. |
|
3 License: http://www.eclipse.org/legal/epl-v10.html. |
|
4 */ |
|
5 |
|
6 /* Add whitespace around entire display to avoid crowding edges of view */ |
|
7 html { |
|
8 margin: 10px; |
|
9 /* fixes gray backgrounds when displayed in external browsers */ |
|
10 background-color:#FFFFFF; |
|
11 } |
|
12 |
|
13 /* Set default font to serif style, 12-pt and plain */ |
|
14 body { |
|
15 font-family: Georgia, "Times New Roman", Times, serif; |
|
16 font-size: 12px; |
|
17 font-weight: plain; |
|
18 } |
|
19 |
|
20 /* Use sans-serif fonts for all title styles and Nokia blue */ |
|
21 h1, h2, h3, h4, h5, h6, strong, em { |
|
22 font-family: Arial, Helvetica, sans-serif; |
|
23 color: #333; |
|
24 } |
|
25 |
|
26 strong{ |
|
27 color: #333; |
|
28 } |
|
29 |
|
30 /* For headlines at the top of a view, add space and a gray line underneath */ |
|
31 h2, h3 { |
|
32 padding:10px 0px; |
|
33 border-bottom:1px solid #BBB; |
|
34 } |
|
35 |
|
36 li { |
|
37 margin-bottom:8px; |
|
38 margin-top:8px; |
|
39 } |
|
40 |
|
41 |
|
42 /* Footer includes space and a gray line above the company logo */ |
|
43 #footer { |
|
44 padding-top:10px; |
|
45 margin-top:20px; |
|
46 border-top:1px solid #999; |
|
47 font-family: Arial, Helvetica, sans-serif; |
|
48 font-size: 11px; |
|
49 color: #333; |
|
50 } |
|
51 |
|
52 .listing { |
|
53 font-family: "Courier New", Courier, mono; |
|
54 color: #009; |
|
55 background-color: #EEE; |
|
56 padding: 10px 0px; |
|
57 margin: 10px 0px; |
|
58 } |
|
59 |
|
60 .code, pre { |
|
61 font-family: "Courier New", Courier, mono; |
|
62 font-size: 12px; |
|
63 color: #333; |
|
64 } |
|
65 |
|
66 .step { |
|
67 /* background-color: #EEE; */ |
|
68 /* margin: 10px 0px; */ |
|
69 color: #333; |
|
70 border-bottom:2px solid #EEE; |
|
71 } |
|
72 |
|
73 .substep { |
|
74 background-color: #EEE; |
|
75 } |
|
76 |
|
77 |
|
78 /* Figure/Listing/Table titles are centered and gray */ |
|
79 p.table { |
|
80 color: #999; |
|
81 font-weight: bold; |
|
82 padding-top: 5px; |
|
83 } |
|
84 |
|
85 table { |
|
86 border: 1px solid #999; |
|
87 table-layout: auto; |
|
88 } |
|
89 |
|
90 td, th { |
|
91 border: 1px solid #999; |
|
92 padding: 5px; |
|
93 vertical-align:top; |
|
94 } |
|
95 |
|
96 th { |
|
97 background-color:#999; |
|
98 color:#FFF; |
|
99 } |
|
100 |
|
101 div.ol.p { |
|
102 margin-left: 3em; |
|
103 } |
|
104 |
|
105 /* Make all ordered/unordered list items appear in bold gray */ |
|
106 div ol > li, div ul > li { |
|
107 font-weight:bold; |
|
108 color: #333; |
|
109 } |
|
110 |
|
111 /* Make all H4 and H5 items appear in bold gray against a light gray background */ |
|
112 div h5, div h4 { |
|
113 padding: 5px; |
|
114 background-color: #EEE; |
|
115 font-weight:bold; |
|
116 color: #333; |
|
117 } |
|
118 |
|
119 |
|
120 /* Notes stand out using a light top & bottom borders with dark gray text */ |
|
121 p.note { |
|
122 /* color: #03C; */ |
|
123 /* background-color: #FFFF99; */ |
|
124 color: #333; |
|
125 padding: 5px; |
|
126 margin-left: 1em; |
|
127 margin-right: 1em; |
|
128 border-top:1px solid #BBB; |
|
129 border-bottom:1px solid #BBB; |
|
130 } |
|
131 |
|
132 |
|
133 /* Figure/Listing/Table titles are centered and gray */ |
|
134 p.figure { |
|
135 color: #333; |
|
136 text-align: center; |
|
137 font-weight: bold; |
|
138 } |
|
139 |
|
140 /* red background and white text for things that need fixing before release */ |
|
141 .fix { |
|
142 background-color: red; |
|
143 font-weight: bold; |
|
144 color: white; |
|
145 } |
|
146 |
|
147 .question { |
|
148 font-style:italic; |
|
149 font-weight:bold; |
|
150 color: #333; |
|
151 } |
|
152 |
|
153 .titleSmall { |
|
154 font-family: Arial, Helvetica, sans-serif; |
|
155 font-size: 10px; |
|
156 } |
|
157 |
|
158 .copyrightStatement { |
|
159 font-size: 11px; |
|
160 color: #006699; /* Symbian blue */ |
|
161 } |
|
162 |
|
163 div.Footer table, div.Footer td, div.Footer th { |
|
164 border: 0px none #000; |
|
165 } |