6f57fa0b8d8f95a5a77396ae15f5dc09882198e1
[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 tr.even {
180     background: <?php echo $color[12]; ?>;
181 }
182 tr.odd  {
183     background: <?php echo $color[4]; ?>;
184 }
185
186 .table_standard {
187     border:1px solid <?php echo $color[0]; ?>;
188 }
189
190 .sqm_loginOrgName, .sqm_signoutBar {
191     background: <?php echo $color[0]; ?>;
192 }
193
194 .sqm_signout {
195     margin-top: 2em;
196     text-align: center;
197 }
198
199 .sqm_motd {
200     background: <?php echo $color[9]; ?>;
201 }
202 .sqm_motd td {
203     background: <?php echo $color[4]; ?>;
204 }
205
206 /* empty_folder.tpl defs */
207 .sqm_emptyFolder {
208     background: <?php echo $color[9]; ?>;
209 }
210 .sqm_emptyFolder td {
211     background: <?php echo $color[4]; ?>;
212 }
213
214 /* error_box.tpl definitions */
215 .table_errorBoxWrapper   {
216     background: <?php echo $color[9]; ?>;
217 }
218
219 .table_errorBox  {
220     background: <?php echo $color[0]; ?>;
221 }
222 .error_message {
223     background: <?php echo $color[4]; ?>;
224 }
225
226 /* page_header.tpl definitions */
227 .sqm_currentFolder      {
228     background: <?php echo $color[9]; ?>;
229     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
230 }
231 .sqm_headerSignout      {
232     background: <?php echo $color[9]; ?>;
233     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
234 }
235 .sqm_topNavigation      {
236     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
237 }
238 .sqm_providerInfo       {
239     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
240 }
241
242 /* message_list.tpl definitions */
243 .table_messageListWrapper       {
244     background: <?php echo $color[9]; ?>;
245 }
246
247 .table_messageList      {
248     background: <?php echo $color[5]; ?>;
249 }
250
251 .table_messageList      tr.headerRow    {
252     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
253 }
254 .table_messageList td.spacer {
255     background: <?php echo $color[0]; ?>;
256 }
257 .table_messageList      tr.mouse_over   {
258     background: <?php echo $color[5]; ?>;
259 }
260 .table_messageList      tr.clicked      {
261     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
262 }
263 .table_messageList      td.col_check    {
264     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
265 }
266 .table_messageList      td.col_subject  {
267     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
268 }
269 .table_messageList      td.col_flags    {
270     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
271 }
272 .table_messageList      td.col_text     {
273     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
274 }
275 .deleted        {
276     color: <?php echo $color[9]; ?>;
277 }
278 .flagged        {
279     color: <?php echo $color[2]; ?>;
280 }
281 .high_priority  {
282     color: <?php echo $color[1]; ?>;
283 }
284 .low_priority   {
285     color: <?php echo $color[8]; ?>;
286 }
287
288 .links_paginator                        {
289     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
290 }
291
292 .message_list_controls {
293     background: <?php echo $color[0]; ?>;
294 }
295
296 .message_control_buttons {
297     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
298 }
299 .message_control_delete {
300     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
301 }
302 .message_control_move {
303     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
304 }
305
306 .spacer {
307     background: <?php echo $color[4]; ?>;
308 }
309
310 /* folder_manip.tpl defs */
311 #folderManip   {
312     text-align:center;
313 }
314
315 #folderManip   td  {
316     text-align: center;
317     padding: 2px;
318 }
319
320 #folderManip   table   {
321     margin-left: auto;
322     margin-right: auto;
323     padding-top: 8px;
324     padding-bottom: 8px;
325     border: 0;
326     width: 70%;
327 }
328
329 #folderManip   table.wrapper   {
330     border: 1px solid <?php echo $color[0]; ?>;
331     width: 95%;
332     margin-left: auto;
333     margin-right: auto;
334     padding: 0;
335 }
336
337 #folderManip   td.folderAction {
338     background: <?php echo $color[0]; ?>;
339 }
340
341 #folderManip    div {
342     margin-left: auto;
343     margin-right: auto;
344     width: 80%;
345     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
346 }
347
348 /* addressbook_list.tpl defs */
349 #addressList    {
350     text-align: center;
351 }
352
353 #addressList    input   {
354     font-size: 8pt;
355 }
356
357 #addressList    select  {
358     font-size: 75%;
359 }
360
361 #addressList    table   {
362     margin-left: auto;
363     margin-right: auto;
364     width: 95%;
365     border: 1px solid <?php echo $color[9]; ?>;
366     margin-top: 8px;
367     margin-bottom: 8px;
368 }
369
370 #addressList    td  {
371     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
372     padding: 2px;
373 }
374
375 #addressList    td.header1  {
376     text-align: center;
377     background: <?php echo $color[9]; ?>;
378 }
379 #addressList    td.abookSwitch  {
380     background: <?php echo $color[0]; ?>;
381     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
382 }
383
384 #addressList    td.abookButtons  {
385     background: <?php echo $color[0]; ?>;
386 }
387
388 #addressList    td.abookField   {
389     border-left: 1px solid <?php echo $color[9]; ?>;
390     border-right: 1px solid <?php echo $color[9]; ?>;
391     white-space: nowrap;
392     overflow: hidden;
393 }
394
395 #addressList    td.colHeader {
396     text-align: center;
397     font-weight: bold;
398     font-size: 98%;
399     background: <?php echo $color[9]; ?>;
400     padding-top: 0px;
401     padding-bottom: 0px;
402 }
403
404 #addressList    td.abookEmpty   {
405     text-align:center;
406     font-weight: bold;
407 }
408
409 #addressList    td.abookCompose {
410     font-size: 8pt;
411     white-space: nowrap;
412 }
413
414 #addrBookSearch {
415     text-align: center;
416 }
417
418 #addrBookSearch table   {
419     padding: 0;
420     border: 0;
421     margin-left: auto;
422     margin-right: auto;
423 }
424
425 #addrBookSearch   table.wrapper   {
426     border: 1px solid <?php echo $color[9]; ?>;
427     width: 95%;
428     margin-left: auto;
429     margin-right: auto;
430     padding: 0;
431 }
432
433 #addrBookSearch td  {
434     padding: 2px;
435 }
436
437 #addrBookSearch label   {
438     font-weight: bold;
439 }
440
441 #addrBookSearch input   {
442     font-size: 75%;
443 }
444
445 #addrBookSearch select  {
446     font-size: 75%;
447 }
448
449 #addrBookSearch td.buttons  {
450     text-align: center;
451 }
452
453 #addrAddEdit    {
454     text-align: center;
455 }
456
457 #addrAddEdit    table   {
458     border: 1px solid <?php echo $color[9]; ?>;
459     margin-left: auto;
460     margin-right: auto;
461     margin-top: 6px;
462     margin-bottom: 6px;
463     width: 95%
464 }
465
466 #addrAddEdit    td.header   {
467     background: <?php echo $color[9]; ?>;
468     text-align: center;
469     font-weight: bold;
470 }
471
472 #addrAddEdit    td.fieldName   {
473     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
474     width: 30%;
475 }
476
477 #addrAddEdit    td.addButton   {
478     text-align: center;
479 }
480
481 #addrAddEdit    td  {
482     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
483     padding: 2px;
484 }
485
486 #addrAddEdit    input   {
487     font-size: 75%;
488 }
489
490 #addrAddEdit    select  {
491     font-size: 75%;
492 }
493
494 #optionGroups   {
495     text-align: center;
496 }
497
498 #optionGroups   table   {
499     border: 1px solid <?php echo $color[0]; ?>;
500     margin-left: auto;
501     margin-right: auto;
502     padding: 0;
503     width: 95%;
504 }
505
506 #optionGroups   td  {
507     width: 50%;
508     padding: 2px;
509     vertical-align: top;
510 }
511
512 #optionGroups   td.title    {
513     background: <?php echo $color[0]; ?>;
514     text-align: center;
515     font-weight: bold;
516 }
517
518 #optionGroups   td.optionElement    {
519     height: 100%;
520     padding: 10px; 
521 }
522
523 #optionGroups   td.optionElement    table   {
524     border:1px solid <?php echo $color[9]; ?>;
525     height: 100%;
526 }
527
528
529 #optionGroups   td.optionName   {
530     background: <?php echo $color[9]; ?>;
531     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
532     height: 1%;
533 }
534
535 #optionGroups   td.optionDesc   {
536     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
537     background: <?php echo $color[0]; ?>;
538 }
539
540 #optionDisplay  {
541     text-align:center;
542 }
543
544 #optionDisplay  table   {
545     margin-left: auto;
546     margin-right: auto;
547     margin-top: 8px;
548     margin-bottom: 8px;
549     width: 95%;
550     border: 1px solid <?php echo $color[0]; ?>
551 }
552
553 #optionDisplay  td  {
554     width: 50%;
555     padding-top: 2px;
556     padding-bottom: 2px;
557     padding-left: 4px;
558     padding-right: 4px;
559     white-space: nowrap;
560 }
561
562 #optionDisplay  td.optionName   {
563     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
564 }
565
566 #optionDisplay  td.optionValue  {
567     text-align:<?php echo SQM_ALIGN_LEFT; ?>;
568 }
569
570 #optionOrder  {
571     text-align:center;
572 }
573
574 #optionOrder    table   {
575     margin-left: auto;
576     margin-right: auto;
577     margin-top: 8px;
578     margin-bottom: 8px;
579     width: 95%;
580     border: 1px solid <?php echo $color[0]; ?>
581 }
582
583 #optionOrder    table.moveFields    {
584     width: auto;
585 }
586
587 #optionOrder    table.moveFields    td  {
588     border-left: 1px solid <?php echo $color[0]; ?>;
589     border-right: 1px solid <?php echo $color[0]; ?>;
590     padding-left: 2px;
591     padding-right: 2px;
592 }
593
594 #optionOrder    td.moveLink  {
595     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
596     font-size: 75%;
597     vertical-align: bottom;
598 }
599
600 #optionOrder    td.fieldName    {
601     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
602 }
603
604 #optionHightlightList   {
605     text-align: center;
606 }
607
608 #optionHighlightList    table   table   {
609     margin-top: 10px;
610     margin-bottom: 10px;
611     width: 75%;
612 }
613
614 #optionHighlightList    td.ruleButtons  {
615     text-align: center;
616     width: 1%;
617 }
618
619 #optionHighlightList    td.ruleName {
620     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
621     width: 30%;
622     padding-left: 4px;
623     padding-right: 4px;
624 }
625
626 #optionHighlightAdd {
627     text-align: center;
628 }
629
630 #optionHighlightAdd    table   table   {
631     margin-top: 10px;
632     margin-bottom: 10px;
633     width: 75%;
634 }
635
636 #optionHighlightAdd td.ruleField    {
637     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
638     font-weight: bold;
639     width: 40%;
640 }
641
642 #optionHighlightAdd td.fieldValue   {
643     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
644 }
645
646 #optionHighlightAdd td.colorTable  {
647     text-align: center;
648 }
649
650 #optionHighlightAdd table.colorTable    {
651     margin-left: auto;
652     margin-right: auto;
653 }
654
655 /* help defs */
656 #help   {
657     text-align: center;
658 }
659
660 #help   td.help  {
661     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
662 }
663
664 #help   li  {
665     padding-left: 0px;
666 }
667
668 #help   ul  {
669     padding-left: 20px;
670     padding-right: 75px;
671 }
672
673 #help   td.nav  {
674     text-align: center;
675     color: <?php echo $color[0]; ?>;
676     padding-top: 15px;
677     padding-bottom: 5px;
678 }
679
680 #help   h1  {
681     font-size: 14pt;
682     font-weight: bold;
683     margin-top: 2px;
684     margin-bottom: 0px;
685 }
686
687 #help   h2  {
688     font-size: 10pt;
689     font-weight: normal;
690     margin-bottom: 2px;
691     margin-top: 0;
692 }
693
694 #help   h3  {
695     font-weight: bold;
696     font-size: 10pt;
697     margin: 0;
698     padding: 0;
699 }
700
701 #help   td.help p   {
702     margin-top: 2px;
703     margin-bottom: 10px;
704 }
705
706 #help   td.help  li   {
707     margin-left: 10px;
708 }
709
710 #optionsIdentity    table   {
711     margin-top: 10px;
712     margin-bottom: 10px;
713 }
714
715 #optionsIdentity    table.table2 tr  {
716     background: <?php echo $color[0]; ?>;
717 }
718
719 #optionsIdentity    td.fieldName    {
720     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
721     width: 30%;
722 }
723
724 #optionsIdentity    td.fieldValue   {
725     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
726 }
727
728 #optionsIdentity    td.actionButtons  {
729     text-align: center;
730 }
731
732 #optionsIdentity hr  {
733     width: 95%;
734     border: 1px solid <?php echo $color[9]; ?>;
735 }
736
737 #vCard  {
738     text-align: center;
739 }
740
741 #vCard  table   {
742     margin-left: auto;
743     margin-right: auto;
744     margin-top: 10px;
745     margin-bottom: 10px;
746 }
747
748 #vCard  td.fieldName   {
749     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
750     font-weight: bold;
751     vertical-align: top;
752 }
753
754 #vCard  td.fieldValue   {
755     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
756 }