]> code.citadel.org Git - citadel.git/blob - webcit/static/webcit.css
Some modifications in the display of each message to optimize the
[citadel.git] / webcit / static / webcit.css
1
2 * html {
3         overflow: hidden;
4 }
5
6 body {
7         margin:0;
8         padding: 0 0 0 0;
9         height: 100%;
10         overflow: auto;
11         background-color: #D8D8D8;
12         color: #000000;
13         font-weight: normal;
14         font-size: 10pt;
15         font-family: sans-serif;
16         text-align: center;
17 }
18
19 #iconbar {
20         /* position:fixed; */
21         position:absolute;
22         display:block;
23         top:0px;
24         left:0px;
25         width: 15%;
26         /* height:100%; */
27         background: #ffffee;
28         text-align: left;
29 }
30
31 * html #iconbar {
32         position:absolute;
33         display:block;
34         top:0px;
35         left:0px;
36         width: 15%;
37         /* height:100%; */
38         background: #ffffee;
39 }
40
41 .logo, .logo_citadel {
42         display: block;
43         text-align: center;
44         border-bottom: 1px solid #aaaaaa;
45         margin: 0;
46         padding: 0;
47 }
48
49 .logo_citadel a, .logo_citadel img {
50         border: none;
51 }
52
53 #banner {
54         position:fixed;
55         display:block;
56         top:0px;
57         left: 15%;
58         width: 85%;
59         height: 15%;
60         background: #445;
61         text-align: left;
62 }
63
64 * html #banner {
65         position:absolute;
66         display:block;
67         top:0px;
68         left: 15%;
69         width: 85%;
70         height: 15%;
71         background: #445;
72 }
73
74 #banner .room_banner, #banner .service_banner {
75         float: left;
76         width: 48%;
77 }
78
79 .room_banner img,  .service_banner img {
80         float: left;
81         margin-top: 0;
82         margin-left: 0;
83         margin-bottom: 5px;
84         margin-right: 5px;
85 }
86
87 .room_banner h1 {
88         font-size: 14pt;
89         font-weight: bold;
90         color: #FFFFEE;
91         margin: 0;
92         padding: 2px;
93 }
94
95 .service_banner h1 {
96         font-size: 12pt;
97         font-weight: bold;
98         color: #FFFFEE;
99         margin: 0;
100         padding: 2px;
101 }
102
103 .service_banner h2 {
104         font-size: 11pt;
105         font-weight: bold;
106         color: #FFFFEE;
107 }
108
109 .room_banner .infos {
110         font-size: 8pt;
111         color: #FFFFEE;
112         text-align: center;
113         padding: 2px;
114         cursor: help;
115 }
116
117 #room_infos {
118         position: absolute;
119         top: 0px;
120         left: 50%;
121         width: 45%;
122         padding: 11px;
123         margin: 0px;
124         z-index: 100;
125         color: #666;
126         background: white;
127         cursor: pointer;
128         font-size: 10pt;
129         color: black;
130         text-align: left;
131         padding: 2px;
132         margin-top: 5px;
133 }
134
135 img.close_infos {
136         float: right;
137 }
138
139 #banner ul {
140         float: right;
141         text-align: right;
142         width: 48%;
143         margin: 0;
144         padding: 0;
145 }
146
147 #banner ul li {
148         text-align: right;
149         clear: right;
150         list-style: none;
151         margin: 0;
152         padding: 2px;
153         white-space: nowrap;
154 }
155
156 li.search {
157         font-size: 10pt;
158         float: left;
159         color: #FFFFFF;
160 }
161
162 li.view {
163         font-size: 10pt;
164         float: right;
165         color: #FFFFFF;
166 }
167
168 li.search form, li.view form {
169         margin: 0;
170         padding: 0;
171 }
172
173 li.nummsgs {
174         font-size: 10pt;
175         color: #DDDDCC;
176 }
177
178 li.start_page {
179         font-size: 8pt;
180         color: #DDDDCC;
181 }
182
183
184 #navbar {
185         position: absolute; 
186         bottom: 0px; 
187         left: 0px;
188 }
189
190 #navbar ul {
191         float: left;
192         width: 95%;
193         margin: 0;
194         padding: 0;
195         white-space: nowrap;
196         text-align: left;
197 }
198
199 #navbar ul li {
200         display: inline;
201         list-style: none;
202         margin-top: 0;
203         margin-right: 5px;
204         margin-bottom:0 ;
205         margin-left: 20px;
206         white-space: nowrap;
207 }
208
209 #navbar ul li img {
210         margin-top: 0;
211         margin-right: 2px;
212         margin-bottom:0 ;
213         margin-left: 2px;
214 }
215
216 .navbar_link {
217         font-size: 7pt;
218         color: #FFFFEE;
219 }
220
221
222 #important_message {
223         position:absolute;
224         top:0px; right:0px;
225         background-color: #880000;
226         z-index: 2;
227 }
228
229 #content {
230         position:fixed;
231         display:block;
232         top: 16%;
233         left: 15%;
234         width: 85%;
235         height: 84%;
236         overflow: auto;
237         /* overflow-x: hidden; */
238         text-align: left;
239 }
240
241 * html #content {
242         position:absolute;
243         display:block;
244         top: 16%;
245         left: 15%;
246         width: 85%;
247         height: 84%;
248         overflow: auto;
249         /* overflow-x: hidden; */
250 }
251
252 #message_list_hdr {
253         position:fixed;
254         display:block;
255         top: 16%;
256         left: 15%;
257         width: 85%;
258         height: 5%;
259         overflow: hidden;
260         font-style: italic;
261         text-align: left;
262 }
263
264 * html #message_list_hdr {
265         position:absolute;
266         display:block;
267         top: 16%;
268         left: 15%;
269         width: 85%;
270         height: 5%;
271         overflow: hidden;
272         font-style: italic;
273         text-align: left;
274 }
275
276 #message_list {
277         position:fixed;
278         display:block;
279         top: 21%;
280         left: 15%;
281         width: 85%;
282         height: 20%;
283         overflow: auto;
284         cursor: pointer;
285         text-align: left;
286 }
287
288 * html #message_list {
289         position:absolute;
290         display:block;
291         top: 21%;
292         left: 15%;
293         width: 85%;
294         height: 20%;
295         overflow: auto;
296         cursor: pointer;
297 }
298
299 #resize_msglist {
300         position:fixed;
301         display:block;
302         top: 41%;
303         left: 15%;
304         width: 85%;
305         height: 1%;
306         overflow: hidden;
307         cursor: s-resize;
308         background-color: #cccccc;
309 }
310
311 * html #resize_msglist {
312         position:absolute;
313         display:block;
314         top: 41%;
315         left: 15%;
316         width: 85%;
317         height: 1%;
318         overflow: hidden;
319         cursor: s-resize;
320 }
321
322 #resize_msglist hr {
323         color: darkgrey;
324         background-color: darkgrey;
325         height: 3px;
326         border: 0;
327 }
328
329 #preview_pane {
330         position:fixed;
331         display:block;
332         top: 42%;
333         left: 15%;
334         width: 85%;
335         height: 58%;
336         overflow: auto;
337         text-align: left;
338 }
339
340 * html #preview_pane {
341         position:absolute;
342         display:block;
343         top: 42%;
344         left: 15%;
345         width: 85%;
346         height: 58%;
347         overflow: auto;
348 }
349
350
351 .fix_scrollbar_bug {
352         margin-right:1px;               /* Gecko and other non-broken browsers */
353         width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
354 }
355
356 #button {
357         width: 100%;
358         background-color: #ffffee;
359         color: #aaaaaa;
360         font-size: 8pt;
361         list-style: none;
362         margin: 0;
363         padding: 0;
364         border: none;
365 }
366
367 #button li, #button li.switch {
368         border-bottom: 1px solid #aaaaaa;
369         margin: 0;
370 }
371
372 #button li.switch {
373         text-align: center;
374 }
375
376 #button img {
377         vertical-align: middle;
378         padding-left: 2px;
379         padding-right: 5px;
380 }
381
382 #button li a {
383         display: block;
384         background-color: #ffffee;
385         color: #000000;
386         text-decoration: none;
387         width: 100%;
388 }
389
390 html>body #button li a {
391         width: auto;
392 }
393
394 #button li a:hover {
395         background-image:url(/static/body-background.gif);
396         color: #000000;
397 }
398
399 a:link {
400         color: #0000FF;
401         text-decoration: none;
402 }
403
404 a:visited {
405         color: #0000FF;
406         text-decoration: none;
407 }
408
409 a:active {
410         color: #0000FF;
411         text-decoration: none;
412 }
413
414 a:hover {
415         text-decoration: underline;
416 }
417
418 .menubar_link {
419         font-size: 9pt;
420 }
421
422 .titlebar {
423         font-size: 12pt;
424         color: #FFFFEE;
425 }
426
427
428 .message {
429         margin: 5px;
430         padding: 0;
431         border: 1px solid #999999;
432         background-color: #CCCCCC;
433         text-align: left;
434 }
435
436
437 .message_header, .message_subject {
438         font-size: 10pt;
439         color: black;
440         margin: 0;
441         padding: 3px;
442         background-color: #CCCCCC;
443         text-align: left;
444 }
445
446 .message_subject {
447         padding-top: 0;
448         font-style: italic;
449         float: left;
450 }
451
452 .msgbuttons {
453         float: right;
454         visibility: hidden;
455         margin-top: 0;
456         margin-right: 0;
457         padding: 0;
458 }
459
460 #delbutton, .msgbuttons a {
461         font-size: 7pt;
462         margin: 1px;
463         padding: 2px;
464         padding-left: 5px;
465         padding-right: 5px;
466         border-top: 1px solid #CFCFCF;
467         border-left: 1px solid #CFCFCF;
468         border-right: 1px solid #808080;
469         border-bottom: 1px solid #000000;
470         background-color: #999999;
471         color: #000000;
472         font-weight: bold;
473         text-align: center;
474 }
475
476 .msgbuttons a span {
477         display: none;
478 }
479
480 .msgbuttons a:hover {
481         background-color: #AAAAAA;
482         text-decoration: none;
483 }
484
485 .message_content {
486         background-color: white;
487         margin: 0;
488         padding: 3px;
489         clear: both;
490 }
491
492 .message form div label {
493         display: block;
494         float: left;
495         margin: 3px;
496         width: 9em;
497         text-align: right;
498 }
499
500 .message form div input, .message form div select {
501         margin: 3px;
502 }
503
504 .imgedit {
505         vertical-align: middle;
506 }
507
508 .send_edit_msg {
509         float: right;
510         margin-top: 0;
511         margin-right: 0;
512         padding-top: 2px;
513         padding-bottom: 2px;
514         padding-right: 50px;
515         padding-left: 50px;
516 }
517
518 .tablabel {
519         font-size: 10pt;
520         font-weight: bold;
521         color: #000000;
522 }
523
524 .boxlabel {
525         font-size: 8pt;
526         font-weight: bold;
527         color: #FFFFEE;
528 }
529
530 .boxlabel a {
531         color: #FFFFEE;
532 }
533
534 ul.adminitems {
535         list-style-type: none;
536 }
537
538 ul.adminitems li {
539         list-style: none;
540         font-size: 13px;
541 }
542
543 ul.adminitems a {
544         font-size: 13px;
545         margin: 5px;
546         color: #880000;
547         font-weight: bold;
548 }
549
550 ul.adminitems span {
551         display: block;
552         font-size: 8pt;
553         color: #000088;
554 }
555
556
557 .customize {
558         font-size: 8pt;
559         font-style: italic;
560         color: #000044;
561         background-color: #DDDDCC;
562 }
563
564 .room_banner_room_name {
565 }
566
567 .room_banner_room_info {
568 }
569
570 .room_banner_new_messages {
571 }
572
573 .room_banner_start_page {
574 }
575
576 .view_name, .search_name, .selectbox, .inputbox {
577         font-size: 7pt;
578         background: #444455; 
579         color: #ddddcc;
580 }
581
582 .menubar_bg {
583         background-color: #FF0000;
584 }
585
586
587 .roomlist_floor {
588         font-size: 12pt;
589         font-weight: bold;
590         color: #000000;
591 }
592
593 .roomlist_new {
594         font-size: 10pt;
595         color: #880000;
596         font-weight: bold;
597 }
598
599 .roomlist_old {
600         font-size: 10pt;
601         color: #000088;
602 }
603
604 .ib_roomlist_floor {
605         font-size: 8pt;
606         font-weight: bold;
607         color: #000000;
608         cursor: pointer;
609 }
610
611 .ib_roomlist_new {
612         font-size: 10px;
613         color: #880000;
614         font-weight: bold;
615         cursor: pointer;
616 }
617
618 .ib_roomlist_old {
619         font-size: 10px;
620         color: #000088;
621         cursor: pointer;
622 }
623
624 .mailbox_summary {
625         font-size: 10pt;
626         color: #000000;
627         background-color: #FFFFFF;
628 }
629
630 .mailbox_summary tr {
631         width: 100%;
632 }
633
634 .mailbox_summary td {
635         border-top: 1px solid darkgrey;
636 }
637
638 blockquote {
639         color: navy !important; background-color: RGB(245,245,245) !important; 
640 }
641 blockquote blockquote {
642         color: maroon !important; background-color: RGB(235,235,235) !important;
643 }
644 blockquote blockquote blockquote {
645         color: green !important; background-color: RGB(225,225,225) !important;
646 }
647 blockquote blockquote blockquote blockquote {
648         color: purple !important; background-color: RGB(215,215,215) !important;
649 }
650 blockquote blockquote blockquote blockquote blockquote {
651         color: teal !important; background-color: RGB(205,205,205) !important;
652 }
653
654 blockquote pre {
655         margin-left: 1%;
656         margin-right: 1%;
657 }
658
659
660 var sub {
661         font-style: normal;
662 }
663
664 .note {
665         font-size: 85%;
666         margin-left: 10%;
667 }
668
669 .toolbar {
670         text-align: center;
671 }
672
673 .toolbar IMG {
674         float: right;
675 }
676
677 .errormsg {
678         color: #AA0000;
679         background: none;
680         font-weight: bold;
681         font-style: italic;
682 }
683
684 .imsg {
685         color: #aaaaaa;
686         background: none;
687         font-weight: bold;
688         font-style: italic;
689         text-align: center;
690 }
691
692 .warning {
693         color: #FF4500;
694         background: none;
695         text-decoration: none;
696 }
697
698 .error strong {
699         color: #DC143C;
700         background: #FFD700;
701         text-decoration: none;
702 }
703
704 .warning strong {
705         color: #FF4500;
706         background: #FFD700;
707         text-decoration: none;
708 }
709
710 .warning a:link, .warning a:visited, .warning a:active {
711         color: #FF4500;
712         background: none;
713         text-decoration: underline;
714 }
715
716 .error a:link, .error a:visited, .error a:active {
717         color: #DC143C;
718         background: none;
719         text-decoration: underline;
720 }
721
722 .error strong a:link, .error strong a:visited, .error strong a:active {
723         color: #DC143C;
724         background: #FFD700;
725 }
726
727 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
728         color: #FF4500;
729         background: #FFD700;
730 }
731
732 colgroup.entity {
733         text-align: center;
734 }
735
736 .default {
737         text-decoration: underline;
738         font-style: normal;
739 }
740
741 .required {
742         font-weight: bold;
743 }
744
745 td li.transitional, .elements li.transitional {
746         font-weight: lighter;
747         color: #696969;
748         background: none;
749 }
750
751 td li.frameset, .elements li.frameset {
752         font-weight: lighter;
753         color: #808080;
754         background: none;
755 }
756
757 @media print {
758         input#toggler, .toolbar { display: none }
759 }
760
761
762 .treetitle {
763         padding:2px;
764         cursor:default;
765         
766         font-size: 11px;
767         color: #000000;
768 }
769 .editednode {
770         padding:2px;
771         cursor:default;
772         background-color: #FFFFFF;;
773         color: #000000;
774         
775         font-size: 11px;
776 }
777 .editednodeinput {
778         background-color: #FFFFFF;;
779         color: #000000;
780         
781         width: 150px;
782         height: 17px;
783         
784         border-style: solid;
785         border-width: 1px;
786         border-color: #000000;
787         
788         font-size: 11px;
789 }
790 .treetitleselectedfocused {
791         padding:2px;
792         cursor:default;
793         background-color: highlight;
794         color: highlighttext;
795         
796         font-size: 11px;
797 }
798 .treetitleselectedblured {
799         padding:2px;
800         cursor:default;
801         background-color: menu;
802         color: windowtext;
803         font-size: 11px;
804 }
805
806
807
808 div.auto_complete {
809         width: 350px;
810         background: #fff;
811 }
812
813 div.auto_complete ul {
814         border:1px solid #888;
815         margin:0;
816         padding:0;
817         width:100%;
818         list-style-type: none;
819         background: #fff;
820 }
821
822 div.auto_complete ul li {
823         margin:0;
824         padding:3px;
825 }
826
827 div.auto_complete ul li.selected {
828         background-color: #ffc;
829
830
831 div.auto_complete ul strong.highlight {
832         color: #800;
833         margin:0;
834         padding:0;
835 }
836
837
838 .floors_config, .roomops_zap {
839         border: 0;
840         background-color: #770000;
841         width: 100%;
842 }
843
844 .roomops_cell_label {
845         background-color: #FFFFFF;
846 }
847
848 .roomops_cell, .roomops_cell_edit {
849         background-color: #CCCCCC;
850 }
851
852 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background { 
853         border: 0;
854         width: 100%;
855         background-color: #ffffff;
856 }
857
858 .siteconfig_background { 
859         border: 0;
860         width: 100%;
861 }
862
863 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
864         border: 0;
865         width: 100%;
866         background-color: #ffffff;
867 }
868
869 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
870         border: 0;
871         width: 100%;
872         background-color: #444455;
873 }
874
875 .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
876         border: 0;
877         width: 100%;
878         background-color: #444455;
879 }
880
881 .smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
882         border: 0;
883         width: 100%;
884         background-color: #444455;
885 }
886
887
888 .vcard_edit_background_alt, .roomops_background_alt {
889         border: 0;
890         width: 100%;
891         background-color: #dddddd;
892 }
893
894
895 .box {
896         width: 100%;
897         padding: 0px;
898         background-color: #FFFFFF;
899 }
900
901 .boxlabel, .boxcontent {
902         padding: 5px;
903 }
904
905 .boxlabel {
906         background-color: #000088;
907         text-align: center;
908 }
909
910 #login_screen {
911         margin: 3%;
912 }
913
914 .login_content {
915         background-color: white;
916 }
917
918 .login_message, .login_hello {
919         position: relative;
920         margin-left: auto;
921         margin-right: auto;
922         width: 80%;
923         text-align: center;
924 }
925
926 .login_image {
927         display: block;
928         margin-left: auto;
929         margin-right: auto;
930         text-align: center;
931 }
932
933 .login_message {
934         color: red;
935         font-weight: bold;
936         font-size: 16px;
937 }
938
939 #login_form {
940         position: relative;
941         display: block;
942         margin-top: 20px;
943         margin-left: auto;
944         margin-right: auto;
945         margin-bottom: 20px;
946         padding: 6px;
947         width: 300px;
948         background-color: #DDDDDD;
949 }
950
951 #login_form input, #login_form label, #login_form select {
952         display: block;
953         float: left;
954         margin: 6px;
955 }
956
957 #login_form label {
958         width: 130px;
959         text-align: left;
960 }
961
962 #pname, #uname {
963         width: 130px;
964         text-align: left;
965 }
966
967 #login_form br {
968         clear: left;
969 }
970
971 #login_form .logbuttons {
972         margin-left: auto;
973         margin-right: auto;
974 }
975
976 #login_form .logbutton {
977         width: auto;
978         text-align: center;
979 }
980
981 .login_infos {
982         display: block;
983         margin-top: 30px;
984         margin-left: auto;
985         margin-right: auto;
986         width: 80% ;
987         text-align: left;
988 }
989
990 #address_book_popup {
991         position: absolute;
992         top: 100px;
993         right: 25px;
994         width: 320px;
995         height: auto;
996         z-index: 100;
997         background-color: #fff;
998         color: #000;
999         display: none;
1000         border: 1px solid black;
1001 }
1002
1003 #address_book_popup_container_div {
1004         position: relative;
1005         width: 100%;
1006         height: 100%;
1007         background-color: #fbf4ca;
1008 }
1009
1010 #address_book_popup_middle_div {
1011         position: relative;
1012         background-color: #fbf4ca;
1013 }
1014
1015 #address_book_inner_div {
1016         margin: 5px;
1017 }
1018
1019 #address_book_inner_div select {
1020         width: 100%;
1021         background-color: #fbf4ca;
1022 }
1023
1024 .address_book_popup_title {
1025         font-size: 12pt;
1026         background-color: #fbf4ca;
1027         color: #000;
1028 }
1029
1030 .edit_col, .host_col {
1031         display: none;
1032 }
1033
1034 .who_is_online .edit_col, .who_is_online .host_col {
1035         display: block;
1036 }
1037
1038 #wholist {
1039         border: 0;
1040         margin: 0;
1041         padding: 0;
1042         max-height: 200px;
1043         overflow: auto;
1044 }
1045
1046 #wholist li {
1047         color: black;
1048         text-align: left;
1049         list-style: none;
1050         border: 0;
1051         margin: 0;
1052         padding: 2px;
1053         white-space: nowrap;
1054         border-top: 1px solid #aaaaaa;
1055 }
1056
1057 #wholist li.activeuser a {
1058         background-color: rgb(255,240,146);
1059         padding-left: 5px;
1060
1061
1062 table.altern {
1063         background-color: #ffffff;
1064         width: 100%;
1065 }
1066
1067 table.altern .even {
1068         background-color: #dddddd;
1069 }
1070
1071 table.altern .odd {
1072         background-color: #ffffff;
1073 }