Revision Log

ploneCustom.css.dtml

Revision 13 (checked in by cbc, 18 years ago)	Initial import

Line
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> */

Note: See TracBrowser for help on using the browser.

Download in other formats:

Original Format