|
1 /** |
|
2 * This stylesheet contains amendments and modifications to the NWG base stylesheets. |
|
3 */ |
|
4 |
|
5 /* LAYOUT */ |
|
6 |
|
7 div.body { |
|
8 width: auto; |
|
9 margin: 25px 0 0 0; |
|
10 } |
|
11 |
|
12 div.contentFull { |
|
13 min-height: 0; |
|
14 padding: 0 25px 25px 25px; |
|
15 width: auto; |
|
16 } |
|
17 |
|
18 div.contentLeft { |
|
19 width: auto; |
|
20 float: none; |
|
21 display: block; |
|
22 padding: 0 25px 25px 25px; |
|
23 } |
|
24 |
|
25 div.footer { |
|
26 margin: 0px; |
|
27 padding: 1em 0 0 0; |
|
28 width: auto; |
|
29 } |
|
30 |
|
31 /* HEADER */ |
|
32 |
|
33 .logo { |
|
34 margin: 0; |
|
35 padding: 20px 0 0 10px; |
|
36 } |
|
37 .header .confidentiality { |
|
38 float: right; |
|
39 padding: 3px 20px; |
|
40 background-color: #CC0000; |
|
41 color: white; |
|
42 text-transform: uppercase; |
|
43 } |
|
44 |
|
45 h1.pageHeading { |
|
46 color: #0054b7; |
|
47 line-height: 24px; |
|
48 } |
|
49 |
|
50 /* NAVIGATION */ |
|
51 /* 1st level navigation */ |
|
52 /* 2nd level navigation */ |
|
53 /* 3rd level navigation */ |
|
54 |
|
55 div.nav3 { |
|
56 margin: 0; |
|
57 padding: 0; |
|
58 } |
|
59 .nav3 ul { |
|
60 display: block; |
|
61 padding: 0; |
|
62 margin: 0; |
|
63 list-style-position: outside |
|
64 } |
|
65 .nav3 li { |
|
66 display: block; |
|
67 list-style: none; |
|
68 padding: 0 0 0 12px; |
|
69 margin: 2px 0 0 0; |
|
70 white-space: nowrap; |
|
71 background-image: none; |
|
72 /* XXX: To fix IE behavior that adds a break into the flow when horizontal overflow occurs. */ |
|
73 border: 1px solid white; |
|
74 } |
|
75 .nav3 * { |
|
76 vertical-align: middle; |
|
77 } |
|
78 .nav3 li.on, |
|
79 .nav3 li.on3, |
|
80 .nav3 li.on4, |
|
81 .nav3 li.on5 { |
|
82 background-image: url("../images/arrow.gif"); |
|
83 background-repeat: no-repeat; |
|
84 color: #666; |
|
85 } |
|
86 .nav3 a, |
|
87 .nav3 a:visited { |
|
88 color: rgb(0, 51, 204); |
|
89 text-decoration: none; |
|
90 } |
|
91 |
|
92 div.nav3 { |
|
93 width: 100%; |
|
94 margin-top: 0px; |
|
95 } |
|
96 |
|
97 /* 4th level navigation */ |
|
98 /* toolbar navigation */ |
|
99 /* MAIN BODY CONTENT */ |
|
100 /* comparison-related */ |
|
101 /* primary */ |
|
102 /* teasers */ |
|
103 /* form-related */ |
|
104 |
|
105 table { |
|
106 border: 1px solid #999; |
|
107 } |
|
108 caption { |
|
109 caption-side: bottom; |
|
110 text-align: left; |
|
111 } |
|
112 div.table-description { |
|
113 /*margin-top: -10px;*/ |
|
114 font-size: 10px; |
|
115 } |
|
116 td, |
|
117 th { |
|
118 padding: 3px 5px; |
|
119 } |
|
120 th > p:first-child, |
|
121 td > p:first-child { |
|
122 margin-top: 0; |
|
123 } |
|
124 thead tr th, tbody tr th { |
|
125 border-left: 1px solid #999; |
|
126 border-right: 1px solid #999; |
|
127 } |
|
128 |
|
129 .comment { |
|
130 margin: 5px; |
|
131 padding: 5px; |
|
132 border: solid 1px gray; |
|
133 background-color: silver; |
|
134 } |
|
135 pre { |
|
136 margin: 10px 10px; |
|
137 } |
|
138 /* center vertical margins for block-level elements */ |
|
139 p, |
|
140 table, |
|
141 ul, |
|
142 ol, |
|
143 dl, |
|
144 div.p, |
|
145 .olchildlink, |
|
146 .ulchildlink { |
|
147 margin-top: 5px; |
|
148 margin-bottom: 5px; |
|
149 } |
|
150 .codeblock { |
|
151 background-color: #EEE; |
|
152 padding: 5px; |
|
153 } |
|
154 .listing pre { |
|
155 margin: 0 10px; |
|
156 } |
|
157 .listing { |
|
158 padding: 5px 0; |
|
159 margin-top: 10px; |
|
160 border-top: solid 1px black; |
|
161 border-bottom: solid 1px black; |
|
162 } |
|
163 .listing-title { |
|
164 margin: 0; |
|
165 } |
|
166 |
|
167 /* child related links */ |
|
168 .ulchildlink { |
|
169 background: none; |
|
170 } |
|
171 |
|
172 /* SIDEBAR */ |
|
173 |
|
174 div.sbFooter { |
|
175 height: 4px; |
|
176 } |
|
177 |
|
178 /* COLORS: Only the color attribute is specified */ |
|
179 /* POPUP */ |
|
180 /* Tools: download, bookmark, print */ |
|
181 |
|
182 /** EXTENSIONS **/ |
|
183 |
|
184 .note { |
|
185 margin: 2px 15px; |
|
186 } |
|
187 .breadcrumbs { |
|
188 font-size: 10px; |
|
189 margin-bottom: 12px; |
|
190 margin-top: -12px; |
|
191 } |
|
192 .in-page-navigation { |
|
193 margin-top: 12px; |
|
194 font-size: 10px; |
|
195 } |
|
196 .in-page-navigation table { |
|
197 margin: 0; |
|
198 padding: 0; |
|
199 border: none; |
|
200 } |
|
201 .unicode { |
|
202 font-family: "Arial Unicode MS", sans-serif; |
|
203 } |
|
204 |
|
205 /* semantic elements */ |
|
206 |
|
207 |
|
208 .parmname, |
|
209 .uicontrol, |
|
210 .wintitle { |
|
211 font-weight: bold; |
|
212 } |
|
213 .varname { |
|
214 font-style: italic; |
|
215 } |
|
216 .cmdname, |
|
217 .systemoutput, |
|
218 .filepath { |
|
219 font-style: normal; |
|
220 font-family: monospace; |
|
221 } |
|
222 .userinput { |
|
223 font-weight: bold; |
|
224 font-family: monospace; |
|
225 } |
|
226 .shortcut { |
|
227 text-decoration: underline; |
|
228 } |
|
229 |
|
230 /* infobox */ |
|
231 |
|
232 .info-icon { |
|
233 float: right; |
|
234 padding-right: 25px; |
|
235 } |
|
236 .info-icon a { |
|
237 text-decoration: none; |
|
238 } |
|
239 .info-icon img { |
|
240 width: 12px; |
|
241 } |
|
242 |
|
243 #infobox { |
|
244 padding: 10px 10px 10px 45px; |
|
245 background-image: url('../images/info.gif'); |
|
246 background-repeat: no-repeat; |
|
247 background-position: 10px 20px; |
|
248 } |
|
249 #infobox table { |
|
250 margin: 0; |
|
251 } |
|
252 #infobox table td{ |
|
253 white-space: nowrap; |
|
254 } |
|
255 #infobox .hidden { |
|
256 display: none; |
|
257 } |
|
258 |
|
259 /* Conversion specific classes */ |
|
260 |
|
261 .conversion-error-message { |
|
262 color: red; |
|
263 font-weight: bold; |
|
264 cursor: help; |
|
265 } |
|
266 |
|
267 /* Table of contents */ |
|
268 |
|
269 .toc-controller, |
|
270 .toc-space { |
|
271 padding: 0 2px; |
|
272 margin: 0 0.5em 0 0; |
|
273 border: solid 1px black; |
|
274 font-family: monospace; |
|
275 font-size: 10px; |
|
276 line-height: 8px; |
|
277 } |
|
278 .toc-controller { |
|
279 cursor: pointer; |
|
280 } |
|
281 .toc-controller:hover { |
|
282 color: gray; |
|
283 } |
|
284 .toc-space { |
|
285 visibility: hidden; |
|
286 } |
|
287 .button-manual_sync-container { |
|
288 text-align: right; |
|
289 } |
|
290 .button-manual_sync { |
|
291 font-size: 10px; |
|
292 margin-right: 5px; |
|
293 } |
|
294 .toc-title { |
|
295 padding: 0px 2px !important; |
|
296 } |
|
297 li.on3 > .toc-title { |
|
298 background-color: Highlight !important; |
|
299 color: HighlightText !important; |
|
300 } |
|
301 /* IE6 */ |
|
302 /* |
|
303 a.on3, span.on3 { |
|
304 background-color: Highlight !important; |
|
305 color: HighlightText !important; |
|
306 } |
|
307 */ |
|
308 |
|
309 /* Conditions */ |
|
310 |
|
311 .condition-start, |
|
312 .condition-end { |
|
313 color: blue; |
|
314 cursor: help; |
|
315 } |