e43d58a6358f01d7adfa97eb0cebda40fba81724
[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 td.header1  {
130     background: <?php echo $color[0]; ?>;
131     text-align: center;
132     font-weight: bold;
133 }
134
135
136 td.header2  {
137     background: <?php echo $color[9]; ?>;
138     text-align: center;
139     font-weight: bold;
140     padding-top: 4px;
141     padding-bottom: 4px;
142 }
143
144 tr.even {
145     background: <?php echo $color[12]; ?>;
146 }
147 tr.odd  {
148     background: <?php echo $color[4]; ?>;
149 }
150
151 .table_standard {
152     border:1px solid <?php echo $color[0]; ?>;
153 }
154
155 .sqm_loginOrgName, .sqm_signoutBar {
156     background: <?php echo $color[0]; ?>;
157 }
158
159 .sqm_signout {
160     margin-top: 2em;
161     text-align: center;
162 }
163
164 .sqm_motd {
165     background: <?php echo $color[9]; ?>;
166 }
167 .sqm_motd td {
168     background: <?php echo $color[4]; ?>;
169 }
170
171 /* empty_folder.tpl defs */
172 .sqm_emptyFolder {
173     background: <?php echo $color[9]; ?>;
174 }
175 .sqm_emptyFolder td {
176     background: <?php echo $color[4]; ?>;
177 }
178
179 /* error_box.tpl definitions */
180 .table_errorBoxWrapper   {
181     background: <?php echo $color[9]; ?>;
182 }
183
184 .table_errorBox  {
185     background: <?php echo $color[0]; ?>;
186 }
187 .error_message {
188     background: <?php echo $color[4]; ?>;
189 }
190
191 /* page_header.tpl definitions */
192 .sqm_currentFolder      {
193     background: <?php echo $color[9]; ?>;
194     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
195 }
196 .sqm_headerSignout      {
197     background: <?php echo $color[9]; ?>;
198     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
199 }
200 .sqm_topNavigation      {
201     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
202 }
203 .sqm_providerInfo       {
204     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
205 }
206
207 /* message_list.tpl definitions */
208 .table_messageListWrapper       {
209     background: <?php echo $color[9]; ?>;
210 }
211
212 .table_messageList      {
213     background: <?php echo $color[5]; ?>;
214 }
215
216 .table_messageList      tr.headerRow    {
217     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
218 }
219 .table_messageList td.spacer {
220     background: <?php echo $color[0]; ?>;
221 }
222 .table_messageList      tr.mouse_over   {
223     background: <?php echo $color[5]; ?>;
224 }
225 .table_messageList      tr.clicked      {
226     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
227 }
228 .table_messageList      td.col_check    {
229     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
230 }
231 .table_messageList      td.col_subject  {
232     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
233 }
234 .table_messageList      td.col_flags    {
235     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
236 }
237 .table_messageList      td.col_text     {
238     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
239 }
240 .deleted        {
241     color: <?php echo $color[9]; ?>;
242 }
243 .flagged        {
244     color: <?php echo $color[2]; ?>;
245 }
246 .high_priority  {
247     color: <?php echo $color[1]; ?>;
248 }
249 .low_priority   {
250     color: <?php echo $color[8]; ?>;
251 }
252
253 .links_paginator                        {
254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
255 }
256
257 .message_list_controls {
258     background: <?php echo $color[0]; ?>;
259 }
260
261 .message_control_buttons {
262     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
263 }
264 .message_control_delete {
265     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
266 }
267 .message_control_move {
268     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
269 }
270
271 .spacer {
272     background: <?php echo $color[4]; ?>;
273 }
274
275 /* folder_manip.tpl defs */
276 #folderManip   {
277     text-align:center;
278 }
279
280 #folderManip   td  {
281     text-align: center;
282     padding: 2px;
283 }
284
285 #folderManip   table   {
286     margin-left: auto;
287     margin-right: auto;
288     padding-top: 8px;
289     padding-bottom: 8px;
290     border: 0;
291     width: 70%;
292 }
293
294 #folderManip   table.wrapper   {
295     border: 1px solid <?php echo $color[0]; ?>;
296     width: 95%;
297     margin-left: auto;
298     margin-right: auto;
299     padding: 0;
300 }
301
302 #folderManip   td.folderAction {
303     background: <?php echo $color[0]; ?>;
304 }
305
306 #folderManip    div {
307     margin-left: auto;
308     margin-right: auto;
309     width: 80%;
310     text-align: left;
311 }
312
313 /* addressbook_list.tpl defs */
314 #addressList    {
315     text-align: center;
316 }
317
318 #addressList    input   {
319     font-size: 8pt;
320 }
321
322 #addressList    select  {
323     font-size: 75%;
324 }
325
326 #addressList    table   {
327     margin-left: auto;
328     margin-right: auto;
329     width: 95%;
330     border: 1px solid <?php echo $color[9]; ?>;
331     margin-top: 8px;
332     margin-bottom: 8px;
333 }
334
335 #addressList    td  {
336     text-align: left;
337     padding: 2px;
338 }
339
340 #addressList    td.header1  {
341     text-align: center;
342     background: <?php echo $color[9]; ?>;
343 }
344 #addressList    td.abookSwitch  {
345     background: <?php echo $color[0]; ?>;
346     text-align: right;
347 }
348
349 #addressList    td.abookButtons  {
350     background: <?php echo $color[0]; ?>;
351 }
352
353 #addressList    td.abookField   {
354     border-left: 1px solid <?php echo $color[9]; ?>;
355     border-right: 1px solid <?php echo $color[9]; ?>;
356     white-space: nowrap;
357     overflow: hidden;
358 }
359
360 #addressList    td.colHeader {
361     text-align: center;
362     font-weight: bold;
363     font-size: 98%;
364     background: <?php echo $color[9]; ?>;
365     padding-top: 0px;
366     padding-bottom: 0px;
367 }
368
369 #addressList    td.abookEmpty   {
370     text-align:center;
371     font-weight: bold;
372 }
373
374 #addressList    td.abookCompose {
375     font-size: 8pt;
376     white-space: nowrap;
377 }
378
379 #addrBookSearch {
380     text-align: center;
381 }
382
383 #addrBookSearch table   {
384     padding: 0;
385     border: 0;
386     margin-left: auto;
387     margin-right: auto;
388 }
389
390 #addrBookSearch   table.wrapper   {
391     border: 1px solid <?php echo $color[9]; ?>;
392     width: 95%;
393     margin-left: auto;
394     margin-right: auto;
395     padding: 0;
396 }
397
398 #addrBookSearch td  {
399     padding: 2px;
400 }
401
402 #addrBookSearch label   {
403     font-weight: bold;
404 }
405
406 #addrBookSearch input   {
407     font-size: 75%;
408 }
409
410 #addrBookSearch select  {
411     font-size: 75%;
412 }
413
414 #addrBookSearch td.buttons  {
415     text-align: center;
416 }
417
418 #addrAddEdit    {
419     text-align: center;
420 }
421
422 #addrAddEdit    table   {
423     border: 1px solid <?php echo $color[9]; ?>;
424     margin-left: auto;
425     margin-right: auto;
426     margin-top: 6px;
427     margin-bottom: 6px;
428     width: 95%
429 }
430
431 #addrAddEdit    td.header   {
432     background: <?php echo $color[9]; ?>;
433     text-align: center;
434     font-weight: bold;
435 }
436
437 #addrAddEdit    td.fieldName   {
438     text-align: right;
439     width: 30%;
440 }
441
442 #addrAddEdit    td.addButton   {
443     text-align: center;
444 }
445
446 #addrAddEdit    td  {
447     text-align: left;
448     padding: 2px;
449 }
450
451 #addrAddEdit    input   {
452     font-size: 75%;
453 }
454
455 #addrAddEdit    select  {
456     font-size: 75%;
457 }
458
459 #optionGroups   {
460     text-align: center;
461 }
462
463 #optionGroups   table   {
464     border: 1px solid <?php echo $color[0]; ?>;
465     margin-left: auto;
466     margin-right: auto;
467     padding: 0;
468     width: 95%;
469 }
470
471 #optionGroups   td  {
472     width: 50%;
473     padding: 2px;
474     vertical-align: top;
475 }
476
477 #optionGroups   td.title    {
478     background: <?php echo $color[0]; ?>;
479     text-align: center;
480     font-weight: bold;
481 }
482
483 #optionGroups   td.optionElement    {
484     height: 100%;
485     padding: 10px; 
486 }
487
488 #optionGroups   td.optionElement    table   {
489     border:1px solid <?php echo $color[9]; ?>;
490     height: 100%;
491 }
492
493
494 #optionGroups   td.optionName   {
495     background: <?php echo $color[9]; ?>;
496     text-align: left;
497     height: 1%;
498 }
499
500 #optionGroups   td.optionDesc   {
501     text-align: left;
502     background: <?php echo $color[0]; ?>;
503 }
504
505 #optionDisplay  {
506     text-align:center;
507 }
508
509 #optionDisplay  table   {
510     margin-left: auto;
511     margin-right: auto;
512     margin-top: 8px;
513     margin-bottom: 8px;
514     width: 95%;
515     border: 1px solid <?php echo $color[0]; ?>
516 }
517
518 #optionDisplay  td  {
519     width: 50%;
520     padding-top: 2px;
521     padding-bottom: 2px;
522     padding-left: 4px;
523     padding-right: 4px;
524     white-space: nowrap;
525 }
526
527 #optionDisplay  td.optionName   {
528     text-align: right;
529 }
530
531 #optionDisplay  td.optionValue  {
532     text-align: left;
533 }