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