1) More CSS corrections/cleanup
[squirrelmail.git] / templates / default / css / default.css
... / ...
CommitLineData
1/* page body formatting */
2body {
3 color: #000000 /* __COLOR8__ */;
4 background-color: #ffffff /* __COLOR4__*/;
5 font-family: Arial, Helvetica, sans-serif;
6}
7body.sqm_leftMain {
8 color: #000000 /* __COLOR6__*/;
9 background-color: #a0b8c8 /* __COLOR3__*/;
10 text-align: left;
11}
12
13img {
14 border:0;
15}
16
17em {
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 */
31a: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
83table.table_empty,table.table_blank {
84 margin: 0;
85 padding: 0;
86 border: 0;
87 width: 100%;
88}
89
90table.spacer {
91 border: 0;
92 height: 5px;
93 width:100%;
94 background-color: #ffffff /* __COLOR4__ */;
95}
96
97table.table1 {
98 border: 1px solid #dcdcdc /* __COLOR0__ */;
99 width: 90%;
100 margin-left: auto;
101 margin-right: auto;
102}
103
104table.table1 td {
105 padding-left: 2px;
106 padding-right: 2px;
107}
108
109table.table2 {
110 border: 1px solid #ababab /* __COLOR9__ */;
111 width: 80%;
112 margin-left: auto;
113 margin-right: auto;
114}
115
116table.table2 td {
117 padding-left: 2px;
118 padding-right: 2px;
119}
120
121td.emptyList {
122 text-align: center;
123 font-weight: bold;
124}
125
126td.header1 {
127 background: #dcdcdc /* __COLOR0__ */;
128 text-align: center;
129 font-weight: bold;
130}
131
132td.header2 {
133 background: #ababab /* __COLOR9__ */;
134 text-align: center;
135 font-weight: bold;
136 padding-top: 2px;
137 padding-bottom: 2px;
138}
139
140td.header3 {
141 text-align: center;
142 font-weight: bold;
143 padding-top: 4px;
144 padding-bottom: 4px;
145}
146
147td.header4 {
148 background: #ffffcc /* __COLOR5__*/;
149 font-weight: bold;
150 padding-top:2px;
151 padding-bottom: 2px;
152 text-align: center;
153}
154
155td.header5 {
156 background-color: #ababab /* __COLOR9__ */;
157 font-weight: bold;
158 text-align: left;
159}
160
161td.fieldName {
162 text-align: right;
163 width:25%;
164 font-weight: bold;
165 vertical-align:top;
166}
167
168td.fieldValue {
169 text-align: left;
170 width:75%;
171 font-weight: normal;
172}
173
174tr.even {
175 background: #ededed /* __COLOR12__*/;
176}
177tr.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}
237td.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}
295td.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
690div.search table {
691 margin-top: 12px;
692 margin-bottom: 12px;
693}
694
695div.search td.header4 {
696 border-bottom: 1px solid #ababab /* __COLOR9__ */;
697 vertical-align: bottom;
698}
699
700div.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
711div.search td.queryDesc {
712 border-top: 1px solid #ababab /* __COLOR9__ */;
713 border-bottom: 1px solid #ababab /* __COLOR9__ */;
714}
715
716div.search span {
717 padding-left: 2px;
718 padding-right: 2px;
719}
720
721div.search span.operator {
722 font-weight: normal;
723 text-decoration: underline;
724 font-style: italic;
725}
726
727div.search span.mailbox {
728 font-weight: bold
729}
730
731div.search span.conditions {
732 font-weight: normal;
733 text-decoration: underline;
734 font-style: italic;
735}
736
737div.search span.value {
738 font-weight: bold;
739}
740
741div.search span.error {
742 color: #cc0000 /* __COLOR2__ */;
743 font-weight: bold;
744 font-size: 125%;
745}
746
747div.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
754div.search td.queryError {
755 color: #cc0000 /* __COLOR2__ */;
756 font-weight: bold;
757 text-align: center;
758 padding: 4px;
759}
760
761div.search td.header1 input {
762 font-size: 80%;
763 margin: 2px;
764}
765
766div.search h1 {
767 font-weight: bold;
768 font-size: 150%;
769 margin-top: 6px;
770 margin-bottom: 2px;
771}
772
773div.search h2 {
774 color: #cc0000 /* __COLOR2__ */;
775 font-weight: bold;
776 text-align: center;
777}
778
779div.compose {
780 text-align: center;
781}
782
783div.compose table {
784 margin-top: 10px;
785 margin-bottom: 10px;
786 margin-left: auto;
787 margin-right: auto;
788}
789
790div.compose td.fieldName {
791 text-align: right;
792 font-weight: bold;
793 width: 30%;
794 vertical-align: top;
795}
796
797div.compose td.fieldValue {
798 text-align: left;
799}
800
801div.compose td.buttons {
802 text-align: center;
803}
804
805div.compose input {
806 font-size: 80%;
807}
808
809div.compose textarea {
810 margin-top: 5px;
811 margin-bottom: 5px;
812}
813
814div.compose td.bottomSend {
815 text-align: center;
816}
817
818div.compose tr.header {
819 background: #ababab /* __COLOR9__ */;
820}
821
822div.compose tr.header td {
823 padding-top: 4px;
824 padding-bottom: 4px;
825}
826
827div.compose tr.attachment td {
828 background: #dcdcdc /* __COLOR0__ */;
829 border-top: 1px solid #ababab /* __COLOR9__ */;
830 border-bottom: 1px solid #ababab /* __COLOR9__ */;
831}
832
833div.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
841div.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
849div.readMenuBar table.top {
850 border-top: 1px solid #ababab /* __COLOR9__ */;
851}
852
853div.readMenuBar table.bottom {
854 border-bottom: 1px solid #ababab /* __COLOR9__ */;
855}
856
857div.readMenuBar td {
858 padding:2px;
859}
860
861div.readMenuBar td.nav {
862 padding-top:4px;
863 padding-bottom:4px;
864}
865
866div.readMenuBar tr.buttons {
867 background-color: #dcdcdc /* __COLOR0__ */;
868}
869
870div.readMenuBar td.buttons {
871 width:1%;
872 vertical-align: middle;
873 white-space: nowrap;
874}
875
876div.readMenuBar input, select {
877 padding:0;
878 font-size:100%;
879}
880
881div.readMenuBar td.move {
882 text-align: right;
883}
884
885div.readMenuBar form {
886 display:inline;
887}
888
889div.readHeaders table.table2 {
890 width:100%;
891 background-color: #dcdcdc /* __COLOR0__ */;
892}
893
894div.readHeaders td {
895 padding-left:4px;
896 padding-right:4px;
897}
898
899div.readHeaders table.spacer {
900 border: 0;
901 height: 5px;
902 width:100%;
903 background-color: #ffffff /* __COLOR4__ */;
904}
905
906div.readBody table {
907 width: 100%;
908}
909
910div.readBody table.table2 tr {
911 background-color: #ffffff /* __COLOR4__ */;
912}
913
914div.readBody table.table2 td {
915 padding: 10px;
916 width:100%;
917}
918
919div.readAttachments table {
920 width: 100%;
921}
922
923div.readAttachments td.attachSize, td.attachDesc {
924 font-weight: bold;
925}
926
927div.readAttachments td.attachActions {
928 text-align: right;
929}
930
931div.readInlineImages {
932 width:100%;
933 text-align: center;
934}
935
936div.readInlineImages table {
937 width: 50%;
938 margin-top:8px;
939 margin-bottom:8px;
940 margin-left: auto;
941 margin-right: auto;
942}
943
944div.readInlineImages td.header5 {
945 padding-left:2px;
946 padding-right:2px;
947 width:60%;
948 white-space:nowrap;
949}
950
951div.readInlineImages td.header5 a {
952 font-size:75%;
953 font-weight: normal;
954}
955
956div.readInlineImages td.image {
957 border:1px solid #ababab /* __COLOR9__ */;
958 padding:10px;
959}
960
961
962
963