18b0140bc9694beff4cae2305dac291d7872c6e5
[squirrelmail.git] / templates / default / 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 ?>
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 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
84     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
85 }
86 .leftrecent {
87     font-weight:bold;
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 /* left_main.tpl definitions */
99 .sqm_wrapperTable   {
100     border:0;
101     padding:0;
102     margin-left:0;
103     border-spacing:0;
104     width:99%
105 }
106 sqm_leftMain table {
107     border:0;
108     padding:0;
109     margin:0;
110     border-spacing:0;
111 }
112 .sqm_folderHeader {
113     font-size:18px;
114     font-weight:bold;
115     text-align:center;
116 }
117 .sqm_clock {
118 }
119 .sqm_lastRefreshTime {
120     white-space: nowrap;
121 }
122 .sqm_refreshButton {
123 }
124
125 /* formating of error template */
126 .thead_caption {
127     font-weight: bold;
128     text-align: center;
129 }
130
131 .error_list {
132 }
133 .error_table {
134     color: <?php echo $color[14]; ?>;
135     border: 2px solid <?php echo $color[0]; ?>;
136     background-color: <?php echo $color[3]; ?>;
137     width: 100%;
138 }
139 .error_thead {
140     background-color: <?php echo $color[10]; ?>;
141 }
142 .error_thead_caption {
143     background-color: <?php echo $color[10]; ?>;
144 }
145 .error_row {
146     color: <?php echo $color[14]; ?>;
147 }
148 .error_val {
149     color: <?php echo $color[8]; ?>;
150     width: 80%;
151     border: 2px solid <?php echo $color[0]; ?>;
152
153 }
154 .error_key {
155     width: 20%;
156     border: 2px solid <?php echo $color[0]; ?>;
157     color: <?php echo $color[14]; ?>;
158     font-weight: bold;
159     font-style: italic;
160     background-color: <?php echo $color[0]; ?>;
161 }
162
163 /* form fields */
164 input.sqmtextfield{
165 }
166 input.sqmpwfield {
167 }
168 input.sqmcheckbox {
169 }
170 input.sqmradiobox {
171 }
172 input.sqmhiddenfield {
173 }
174 input.sqmsubmitfield {
175 }
176 input.sqmresetfield {
177 }
178 input.sqmtextarea {
179 }
180
181 /* basic definitions */
182 .table_empty {
183     width:100%;
184     border:0;
185     margin:0;
186     padding:0;
187     border-spacing:0;
188 }
189
190 .table_standard {
191     width:100%;
192     border:1px solid <?php echo $color[0]; ?>;
193     padding:0;
194     margin:0;
195     border-spacing:0;
196 }
197
198 em              {
199     font-weight:bold;
200     font-style:normal;
201 }
202
203 small   {
204     font-size:80%;
205 }
206 img   {
207     border:0;
208 }
209
210 /* login.tpl definitions */
211 #sqm_login table {
212     border:0;
213     margin:0;
214     padding:0;
215     border-spacing:0;
216     margin-left:auto;
217     margin-right:auto;
218 }
219 #sqm_login td {
220     padding:2px;
221 }
222
223 .sqm_loginImage {
224     margin-left:auto;
225     margin-right:auto;
226     padding:2px;
227 }
228 .sqm_loginTop {
229     text-align:center;
230     font-size:80%;
231 }
232 .sqm_loginOrgName {
233     font-weight:bold;
234     text-align:center;
235     background: <?php echo $color[0]; ?>;
236     width:350px;
237     border:0;
238 }
239 .sqm_loginFieldName {
240     text-align:right;
241     width:30%;
242 }
243 .sqm_loginFieldInput {
244     text-align:left;
245 }
246 .sqm_loginSubmit {
247     text-align:center;
248 }
249
250 /* note.tpl defs */
251 .sqm_noteWrapper {
252     text-align:center;
253     width:100%;
254 }
255 .sqm_note {
256     margin-left:auto;
257     margin-right:auto;
258     font-weight:bold;
259     text-align:center;
260 }
261
262 /* motd.tpl defs */
263 .sqm_motdWrapper {
264     text-align:center;
265     width:100%;
266     margin:1px;
267 }
268 .sqm_motd {
269     margin-left:auto;
270     margin-right:auto;
271     text-align:center;
272     background: <?php echo $color[9]; ?>;
273     width:70%;
274     padding:0;
275 }
276 .sqm_motd td {
277     text-align:center;
278     background: <?php echo $color[4]; ?>;
279     padding:5px;
280 }
281
282 /* empty_folder.tpl defs */
283 .sqm_emptyFolderWrapper {
284     text-align:center;
285     width:100%;
286 }
287 .sqm_emptyFolder {
288     margin-left:auto;
289     margin-right:auto;
290     text-align:center;
291     background: <?php echo $color[9]; ?>;
292     padding:1;
293     width:100%;
294 }
295 .sqm_emptyFolder td {
296     text-align:center;
297     background: <?php echo $color[4]; ?>;
298     padding-top:15px;
299     padding-bottom:15px;
300 }
301
302 /* error_box.tpl definitions */
303 .table_errorBoxWrapper   {
304     width:100%;
305     padding:0;
306     border-spacing:0;
307     border:0;
308     text-align:center;
309     margin-left:auto;
310     margin-right:auto;
311     background: <?php echo $color[9]; ?>;
312 }
313
314 .table_errorBox  {
315     width:100%;
316     padding:0;
317     border-spacing:0;
318     border:0;
319     text-align:center;
320     margin-left:auto;
321     margin-right:auto;
322     background: <?php echo $color[0]; ?>;
323 }
324 .error_header {
325     color: red;
326     font-weight:bold;
327     font-weight:bold;
328     font-style:normal;
329 }
330 .error_message {
331     background: <?php echo $color[4]; ?>;
332 }
333
334 /* error_logout.tpl definitions */
335 #sqm_errorLogout {
336     width:100%;
337     text-align:center;
338 }
339 #sqm_errorLogout table {
340     border:0;
341     margin:0;
342     padding:0;
343     border-spacing:0;
344     margin-left:auto;
345     margin-right:auto;
346 }
347 #sqm_errorLogout td {
348     padding:2px;
349 }
350 .sqm_errorLogoutImage {
351     margin-left:auto;
352     margin-right:auto;
353     padding:2px;
354 }
355 .sqm_errorLogoutTop {
356     text-align:center;
357     font-size:80%;
358 }
359
360 /* page_header.tpl definitions */
361 .sqm_currentFolder      {
362     background: <?php echo $color[9]; ?>;
363     padding:2px;
364     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
365 }
366 .sqm_headerSignout      {
367     background: <?php echo $color[9]; ?>;
368     padding:2px;
369     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
370     font-weight:bold;
371 }
372 .sqm_topNavigation      {
373     padding:2px;
374     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
375 }
376 .sqm_providerInfo       {
377     padding:2px;
378     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
379 }
380
381 /* message_list.tpl definitions */
382 .table_messageListWrapper       {
383     width:100%;
384     padding:0;
385     border-spacing:0;
386     border:0;
387     text-align:center;
388     margin-left:auto;
389     margin-right:auto;
390     background: <?php echo $color[9]; ?>;
391 }
392
393 .table_messageList      {
394     width:100%;
395     padding:0;
396     border-spacing:0;
397     border:0;
398     text-align:center;
399     margin-left:auto;
400     margin-right:auto;
401     background: <?php echo $color[5]; ?>;
402 }
403
404 .table_messageList      a       {
405     white-space:nowrap;
406 }
407
408 .table_messageList      tr.headerRow    {
409     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
410     white-space:nowrap;
411     font-weight:bold;
412 }
413 .table_messageList td.spacer {
414     height:1px;
415     background: <?php echo $color[0]; ?>;
416 }
417
418 .table_messageList      tr              {
419     vertical-align:top;
420 }
421 .table_messageList      tr.even {
422     background: <?php echo $color[12]; ?>;
423 }
424 .table_messageList      tr.odd  {
425     background: <?php echo $color[4]; ?>;
426 }
427 .table_messageList      tr.mouse_over   {
428     background: <?php echo $color[5]; ?>;
429 }
430 .table_messageList      tr.clicked      {
431     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
432 }
433
434 .table_messageList      td      {
435     white-space:nowrap;
436 }
437 .table_messageList      td.col_check    {
438     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
439 }
440 .table_messageList      td.col_subject  {
441     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
442 }
443 .table_messageList      td.col_flags    {
444     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
445 }
446 .table_messageList      td.col_date     {
447     text-align:center;
448 }
449 .table_messageList      td.col_text     {
450     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
451 }
452
453 .unread         {
454     font-weight:bold;
455 }
456 .deleted        {
457     color: <?php echo $color[9]; ?>;
458 }
459 .flagged        {
460     color: <?php echo $color[2]; ?>;
461 }
462 .high_priority  {
463     color: <?php echo $color[1]; ?>;
464 }
465 .low_priority   {
466     color: <?php echo $color[8]; ?>;
467 }
468
469 .col_checked    {
470 }
471
472 .links_paginator                        {
473     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
474 }
475
476 .message_count                          {
477     text-align:right;
478     font-size:8pt;
479 }
480
481 .message_list_controls {
482     background: <?php echo $color[0]; ?>;
483 }
484
485 .message_control_button {
486     padding:0px;
487     margin:0px;
488 }
489 .message_control_buttons {
490     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
491     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
492 }
493 .message_control_delete {
494     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
495     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
496 }
497 .message_control_move {
498     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
499     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
500 }
501
502 .spacer {
503     height:5px;
504     background: <?php echo $color[4]; ?>;
505 }
506
507