1) More CSS corrections/cleanup
[squirrelmail.git] / templates / default / css / default.css
1 /* page body formatting */
2 body {
3 color: #000000 /* __COLOR8__ */;
4 background-color: #ffffff /* __COLOR4__*/;
5 font-family: Arial, Helvetica, sans-serif;
6 }
7 body.sqm_leftMain {
8 color: #000000 /* __COLOR6__*/;
9 background-color: #a0b8c8 /* __COLOR3__*/;
10 text-align: left;
11 }
12
13 img {
14 border:0;
15 }
16
17 em {
18 font-weight: bold;
19 font-style: normal;
20 }
21
22 .quote1 {
23 color: #800000 /* __COLOR13__*/;
24 }
25
26 .quote2 {
27 color: #ff0000 /* __COLOR14__*/;
28 }
29
30 /* right links */
31 a:link, a:visited, a:hover, a:active {
32 color: #0000cc /* __COLOR7__ */;
33 }
34
35 /* left links */
36 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
37 color: #000000 /* __COLOR6__*/;
38 }
39
40 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
41 color: #770000 /* __COLOR11__ */;
42 }
43
44 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
45 color: #002266 /* __COLOR15__ */;
46 }
47
48 /* highlighted texts */
49 .highlight {
50 color: #002266 /* __COLOR15__ */;
51 }
52
53 .thead_caption {
54 font-weight: bold;
55 text-align: center;
56 }
57
58 .error_table {
59 color: #ff0000 /* __COLOR14__*/;
60 border: 2px solid #dcdcdc /* __COLOR0__ */;
61 background-color: #a0b8c8 /* __COLOR3__*/;
62 }
63 .error_thead {
64 background-color: #666666 /* __COLOR10__*/;
65 }
66 .error_thead_caption {
67 background-color: #666666 /* __COLOR10__*/;
68 }
69 .error_row {
70 color: #ff0000 /* __COLOR14__*/;
71 }
72 .error_val {
73 color: #000000 /* __COLOR6__*/;
74 border: 2px solid #dcdcdc /* __COLOR0__ */;
75
76 }
77 .error_key {
78 border: 2px solid #dcdcdc /* __COLOR0__ */;
79 color: #ff0000 /* __COLOR14__*/;
80 background-color: #dcdcdc /* __COLOR0__ */;
81 }
82
83 table.table_empty,table.table_blank {
84 margin: 0;
85 padding: 0;
86 border: 0;
87 width: 100%;
88 }
89
90 table.spacer {
91 border: 0;
92 height: 5px;
93 width:100%;
94 background-color: #ffffff /* __COLOR4__ */;
95 }
96
97 table.table1 {
98 border: 1px solid #dcdcdc /* __COLOR0__ */;
99 width: 90%;
100 margin-left: auto;
101 margin-right: auto;
102 }
103
104 table.table1 td {
105 padding-left: 2px;
106 padding-right: 2px;
107 }
108
109 table.table2 {
110 border: 1px solid #ababab /* __COLOR9__ */;
111 width: 80%;
112 margin-left: auto;
113 margin-right: auto;
114 }
115
116 table.table2 td {
117 padding-left: 2px;
118 padding-right: 2px;
119 }
120
121 td.emptyList {
122 text-align: center;
123 font-weight: bold;
124 }
125
126 td.header1 {
127 background: #dcdcdc /* __COLOR0__ */;
128 text-align: center;
129 font-weight: bold;
130 }
131
132 td.header2 {
133 background: #ababab /* __COLOR9__ */;
134 text-align: center;
135 font-weight: bold;
136 padding-top: 2px;
137 padding-bottom: 2px;
138 }
139
140 td.header3 {
141 text-align: center;
142 font-weight: bold;
143 padding-top: 4px;
144 padding-bottom: 4px;
145 }
146
147 td.header4 {
148 background: #ffffcc /* __COLOR5__*/;
149 font-weight: bold;
150 padding-top:2px;
151 padding-bottom: 2px;
152 text-align: center;
153 }
154
155 td.header5 {
156 background-color: #ababab /* __COLOR9__ */;
157 font-weight: bold;
158 text-align: left;
159 }
160
161 td.fieldName {
162 text-align: right;
163 width:25%;
164 font-weight: bold;
165 vertical-align:top;
166 }
167
168 td.fieldValue {
169 text-align: left;
170 width:75%;
171 font-weight: normal;
172 }
173
174 tr.even {
175 background: #ededed /* __COLOR12__*/;
176 }
177 tr.odd {
178 background: #ffffff /* __COLOR4__*/;
179 }
180
181 .table_standard {
182 border:1px solid #dcdcdc /* __COLOR0__ */;
183 width: 100%;
184 }
185
186 .sqm_loginOrgName, .sqm_signoutBar {
187 background: #dcdcdc /* __COLOR0__ */;
188 }
189
190 .sqm_signout {
191 margin-top: 2em;
192 text-align: center;
193 }
194
195 /* note.tpl defs */
196 .sqm_noteWrapper {
197 text-align:center;
198 width:100%;
199 }
200 .sqm_note {
201 margin-left:auto;
202 margin-right:auto;
203 font-weight:bold;
204 text-align:center;
205 }
206
207 /* motd defs */
208 .sqm_motd {
209 background: #ababab /* __COLOR9__ */;
210 }
211 .sqm_motd td {
212 background: #ffffff /* __COLOR4__*/;
213 }
214
215 /* empty_folder.tpl defs */
216 .sqm_emptyFolder {
217 background: #ababab /* __COLOR9__ */;
218 }
219 .sqm_emptyFolder td {
220 background: #ffffff /* __COLOR4__*/;
221 }
222
223 /* error_box.tpl definitions */
224 .table_errorBoxWrapper {
225 background: #ababab /* __COLOR9__ */;
226 margin-left: auto;
227 margin-right: auto;
228 text-align: center;
229 }
230
231 .table_errorBox {
232 background: #dcdcdc /* __COLOR0__ */;
233 }
234 .error_message {
235 background: #ffffff /* __COLOR4__*/;
236 }
237 td.error_header {
238 font-weight: bold;
239 color: #cc0000 /* __COLOR2__*/;
240 }
241
242 /* page_header.tpl definitions */
243 .sqm_currentFolder {
244 background: #ababab /* __COLOR9__ */;
245 text-align: left;
246 }
247 .sqm_headerSignout {
248 background: #ababab /* __COLOR9__ */;
249 text-align: right;
250 }
251 .sqm_topNavigation {
252 text-align: left;
253 }
254 .sqm_providerInfo {
255 text-align: right;
256 }
257
258 /* message_list.tpl definitions */
259 #message_list {
260 width: 100%;
261 }
262 .table_messageListWrapper {
263 background: #ababab /* __COLOR9__ */;
264 width:100%;
265 }
266
267 .table_messageList {
268 background: #ffffcc /* __COLOR5__*/;
269 }
270
271 .table_messageList tr.headerRow {
272 text-align: left;
273 }
274 .table_messageList td.spacer {
275 background: #dcdcdc /* __COLOR0__ */;
276 }
277 .table_messageList tr.mouse_over {
278 background: #ffffcc /* __COLOR5__*/;
279 }
280 .table_messageList tr.clicked {
281 background: #ff9933 /* __COLOR16__*/;
282 }
283 .table_messageList td.col_check {
284 text-align: left;
285 }
286 .table_messageList td.col_subject {
287 text-align: left;
288 }
289 .table_messageList td.col_flags {
290 text-align: left;
291 }
292 .table_messageList td.col_text {
293 text-align: left;
294 }
295 td.message_count {
296 text-align: right;
297 }
298 .unread {
299 font-weight: bold;
300 }
301 .deleted {
302 color: #ababab /* __COLOR9__ */;
303 }
304 .flagged {
305 color: #cc0000 /* __COLOR2__ */;
306 }
307 .high_priority {
308 color: #800000 /* __COLOR13__*/;
309 }
310 .low_priority {
311 color: #000000 /* __COLOR4__*/;
312 }
313
314 .links_paginator {
315 text-align: left;
316 }
317
318 .message_list_controls {
319 background: #dcdcdc /* __COLOR0__ */;
320 }
321
322 .message_control_buttons {
323 text-align: left;
324 }
325 .message_control_delete {
326 text-align: right;
327 }
328 .message_control_move {
329 text-align: right;
330 }
331
332 .spacer {
333 background: #ffffff /* __COLOR4__*/;
334 }
335
336 /* folder_manip.tpl defs */
337 #folderManip {
338 text-align:center;
339 }
340
341 #folderManip td {
342 text-align: center;
343 padding: 2px;
344 }
345
346 #folderManip table {
347 margin-left: auto;
348 margin-right: auto;
349 padding-top: 8px;
350 padding-bottom: 8px;
351 border: 0;
352 width: 70%;
353 }
354
355 #folderManip table.wrapper {
356 border: 1px solid #dcdcdc /* __COLOR0__ */;
357 width: 95%;
358 margin-left: auto;
359 margin-right: auto;
360 padding: 0;
361 }
362
363 #folderManip td.folderAction {
364 background: #dcdcdc /* __COLOR0__ */;
365 }
366
367 #folderManip div {
368 margin-left: auto;
369 margin-right: auto;
370 width: 80%;
371 text-align: left;
372 }
373
374 /* login defs */
375 #sqm_login {
376 margin-top: 25px;
377 text-align: center;
378 }
379
380 #sqm_login table {
381 border: 0;
382 padding: 0;
383 margin-left: auto;
384 margin-right: auto;
385 width: auto;
386 }
387
388 #sqm_login td {
389 padding-left: 2px;
390 padding-right: 2px;
391 padding-top: 0px;
392 padding-bottom: 0px;
393 width: auto;
394 text-align: center;
395 }
396
397 #sqm_login td.orgName {
398 font-weight: bold;
399 background: none;
400 font-size: 90%;
401 }
402
403 #sqm_login td.orgLogo {
404 width: 155px;
405 text-align: center;
406 vertical-align: center;
407 }
408
409 #sqm_login td.orgLogo img {
410 width: 150px;
411 padding:0;
412 }
413
414 #sqm_login td.attr {
415 font-size: 70%;
416 padding-top:5px;
417 padding-bottom: 10px;
418 }
419
420 #sqm_login td.fieldName {
421 font-size: 10pt;
422 font-weight: bold;
423 text-align: right;
424 width: 50%;
425 }
426
427 #sqm_login td.fieldInput {
428 text-align: left;
429 padding-top: 1px;
430 padding-bottom: 1px;
431 }
432
433 #sqm_login td.loginSubmit {
434 padding-top: 15px;
435 }
436
437 /* addressbook_list.tpl defs */
438 #addressList {
439 text-align: center;
440 }
441
442 #addressList input {
443 font-size: 8pt;
444 }
445
446 #addressList select {
447 font-size: 75%;
448 }
449
450 #addressList table {
451 margin-left: auto;
452 margin-right: auto;
453 width: 95%;
454 border: 1px solid #ababab /* __COLOR9__ */;
455 margin-top: 8px;
456 margin-bottom: 8px;
457 }
458
459 #addressList td {
460 text-align: left;
461 padding: 2px;
462 }
463
464 #addressList td.header1 {
465 text-align: center;
466 background: #ababab /* __COLOR9__ */;
467 }
468 #addressList td.abookSwitch {
469 background: #dcdcdc /* __COLOR0__ */;
470 text-align: right;
471 }
472
473 #addressList td.abookButtons {
474 background: #dcdcdc /* __COLOR0__ */;
475 }
476
477 #addressList td.abookField {
478 border-left: 1px solid #ababab /* __COLOR9__ */;
479 border-right: 1px solid #ababab /* __COLOR9__ */;
480 white-space: nowrap;
481 overflow: hidden;
482 }
483
484 #addressList td.colHeader {
485 text-align: center;
486 font-weight: bold;
487 font-size: 98%;
488 background: #ababab /* __COLOR9__ */;
489 padding-top: 0px;
490 padding-bottom: 0px;
491 }
492
493 #addressList td.abookEmpty {
494 text-align:center;
495 font-weight: bold;
496 }
497
498 #addressList td.abookCompose {
499 font-size: 8pt;
500 white-space: nowrap;
501 }
502
503 #addrBookSearch {
504 text-align: center;
505 }
506
507 #addrBookSearch table {
508 padding: 0;
509 border: 0;
510 margin-left: auto;
511 margin-right: auto;
512 }
513
514 #addrBookSearch table.wrapper {
515 border: 1px solid #ababab /* __COLOR9__ */;
516 width: 95%;
517 margin-left: auto;
518 margin-right: auto;
519 padding: 0;
520 }
521
522 #addrBookSearch td {
523 padding: 2px;
524 }
525
526 #addrBookSearch label {
527 font-weight: bold;
528 }
529
530 #addrBookSearch input {
531 font-size: 75%;
532 }
533
534 #addrBookSearch select {
535 font-size: 75%;
536 }
537
538 #addrBookSearch td.buttons {
539 text-align: center;
540 }
541
542 #addrAddEdit {
543 text-align: center;
544 }
545
546 #addrAddEdit table {
547 border: 1px solid #ababab /* __COLOR9__ */;
548 margin-left: auto;
549 margin-right: auto;
550 margin-top: 6px;
551 margin-bottom: 6px;
552 width: 95%
553 }
554
555 #addrAddEdit td.header {
556 background: #ababab /* __COLOR9__ */;
557 text-align: center;
558 font-weight: bold;
559 }
560
561 #addrAddEdit td.fieldName {
562 text-align: right;
563 width: 30%;
564 }
565
566 #addrAddEdit td.addButton {
567 text-align: center;
568 }
569
570 #addrAddEdit td {
571 text-align: left;
572 padding: 2px;
573 }
574
575 #addrAddEdit input {
576 font-size: 75%;
577 }
578
579 #addrAddEdit select {
580 font-size: 75%;
581 }
582
583 #optionGroups {
584 text-align: center;
585 }
586
587 /* help defs */
588 #help {
589 text-align: center;
590 }
591
592 #help td.help {
593 text-align: left;
594 }
595
596 #help li {
597 padding-left: 0px;
598 }
599
600 #help ul {
601 padding-left: 20px;
602 padding-right: 75px;
603 }
604
605 #help td.nav {
606 text-align: center;
607 color: #dcdcdc /* __COLOR0__ */;
608 padding-top: 15px;
609 padding-bottom: 5px;
610 }
611
612 #help h1 {
613 font-size: 14pt;
614 font-weight: bold;
615 margin-top: 2px;
616 margin-bottom: 0px;
617 }
618
619 #help h2 {
620 font-size: 10pt;
621 font-weight: normal;
622 margin-bottom: 2px;
623 margin-top: 0;
624 }
625
626 #help h3 {
627 font-weight: bold;
628 font-size: 10pt;
629 margin: 0;
630 padding: 0;
631 }
632
633 #help td.help p {
634 margin-top: 2px;
635 margin-bottom: 10px;
636 }
637
638 #help td.help li {
639 margin-left: 10px;
640 }
641
642 #optionsIdentity table {
643 margin-top: 10px;
644 margin-bottom: 10px;
645 }
646
647 #optionsIdentity table.table2 tr {
648 background: #dcdcdc /* __COLOR0__ */;
649 }
650
651 #optionsIdentity td.fieldName {
652 text-align: right;
653 width: 30%;
654 }
655
656 #optionsIdentity td.fieldValue {
657 text-align: left;
658 }
659
660 #optionsIdentity td.actionButtons {
661 text-align: center;
662 }
663
664 #optionsIdentity hr {
665 width: 95%;
666 border: 1px solid #ababab /* __COLOR9__ */;
667 }
668
669 #vCard {
670 text-align: center;
671 }
672
673 #vCard table {
674 margin-left: auto;
675 margin-right: auto;
676 margin-top: 10px;
677 margin-bottom: 10px;
678 }
679
680 #vCard td.fieldName {
681 text-align: right;
682 font-weight: bold;
683 vertical-align: top;
684 }
685
686 #vCard td.fieldValue {
687 text-align: left;
688 }
689
690 div.search table {
691 margin-top: 12px;
692 margin-bottom: 12px;
693 }
694
695 div.search td.header4 {
696 border-bottom: 1px solid #ababab /* __COLOR9__ */;
697 vertical-align: bottom;
698 }
699
700 div.search td.queryAction {
701 text-align: center;
702 font-size: small;
703 width: 1%;
704 padding-left: 8px;
705 padding-right: 8px;
706 border-left: 1px solid #ababab /* __COLOR9__ */;
707 border-top: 1px solid #ababab /* __COLOR9__ */;
708 border-bottom: 1px solid #ababab /* __COLOR9__ */;
709 }
710
711 div.search td.queryDesc {
712 border-top: 1px solid #ababab /* __COLOR9__ */;
713 border-bottom: 1px solid #ababab /* __COLOR9__ */;
714 }
715
716 div.search span {
717 padding-left: 2px;
718 padding-right: 2px;
719 }
720
721 div.search span.operator {
722 font-weight: normal;
723 text-decoration: underline;
724 font-style: italic;
725 }
726
727 div.search span.mailbox {
728 font-weight: bold
729 }
730
731 div.search span.conditions {
732 font-weight: normal;
733 text-decoration: underline;
734 font-style: italic;
735 }
736
737 div.search span.value {
738 font-weight: bold;
739 }
740
741 div.search span.error {
742 color: #cc0000 /* __COLOR2__ */;
743 font-weight: bold;
744 font-size: 125%;
745 }
746
747 div.search td.searchForm {
748 border-right: 1px solid #dcdcdc /* __COLOR0__ */;
749 border-left: 1px solid #dcdcdc /* __COLOR0__ */;
750 font-weight: bold;
751 text-align: center;
752 }
753
754 div.search td.queryError {
755 color: #cc0000 /* __COLOR2__ */;
756 font-weight: bold;
757 text-align: center;
758 padding: 4px;
759 }
760
761 div.search td.header1 input {
762 font-size: 80%;
763 margin: 2px;
764 }
765
766 div.search h1 {
767 font-weight: bold;
768 font-size: 150%;
769 margin-top: 6px;
770 margin-bottom: 2px;
771 }
772
773 div.search h2 {
774 color: #cc0000 /* __COLOR2__ */;
775 font-weight: bold;
776 text-align: center;
777 }
778
779 div.compose {
780 text-align: center;
781 }
782
783 div.compose table {
784 margin-top: 10px;
785 margin-bottom: 10px;
786 margin-left: auto;
787 margin-right: auto;
788 }
789
790 div.compose td.fieldName {
791 text-align: right;
792 font-weight: bold;
793 width: 30%;
794 vertical-align: top;
795 }
796
797 div.compose td.fieldValue {
798 text-align: left;
799 }
800
801 div.compose td.buttons {
802 text-align: center;
803 }
804
805 div.compose input {
806 font-size: 80%;
807 }
808
809 div.compose textarea {
810 margin-top: 5px;
811 margin-bottom: 5px;
812 }
813
814 div.compose td.bottomSend {
815 text-align: center;
816 }
817
818 div.compose tr.header {
819 background: #ababab /* __COLOR9__ */;
820 }
821
822 div.compose tr.header td {
823 padding-top: 4px;
824 padding-bottom: 4px;
825 }
826
827 div.compose tr.attachment td {
828 background: #dcdcdc /* __COLOR0__ */;
829 border-top: 1px solid #ababab /* __COLOR9__ */;
830 border-bottom: 1px solid #ababab /* __COLOR9__ */;
831 }
832
833 div.compose table.close {
834 width: 100%;
835 background: #dcdcdc /* __COLOR0__ */;
836 border:1px solid #ababab /* __COLOR9__ */;
837 text-align: center;
838 margin: 0;
839 }
840
841 div.readMenuBar table {
842 padding:0;
843 margin:0;
844 width: 100%;
845 border-left: 1px solid #ababab /* __COLOR9__ */;
846 border-right: 1px solid #ababab /* __COLOR9__ */;
847 }
848
849 div.readMenuBar table.top {
850 border-top: 1px solid #ababab /* __COLOR9__ */;
851 }
852
853 div.readMenuBar table.bottom {
854 border-bottom: 1px solid #ababab /* __COLOR9__ */;
855 }
856
857 div.readMenuBar td {
858 padding:2px;
859 }
860
861 div.readMenuBar td.nav {
862 padding-top:4px;
863 padding-bottom:4px;
864 }
865
866 div.readMenuBar tr.buttons {
867 background-color: #dcdcdc /* __COLOR0__ */;
868 }
869
870 div.readMenuBar td.buttons {
871 width:1%;
872 vertical-align: middle;
873 white-space: nowrap;
874 }
875
876 div.readMenuBar input, select {
877 padding:0;
878 font-size:100%;
879 }
880
881 div.readMenuBar td.move {
882 text-align: right;
883 }
884
885 div.readMenuBar form {
886 display:inline;
887 }
888
889 div.readHeaders table.table2 {
890 width:100%;
891 background-color: #dcdcdc /* __COLOR0__ */;
892 }
893
894 div.readHeaders td {
895 padding-left:4px;
896 padding-right:4px;
897 }
898
899 div.readHeaders table.spacer {
900 border: 0;
901 height: 5px;
902 width:100%;
903 background-color: #ffffff /* __COLOR4__ */;
904 }
905
906 div.readBody table {
907 width: 100%;
908 }
909
910 div.readBody table.table2 tr {
911 background-color: #ffffff /* __COLOR4__ */;
912 }
913
914 div.readBody table.table2 td {
915 padding: 10px;
916 width:100%;
917 }
918
919 div.readAttachments table {
920 width: 100%;
921 }
922
923 div.readAttachments td.attachSize, td.attachDesc {
924 font-weight: bold;
925 }
926
927 div.readAttachments td.attachActions {
928 text-align: right;
929 }
930
931 div.readInlineImages {
932 width:100%;
933 text-align: center;
934 }
935
936 div.readInlineImages table {
937 width: 50%;
938 margin-top:8px;
939 margin-bottom:8px;
940 margin-left: auto;
941 margin-right: auto;
942 }
943
944 div.readInlineImages td.header5 {
945 padding-left:2px;
946 padding-right:2px;
947 width:60%;
948 white-space:nowrap;
949 }
950
951 div.readInlineImages td.header5 a {
952 font-size:75%;
953 font-weight: normal;
954 }
955
956 div.readInlineImages td.image {
957 border:1px solid #ababab /* __COLOR9__ */;
958 padding:10px;
959 }
960
961
962
963