New icon theming. Also added basic template for left_main.php
[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
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 /* page_header.tpl definitions */
251 .sqm_currentFolder      {
252     background: <?php echo $color[9]; ?>;
253     padding:2px;
254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
255 }
256 .sqm_headerSignout      {
257     background: <?php echo $color[9]; ?>;
258     padding:2px;
259     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
260     font-weight:bold;
261 }
262 .sqm_topNavigation      {
263     padding:2px;
264     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
265 }
266 .sqm_providerInfo       {
267     padding:2px;
268     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
269 }
270
271 /* message_list.tpl definitions */
272 .table_messageListWrapper       {
273     width:100%;
274     padding:0;
275     border-spacing:0;
276     border:0;
277     text-align:center;
278     margin-left:auto;
279     margin-right:auto;
280     background: <?php echo $color[9]; ?>;
281 }
282
283 .table_messageList      {
284     width:100%;
285     padding:0;
286     border-spacing:0;
287     border:0;
288     text-align:center;
289     margin-left:auto;
290     margin-right:auto;
291     background: <?php echo $color[5]; ?>;
292 }
293
294 .table_messageList      a       {
295     white-space:nowrap;
296 }
297
298 .table_messageList      tr.headerRow    {
299     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
300     white-space:nowrap;
301     font-weight:bold;
302 }
303 .table_messageList td.spacer {
304     height:1px;
305     background: <?php echo $color[0]; ?>;
306 }
307
308 .table_messageList      tr              {
309     vertical-align:top;
310 }
311 .table_messageList      tr.even {
312     background: <?php echo $color[12]; ?>;
313 }
314 .table_messageList      tr.odd  {
315     background: <?php echo $color[4]; ?>;
316 }
317 .table_messageList      tr.mouse_over   {
318     background: <?php echo $color[5]; ?>;
319 }
320 .table_messageList      tr.clicked      {
321     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
322 }
323
324 .table_messageList      td      {
325     white-space:nowrap;
326 }
327 .table_messageList      td.col_check    {
328     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
329 }
330 .table_messageList      td.col_subject  {
331     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
332 }
333 .table_messageList      td.col_flags    {
334     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
335 }
336 .table_messageList      td.col_date     {
337     text-align:center;
338 }
339 .table_messageList      td.col_text     {
340     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
341 }
342
343 .unread         {
344     font-weight:bold;
345 }
346 .deleted        {
347     color: <?php echo $color[9]; ?>;
348 }
349 .flagged        {
350     color: <?php echo $color[2]; ?>;
351 }
352 .high_priority  {
353     color: <?php echo $color[1]; ?>;
354 }
355 .low_priority   {
356     color: <?php echo $color[8]; ?>;
357 }
358
359 .col_checked    {
360 }
361
362 .links_paginator                        {
363     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
364 }
365
366 .message_count                          {
367     text-align:right;
368     font-size:8pt;
369 }
370
371 .message_list_controls {
372     background: <? echo $color[0]; ?>;
373 }
374
375 .message_control_button {
376     padding:0px;
377     margin:0px;
378 }
379 .message_control_buttons {
380     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
381     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
382 }
383 .message_control_delete {
384     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
385     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
386 }
387 .message_control_move {
388     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
389     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
390 }
391
392 .spacer {
393     height:5px;
394     background: <?php echo $color[4]; ?>;
395 }
396
397