source: WAeUP_SRP/trunk/skins/waeup_custom/default.css.dtml @ 488

Last change on this file since 488 was 488, checked in by joachim, 18 years ago

modified scratch_card_pin widget to include prefix and batch_no
modified schemas and layouts accordingly.
File size: 17.6 KB
Line 
1<dtml-comment>
2CSS directives conforming to the CSS 2.1 spec.
3Those CSS directives are suppported by user agents such as Mozilla/Firefox, MSIE6, MSIE5.x, etc.
4$Id: default.css.dtml 47552 2006-07-28 17:33:14Z gracinet $
5</dtml-comment>
6
7<dtml-let last_modified="_.DateTime()-14" expires="_.DateTime()+1" >
8<dtml-call "REQUEST.RESPONSE.setHeader( 'Content-Type', 'text/css' )">
9<dtml-call "REQUEST.RESPONSE.setHeader( 'Last-Modified', last_modified.toZone('GMT').rfc822() )">
10<dtml-call "REQUEST.RESPONSE.setHeader( 'Cache-Control', 'max-age=36000, must-revalidate' )">
11<dtml-call "REQUEST.RESPONSE.setHeader( 'Expires', expires.toZone('GMT').rfc822() )" >
12</dtml-let>
13
14<dtml-with stylesheet_properties>
15
16<dtml-comment>
17BASIC ELEMENTS ------------------------------
18</dtml-comment>
19
20body {
21  font: <dtml-var mainFont>;
22  background: <dtml-var mainBackground>;
23  color: <dtml-var mainFontColor>;
24  margin: 0;
25  padding: 0;
26}
27
28body .popup {
29  font: <dtml-var mainFont>;
30}
31
32a {
33  text-decoration: none;
34  color: <dtml-var mainLinkColor>;
35  background-color: transparent;
36}
37
38a.strong {
39  font-weight: bold;
40}
41
42img {
43  border: 0;
44  vertical-align: middle;
45}
46
47p {
48  margin: 0.5em 0 1em 0;
49  line-height: 133%;
50}
51p a {
52  text-decoration: underline;
53}
54p a:visited {
55  color: <dtml-var contentLinkVisitedColor>;
56  background-color: transparent;
57}
58p a:active {
59  color: <dtml-var contentLinkActiveColor>;
60  background-color: transparent;
61}
62a:hover {
63  text-decoration: none;
64}
65p img {
66  border: <dtml-var contentImageBorder>;
67  margin: 0;
68}
69
70h1, h2, h3, h4, h5, h6 {
71  color: <dtml-var headingFontColor>;
72  background-color: transparent;
73  font: <dtml-var headingFont>;
74  font-weight: bold;
75  margin: 0;
76  padding-top: 0.5em;
77}
78h1 {
79  font-size: <dtml-var headingSize1>;
80  margin-top: 0.5em;
81  margin-bottom: 0.5em;
82}
83h2 {
84  font-size: <dtml-var headingSize2>;
85  margin-bottom: 1em;
86}
87h3 {
88  font-size: <dtml-var headingSize3>;
89}
90h4 {
91  font-size: <dtml-var headingSize4>;
92}
93h5 {
94  font-size: <dtml-var headingSize5>;
95}
96h6 {
97  font-size: <dtml-var headingSize6>;
98}
99
100ol, ul {
101  padding: 0;
102  margin: 0;
103  line-height: 133%;
104}
105ul a, ol a {
106  text-decoration: underline;
107}
108
109dt {
110  font-weight: bold;
111  margin: 0.5em 0em 0.5em 0em;
112}
113dt a {
114  text-decoration: none;
115}
116
117dd {
118  line-height: 133%;
119  margin-bottom: 1em;
120}
121
122legend {
123  background: <dtml-var mainBackground>;
124  padding: 0.5em 0em 0.5em 0em;
125}
126
127textarea {
128  color: <dtml-var mainFontColor>;
129  background-color: white;
130  font: <dtml-var inputFont>;
131}
132input {
133  font: <dtml-var inputFont>;
134  color: <dtml-var mainFontColor>;
135  background-color: white;
136  vertical-align: middle;
137}
138select {
139  font: <dtml-var inputFont>;
140  vertical-align: top;
141}
142abbr, acronym, .explain {
143  color: <dtml-var mainFontColor>;
144  background-color: transparent;
145}
146q, blockquote {
147  font-style: italic;
148  font-size: 100%;
149}
150code {
151  font-size: 100%;
152  color: <dtml-var mainFontColor>;
153  background-color: <dtml-var preBackground>;
154}
155pre {
156  font-size: 100%;
157  padding: 1em;
158  border: <dtml-var preBorder>;
159  color: <dtml-var mainFontColor>;
160  background-color: <dtml-var preBackground>;
161  overflow: auto;
162}
163
164<dtml-comment>
165Classes ------------------------------
166</dtml-comment>
167
168#idioma p {
169  margin-top: 0;
170}
171
172.logo {
173  margin: <dtml-var logoMargin>;
174  padding: <dtml-var logoPadding>;
175}
176
177.note {
178  font-size: smaller;
179}
180
181.even {
182  background-color: <dtml-var boxEvenBackground>;
183}
184
185.odd {
186  background-color: <dtml-var boxOddBackground>;
187}
188
189.pending {
190  font-weight: bold;
191  color: #ffa500;
192}
193
194.work {
195  font-weight: bold;
196  color: blue;
197}
198
199.draft {
200  font-weight: bold;
201  color: #5555ff;
202}
203
204.published {
205  font-weight: bold;
206  color: #22a522;
207}
208
209.deferred {
210  font-weight: bold;
211  color: #ff6600;
212}
213
214.expired {
215  font-weight: bold;
216  color: #ff0033;
217}
218
219.locked {
220  border: 1px solid #ff6600;
221  color: #ff6600;
222  padding-left: 0.2em;
223  padding-right: 0.2em;
224}
225
226.url {
227  color: <dtml-var urlFontColor>
228}
229
230input.standalone, button.standalone {
231  background: <dtml-var standaloneButtonBackground>;
232  background-image: none;
233  color: <dtml-var standaloneButtonFontColor>;
234  border: <dtml-var standaloneButtonBorder>;
235}
236
237input.context {
238  background: <dtml-var contextButtonBackground>;
239  background-image: none;
240  color: <dtml-var contextButtonFontColor>;
241}
242
243input.destructive {
244  background: <dtml-var destructiveButtonBackground>;
245  background-image: none;
246  color: <dtml-var destructiveButtonFontColor>;
247}
248
249button {
250  font: <dtml-var inputFont>;
251  background: <dtml-var standaloneButtonBackground>;
252  color: <dtml-var standaloneButtonFontColor>;
253  background-image: none;
254  vertical-align: middle;
255}
256
257<dtml-comment>
258DIVs ------------------------------
259</dtml-comment>
260
261div.batchLayout {
262  text-align: right;
263  background-color: <dtml-var boxEvenBackground>;
264}
265
266div.pageNavigationLayout {
267  text-align: center;
268  background-color: <dtml-var boxEvenBackground>;
269}
270
271.contact {
272  text-align: center;
273  margin: 0;
274  padding: 1px 0px 1px 0px;
275}
276
277div.message {
278  background: <dtml-var messageBackground>;
279  color: <dtml-var mainFontColor>;
280  font: <dtml-var messageFont>;
281  margin: 1em 0;
282  padding: 0.5em 1em;
283  vertical-align: middle;
284}
285
286div.message a {
287  background: <dtml-var messageBackground>;
288  color: <dtml-var mainFontColor>;
289  text-decoration: underline;
290}
291
292div.description {
293  font: <dtml-var descriptionFont>;
294  display: block;
295  margin-bottom: 0.5em;
296  line-height: 133%;
297}
298
299div.documentActions {
300  float: right;
301  margin-top: 1em;
302}
303
304div.documentActions li {
305  display: inline;
306}
307
308div.searchBox {
309  float: right;
310  text-align: right;
311  padding: <dtml-var searchPadding>;
312  margin: <dtml-var searchMargin>;
313  clear: right;
314  background-color: transparent;
315  color: <dtml-var searchFontColor>;
316  text-transform: <dtml-var textTransform>;
317  width: 40%;
318}
319
320div.headerActions {
321  float: right;
322  text-align: right;
323  margin-top: 1em;
324  margin-right: 1em;
325  margin-bottom: 4px;
326}
327
328div.headerActions li {
329  display: inline;
330}
331
332div.pathBar {
333  padding: 1px 1em 1px 1em;
334  text-transform: <dtml-var textTransform>;
335}
336
337div.row {
338  clear: both;
339}
340
341div.label {
342  font-weight: bold;
343}
344
345div.field {
346  padding: 0px 0px 0px 0px;
347  text-align: left;
348}
349
350span.legend {
351  font-weight: bold;
352}
353
354div.popupImg {
355  padding: 10px;
356  text-align: center;
357}
358
359.hidden {
360  display: none;
361}
362
363.hiddenItem {
364  background-color: <dtml-var boxEvenBackground>;
365}
366
367<dtml-comment>
368Documents language selection
369</dtml-comment>
370
371span.selectedLang {
372  background: #003a6b;
373  color: #ffffff;
374  font-weight: bold;
375  padding-left: 0.5em;
376  padding-right: 0.5em;
377}
378a.availableLang {
379  text-decoration: underline;
380}
381a.availableLang:hover {
382  text-decoration: none;
383}
384
385<dtml-comment>
386Accessibility statement and usage
387</dtml-comment>
388
389div.accesskeys, div.accesskeysUsage {
390  border: 1px solid #999999;
391  background-color: #dddddd;
392  padding: 1em;
393  margin: 0.5em 0 2em 0;
394}
395
396<dtml-comment>
397Contact info and conformance statement
398</dtml-comment>
399
400.contactInfo li {
401  display: inline;
402  margin: 1em;
403}
404
405.conformanceStatement {
406  text-align: center;
407}
408
409.conformanceStatement li {
410  display: inline;
411}
412
413.conformanceStatement img {
414  margin: 1em;
415}
416
417<dtml-comment>
418CMF Calendar
419</dtml-comment>
420
421.CalendarArrow {
422  font-weight: bold;
423  text-decoration: none;
424  color: #000000;
425}
426
427.CalendarTitle {
428  font-weight: bold;
429  text-decoration: none;
430  text-align: center;
431  color: #000000;
432}
433
434p.help {
435  font-style: italic;
436}
437
438table.calendar td {
439  white-space: nowrap;
440  background-color: white;
441  width: 1.5em;
442}
443
444table.calendar a {
445  text-decoration: none;
446  color: black;
447}
448
449table.calendar td.event {
450  background-color: <dtml-var boxEvenBackground>;
451  text-decoration: none;
452}
453
454table.calendar td.todayevent {
455  background-color: <dtml-var boxEvenBackground>;
456}
457
458table.calendar td.weekdays {
459  background-color: <dtml-var boxEvenBackground>;
460}
461
462table.calendar th {
463  background-color: <dtml-var boxEvenBackground>;
464  white-space: nowrap;
465}
466
467table.localRoleForm th {
468  text-align: left;
469}
470
471span.highlightedSearchTerm {
472  background-color: #ffff00;
473}
474
475span.searchFor {
476  font-weight: bold;
477}
478
479/* hack for IE6 bugs */
480/* Hides from IE5-mac \*/
481* html .group {height: 1%}
482* html div.box {height: 1%}
483* html div.box .content {height: 1%}
484* html div.document {height: 1%}
485/* End hide from IE-mac */
486
487.netscape4 {
488  display: none;
489}
490
491table {
492  font-size: 100%;
493}
494
495hr {
496  height: 1px;
497  color: <dtml-var mainTabBorderColorSelected>;
498  background-color: transparent;
499}
500
501h1, h2 {
502  border-bottom: 1px solid <dtml-var mainTabBorderColor>;
503}
504
505form {
506  border: none;
507}
508
509textarea {
510  border: <dtml-var inputBorder>;
511  padding: 0.1em;
512}
513input {
514  border: <dtml-var inputBorder>;
515  margin-bottom: 1px; /* IE bug fix */
516  padding: 0.1em;
517}
518select {
519  font: <dtml-var inputFont>;
520  border: <dtml-var inputBorder>;
521  vertical-align: top;
522}
523
524abbr, acronym, .explain {
525  border-bottom: 1px dotted <dtml-var mainFontColor>;
526  cursor: help;
527}
528
529ol, ul {
530  padding-left: 3em;
531  margin: 0px;
532}
533
534.content li, #content li {
535  padding: 0em 0em 0.4em 0em;
536}
537
538ul.fileChoice {
539  padding-left: 0;
540  list-style-type: None;
541}
542
543button {
544  background: <dtml-var buttonBackground>;
545  border: <dtml-var buttonBorder>;
546  margin: 0.2em;
547  padding: 0.1em;
548  font: <dtml-var inputFont>;
549}
550
551button:hover {
552  background: <dtml-var buttonBackgroundHover>;
553}
554
555input.standalone, button.standalone {
556  background: <dtml-var standaloneButtonBackground>;
557  cursor: pointer;
558  font: <dtml-var inputFont>;
559  font-weight: <dtml-var buttonWeight>;
560  padding: <dtml-var standaloneButtonPadding>;
561  text-transform: <dtml-var textTransform>;
562}
563
564input.standalone:hover, button.standalone:hover {
565  background: <dtml-var standaloneButtonBackgroundHover>;
566}
567
568input.context {
569  background: <dtml-var contextButtonBackground>;
570  cursor: pointer;
571  font: <dtml-var inputFont>;
572  font-weight: <dtml-var buttonWeight>;
573  padding: <dtml-var contextButtonPadding>;
574  text-transform: <dtml-var textTransform>;
575  border: <dtml-var contextButtonBorder>;
576}
577
578input.context:hover {
579  background: <dtml-var contextButtonBackgroundHover>;
580}
581
582input.destructive {
583  background: <dtml-var destructiveButtonBackground>;
584  border: <dtml-var destructiveButtonBorder>;
585  cursor: pointer;
586  font: <dtml-var inputFont>;
587  font-weight: <dtml-var buttonWeight>;
588  padding: <dtml-var destructiveButtonPadding>;
589  text-transform: <dtml-var textTransform>;
590}
591
592input.destructive:hover {
593  background: <dtml-var destructiveButtonBackgroundHover>;
594  border: <dtml-var destructiveButtonBorderHover>;
595}
596
597input.noborder {
598  background: transparent;
599  border: <dtml-var noBorder>;
600  margin: 0;
601}
602
603input.searchButton {
604  font-size: 100% ! important;
605  margin-bottom: 1px ! important;
606}
607
608input.moveUp {
609  background: <dtml-var moveUpButtonBackground>;
610}
611input.moveDown {
612  background: <dtml-var moveDownButtonBackground>;
613}
614input.moveTop {
615  background: <dtml-var moveTopButtonBackground>;
616}
617input.moveBottom {
618  background: <dtml-var moveBottomButtonBackground>;
619}
620
621<dtml-comment>
622Forms ------------------------------
623</dtml-comment>
624
625form {
626  margin: 0px;
627}
628
629form.workflow {
630  padding:0px 0px 10px 0px;
631}
632
633form.workflow dl {
634  font-weight: bold;
635}
636
637form.workflow dd {
638  margin-left: 0px;
639}
640
641<dtml-comment>
642Generic table definitions
643</dtml-comment>
644
645table.columns td.left {
646  background: <dtml-var columnsLeftBackground>;
647}
648table.columns td.right {
649  background: <dtml-var columnsRightBackground>;
650}
651
652table.listing {
653  width: 100%;
654}
655
656table.listing caption {
657  font-weight: bold;
658}
659
660table.listing td {
661  padding: 0.4em;
662}
663
664table.listing thead tr th {
665  text-align: center;
666}
667
668table.listing thead td {
669  background-color: <dtml-var listingHeaderBackground>;
670  color: <dtml-var listingHeaderColor>;
671  text-align: center;
672  font-weight: bold;
673}
674
675table.listing tbody td {
676  background-color: <dtml-var listingCellBackground>;
677  color: <dtml-var listingCellColor>;
678}
679
680table.listing tbody tr.odd td {
681  background-color: <dtml-var listingCellOddBackground>;
682  color: <dtml-var listingCellOddColor>;
683}
684
685table.listing tbody tr.even td {
686  background-color: <dtml-var listingCellEvenBackground>;
687  color: <dtml-var listingCellEvenColor>;
688}
689
690table.listing .action {
691  font-weight: bold;
692  text-align: left;
693}
694
695<dtml-comment>
696Specific table definitions
697</dtml-comment>
698
699form#loginForm {
700  padding-top:20px;
701  padding-bottom:20px;
702  width: 30em;
703}
704table#login th {
705  width: 12em;
706}
707
708table#portalConfiguration th {
709  width: 18em;
710  padding-bottom: 1em;
711}
712table#portalConfiguration td {
713  width: 18em;
714  padding-bottom: 1em;
715}
716
717table#subscriptions td {
718  text-align: center;
719}
720
721table#subscriptions .action {
722  text-align: left;
723}
724
725table.localRolesAssignment {
726  width: 100%;
727  padding: 0;
728  margin: 0.4em;
729  margin-bottom: 2em;
730  border: 0.1em solid black;
731}
732
733table.localRolesAssignment td.assignedRole {
734  text-align: center;
735}
736
737table.localRolesAssignment td.inheritedRole {
738  text-align: center;
739  background: <dtml-var inheritedRole>;
740}
741
742span.inheritedRole {
743  background: <dtml-var inheritedRole>;
744}
745
746table.localRolesAssignment td.inheritedBlockedRole {
747  text-align: center;
748  background: <dtml-var inheritedBlockedRole>;
749}
750
751span.inheritedBlockedRole {
752  background: <dtml-var inheritedBlockedRole>;
753}
754
755<dtml-comment>
756DIVs ------------------------------
757</dtml-comment>
758
759div.top {
760  background: <dtml-var topBackground>;
761  margin: <dtml-var topMargin>;
762  padding: <dtml-var topPadding>;
763  width: 100%;
764}
765
766.contact {
767  background: <dtml-var footerBackground>;
768  border-top: <dtml-var footerBorder>;
769  border-bottom: <dtml-var footerBorder>;
770  width: 100%;
771}
772
773div.document {
774  font: <dtml-var contentFont>;
775  background: <dtml-var contentBackground>;
776}
777
778div.message {
779  border: <dtml-var messageBorder>;
780}
781
782div.pathBar {
783  border-bottom-color: <dtml-var mainTabBorderColorSelected>;
784  border-bottom-style: solid;
785  border-bottom-width: 1px;
786}
787
788div.row {
789  margin: 0em 0em 0.5em 0em;
790  position:relative;
791}
792
793div.label {
794  font-weight: bold;
795  display: inline;
796}
797
798.required {
799  padding-right: 0.5em;
800  background: <dtml-var requiredField>;
801}
802
803.error {
804  background: <dtml-var messageBackground>;
805  border: <dtml-var messageBorder>;
806  padding: 1em;
807  margin: 0em;
808}
809
810div.field {
811  margin-top: 0.2em;
812}
813
814span.legend {
815  background: <dtml-var contentBackground>;
816  font-size: <dtml-var legendFontSize>;
817  padding: 0.5em 0em 0.5em 0em;
818  position : relative;
819  top: -0.8em;
820  left: 0;
821}
822
823<dtml-comment>
824The "group" class is used to group together the HTML fields of a form.
825</dtml-comment>
826.group {
827  margin: 0em;
828  padding:10px 0px 20px 0px;
829}
830
831.comment_box {
832  border: 1px solid #bcbcbc;
833  margin: 1em 0 1em 1em;
834  padding: 5px 10px 10px 20px;
835}
836
837.user_roles {
838  margin: 1em 0 1em 0;
839  padding: 0.7em 0em 0.7em 0em;
840}
841
842.header_roles {
843  font-weight: bold;
844  background: #b1acb2;
845}
846
847.assign_roles {
848  padding-top: 0.7em;
849}
850
851table.calendar {
852  border: <dtml-var boxBorder>;
853  text-align: right;
854}
855
856table.calendar a:hover {
857  text-decoration: none;
858}
859
860table.calendar th {
861  border: none;
862  font-weight: bold;
863  text-align: center;
864}
865
866table.calendar td {
867  width: 1.5em;
868}
869
870table.calendar td.weekdays {
871  border: <dtml-var boxBorder>;
872  border-style: solid none;
873  text-align: center;
874}
875
876table.calendar td.event {
877  font-weight: bold;
878}
879
880table.calendar td.todayevent {
881  border: <dtml-var boxHighlight>;
882  font-weight: bold;
883}
884
885table.calendar td.todaynoevent {
886  border-collapse: collapse;
887  border: <dtml-var boxHighlight>;
888}
889
890<dtml-comment>
891Tooltips
892</dtml-comment>
893
894.tooltipControl {
895  color: #000000;
896  background: #ffffe1;
897  border: 1px solid #000000;
898
899  margin-left: 1em;
900}
901
902.tooltipControl:hover {
903  background: #ffffb8;
904}
905
906.tooltipArea {
907  color: #000000;
908  background: #ffffe1;
909  border: 1px solid #000000;
910  padding: 0.8em;
911  font-weight: normal;
912  font-size: 80%;
913  text-align: left;
914
915  position: inherit;
916  left: -15em;
917  top: 1.5em;
918  width: 20em;
919
920  visibility: hidden;
921  display: none;
922  z-index: 1000;
923}
924
925<dtml-comment>
926XXX: CPSMailBoxer definitions that should not be here but in a dedicated file
927</dtml-comment>
928
929div.mailboxerNoArchive {
930  border-top: solid;
931  border-width: 1px;
932}
933
934td.mailboxerMonth {
935  background-color: <dtml-var boxEvenBackground>;
936  text-align: center;
937}
938
939<dtml-comment>
940Books
941</dtml-comment>
942
943div.bookSummary {
944  width: 100%;
945  border: 1px solid black;
946  padding: 0.5em;
947}
948
949div.bookSummaryNav {
950  text-align: center;
951  width: 100%;
952  background-color: <dtml-var boxEvenBackground>;
953}
954
955li.summaryEntries {
956  margin: 0.5em;
957}
958
959div.bookPageHeader {
960  border-bottom: 1px solid black;
961}
962
963div.bookPageNavigation {
964}
965
966div.bookPageInfo {
967  float: right;
968}
969
970<dtml-comment>
971Hide stuff by id and make it available in source
972</dtml-comment>
973
974#bylineFolder {
975  clear: both;
976  text-align: left;
977}
978
979#byline {
980  clear: both;
981  text-align: right;
982  margin-top: 2em;
983}
984
985<dtml-comment>
986javascript use for block toggle
987</dtml-comment>
988
989div.hidden {
990  visibility: hidden;
991  display: none;
992}
993
994div.visible {
995  visibility: visible;
996  display: block;
997}
998
999<dtml-comment>
1000Advanced search form
1001</dtml-comment>
1002
1003#advancedSearchForm {
1004  font-size: 90%;
1005}
1006
1007#advancedSearchZCText {
1008  text-align: right;
1009}
1010
1011p.advancedSearchButton {
1012  text-align: right;
1013}
1014
1015#advancedSearchForm fieldset {
1016  border: none;
1017  border-left: <dtml-var boxBorder>;
1018  border-bottom: <dtml-var boxBorder>;
1019  padding: 0.5em 0em 0.5em 0em;
1020  margin: 0.5em;
1021}
1022
1023span.advancedSearchColumn {
1024  padding-left: 1em;
1025  float:left;
1026  width:12em;
1027}
1028
1029div.drophover {
1030  border-bottom: 3px solid black;
1031}
1032
1033div.drophover-in {
1034  background: #ffe68f;
1035  border: 1px solid black;
1036}
1037
1038#ajax_psm {
1039  background: #ffac0b;
1040  color: white;
1041  padding: 8px;
1042  border: 1px solid black;
1043  float: right;
1044  font-weight: bold;
1045  position: absolute;
1046  <dtml-if "isUserAgentGecko(REQUEST)">
1047  -moz-border-radius: 4px;
1048  </dtml-if>
1049}
1050
1051div.draggable:hover {
1052  background: #efefef;
1053}
1054
1055div.more_block {
1056  padding-left: 10px;
1057}
1058
1059div.batchLayout, div.pageNavigationLayout {
1060  color: #666666;
1061  margin: 0px 2px 0px 2px;
1062  padding: 3px 20px 3px 0px;
1063}
1064
1065table.folderButtons {
1066  padding-top: 1.2em;
1067}
1068
1069</dtml-with>
Note: See TracBrowser for help on using the repository browser.