source: WAeUP_SRP/trunk/skins/waeup_design/common.css.dtml @ 4253

Last change on this file since 4253 was 3769, checked in by Henrik Bettermann, 16 years ago

new colors

File size: 14.3 KB
Line 
1<dtml-let base_url="getBaseUrl()">
2
3body, table {
4  font-size: 100%;
5  line-height: normal;
6}
7
8form {
9  margin: 0;
10}
11
12input, button {
13  vertical-align: middle;
14}
15
16div p {
17  margin: 0;
18  padding: 0;
19}
20
21img {
22  border-style: none;
23  vertical-align: middle;
24}
25
26h3, h4, h5, h6 {
27  margin: 0;
28}
29
30/* Misc table elements */
31
32td.centered {
33  text-align: center;
34}
35
36td.additionaltools {
37  color: black;
38  text-align: right;
39}
40
41td.even {
42  color: black;
43  background-color: #e3e0e3;
44  text-align: left;
45}
46
47td.odd {
48  color: black;
49  background-color: #f0f0f0;
50  text-align: left;
51}
52
53.chapo {
54  text-align: justify;
55  padding-bottom: 5px;
56}
57
58/* Forms */
59
60input, select, textarea, button {
61  font: 11px Verdana, Arial, sans-serif !important;
62  color:  Black;
63  background-color: white;
64}
65
66.formmeta {
67  font: 800 12px Arial, sans-serif !important;
68  color: White;
69  background-color: #6699cc;
70  padding: 5px 10px 1px 5px;
71  text-align:right;
72  vertical-align: top;
73}
74
75.fileview {
76  border: 1px solid #999999;
77  background-color: #f0f0f0;
78  margin-top: 15px;
79  margin-bottom: 15px;
80}
81
82.statusmessage {
83  background-color: #e9e9ff;
84  border: 1px dotted #ccc;
85  padding: 10px;
86  font-weight: bold;
87  margin: 10px;
88}
89
90html, body {
91height:100%;
92}
93input, textarea, select, button {
94background-color:white;
95margin:0pt;
96}
97
98input, button {
99padding:3px;
100}
101
102.fileview {
103padding:3px;
104}
105.statusmessage {
106margin-bottom:9px;
107padding:3px;
108}
109
110.toggle_icon {
111clear:left;
112float:left;
113padding:2px 0pt 0pt 3px;
114}
115.missing_toggle {
116padding:0pt 0pt 0pt 13px;
117}
118.tree_node {
119padding:0pt 0pt 0pt 8px;
120}
121.tree_leaf {
122padding:0pt 0pt 0pt 22px;
123}
124.action_icon {
125clear:left;
126float:left;
127padding:0pt 6px 0pt 0pt;
128}
129.cpsskinsBox ul.cpsskinsMenu, .cpsskinsBox ul.cpsskinsMenu li {
130display:inline;
131line-height:normal;
132list-style-type:none;
133margin:0px;
134padding:0px;
135}
136.cpsskinsBox ul.cpsskinsMenu li a {
137background-position:left top;
138background-repeat:no-repeat;
139display:block;
140}
141.cpsskinsBox ul.cpsskinsMenu li a.noicon, .cpsskinsBox ul.cpsskinsMenu li.selected a.noicon {
142background-image:none !important;
143padding-left:2px !important;
144}
145.cpsskinsBox ul.cpsskinsMenu li a span.itemDescription {
146display:block;
147font-size:85%;
148}
149
150.cpsskinsTab ul.cpsskinsMenu, .cpsskinsTab ul.cpsskinsMenu li {
151display:inline;
152line-height:normal;
153list-style-type:none;
154margin:0px;
155padding:0px;
156}
157.cpsskinsTab ul.cpsskinsMenu li a {
158background-position:left center;
159background-repeat:no-repeat;
160display:inline;
161}
162.cpsskinsTab ul.cpsskinsMenu span.itemDescription {
163display:none;
164}
165.cpsskinsTab div.xmlExportButtons {
166display:none;
167}
168.cpsskinsBox .buttons {
169display:block;
170padding-bottom:1px;
171padding-right:1px;
172padding-top:1px;
173}
174.cpsskinsBox .buttons a {
175float:right;
176}
177.cpsskinsTabs {
178float:left;
179line-height:normal;
180text-align:left;
181width:100%;
182}
183.cpsskinsTabs ul {
184list-style-image:none;
185list-style-position:outside;
186list-style-type:none;
187margin:0pt;
188padding:0pt;
189}
190.cpsskinsTabs li {
191float:left;
192margin:0pt;
193padding:0pt;
194position:relative;
195}
196.cpsskinsTabs a {
197display:block;
198float:left;
199margin-left:0pt !important;
200text-decoration:none;
201}
202.cpsskinsTabs a {
203float:none;
204}
205.cpsskinsTabs ul.cpsskinsMenu span.itemDescription {
206display:none;
207}
208.cpsskinsTabs div.xmlExportButtons {
209display:none;
210}
211.cpsskinsTabs li ul {
212display:none;
213left:0pt;
214position:absolute;
215}
216.cpsskinsTabs li > ul {
217left:auto;
218top:auto;
219}
220.cpsskinsTabs li:hover ul, .cpsskinsTabs li.over ul {
221display:block;
222}
223.cpsskinsBoxCorners .rbtop div {
224left:-2px;
225position:relative;
226width:100%;
227}
228.cpsskinsBoxCorners .rbtop {
229position:relative;
230right:-1px;
231top:-1px;
232width:100%;
233}
234.cpsskinsBoxCorners .rbbot div {
235left:-2px;
236position:relative;
237width:100%;
238}
239.cpsskinsBoxCorners .rbbot {
240bottom:-1px;
241position:relative;
242right:-1px;
243width:100%;
244}
245.hidden {
246display:none;
247}
248.cpsskinsHBox {
249margin:3px;
250}
251.cpsskinsHBox ul.cpsskinsMenu, .cpsskinsHBox ul.cpsskinsMenu li {
252display:inline;
253line-height:normal;
254list-style-type:none;
255padding:3px 0pt 2px;
256}
257* html .cpsskinsHBox ul.cpsskinsMenu {
258padding:0px;
259}
260* html .cpsskinsHBox ul.cpsskinsMenu li {
261padding:0px;
262}
263.cpsskinsHBox ul.cpsskinsMenu li a {
264background-position:left top;
265background-repeat:no-repeat;
266display:inline;
267margin-left:0pt !important;
268}
269.cpsskinsHBox ul.cpsskinsMenu span.itemDescription {
270display:none;
271}
272.cpsskinsHBox div.xmlExportButtons {
273display:none;
274}
275
276.portalTabTabStyle ul.cpsskinsMenu li {
277margin:0pt 2px 0pt 0pt;
278}
279.portalTabTabStyle ul.cpsskinsMenu li a {
280padding:3px 2px;
281}
282
283.fontShapeaverage {
284font-family:Arial,sans-serif,Verdana,Helvetica !important;
285font-size:12px !important;
286font-size-adjust:none !important;
287font-stretch:normal !important;
288font-style:normal !important;
289font-variant:normal !important;
290font-weight:normal !important;
291line-height:normal !important;
292}
293.fontShapeaverage p {
294font-family:Arial,sans-serif,Verdana,Helvetica !important;
295font-size:100% !important;
296font-size-adjust:none !important;
297font-stretch:normal !important;
298font-style:normal !important;
299font-variant:normal !important;
300font-weight:normal !important;
301line-height:normal !important;
302padding:5px 10px 0px 0px;
303}
304.fontShapeaverage small {
305}
306
307.fontShapeaverage h2, .fontShapeaverage .h2 {
308border-style:none;
309border-width:0px;
310font-family:Arial,sans-serif,Verdana,Helvetica !important;
311font-size:150% !important;
312font-size-adjust:none !important;
313font-stretch:normal !important;
314font-style:normal !important;
315font-variant:normal !important;
316font-weight:bold !important;
317line-height:normal !important;
318margin:10px 0px 5px;
319padding:0px;
320}
321
322.fontShapeaverage h3, .fontShapeaverage .h3 {
323border-style:none;
324border-width:0px;
325font-family:Verdana,Arial,Helvetica,sans-serif !important;
326font-size:125% !important;
327font-size-adjust:none !important;
328font-stretch:normal !important;
329font-style:normal !important;
330font-variant:normal !important;
331font-weight:bold !important;
332line-height:normal !important;
333padding:0.6em 0em 0em;
334}
335
336.fontShapeaverage a, .fontShapeaverage a div, .fontShapeaverage a span {
337text-decoration:none;
338}
339.fontShapeaverage a:visited, .fontShapeaverage a:visited div, .fontShapeaverage a:visited span {
340text-decoration:none;
341}
342.fontShapeaverage a:active, .fontShapeaverage a:active div, .fontShapeaverage a:active span {
343text-decoration:underline overline;
344}
345.fontShapeaverage a:hover, .fontShapeaverage a:hover div, .fontShapeaverage a:hover span {
346text-decoration:underline;
347}
348
349
350.fontColordefaultfontcolors h3, .fontColordefaultfontcolors .h3 {
351border-color:#666666;
352color:#666666;
353}
354
355.fontColordefaultfontcolors a, .fontColordefaultfontcolors a div, .fontColordefaultfontcolors a span {
356color:#0066CC;
357}
358.fontColordefaultfontcolors a:visited, .fontColordefaultfontcolors a:visited div, .fontColordefaultfontcolors a:visited span {
359color:#003399;
360}
361.fontColordefaultfontcolors a:active, .fontColordefaultfontcolors a:active div, .fontColordefaultfontcolors a:active span {
362color:blue;
363}
364.fontColordefaultfontcolors a:hover, .fontColordefaultfontcolors a:hover div, .fontColordefaultfontcolors a:hover span {
365color:#0066CC;
366}
367
368.boxShapenavbox .title {
369border-style:none;
370border-width:0px;
371display:inline;
372font-family:arial,sans-serif,Verdana,Helvetica;
373font-size:12px;
374font-size-adjust:none;
375font-stretch:normal;
376font-style:normal;
377font-variant:normal;
378font-weight:bold;
379line-height:normal;
380padding:0px;
381}
382.boxShapenavbox .body {
383border-style:solid;
384border-width:0px;
385padding:10px 0pt 0pt;
386}
387.boxShapenavbox .body ul.cpsskinsMenu li a {
388border-style:none;
389border-width:0px;
390margin:1px 3px;
391padding:1px 0px 1px 21px;
392}
393.boxShapenavbox .body ul.cpsskinsMenu li.selected a {
394border-style:solid;
395border-width:0px;
396margin:0px 3px;
397padding:1px 0px 1px 21px;
398}
399.boxColornavbox .title {
400background-color:transparent;
401border-color:transparent;
402color:#666666;
403}
404.boxColornavbox .title a {
405color:#666666;
406}
407.boxColornavbox .body {
408background-color:transparent;
409border-color:transparent;
410}
411.boxColornavbox .body ul.cpsskinsMenu li a {
412border-color:transparent;
413}
414.boxColornavbox .body ul.cpsskinsMenu li.selected a {
415border-color:transparent;
416}
417.boxColornavbox .body ul.cpsskinsMenu li a {
418background-color:transparent;
419}
420.boxColornavbox .body ul.cpsskinsMenu li a:hover, .boxColornavbox .body ul.cpsskinsMenu li.selected a {
421background-color:#F1F2F3;
422}
423
424.colorfontcolorgray {
425background-color:transparent;
426border-color:transparent;
427color:#666666;
428}
429.fontColordefaultnovisitedlinks h1, .fontColordefaultnovisitedlinks .h1 {
430border-color:#666666;
431color:Black;
432}
433.fontColordefaultnovisitedlinks h2, .fontColordefaultnovisitedlinks .h2 {
434border-color:#666666;
435color:Black;
436}
437.fontColordefaultnovisitedlinks h3, .fontColordefaultnovisitedlinks .h3 {
438border-color:#666666;
439color:Black;
440}
441.fontColordefaultnovisitedlinks h4, .fontColordefaultnovisitedlinks .h4, .fontColordefaultnovisitedlinks h5, .fontColordefaultnovisitedlinks .h5, .fontColordefaultnovisitedlinks h6, .fontColordefaultnovisitedlinks .h6 {
442border-color:#666666;
443color:Black;
444}
445.fontColordefaultnovisitedlinks a, .fontColordefaultnovisitedlinks a div, .fontColordefaultnovisitedlinks a span {
446color:#0066CC;
447}
448.fontColordefaultnovisitedlinks a:visited, .fontColordefaultnovisitedlinks a:visited div, .fontColordefaultnovisitedlinks a:visited span {
449color:#0066CC;
450}
451.fontColordefaultnovisitedlinks a:active, .fontColordefaultnovisitedlinks a:active div, .fontColordefaultnovisitedlinks a:active span {
452color:blue;
453}
454.fontColordefaultnovisitedlinks a:hover, .fontColordefaultnovisitedlinks a:hover div, .fontColordefaultnovisitedlinks a:hover span {
455color:#0066CC;
456}
457
458.portalTabPortalTabStyleuseractions ul.cpsskinsMenu li {
459margin:0pt 5px 0pt 0pt;
460}
461.portalTabPortalTabStyleuseractions ul.cpsskinsMenu li a {
462padding:1px 0px;
463}
464
465.shapeAreaShape5 {
466border-style:solid;
467border-width:0px 1px 1px 0px;
468text-transform:none;
469}
470.shapeAreaShape {
471border-style:solid;
472border-width:1px;
473text-transform:none;
474}
475.shapeAreaShape9 {
476border-style:solid;
477border-width:1px 0px 0px 1px;
478text-transform:none;
479}
480
481.fontColornavigation h1, .fontColornavigation .h1 {
482border-color:#666666;
483color:Black;
484}
485.fontColornavigation h2, .fontColornavigation .h2 {
486border-color:#666666;
487color:Black;
488}
489.fontColornavigation h3, .fontColornavigation .h3 {
490border-color:#666666;
491color:Black;
492}
493.fontColornavigation h4, .fontColornavigation .h4, .fontColornavigation h5, .fontColornavigation .h5, .fontColornavigation h6, .fontColornavigation .h6 {
494border-color:#666666;
495color:Black;
496}
497
498.fontShapenavigation {
499font-family:Arial,sans-serif,Verdana,Helvetica !important;
500font-size:12px !important;
501font-size-adjust:none !important;
502font-stretch:normal !important;
503font-style:normal !important;
504font-variant:normal !important;
505font-weight:normal !important;
506line-height:normal !important;
507}
508.fontShapenavigation p {
509font-family:Arial,Verdana,Helvetica,sans-serif !important;
510font-size:100% !important;
511font-size-adjust:none !important;
512font-stretch:normal !important;
513font-style:normal !important;
514font-variant:normal !important;
515font-weight:normal !important;
516line-height:normal !important;
517}
518
519.fontShapenavigation h3, .fontShapenavigation .h3 {
520border-style:none;
521border-width:1px;
522font-family:Verdana,Arial,Helvetica,sans-serif !important;
523font-size:120% !important;
524font-size-adjust:none !important;
525font-stretch:normal !important;
526font-style:normal !important;
527font-variant:normal !important;
528font-weight:bold !important;
529line-height:normal !important;
530padding:0.6em 0em 0em;
531}
532
533.fontShapenavigation a, .fontShapenavigation a div, .fontShapenavigation a span {
534text-decoration:none;
535}
536.fontShapenavigation a:visited, .fontShapenavigation a:visited div, .fontShapenavigation a:visited span {
537text-decoration:none;
538}
539.fontShapenavigation a:active, .fontShapenavigation a:active div, .fontShapenavigation a:active span {
540text-decoration:none;
541}
542.fontShapenavigation a:hover, .fontShapenavigation a:hover div, .fontShapenavigation a:hover span {
543text-decoration:underline;
544}
545
546.fontShapeTitleindex {
547font-family:Arial,sans-serif,Verdana,Helvetica !important;
548font-size:13px !important;
549font-size-adjust:none !important;
550font-stretch:normal !important;
551font-style:normal !important;
552font-variant:normal !important;
553font-weight:normal !important;
554line-height:normal !important;
555}
556.fontShapeTitleindex p {
557font-family:Arial,sans-serif,Verdana,Helvetica !important;
558font-size:100% !important;
559font-size-adjust:none !important;
560font-stretch:normal !important;
561font-style:normal !important;
562font-variant:normal !important;
563font-weight:normal !important;
564line-height:normal !important;
565padding:0em;
566}
567.fontShapeTitleindex h1, .fontShapeTitleindex .h1 {
568border-style:none;
569border-width:0px;
570font-family:Arial,sans-serif,Verdana,Helvetica !important;
571font-size:150% !important;
572font-size-adjust:none !important;
573font-stretch:normal !important;
574font-style:normal !important;
575font-variant:normal !important;
576font-weight:bold !important;
577line-height:normal !important;
578margin:0px;
579padding:0px;
580}
581.fontShapeTitleindex h2, .fontShapeTitleindex .h2 {
582border-style:none;
583border-width:0pt;
584font-family:Arial,sans-serif,Verdana,Helvetica !important;
585font-size:150% !important;
586font-size-adjust:none !important;
587font-stretch:normal !important;
588font-style:normal !important;
589font-variant:normal !important;
590font-weight:bold !important;
591line-height:normal !important;
592padding:0.6em 0em 0em;
593}
594.fontShapeTitleindex h3, .fontShapeTitleindex .h3 {
595border-style:none;
596border-width:0pt;
597font-family:Verdana,Arial,Helvetica,sans-serif !important;
598font-size:125% !important;
599font-size-adjust:none !important;
600font-stretch:normal !important;
601font-style:normal !important;
602font-variant:normal !important;
603font-weight:bold !important;
604line-height:normal !important;
605padding:0.6em 0em 0em;
606}
607.fontShapeTitleindex h4, .fontShapeTitleindex .h4, .fontShapeTitleindex h5, .fontShapeTitleindex .h5, .fontShapeTitleindex h6, .fontShapeTitleindex .h6 {
608border-style:none;
609border-width:0pt;
610font-family:Verdana,Arial,Helvetica,sans-serif !important;
611font-size:100% !important;
612font-size-adjust:none !important;
613font-stretch:normal !important;
614font-style:normal !important;
615font-variant:normal !important;
616font-weight:bold !important;
617line-height:normal !important;
618padding:0.4em 0em 0em;
619}
620.fontShapeTitleindex a, .fontShapeTitleindex a div, .fontShapeTitleindex a span {
621text-decoration:none;
622}
623.fontShapeTitleindex a:visited, .fontShapeTitleindex a:visited div, .fontShapeTitleindex a:visited span {
624text-decoration:none;
625}
626.fontShapeTitleindex a:active, .fontShapeTitleindex a:active div, .fontShapeTitleindex a:active span {
627text-decoration:underline overline;
628}
629.fontShapeTitleindex a:hover, .fontShapeTitleindex a:hover div, .fontShapeTitleindex a:hover span {
630text-decoration:underline;
631}
632
633</dtml-let>
Note: See TracBrowser for help on using the repository browser.