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

Last change on this file since 11107 was 5458, checked in by Henrik Bettermann, 14 years ago

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