source: WAeUP_SRP/base/skins/waeup_design/default.css.dtml @ 2300

Last change on this file since 2300 was 2277, checked in by Henrik Bettermann, 17 years ago

FCE Okene logo implemented.
File size: 17.5 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
501form {
502  border: none;
503}
504
505textarea {
506  border: <dtml-var inputBorder>;
507  padding: 0.1em;
508}
509input {
510  border: <dtml-var inputBorder>;
511  margin-bottom: 1px; /* IE bug fix */
512  padding: 0.1em;
513}
514select {
515  font: <dtml-var inputFont>;
516  border: <dtml-var inputBorder>;
517  vertical-align: top;
518}
519
520abbr, acronym, .explain {
521  border-bottom: 1px dotted <dtml-var mainFontColor>;
522  cursor: help;
523}
524
525ol, ul {
526  padding-left: 3em;
527  margin: 0px;
528}
529
530.content li, #content li {
531  padding: 0em 0em 0.4em 0em;
532}
533
534ul.fileChoice {
535  padding-left: 0;
536  list-style-type: None;
537}
538
539button {
540  background: <dtml-var buttonBackground>;
541  border: <dtml-var buttonBorder>;
542  margin: 0.2em;
543  padding: 0.1em;
544  font: <dtml-var inputFont>;
545}
546
547button:hover {
548  background: <dtml-var buttonBackgroundHover>;
549}
550
551input.standalone, button.standalone {
552  background: <dtml-var standaloneButtonBackground>;
553  cursor: pointer;
554  font: <dtml-var inputFont>;
555  font-weight: <dtml-var buttonWeight>;
556  padding: <dtml-var standaloneButtonPadding>;
557  text-transform: <dtml-var textTransform>;
558}
559
560input.standalone:hover, button.standalone:hover {
561  background: <dtml-var standaloneButtonBackgroundHover>;
562}
563
564input.context {
565  background: <dtml-var contextButtonBackground>;
566  cursor: pointer;
567  font: <dtml-var inputFont>;
568  font-weight: <dtml-var buttonWeight>;
569  padding: <dtml-var contextButtonPadding>;
570  text-transform: <dtml-var textTransform>;
571  border: <dtml-var contextButtonBorder>;
572}
573
574input.context:hover {
575  background: <dtml-var contextButtonBackgroundHover>;
576}
577
578input.destructive {
579  background: <dtml-var destructiveButtonBackground>;
580  border: <dtml-var destructiveButtonBorder>;
581  cursor: pointer;
582  font: <dtml-var inputFont>;
583  font-weight: <dtml-var buttonWeight>;
584  padding: <dtml-var destructiveButtonPadding>;
585  text-transform: <dtml-var textTransform>;
586}
587
588input.destructive:hover {
589  background: <dtml-var destructiveButtonBackgroundHover>;
590  border: <dtml-var destructiveButtonBorderHover>;
591}
592
593input.noborder {
594  background: transparent;
595  border: <dtml-var noBorder>;
596  margin: 0;
597}
598
599input.searchButton {
600  font-size: 100% ! important;
601  margin-bottom: 1px ! important;
602}
603
604input.moveUp {
605  background: <dtml-var moveUpButtonBackground>;
606}
607input.moveDown {
608  background: <dtml-var moveDownButtonBackground>;
609}
610input.moveTop {
611  background: <dtml-var moveTopButtonBackground>;
612}
613input.moveBottom {
614  background: <dtml-var moveBottomButtonBackground>;
615}
616
617<dtml-comment>
618Forms ------------------------------
619</dtml-comment>
620
621form {
622  margin: 0px;
623}
624
625form.workflow {
626  padding:0px 0px 10px 0px;
627}
628
629form.workflow dl {
630  font-weight: bold;
631}
632
633form.workflow dd {
634  margin-left: 0px;
635}
636
637<dtml-comment>
638Generic table definitions
639</dtml-comment>
640
641table.columns td.left {
642  background: <dtml-var columnsLeftBackground>;
643}
644table.columns td.right {
645  background: <dtml-var columnsRightBackground>;
646}
647
648table.listing {
649  width: 100%;
650}
651
652table.listing caption {
653  font-weight: bold;
654}
655
656table.listing td {
657  padding: 0.4em;
658}
659
660table.listing thead tr th {
661  text-align: center;
662}
663
664table.listing thead td {
665  background-color: <dtml-var listingHeaderBackground>;
666  color: <dtml-var listingHeaderColor>;
667  text-align: center;
668  font-weight: bold;
669}
670
671table.listing tbody td {
672  background-color: <dtml-var listingCellBackground>;
673  color: <dtml-var listingCellColor>;
674}
675
676table.listing tbody tr.odd td {
677  background-color: <dtml-var listingCellOddBackground>;
678  color: <dtml-var listingCellOddColor>;
679}
680
681table.listing tbody tr.even td {
682  background-color: <dtml-var listingCellEvenBackground>;
683  color: <dtml-var listingCellEvenColor>;
684}
685
686table.listing .action {
687  font-weight: bold;
688  text-align: left;
689}
690
691<dtml-comment>
692Specific table definitions
693</dtml-comment>
694
695form#loginForm {
696  padding-top:20px;
697  padding-bottom:20px;
698  width: 30em;
699}
700table#login th {
701  width: 12em;
702}
703
704table#portalConfiguration th {
705  width: 18em;
706  padding-bottom: 1em;
707}
708table#portalConfiguration td {
709  width: 18em;
710  padding-bottom: 1em;
711}
712
713table#subscriptions td {
714  text-align: center;
715}
716
717table#subscriptions .action {
718  text-align: left;
719}
720
721table.localRolesAssignment {
722  width: 100%;
723  padding: 0;
724  margin: 0.4em;
725  margin-bottom: 2em;
726  border: 0.1em solid black;
727}
728
729table.localRolesAssignment td.assignedRole {
730  text-align: center;
731}
732
733table.localRolesAssignment td.inheritedRole {
734  text-align: center;
735  background: <dtml-var inheritedRole>;
736}
737
738span.inheritedRole {
739  background: <dtml-var inheritedRole>;
740}
741
742table.localRolesAssignment td.inheritedBlockedRole {
743  text-align: center;
744  background: <dtml-var inheritedBlockedRole>;
745}
746
747span.inheritedBlockedRole {
748  background: <dtml-var inheritedBlockedRole>;
749}
750
751<dtml-comment>
752DIVs ------------------------------
753</dtml-comment>
754
755div.top {
756  background: <dtml-var topBackground>;
757  margin: <dtml-var topMargin>;
758  padding: <dtml-var topPadding>;
759  width: 100%;
760}
761
762.contact {
763  background: <dtml-var footerBackground>;
764  border-top: <dtml-var footerBorder>;
765  border-bottom: <dtml-var footerBorder>;
766  width: 100%;
767}
768
769div.document {
770  font: <dtml-var contentFont>;
771  background: <dtml-var contentBackground>;
772}
773
774div.message {
775  border: <dtml-var messageBorder>;
776}
777
778div.pathBar {
779  border-bottom-color: <dtml-var mainTabBorderColorSelected>;
780  border-bottom-style: solid;
781  border-bottom-width: 1px;
782}
783
784div.row {
785  margin: 0em 0em 0.5em 0em;
786  position:relative;
787}
788
789div.label {
790  font-weight: bold;
791  display: inline;
792}
793
794.required {
795  padding-right: 0.5em;
796  background: <dtml-var requiredField>;
797}
798
799.error {
800  background: <dtml-var messageBackground>;
801  border: <dtml-var messageBorder>;
802  padding: 1em;
803  margin: 0em;
804}
805
806div.field {
807  margin-top: 0.2em;
808}
809
810span.legend {
811  background: <dtml-var contentBackground>;
812  font-size: <dtml-var legendFontSize>;
813  padding: 0.5em 0em 0.5em 0em;
814  position : relative;
815  top: -0.8em;
816  left: 0;
817}
818
819<dtml-comment>
820The "group" class is used to group together the HTML fields of a form.
821</dtml-comment>
822.group {
823  margin: 0em;
824  padding:10px 0px 20px 0px;
825}
826
827.comment_box {
828  border: 1px solid #bcbcbc;
829  margin: 1em 0 1em 1em;
830  padding: 5px 10px 10px 20px;
831}
832
833.user_roles {
834  margin: 1em 0 1em 0;
835  padding: 0.7em 0em 0.7em 0em;
836}
837
838.header_roles {
839  font-weight: bold;
840  background: #b1acb2;
841}
842
843.assign_roles {
844  padding-top: 0.7em;
845}
846
847table.calendar {
848  border: <dtml-var boxBorder>;
849  text-align: right;
850}
851
852table.calendar a:hover {
853  text-decoration: none;
854}
855
856table.calendar th {
857  border: none;
858  font-weight: bold;
859  text-align: center;
860}
861
862table.calendar td {
863  width: 1.5em;
864}
865
866table.calendar td.weekdays {
867  border: <dtml-var boxBorder>;
868  border-style: solid none;
869  text-align: center;
870}
871
872table.calendar td.event {
873  font-weight: bold;
874}
875
876table.calendar td.todayevent {
877  border: <dtml-var boxHighlight>;
878  font-weight: bold;
879}
880
881table.calendar td.todaynoevent {
882  border-collapse: collapse;
883  border: <dtml-var boxHighlight>;
884}
885
886<dtml-comment>
887Tooltips
888</dtml-comment>
889
890.tooltipControl {
891  color: #000000;
892  background: #ffffe1;
893  border: 1px solid #000000;
894
895  margin-left: 1em;
896}
897
898.tooltipControl:hover {
899  background: #ffffb8;
900}
901
902.tooltipArea {
903  color: #000000;
904  background: #ffffe1;
905  border: 1px solid #000000;
906  padding: 0.8em;
907  font-weight: normal;
908  font-size: 80%;
909  text-align: left;
910
911  position: inherit;
912  left: -15em;
913  top: 1.5em;
914  width: 20em;
915
916  visibility: hidden;
917  display: none;
918  z-index: 1000;
919}
920
921<dtml-comment>
922XXX: CPSMailBoxer definitions that should not be here but in a dedicated file
923</dtml-comment>
924
925div.mailboxerNoArchive {
926  border-top: solid;
927  border-width: 1px;
928}
929
930td.mailboxerMonth {
931  background-color: <dtml-var boxEvenBackground>;
932  text-align: center;
933}
934
935<dtml-comment>
936Books
937</dtml-comment>
938
939div.bookSummary {
940  width: 100%;
941  border: 1px solid black;
942  padding: 0.5em;
943}
944
945div.bookSummaryNav {
946  text-align: center;
947  width: 100%;
948  background-color: <dtml-var boxEvenBackground>;
949}
950
951li.summaryEntries {
952  margin: 0.5em;
953}
954
955div.bookPageHeader {
956  border-bottom: 1px solid black;
957}
958
959div.bookPageNavigation {
960}
961
962div.bookPageInfo {
963  float: right;
964}
965
966<dtml-comment>
967Hide stuff by id and make it available in source
968</dtml-comment>
969
970#bylineFolder {
971  clear: both;
972  text-align: left;
973}
974
975#byline {
976  clear: both;
977  text-align: right;
978  margin-top: 2em;
979}
980
981<dtml-comment>
982javascript use for block toggle
983</dtml-comment>
984
985div.hidden {
986  visibility: hidden;
987  display: none;
988}
989
990div.visible {
991  visibility: visible;
992  display: block;
993}
994
995<dtml-comment>
996Advanced search form
997</dtml-comment>
998
999#advancedSearchForm {
1000  font-size: 90%;
1001}
1002
1003#advancedSearchZCText {
1004  text-align: right;
1005}
1006
1007p.advancedSearchButton {
1008  text-align: right;
1009}
1010
1011#advancedSearchForm fieldset {
1012  border: none;
1013  border-left: <dtml-var boxBorder>;
1014  border-bottom: <dtml-var boxBorder>;
1015  padding: 0.5em 0em 0.5em 0em;
1016  margin: 0.5em;
1017}
1018
1019span.advancedSearchColumn {
1020  padding-left: 1em;
1021  float:left;
1022  width:12em;
1023}
1024
1025div.drophover {
1026  border-bottom: 3px solid black;
1027}
1028
1029div.drophover-in {
1030  background: #ffe68f;
1031  border: 1px solid black;
1032}
1033
1034#ajax_psm {
1035  background: #ffac0b;
1036  color: white;
1037  padding: 8px;
1038  border: 1px solid black;
1039  float: right;
1040  font-weight: bold;
1041  position: absolute;
1042  <dtml-if "isUserAgentGecko(REQUEST)">
1043  -moz-border-radius: 4px;
1044  </dtml-if>
1045}
1046
1047div.draggable:hover {
1048  background: #efefef;
1049}
1050
1051div.more_block {
1052  padding-left: 10px;
1053}
1054
1055div.batchLayout, div.pageNavigationLayout {
1056  color: #666666;
1057  margin: 0px 2px 0px 2px;
1058  padding: 3px 20px 3px 0px;
1059}
1060
1061table.folderButtons {
1062  padding-top: 1.2em;
1063}
1064
1065</dtml-with>
Note: See TracBrowser for help on using the repository browser.