Add new default.css. $color themes will be supported later by alternate stylesheets...
[squirrelmail.git] / templates / default / css / default.css
1 /* page body formatting */
2 body {
3 color: #000000;
4 background-color: #ffffff;
5 font-family: Arial, Helvetica, sans-serif;
6 }
7 body.sqm_leftMain {
8 color: #000000;
9 background-color: #a0b8c8;
10 text-align: left;
11 }
12
13 img {
14 border:0;
15 }
16
17 /* right links */
18 a:link, a:visited, a:hover, a:active {
19 color: #0000cc;
20 }
21
22 /* left links */
23 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
24 color: #000000;
25 }
26
27 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
28 color: #770000;
29 }
30
31 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
32 color: #002266;
33 }
34
35 /* highlighted texts */
36 .highlight {
37 color: #002266;
38 }
39
40 .error_table {
41 color: #ff0000;
42 border: 2px solid #dcdcdc;
43 background-color: #a0b8c8;
44 }
45 .error_thead {
46 background-color: #666666;
47 }
48 .error_thead_caption {
49 background-color: #666666;
50 }
51 .error_row {
52 color: #ff0000;
53 }
54 .error_val {
55 color: #000000;
56 border: 2px solid #dcdcdc;
57
58 }
59 .error_key {
60 border: 2px solid #dcdcdc;
61 color: #ff0000;
62 background-color: #dcdcdc;
63 }
64
65 table.table_empty, table.table_blank {
66 margin: 0;
67 padding: 0;
68 border: 0;
69 width: 100%;
70 }
71
72 table.table1 {
73 border: 1px solid #dcdcdc;
74 width: 90%;
75 margin-left: auto;
76 margin-right: auto;
77 }
78
79 table.table1 td {
80 padding-left: 2px;
81 padding-right: 2px;
82 }
83
84 table.table2 {
85 border: 1px solid #ababab;
86 width: 80%;
87 margin-left: auto;
88 margin-right: auto;
89 }
90
91 table.table2 td {
92 padding-left: 2px;
93 padding-right: 2px;
94 }
95
96 td.emptyList {
97 text-align: center;
98 font-weight: bold;
99 }
100
101 td.header1 {
102 background: #dcdcdc;
103 text-align: center;
104 font-weight: bold;
105 }
106
107 td.header2 {
108 background: #ababab;
109 text-align: center;
110 font-weight: bold;
111 padding-top: 2px;
112 padding-bottom: 2px;
113 }
114
115 td.header3 {
116 text-align: center;
117 font-weight: bold;
118 padding-top: 4px;
119 padding-bottom: 4px;
120 }
121
122 td.header4 {
123 background: #ffffcc;
124 font-weight: bold;
125 padding-top:2px;
126 padding-bottom: 2px;
127 text-align: center;
128 }
129
130 tr.even {
131 background: #ededed;
132 }
133 tr.odd {
134 background: #ffffff;
135 }
136
137 .table_standard {
138 border:1px solid #dcdcdc;
139 }
140
141 .sqm_loginOrgName, .sqm_signoutBar {
142 background: #dcdcdc;
143 }
144
145 .sqm_signout {
146 margin-top: 2em;
147 text-align: center;
148 }
149
150 .sqm_motd {
151 background: #ababab;
152 }
153 .sqm_motd td {
154 background: #ffffff;
155 }
156
157 /* empty_folder.tpl defs */
158 .sqm_emptyFolder {
159 background: #ababab;
160 }
161 .sqm_emptyFolder td {
162 background: #ffffff;
163 }
164
165 /* error_box.tpl definitions */
166 .table_errorBoxWrapper {
167 background: #ababab;
168 }
169
170 .table_errorBox {
171 background: #dcdcdc;
172 }
173 .error_message {
174 background: #ffffff;
175 }
176
177 /* page_header.tpl definitions */
178 .sqm_currentFolder {
179 background: #ababab;
180 text-align: left;
181 }
182 .sqm_headerSignout {
183 background: #ababab;
184 text-align: right;
185 }
186 .sqm_topNavigation {
187 text-align: left;
188 }
189 .sqm_providerInfo {
190 text-align: right;
191 }
192
193 /* message_list.tpl definitions */
194 .table_messageListWrapper {
195 background: #ababab;
196 }
197
198 .table_messageList {
199 background: #ffffcc;
200 }
201
202 .table_messageList tr.headerRow {
203 text-align: left;
204 }
205 .table_messageList td.spacer {
206 background: #dcdcdc;
207 }
208 .table_messageList tr.mouse_over {
209 background: #ffffcc;
210 }
211 .table_messageList tr.clicked {
212 background: #ff9933;
213 }
214 .table_messageList td.col_check {
215 text-align: left;
216 }
217 .table_messageList td.col_subject {
218 text-align: left;
219 }
220 .table_messageList td.col_flags {
221 text-align: left;
222 }
223 .table_messageList td.col_text {
224 text-align: left;
225 }
226 .deleted {
227 color: #ababab;
228 }
229 .flagged {
230 color: #cc0000;
231 }
232 .high_priority {
233 color: #800000;
234 }
235 .low_priority {
236 color: #000000;
237 }
238
239 .links_paginator {
240 text-align: left;
241 }
242
243 .message_list_controls {
244 background: #dcdcdc;
245 }
246
247 .message_control_buttons {
248 text-align: left;
249 }
250 .message_control_delete {
251 text-align: right;
252 }
253 .message_control_move {
254 text-align: right;
255 }
256
257 .spacer {
258 background: #ffffff;
259 }
260
261 /* folder_manip.tpl defs */
262 #folderManip {
263 text-align:center;
264 }
265
266 #folderManip td {
267 text-align: center;
268 padding: 2px;
269 }
270
271 #folderManip table {
272 margin-left: auto;
273 margin-right: auto;
274 padding-top: 8px;
275 padding-bottom: 8px;
276 border: 0;
277 width: 70%;
278 }
279
280 #folderManip table.wrapper {
281 border: 1px solid #dcdcdc;
282 width: 95%;
283 margin-left: auto;
284 margin-right: auto;
285 padding: 0;
286 }
287
288 #folderManip td.folderAction {
289 background: #dcdcdc;
290 }
291
292 #folderManip div {
293 margin-left: auto;
294 margin-right: auto;
295 width: 80%;
296 text-align: left;
297 }
298
299 /* login defs */
300 #sqm_login {
301 margin-top: 25px;
302 text-align: center;
303 }
304
305 #sqm_login table {
306 border: 0;
307 padding: 0;
308 margin-left: auto;
309 margin-right: auto;
310 width: auto;
311 }
312
313 #sqm_login td {
314 padding-left: 2px;
315 padding-right: 2px;
316 padding-top: 0px;
317 padding-bottom: 0px;
318 width: auto;
319 text-align: center;
320 }
321
322 #sqm_login td.orgName {
323 font-weight: bold;
324 background: none;
325 font-size: 90%;
326 }
327
328 #sqm_login td.orgLogo {
329 width: 155px;
330 text-align: center;
331 vertical-align: center;
332 }
333
334 #sqm_login td.orgLogo img {
335 width: 150px;
336 padding:0;
337 }
338
339 #sqm_login td.attr {
340 font-size: 70%;
341 padding-top:5px;
342 padding-bottom: 10px;
343 }
344
345 #sqm_login td.fieldName {
346 font-size: 10pt;
347 font-weight: bold;
348 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
349 width: 50%;
350 }
351
352 #sqm_login td.fieldInput {
353 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
354 padding-top: 1px;
355 padding-bottom: 1px;
356 }
357
358 #sqm_login td.loginSubmit {
359 padding-top: 15px;
360 }
361
362 /* addressbook_list.tpl defs */
363 #addressList {
364 text-align: center;
365 }
366
367 #addressList input {
368 font-size: 8pt;
369 }
370
371 #addressList select {
372 font-size: 75%;
373 }
374
375 #addressList table {
376 margin-left: auto;
377 margin-right: auto;
378 width: 95%;
379 border: 1px solid #ababab;
380 margin-top: 8px;
381 margin-bottom: 8px;
382 }
383
384 #addressList td {
385 text-align: left;
386 padding: 2px;
387 }
388
389 #addressList td.header1 {
390 text-align: center;
391 background: #ababab;
392 }
393 #addressList td.abookSwitch {
394 background: #dcdcdc;
395 text-align: right;
396 }
397
398 #addressList td.abookButtons {
399 background: #dcdcdc;
400 }
401
402 #addressList td.abookField {
403 border-left: 1px solid #ababab;
404 border-right: 1px solid #ababab;
405 white-space: nowrap;
406 overflow: hidden;
407 }
408
409 #addressList td.colHeader {
410 text-align: center;
411 font-weight: bold;
412 font-size: 98%;
413 background: #ababab;
414 padding-top: 0px;
415 padding-bottom: 0px;
416 }
417
418 #addressList td.abookEmpty {
419 text-align:center;
420 font-weight: bold;
421 }
422
423 #addressList td.abookCompose {
424 font-size: 8pt;
425 white-space: nowrap;
426 }
427
428 #addrBookSearch {
429 text-align: center;
430 }
431
432 #addrBookSearch table {
433 padding: 0;
434 border: 0;
435 margin-left: auto;
436 margin-right: auto;
437 }
438
439 #addrBookSearch table.wrapper {
440 border: 1px solid #ababab;
441 width: 95%;
442 margin-left: auto;
443 margin-right: auto;
444 padding: 0;
445 }
446
447 #addrBookSearch td {
448 padding: 2px;
449 }
450
451 #addrBookSearch label {
452 font-weight: bold;
453 }
454
455 #addrBookSearch input {
456 font-size: 75%;
457 }
458
459 #addrBookSearch select {
460 font-size: 75%;
461 }
462
463 #addrBookSearch td.buttons {
464 text-align: center;
465 }
466
467 #addrAddEdit {
468 text-align: center;
469 }
470
471 #addrAddEdit table {
472 border: 1px solid #ababab;
473 margin-left: auto;
474 margin-right: auto;
475 margin-top: 6px;
476 margin-bottom: 6px;
477 width: 95%
478 }
479
480 #addrAddEdit td.header {
481 background: #ababab;
482 text-align: center;
483 font-weight: bold;
484 }
485
486 #addrAddEdit td.fieldName {
487 text-align: right;
488 width: 30%;
489 }
490
491 #addrAddEdit td.addButton {
492 text-align: center;
493 }
494
495 #addrAddEdit td {
496 text-align: left;
497 padding: 2px;
498 }
499
500 #addrAddEdit input {
501 font-size: 75%;
502 }
503
504 #addrAddEdit select {
505 font-size: 75%;
506 }
507
508 #optionGroups {
509 text-align: center;
510 }
511
512 /* help defs */
513 #help {
514 text-align: center;
515 }
516
517 #help td.help {
518 text-align: left;
519 }
520
521 #help li {
522 padding-left: 0px;
523 }
524
525 #help ul {
526 padding-left: 20px;
527 padding-right: 75px;
528 }
529
530 #help td.nav {
531 text-align: center;
532 color: #dcdcdc;
533 padding-top: 15px;
534 padding-bottom: 5px;
535 }
536
537 #help h1 {
538 font-size: 14pt;
539 font-weight: bold;
540 margin-top: 2px;
541 margin-bottom: 0px;
542 }
543
544 #help h2 {
545 font-size: 10pt;
546 font-weight: normal;
547 margin-bottom: 2px;
548 margin-top: 0;
549 }
550
551 #help h3 {
552 font-weight: bold;
553 font-size: 10pt;
554 margin: 0;
555 padding: 0;
556 }
557
558 #help td.help p {
559 margin-top: 2px;
560 margin-bottom: 10px;
561 }
562
563 #help td.help li {
564 margin-left: 10px;
565 }
566
567 #optionsIdentity table {
568 margin-top: 10px;
569 margin-bottom: 10px;
570 }
571
572 #optionsIdentity table.table2 tr {
573 background: #dcdcdc;
574 }
575
576 #optionsIdentity td.fieldName {
577 text-align: right;
578 width: 30%;
579 }
580
581 #optionsIdentity td.fieldValue {
582 text-align: left;
583 }
584
585 #optionsIdentity td.actionButtons {
586 text-align: center;
587 }
588
589 #optionsIdentity hr {
590 width: 95%;
591 border: 1px solid #ababab;
592 }
593
594 #vCard {
595 text-align: center;
596 }
597
598 #vCard table {
599 margin-left: auto;
600 margin-right: auto;
601 margin-top: 10px;
602 margin-bottom: 10px;
603 }
604
605 #vCard td.fieldName {
606 text-align: right;
607 font-weight: bold;
608 vertical-align: top;
609 }
610
611 #vCard td.fieldValue {
612 text-align: left;
613 }
614
615 div.search table {
616 margin-top: 12px;
617 margin-bottom: 12px;
618 }
619
620 div.search td.header4 {
621 border-bottom: 1px solid #ababab;
622 vertical-align: bottom;
623 }
624
625 div.search td.queryAction {
626 text-align: center;
627 font-size: small;
628 width: 1%;
629 padding-left: 8px;
630 padding-right: 8px;
631 border-left: 1px solid #ababab;
632 border-top: 1px solid #ababab;
633 border-bottom: 1px solid #ababab;
634 }
635
636 div.search td.queryDesc {
637 border-top: 1px solid #ababab;
638 border-bottom: 1px solid #ababab;
639 }
640
641 div.search span {
642 padding-left: 2px;
643 padding-right: 2px;
644 }
645
646 div.search span.operator {
647 font-weight: normal;
648 text-decoration: underline;
649 font-style: italic;
650 }
651
652 div.search span.mailbox {
653 font-weight: bold
654 }
655
656 div.search span.conditions {
657 font-weight: normal;
658 text-decoration: underline;
659 font-style: italic;
660 }
661
662 div.search span.value {
663 font-weight: bold;
664 }
665
666 div.search span.error {
667 color: #cc0000;
668 font-weight: bold;
669 font-size: 125%;
670 }
671
672 div.search td.searchForm {
673 border-right: 1px solid #dcdcdc;
674 border-left: 1px solid #dcdcdc;
675 font-weight: bold;
676 text-align: center;
677 }
678
679 div.search td.queryError {
680 color: #cc0000;
681 font-weight: bold;
682 text-align: center;
683 padding: 4px;
684 }
685
686 div.search td.header1 input {
687 font-size: 80%;
688 margin: 2px;
689 }
690
691 div.search h1 {
692 font-weight: bold;
693 font-size: 150%;
694 margin-top: 6px;
695 margin-bottom: 2px;
696 }
697
698 div.search h2 {
699 color: #cc0000;
700 font-weight: bold;
701 text-align: center;
702 }
703
704 div.compose {
705 text-align: center;
706 }
707
708 div.compose table {
709 margin-top: 10px;
710 margin-bottom: 10px;
711 margin-left: auto;
712 margin-right: auto;
713 }
714
715 div.compose td.fieldName {
716 text-align: right;
717 font-weight: bold;
718 width: 30%;
719 vertical-align: top;
720 }
721
722 div.compose td.fieldValue {
723 text-align: left;
724 }
725
726 div.compose td.buttons {
727 text-align: center;
728 }
729
730 div.compose input {
731 font-size: 80%;
732 }
733
734 div.compose textarea {
735 margin-top: 5px;
736 margin-bottom: 5px;
737 }
738
739 div.compose td.bottomSend {
740 text-align: center;
741 }
742
743 div.compose tr.header {
744 background: #ababab;
745 }
746
747 div.compose tr.header td {
748 padding-top: 4px;
749 padding-bottom: 4px;
750 }
751
752 div.compose tr.attachment td {
753 background: #dcdcdc;
754 border-top: 1px solid #ababab;
755 border-bottom: 1px solid #ababab;
756 }
757
758 div.compose table.close {
759 width: 100%;
760 background: #dcdcdc;
761 border:1px solid #ababab;
762 text-align: center;
763 margin: 0;
764 }
765
766 div.readMenuBar table.table2 {
767 width: 100%;
768 }