Templates for printer-friendly views
[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 .sqm_wrapperTable {
196 border:0;
197 padding:0;
198 margin-left:0;
199 border-spacing:0;
200 width:99%
201 }
202 sqm_leftMain table {
203 border:0;
204 padding:0;
205 margin:0;
206 border-spacing:0;
207 }
208 .sqm_folderHeader {
209 font-size:18px;
210 font-weight:bold;
211 text-align:center;
212 }
213 .sqm_clock {
214 }
215 .sqm_lastRefreshTime {
216 white-space: nowrap;
217 }
218 .sqm_refreshButton {
219 }
220
221 /* note.tpl defs */
222 .sqm_noteWrapper {
223 text-align:center;
224 width:100%;
225 }
226 .sqm_note {
227 margin-left:auto;
228 margin-right:auto;
229 font-weight:bold;
230 text-align:center;
231 }
232
233 /* motd defs */
234 .sqm_motd {
235 background: #ababab /* __COLOR9__ */;
236 }
237 .sqm_motd td {
238 background: #ffffff /* __COLOR4__*/;
239 }
240
241 /* empty_folder.tpl defs */
242 div.sqm_emptyFolderWrapper {
243 width:100%;
244 text-align: center;
245 }
246 table.sqm_emptyFolder {
247 background: #ababab /* __COLOR9__ */;
248 width:95%;
249 margin-left:auto;
250 margin-right: auto;
251 }
252 table.sqm_emptyFolder td {
253 background: #ffffff /* __COLOR4__*/;
254 text-align: center;
255 }
256
257 /* error_box.tpl definitions */
258 .table_errorBoxWrapper {
259 background: #ababab /* __COLOR9__ */;
260 margin-left: auto;
261 margin-right: auto;
262 text-align: center;
263 }
264
265 .table_errorBox {
266 background: #dcdcdc /* __COLOR0__ */;
267 }
268 .error_message {
269 background: #ffffff /* __COLOR4__*/;
270 }
271 td.error_header {
272 font-weight: bold;
273 color: #cc0000 /* __COLOR2__*/;
274 }
275
276 /* page_header.tpl definitions */
277 .sqm_currentFolder {
278 background: #ababab /* __COLOR9__ */;
279 text-align: left;
280 }
281 .sqm_headerSignout {
282 background: #ababab /* __COLOR9__ */;
283 text-align: right;
284 }
285 .sqm_topNavigation {
286 text-align: left;
287 }
288 .sqm_providerInfo {
289 text-align: right;
290 }
291
292 /* message_list.tpl definitions */
293 #message_list {
294 width: 100%;
295 }
296 .table_messageListWrapper {
297 background: #ababab /* __COLOR9__ */;
298 width:100%;
299 }
300
301 .table_messageList {
302 background: #ffffcc /* __COLOR5__*/;
303 }
304
305 .table_messageList tr.headerRow {
306 text-align: left;
307 }
308 .table_messageList td.spacer {
309 background: #dcdcdc /* __COLOR0__ */;
310 }
311 .table_messageList tr.mouse_over {
312 background: #ffffcc /* __COLOR5__*/;
313 }
314 .table_messageList tr.clicked {
315 background: #ff9933 /* __COLOR16__*/;
316 }
317 .table_messageList td.col_check {
318 text-align: left;
319 }
320 .table_messageList td.col_subject {
321 text-align: left;
322 }
323 .table_messageList td.col_flags {
324 text-align: left;
325 }
326 .table_messageList td.col_text {
327 text-align: left;
328 }
329 td.message_count {
330 text-align: right;
331 }
332 .unread {
333 font-weight: bold;
334 }
335 .deleted {
336 color: #ababab /* __COLOR9__ */;
337 }
338 .flagged {
339 color: #cc0000 /* __COLOR2__ */;
340 }
341 .high_priority {
342 color: #800000 /* __COLOR13__*/;
343 }
344 .low_priority {
345 color: #000000 /* __COLOR4__*/;
346 }
347
348 .links_paginator {
349 text-align: left;
350 }
351
352 .message_list_controls {
353 background: #dcdcdc /* __COLOR0__ */;
354 }
355
356 .message_control_buttons {
357 text-align: left;
358 }
359 .message_control_delete {
360 text-align: right;
361 }
362 .message_control_move {
363 text-align: right;
364 }
365
366 .spacer {
367 background: #ffffff /* __COLOR4__*/;
368 }
369
370 /* folder_manip.tpl defs */
371 #folderManip {
372 text-align:center;
373 }
374
375 #folderManip td {
376 text-align: center;
377 padding: 2px;
378 }
379
380 #folderManip table {
381 margin-left: auto;
382 margin-right: auto;
383 padding-top: 8px;
384 padding-bottom: 8px;
385 border: 0;
386 width: 70%;
387 }
388
389 #folderManip table.wrapper {
390 border: 1px solid #dcdcdc /* __COLOR0__ */;
391 width: 95%;
392 margin-left: auto;
393 margin-right: auto;
394 padding: 0;
395 }
396
397 #folderManip td.folderAction {
398 background: #dcdcdc /* __COLOR0__ */;
399 }
400
401 #folderManip div {
402 margin-left: auto;
403 margin-right: auto;
404 width: 80%;
405 text-align: left;
406 }
407
408 /* login defs */
409 #sqm_login {
410 margin-top: 25px;
411 text-align: center;
412 }
413
414 #sqm_login table {
415 border: 0;
416 padding: 0;
417 margin-left: auto;
418 margin-right: auto;
419 width: auto;
420 }
421
422 #sqm_login td {
423 padding-left: 2px;
424 padding-right: 2px;
425 padding-top: 0px;
426 padding-bottom: 0px;
427 width: auto;
428 text-align: center;
429 }
430
431 #sqm_login td.orgName {
432 font-weight: bold;
433 background: none;
434 font-size: 90%;
435 }
436
437 #sqm_login td.orgLogo {
438 width: 155px;
439 text-align: center;
440 vertical-align: center;
441 }
442
443 #sqm_login td.orgLogo img {
444 width: 150px;
445 padding:0;
446 }
447
448 #sqm_login td.attr {
449 font-size: 70%;
450 padding-top:5px;
451 padding-bottom: 10px;
452 }
453
454 #sqm_login td.fieldName {
455 font-size: 10pt;
456 font-weight: bold;
457 text-align: right;
458 width: 50%;
459 }
460
461 #sqm_login td.fieldInput {
462 text-align: left;
463 padding-top: 1px;
464 padding-bottom: 1px;
465 }
466
467 #sqm_login td.loginSubmit {
468 padding-top: 15px;
469 }
470
471 /* addressbook_list.tpl defs */
472 #addressList {
473 text-align: center;
474 }
475
476 #addressList input {
477 font-size: 8pt;
478 }
479
480 #addressList select {
481 font-size: 75%;
482 }
483
484 #addressList table {
485 margin-left: auto;
486 margin-right: auto;
487 width: 95%;
488 border: 1px solid #ababab /* __COLOR9__ */;
489 margin-top: 8px;
490 margin-bottom: 8px;
491 }
492
493 #addressList td {
494 text-align: left;
495 padding: 2px;
496 }
497
498 #addressList td.header1 {
499 text-align: center;
500 background: #ababab /* __COLOR9__ */;
501 }
502 #addressList td.abookSwitch {
503 background: #dcdcdc /* __COLOR0__ */;
504 text-align: right;
505 }
506
507 #addressList td.abookButtons {
508 background: #dcdcdc /* __COLOR0__ */;
509 }
510
511 #addressList td.abookField {
512 border-left: 1px solid #ababab /* __COLOR9__ */;
513 border-right: 1px solid #ababab /* __COLOR9__ */;
514 white-space: nowrap;
515 overflow: hidden;
516 }
517
518 #addressList td.colHeader {
519 text-align: center;
520 font-weight: bold;
521 font-size: 98%;
522 background: #ababab /* __COLOR9__ */;
523 padding-top: 0px;
524 padding-bottom: 0px;
525 }
526
527 #addressList td.abookEmpty {
528 text-align:center;
529 font-weight: bold;
530 }
531
532 #addressList td.abookCompose {
533 font-size: 8pt;
534 white-space: nowrap;
535 }
536
537 #addrBookSearch {
538 text-align: center;
539 }
540
541 #addrBookSearch table {
542 padding: 0;
543 border: 0;
544 margin-left: auto;
545 margin-right: auto;
546 }
547
548 #addrBookSearch table.wrapper {
549 border: 1px solid #ababab /* __COLOR9__ */;
550 width: 95%;
551 margin-left: auto;
552 margin-right: auto;
553 padding: 0;
554 }
555
556 #addrBookSearch td {
557 padding: 2px;
558 }
559
560 #addrBookSearch label {
561 font-weight: bold;
562 }
563
564 #addrBookSearch input {
565 font-size: 75%;
566 }
567
568 #addrBookSearch select {
569 font-size: 75%;
570 }
571
572 #addrBookSearch td.buttons {
573 text-align: center;
574 }
575
576 #addrAddEdit {
577 text-align: center;
578 }
579
580 #addrAddEdit table {
581 border: 1px solid #ababab /* __COLOR9__ */;
582 margin-left: auto;
583 margin-right: auto;
584 margin-top: 6px;
585 margin-bottom: 6px;
586 width: 95%
587 }
588
589 #addrAddEdit td.header {
590 background: #ababab /* __COLOR9__ */;
591 text-align: center;
592 font-weight: bold;
593 }
594
595 #addrAddEdit td.fieldName {
596 text-align: right;
597 width: 30%;
598 }
599
600 #addrAddEdit td.addButton {
601 text-align: center;
602 }
603
604 #addrAddEdit td {
605 text-align: left;
606 padding: 2px;
607 }
608
609 #addrAddEdit input {
610 font-size: 75%;
611 }
612
613 #addrAddEdit select {
614 font-size: 75%;
615 }
616
617 #optionGroups {
618 text-align: center;
619 }
620
621 /* help defs */
622 #help {
623 text-align: center;
624 }
625
626 #help td.help {
627 text-align: left;
628 }
629
630 #help li {
631 padding-left: 0px;
632 }
633
634 #help ul {
635 padding-left: 20px;
636 padding-right: 75px;
637 }
638
639 #help td.nav {
640 text-align: center;
641 color: #dcdcdc /* __COLOR0__ */;
642 padding-top: 15px;
643 padding-bottom: 5px;
644 }
645
646 #help h1 {
647 font-size: 14pt;
648 font-weight: bold;
649 margin-top: 2px;
650 margin-bottom: 0px;
651 }
652
653 #help h2 {
654 font-size: 10pt;
655 font-weight: normal;
656 margin-bottom: 2px;
657 margin-top: 0;
658 }
659
660 #help h3 {
661 font-weight: bold;
662 font-size: 10pt;
663 margin: 0;
664 padding: 0;
665 }
666
667 #help td.help p {
668 margin-top: 2px;
669 margin-bottom: 10px;
670 }
671
672 #help td.help li {
673 margin-left: 10px;
674 }
675
676 #optionsIdentity table {
677 margin-top: 10px;
678 margin-bottom: 10px;
679 }
680
681 #optionsIdentity table.table2 tr {
682 background: #dcdcdc /* __COLOR0__ */;
683 }
684
685 #optionsIdentity td.fieldName {
686 text-align: right;
687 width: 30%;
688 }
689
690 #optionsIdentity td.fieldValue {
691 text-align: left;
692 }
693
694 #optionsIdentity td.actionButtons {
695 text-align: center;
696 }
697
698 #optionsIdentity hr {
699 width: 95%;
700 border: 1px solid #ababab /* __COLOR9__ */;
701 }
702
703 #vCard {
704 text-align: center;
705 }
706
707 #vCard table {
708 margin-left: auto;
709 margin-right: auto;
710 margin-top: 10px;
711 margin-bottom: 10px;
712 }
713
714 #vCard td.fieldName {
715 text-align: right;
716 font-weight: bold;
717 vertical-align: top;
718 }
719
720 #vCard td.fieldValue {
721 text-align: left;
722 }
723
724 div.search table {
725 margin-top: 12px;
726 margin-bottom: 12px;
727 }
728
729 div.search td.header4 {
730 border-bottom: 1px solid #ababab /* __COLOR9__ */;
731 vertical-align: bottom;
732 }
733
734 div.search td.queryAction {
735 text-align: center;
736 font-size: small;
737 width: 1%;
738 padding-left: 8px;
739 padding-right: 8px;
740 border-left: 1px solid #ababab /* __COLOR9__ */;
741 border-top: 1px solid #ababab /* __COLOR9__ */;
742 border-bottom: 1px solid #ababab /* __COLOR9__ */;
743 }
744
745 div.search td.queryDesc {
746 border-top: 1px solid #ababab /* __COLOR9__ */;
747 border-bottom: 1px solid #ababab /* __COLOR9__ */;
748 }
749
750 div.search span {
751 padding-left: 2px;
752 padding-right: 2px;
753 }
754
755 div.search span.operator {
756 font-weight: normal;
757 text-decoration: underline;
758 font-style: italic;
759 }
760
761 div.search span.mailbox {
762 font-weight: bold
763 }
764
765 div.search span.conditions {
766 font-weight: normal;
767 text-decoration: underline;
768 font-style: italic;
769 }
770
771 div.search span.value {
772 font-weight: bold;
773 }
774
775 div.search span.error {
776 color: #cc0000 /* __COLOR2__ */;
777 font-weight: bold;
778 font-size: 125%;
779 }
780
781 div.search td.searchForm {
782 border-right: 1px solid #dcdcdc /* __COLOR0__ */;
783 border-left: 1px solid #dcdcdc /* __COLOR0__ */;
784 font-weight: bold;
785 text-align: center;
786 }
787
788 div.search td.queryError {
789 color: #cc0000 /* __COLOR2__ */;
790 font-weight: bold;
791 text-align: center;
792 padding: 4px;
793 }
794
795 div.search td.header1 input {
796 font-size: 80%;
797 margin: 2px;
798 }
799
800 div.search h1 {
801 font-weight: bold;
802 font-size: 150%;
803 margin-top: 6px;
804 margin-bottom: 2px;
805 }
806
807 div.search h2 {
808 color: #cc0000 /* __COLOR2__ */;
809 font-weight: bold;
810 text-align: center;
811 }
812
813 div.compose {
814 text-align: center;
815 }
816
817 div.compose table {
818 margin-top: 10px;
819 margin-bottom: 10px;
820 margin-left: auto;
821 margin-right: auto;
822 }
823
824 div.compose td.fieldName {
825 text-align: right;
826 font-weight: bold;
827 width: 30%;
828 vertical-align: top;
829 }
830
831 div.compose td.fieldValue {
832 text-align: left;
833 }
834
835 div.compose td.buttons {
836 text-align: center;
837 }
838
839 div.compose input {
840 font-size: 80%;
841 }
842
843 div.compose textarea {
844 margin-top: 5px;
845 margin-bottom: 5px;
846 }
847
848 div.compose td.bottomSend {
849 text-align: center;
850 }
851
852 div.compose tr.header {
853 background: #ababab /* __COLOR9__ */;
854 }
855
856 div.compose tr.header td {
857 padding-top: 4px;
858 padding-bottom: 4px;
859 }
860
861 div.compose tr.attachment td {
862 background: #dcdcdc /* __COLOR0__ */;
863 border-top: 1px solid #ababab /* __COLOR9__ */;
864 border-bottom: 1px solid #ababab /* __COLOR9__ */;
865 }
866
867 div.compose table.close {
868 width: 100%;
869 background: #dcdcdc /* __COLOR0__ */;
870 border:1px solid #ababab /* __COLOR9__ */;
871 text-align: center;
872 margin: 0;
873 }
874
875 div.readMenuBar table {
876 padding:0;
877 margin:0;
878 width: 100%;
879 border-left: 1px solid #ababab /* __COLOR9__ */;
880 border-right: 1px solid #ababab /* __COLOR9__ */;
881 }
882
883 div.readMenuBar table.top {
884 border-top: 1px solid #ababab /* __COLOR9__ */;
885 }
886
887 div.readMenuBar table.bottom {
888 border-bottom: 1px solid #ababab /* __COLOR9__ */;
889 }
890
891 div.readMenuBar td {
892 padding:2px;
893 }
894
895 div.readMenuBar td.nav {
896 padding-top:4px;
897 padding-bottom:4px;
898 }
899
900 div.readMenuBar tr.buttons {
901 background-color: #dcdcdc /* __COLOR0__ */;
902 }
903
904 div.readMenuBar td.buttons {
905 width:1%;
906 vertical-align: middle;
907 white-space: nowrap;
908 }
909
910 div.readMenuBar input, select {
911 padding:0;
912 font-size:100%;
913 }
914
915 div.readMenuBar td.move {
916 text-align: right;
917 }
918
919 div.readMenuBar form {
920 display:inline;
921 }
922
923 div.readHeaders table.table2 {
924 width:100%;
925 background-color: #dcdcdc /* __COLOR0__ */;
926 }
927
928 div.readHeaders td {
929 padding-left:4px;
930 padding-right:4px;
931 }
932
933 div.readHeaders table.spacer {
934 border: 0;
935 height: 5px;
936 width:100%;
937 background-color: #ffffff /* __COLOR4__ */;
938 }
939
940 div.readBody table {
941 width: 100%;
942 }
943
944 div.readBody table.table2 tr {
945 background-color: #ffffff /* __COLOR4__ */;
946 }
947
948 div.readBody table.table2 td {
949 padding: 10px;
950 width:100%;
951 }
952
953 div.readAttachments table {
954 width: 100%;
955 }
956
957 div.readAttachments td.attachSize, td.attachDesc {
958 font-weight: bold;
959 }
960
961 div.readAttachments td.attachActions {
962 text-align: right;
963 }
964
965 div.readInlineImages {
966 width:100%;
967 text-align: center;
968 }
969
970 div.readInlineImages table {
971 width: 50%;
972 margin-top:8px;
973 margin-bottom:8px;
974 margin-left: auto;
975 margin-right: auto;
976 }
977
978 div.readInlineImages td.header5 {
979 padding-left:2px;
980 padding-right:2px;
981 width:60%;
982 white-space:nowrap;
983 }
984
985 div.readInlineImages td.header5 a {
986 font-size:75%;
987 font-weight: normal;
988 }
989
990 div.readInlineImages td.image {
991 border:1px solid #ababab /* __COLOR9__ */;
992 padding:10px;
993 }
994
995
996
997