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