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