1 |
/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */ |
---|
2 |
|
---|
3 |
/* <dtml-with base_properties> (do not remove this :) */ |
---|
4 |
|
---|
5 |
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */ |
---|
6 |
|
---|
7 |
|
---|
8 |
|
---|
9 |
|
---|
10 |
|
---|
11 |
/* KUPU */ |
---|
12 |
|
---|
13 |
html.kupu-html { background-color:#fff; font-size: 90%; } |
---|
14 |
|
---|
15 |
body.documentContent { background-color:#fff; font-size: 90%; } |
---|
16 |
|
---|
17 |
|
---|
18 |
/* BASE STYLES */ |
---|
19 |
|
---|
20 |
body { font-size:0.75em; font-family:Arial, Helvetica, san serif; background-color:#7e90a9; color:#000; margin:0; padding:0; margin:auto; width:90%; } |
---|
21 |
|
---|
22 |
table { font-size:100%; } |
---|
23 |
|
---|
24 |
a:link, a:visited { color:#306CA8; text-decoration:none; } |
---|
25 |
|
---|
26 |
a:active, a:hover { color:#306CA8; text-decoration:underline; } |
---|
27 |
|
---|
28 |
img { border: none; /*vertical-align: middle;*/ } |
---|
29 |
|
---|
30 |
p { margin:0 0 1.333em 0; line-height: 1.333em; } |
---|
31 |
|
---|
32 |
p img { border: none; } |
---|
33 |
|
---|
34 |
hr { border:0; height:&dtml-borderWidth;; color:&dtml-globalBorderColor;; background-color:&dtml-globalBorderColor;; margin:0.5em 0 1em 0; } |
---|
35 |
|
---|
36 |
h1 { color: #fff; background-color: #979797; margin:2 2 2 5; padding:2px; text-transform:uppercase; } |
---|
37 |
|
---|
38 |
h2, h3, h4, h5, h6 { color: &dtml-fontColor;; background-color: transparent; margin:0 0 0 0; } |
---|
39 |
|
---|
40 |
#portlet-static h1 { color: #fff; background-color: #979797; margin:2 2 2 5; padding:2px; text-transform:uppercase; } |
---|
41 |
|
---|
42 |
h1 { font-size: 1em; } |
---|
43 |
|
---|
44 |
h2 { font-size: 1.333em; } |
---|
45 |
|
---|
46 |
h3 { font-size: 1.25em; } |
---|
47 |
|
---|
48 |
h4 { font-size: 1.167em; } |
---|
49 |
|
---|
50 |
h5 { font-size: 1em; } |
---|
51 |
|
---|
52 |
h6 { font-size: 0.917em; } |
---|
53 |
|
---|
54 |
ul { line-height:1.167em; margin-top:0; margin:bottom:1em; padding-top:0; padding-bottom:0; } |
---|
55 |
|
---|
56 |
ol { line-height:1.167em; margin-top:0; margin:bottom:1em; padding-top:0; padding-bottom:0; } |
---|
57 |
|
---|
58 |
li { margin-bottom: 0.5em; } |
---|
59 |
|
---|
60 |
dt { font-weight: bold; } |
---|
61 |
|
---|
62 |
dd { line-height:1.25em; margin-bottom: 1em; } |
---|
63 |
|
---|
64 |
|
---|
65 |
|
---|
66 |
fieldset { margin:1em 0em 1em 0em; padding:1em 1em 0em 1em; line-height:1.5em; } |
---|
67 |
|
---|
68 |
legend { background: &dtml-backgroundColor;; padding: 0.5em; font-size: 90%; } |
---|
69 |
|
---|
70 |
form { border: none; margin: 0; } |
---|
71 |
|
---|
72 |
label { font-weight: bold; } |
---|
73 |
|
---|
74 |
select, input, textarea { font-family:Arial,Helvetica,sans-serif; font-size:100%; } |
---|
75 |
|
---|
76 |
textarea { border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; background:#fff; } |
---|
77 |
|
---|
78 |
input { visibility:visible; border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; vertical-align:middle; background:#fff; } |
---|
79 |
|
---|
80 |
select { border:&dtml-borderWidth; solid &dtml-globalBorderColor;; color:&dtml-inputFontColor;; background-color:#fff; vertical-align:top; } |
---|
81 |
|
---|
82 |
|
---|
83 |
|
---|
84 |
|
---|
85 |
|
---|
86 |
abbr, acronym, .explain { |
---|
87 |
|
---|
88 |
border-bottom: &dtml-borderWidth; dotted &dtml-fontColor;; |
---|
89 |
|
---|
90 |
color: &dtml-fontColor;; |
---|
91 |
|
---|
92 |
background-color: transparent; |
---|
93 |
|
---|
94 |
cursor: help; |
---|
95 |
|
---|
96 |
} |
---|
97 |
|
---|
98 |
q { |
---|
99 |
|
---|
100 |
font-family: Baskerville, Georgia, serif; |
---|
101 |
|
---|
102 |
font-style: italic; |
---|
103 |
|
---|
104 |
font-size: 120%; |
---|
105 |
|
---|
106 |
} |
---|
107 |
|
---|
108 |
blockquote { |
---|
109 |
|
---|
110 |
padding-left: 0.5em; |
---|
111 |
|
---|
112 |
margin-left: 0; |
---|
113 |
|
---|
114 |
border-left: 4px solid &dtml-globalBorderColor;; |
---|
115 |
|
---|
116 |
color: &dtml-discreetColor;; |
---|
117 |
|
---|
118 |
} |
---|
119 |
|
---|
120 |
code { |
---|
121 |
|
---|
122 |
font-family: Monaco, "Courier New", Courier, monospace; |
---|
123 |
|
---|
124 |
font-size: 120%; |
---|
125 |
|
---|
126 |
color: &dtml-fontColor;; |
---|
127 |
|
---|
128 |
background-color: &dtml-globalBackgroundColor;; |
---|
129 |
|
---|
130 |
padding: 0 0.1em; |
---|
131 |
|
---|
132 |
} |
---|
133 |
|
---|
134 |
pre { |
---|
135 |
|
---|
136 |
font-family: Monaco, "Courier New", Courier, monospace; |
---|
137 |
|
---|
138 |
font-size: 100%; |
---|
139 |
|
---|
140 |
padding: 1em; |
---|
141 |
|
---|
142 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; |
---|
143 |
|
---|
144 |
color: &dtml-fontColor;; |
---|
145 |
|
---|
146 |
background-color: &dtml-globalBackgroundColor;; |
---|
147 |
|
---|
148 |
overflow: auto; |
---|
149 |
|
---|
150 |
} |
---|
151 |
|
---|
152 |
ins { |
---|
153 |
|
---|
154 |
color: green; |
---|
155 |
|
---|
156 |
text-decoration: none; |
---|
157 |
|
---|
158 |
} |
---|
159 |
|
---|
160 |
del { |
---|
161 |
|
---|
162 |
color: red; |
---|
163 |
|
---|
164 |
text-decoration: line-through; |
---|
165 |
|
---|
166 |
} |
---|
167 |
|
---|
168 |
|
---|
169 |
|
---|
170 |
/* Helper element to work with CSS floats */ |
---|
171 |
|
---|
172 |
.visualClear { |
---|
173 |
|
---|
174 |
display: block; |
---|
175 |
|
---|
176 |
clear: both; |
---|
177 |
|
---|
178 |
} |
---|
179 |
|
---|
180 |
|
---|
181 |
|
---|
182 |
/* Hiding helper elements for old browsers */ |
---|
183 |
|
---|
184 |
.netscape4 { |
---|
185 |
|
---|
186 |
display: none; |
---|
187 |
|
---|
188 |
} |
---|
189 |
|
---|
190 |
/* HEADER AND TOP (GLOBAL) NAVIGATION */ |
---|
191 |
|
---|
192 |
#portal-header #banner {width:100%; background-color:#fff; margin:auto; text-align:left;} |
---|
193 |
|
---|
194 |
/* The global section tabs. */ |
---|
195 |
|
---|
196 |
#portal-globalnav { |
---|
197 |
|
---|
198 |
background-color: transparent; |
---|
199 |
|
---|
200 |
padding: 0em 0em 0em 2em; |
---|
201 |
|
---|
202 |
white-space: nowrap; |
---|
203 |
|
---|
204 |
list-style: none; |
---|
205 |
|
---|
206 |
margin: 0; |
---|
207 |
|
---|
208 |
height: auto; |
---|
209 |
|
---|
210 |
line-height: 2em; |
---|
211 |
|
---|
212 |
} |
---|
213 |
|
---|
214 |
#portal-globalnav li { |
---|
215 |
|
---|
216 |
display: inline; |
---|
217 |
|
---|
218 |
} |
---|
219 |
|
---|
220 |
#portal-globalnav li a { |
---|
221 |
|
---|
222 |
/* The normal, unselected tabs. They are all links */ |
---|
223 |
|
---|
224 |
background-color: transparent; |
---|
225 |
|
---|
226 |
border-width:0px; |
---|
227 |
|
---|
228 |
color: #fff !important; |
---|
229 |
|
---|
230 |
height: auto; |
---|
231 |
|
---|
232 |
margin-right: 0.5em; |
---|
233 |
|
---|
234 |
padding: 0em 1em 0em 1em !important; |
---|
235 |
|
---|
236 |
text-decoration: none; |
---|
237 |
|
---|
238 |
text-transform: capitalize; |
---|
239 |
} |
---|
240 |
|
---|
241 |
#portal-globalnav li.selected a { |
---|
242 |
|
---|
243 |
/* The selected tab. There's only one of this */ |
---|
244 |
|
---|
245 |
background: transparent; |
---|
246 |
|
---|
247 |
border: 0px; |
---|
248 |
|
---|
249 |
border-bottom: 0px; |
---|
250 |
|
---|
251 |
color: #fff !important; |
---|
252 |
|
---|
253 |
} |
---|
254 |
|
---|
255 |
#portal-globalnav li a:hover { |
---|
256 |
|
---|
257 |
background-color: &dtml-globalBackgroundColor;; |
---|
258 |
|
---|
259 |
border-color: &dtml-globalBorderColor;; |
---|
260 |
|
---|
261 |
border-bottom-color: &dtml-globalBackgroundColor;; |
---|
262 |
|
---|
263 |
color: &dtml-globalFontColor;; |
---|
264 |
|
---|
265 |
} |
---|
266 |
|
---|
267 |
|
---|
268 |
|
---|
269 |
/* TOP NAVIGATION */ |
---|
270 |
|
---|
271 |
#portal-globalnav {background-image:url("img/horzmenubg.gif"); background-repeat:repeat-x; height:24px; } |
---|
272 |
|
---|
273 |
|
---|
274 |
/* SEARCHBOX STYLE */ |
---|
275 |
|
---|
276 |
#portal-searchbox { float:none; clear:none; background-color:transparent; margin:0px 2px 1em 2px; padding:6px 14px 6px 14px; text-align:left; text-transform:none; white-space:normal; z-index:auto; } |
---|
277 |
|
---|
278 |
input.searchField { vertical-align:middle; font-size:0.917em; margin:0px; padding:3px; background:#fff; border:1px #c8cdd2 solid; width:150px !important;} |
---|
279 |
|
---|
280 |
input.searchButton { vertical-align:middle; font-size:0.917em; margin:0px; padding:1px; background:#DCE1E6; text-transform:none; border:2px #C8CDD2 solid; border-top-color:#fff; border-left-color:#fff; cursor: pointer; } |
---|
281 |
|
---|
282 |
|
---|
283 |
|
---|
284 |
/* BREADCRUMBS */ |
---|
285 |
|
---|
286 |
#portal-breadcrumbs { border-width:0px; text-transform:none; padding:8px 22px 5px 16px; margin:0px; font:normal 0.917em/1em Arial,Helvetica,sans-serif; color:#c8cdd2; } |
---|
287 |
|
---|
288 |
#portal-breadcrumbs A:link, |
---|
289 |
|
---|
290 |
#portal-breadcrumbs A:active, |
---|
291 |
|
---|
292 |
#portal-breadcrumbs A:visited, |
---|
293 |
|
---|
294 |
#portal-breadcrumbs A:hover { color:#a5aeb8; } |
---|
295 |
|
---|
296 |
|
---|
297 |
/* PORTAL COLUMNS */ |
---|
298 |
|
---|
299 |
|
---|
300 |
#portal-columns {background-color:#fff; width:90%; padding:10px 20px;} |
---|
301 |
#portal-column-one .visualPadding { background-color:#d4e0e8; padding: 0 .5em 0 .5em; margin:8px; } |
---|
302 |
#portal-column-content { } |
---|
303 |
#portal-column-two {width:30%; } |
---|
304 |
#portal-column-two .visualPadding { background-color:#fff; padding: 0 .5em 0 .5em; margin:8px; } |
---|
305 |
|
---|
306 |
/* NAVIGATION */ |
---|
307 |
|
---|
308 |
#portlet-navigation-tree .portlet {padding:0px; margin:auto; } |
---|
309 |
|
---|
310 |
/* New navtree styles */ |
---|
311 |
|
---|
312 |
#portlet-navigation-tree .portletItem { |
---|
313 |
padding:0px; |
---|
314 |
font-size:0.917em; |
---|
315 |
} |
---|
316 |
.portletNavigationTree { |
---|
317 |
margin:0; |
---|
318 |
padding: 0; |
---|
319 |
list-style: none; |
---|
320 |
list-style-image: none; |
---|
321 |
} |
---|
322 |
.navTree { |
---|
323 |
list-style: none; |
---|
324 |
list-style-image: none; |
---|
325 |
} |
---|
326 |
.navTree li { |
---|
327 |
} |
---|
328 |
.navTreeItem { |
---|
329 |
display: block; |
---|
330 |
padding: 0; |
---|
331 |
margin: 0; |
---|
332 |
} |
---|
333 |
.navTreeItem a:link, .navTreeItem a:visited, |
---|
334 |
.portletItem .navTreeItem a:link, .portletItem .navTreeItem a:visited { |
---|
335 |
display:block; |
---|
336 |
color:#E66600; |
---|
337 |
padding:5px 14px 3px 14px; |
---|
338 |
border:1px #D5CAC0 solid; |
---|
339 |
border-bottom-color:#fff; |
---|
340 |
background:#fff; |
---|
341 |
background-image:none; |
---|
342 |
text-decoration:none; |
---|
343 |
margin:0px; |
---|
344 |
line-height:127%; |
---|
345 |
} |
---|
346 |
.navTreeItem a:hover, .navTreeItem a:active, |
---|
347 |
.portletItem .navTreeItem a:hover, .portletItem .navTreeItem a:active { |
---|
348 |
display:block; |
---|
349 |
border:1px #d4e0e8 solid !important; |
---|
350 |
background:#d4e0e8 !important; |
---|
351 |
background-image:none; |
---|
352 |
color:#000 !important; |
---|
353 |
margin:0px; |
---|
354 |
padding:5px 14px 3px 14px; |
---|
355 |
line-height:127%; |
---|
356 |
} |
---|
357 |
.navTreeCurrentItem { |
---|
358 |
border:1px #d4e0e8 solid !important; |
---|
359 |
background:#d4e0e8 !important; |
---|
360 |
color:#000 !important; |
---|
361 |
} |
---|
362 |
li.navTreeCurrentItem { |
---|
363 |
display: block; |
---|
364 |
} |
---|
365 |
li.navTreeCurrentItem a, |
---|
366 |
li.navTreeCurrentItem a:hover { |
---|
367 |
display: block; |
---|
368 |
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBackgroundColor;; |
---|
369 |
height: auto; |
---|
370 |
} |
---|
371 |
|
---|
372 |
/* Another workaround for broken Internet Explorer */ |
---|
373 |
|
---|
374 |
* html li.navTreeCurrentItem a, |
---|
375 |
* html li.navTreeCurrentItem a:hover { |
---|
376 |
height: 1.6em; |
---|
377 |
} |
---|
378 |
.navTreeLevel0, |
---|
379 |
.navTreeLevel1, |
---|
380 |
.navTreeLevel2, |
---|
381 |
.navTreeLevel3, |
---|
382 |
.navTreeLevel4, |
---|
383 |
.navTreeLevel5 { margin:0; padding:0; } |
---|
384 |
.navTreeItem .navTreeLevel0 a:link, .navTreeItem .navTreeLevel0 a:visited, .navTreeItem .navTreeLevel0 a:active, .navTreeItem .navTreeLevel0 a:hover { margin:0; } |
---|
385 |
.navTreeItem .navTreeLevel1 a:link, .navTreeItem .navTreeLevel1 a:visited, .navTreeItem .navTreeLevel1 a:active, .navTreeItem .navTreeLevel1 a:hover { margin:0; padding-left:26px; } |
---|
386 |
.navTreeItem .navTreeLevel2 a:link, .navTreeItem .navTreeLevel2 a:visited, .navTreeItem .navTreeLevel2 a:active, .navTreeItem .navTreeLevel2 a:hover { margin:0; padding-left:38px; } |
---|
387 |
.navTreeItem .navTreeLevel3 a:link, .navTreeItem .navTreeLevel3 a:visited, .navTreeItem .navTreeLevel3 a:active, .navTreeItem .navTreeLevel3 a:hover { margin:0; padding-left:50px; } |
---|
388 |
.navTreeItem .navTreeLevel4 a:link, .navTreeItem .navTreeLevel4 a:visited, .navTreeItem .navTreeLevel4 a:active, .navTreeItem .navTreeLevel4 a:hover { margin:0; padding-left:62px; } |
---|
389 |
.navTreeItem .navTreeLevel5 a:link, .navTreeItem .navTreeLevel5 a:visited, .navTreeItem .navTreeLevel5 a:active, .navTreeItem .navTreeLevel5 a:hover { margin:0; padding-left:74px; } |
---|
390 |
.navTreeItem .navTreeLevel1 a:link, .navTreeItem .navTreeLevel1 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; } |
---|
391 |
.navTreeItem .navTreeLevel2 a:link, .navTreeItem .navTreeLevel2 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; } |
---|
392 |
.navTreeItem .navTreeLevel3 a:link, .navTreeItem .navTreeLevel3 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; } |
---|
393 |
.navTreeItem .navTreeLevel4 a:link, .navTreeItem .navTreeLevel4 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; } |
---|
394 |
.navTreeItem .navTreeLevel5 a:link, .navTreeItem .navTreeLevel5 a:visited { color:#446280; border:1px #C8CDD2 solid; border-bottom-color:#fff; background:#DCE1E6; } |
---|
395 |
|
---|
396 |
|
---|
397 |
|
---|
398 |
|
---|
399 |
/* PORTAL PERSONALTOOLS */ |
---|
400 |
|
---|
401 |
#portal-personaltools {background-image:url("img/horzmenubg.gif"); background-repeat:repeat-x; height:24px; border-width:0px; line-height:1.6em; padding:.25em 3em 0em 3em; list-style:none; } |
---|
402 |
|
---|
403 |
#portal-personaltools a {color:#fff !important; text-transform:capitalize; } |
---|
404 |
|
---|
405 |
#portal-personaltools .portalUser { |
---|
406 |
background: transparent; |
---|
407 |
padding-left: 18px; |
---|
408 |
} |
---|
409 |
|
---|
410 |
#portal-personaltools .portalNotLoggedIn { |
---|
411 |
/* Used on all descriptions relevant to those not logged in */ |
---|
412 |
color: &dtml-fontColor;; |
---|
413 |
padding: 0; |
---|
414 |
background: transparent; |
---|
415 |
background-image: none; |
---|
416 |
} |
---|
417 |
|
---|
418 |
#portal-personaltools li { |
---|
419 |
color: #fff !important; |
---|
420 |
margin-left: 1em; |
---|
421 |
display: inline; |
---|
422 |
} |
---|
423 |
|
---|
424 |
#portal-personaltools li a { |
---|
425 |
text-decoration: none; |
---|
426 |
color: #fff !important; |
---|
427 |
} |
---|
428 |
|
---|
429 |
#portal-personaltools .visualIconPadding { |
---|
430 |
padding-left: 10px; |
---|
431 |
} |
---|
432 |
|
---|
433 |
|
---|
434 |
|
---|
435 |
|
---|
436 |
|
---|
437 |
/* RELATED LINKS */ |
---|
438 |
|
---|
439 |
#relatedlinks h3 { |
---|
440 |
|
---|
441 |
padding:0px 0px 12px 16px; |
---|
442 |
|
---|
443 |
font-size:0.917em; |
---|
444 |
|
---|
445 |
font-family:Arial, Helvetica, sans-serif; |
---|
446 |
|
---|
447 |
font-weight:bold; |
---|
448 |
|
---|
449 |
text-transform:uppercase; |
---|
450 |
|
---|
451 |
margin:0px; |
---|
452 |
|
---|
453 |
color:#b3b3b3; |
---|
454 |
|
---|
455 |
|
---|
456 |
} |
---|
457 |
|
---|
458 |
#relatedlinks ul { |
---|
459 |
|
---|
460 |
display:block; |
---|
461 |
|
---|
462 |
list-style:none; |
---|
463 |
|
---|
464 |
margin:0px 0px 0px 16px; |
---|
465 |
|
---|
466 |
font-size:0.917em; |
---|
467 |
|
---|
468 |
font-family:Arial, Helvetica, sans-serif; |
---|
469 |
|
---|
470 |
padding:0px; |
---|
471 |
|
---|
472 |
/* width:160px; */ |
---|
473 |
|
---|
474 |
/* border-bottom:1px #dce1e6 solid; */ |
---|
475 |
|
---|
476 |
} |
---|
477 |
|
---|
478 |
#relatedlinks li { |
---|
479 |
|
---|
480 |
display:block; |
---|
481 |
|
---|
482 |
list-style:none; |
---|
483 |
|
---|
484 |
list-style-image:none; |
---|
485 |
|
---|
486 |
/* margin:0px !important; */ |
---|
487 |
|
---|
488 |
padding:0px 0px 12px 0px ; |
---|
489 |
|
---|
490 |
} |
---|
491 |
|
---|
492 |
|
---|
493 |
|
---|
494 |
|
---|
495 |
|
---|
496 |
/* DOCUMENT DISPLAY */ |
---|
497 |
|
---|
498 |
.documentContent th { |
---|
499 |
|
---|
500 |
text-align:left; |
---|
501 |
|
---|
502 |
vertical-align:top; |
---|
503 |
|
---|
504 |
font-family:Arial, Helvetica, sans-serif; |
---|
505 |
|
---|
506 |
|
---|
507 |
} |
---|
508 |
|
---|
509 |
.documentContent td { |
---|
510 |
|
---|
511 |
text-align:left; |
---|
512 |
|
---|
513 |
vertical-align:top; |
---|
514 |
|
---|
515 |
} |
---|
516 |
|
---|
517 |
.documentContent .listing { |
---|
518 |
|
---|
519 |
border-bottom:1px &dtml-globalBorderColor; solid; |
---|
520 |
|
---|
521 |
border-collapse:separate; |
---|
522 |
|
---|
523 |
clear:both; |
---|
524 |
|
---|
525 |
} |
---|
526 |
|
---|
527 |
.documentContent .listing td { |
---|
528 |
|
---|
529 |
border-bottom:1px #f2f2f2 solid; |
---|
530 |
|
---|
531 |
padding-top:3px; padding-bottom:3px; |
---|
532 |
|
---|
533 |
} |
---|
534 |
|
---|
535 |
|
---|
536 |
|
---|
537 |
#portal-colophon {background-color:#fff; } |
---|
538 |
|
---|
539 |
|
---|
540 |
|
---|
541 |
|
---|
542 |
|
---|
543 |
|
---|
544 |
/* </dtml-with> */ |
---|