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