59ad74b480a23323f0b303d9aac2df84226812e9
[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.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 .leftmain a:link, .leftmain a:visited, .leftmain a:hover, .leftmain a:active {
81     color:  <?php echo SQM_LINK_LEFT; ?>;
82 }
83 .leftunseen, .leftrecent, .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 .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
207 /* login.tpl definitions */
208 #sqm_login table {
209     border:0;
210     margin:0;
211     padding:0;
212     border-spacing:0;
213     margin-left:auto;
214     margin-right:auto;
215 }
216 #sqm_login td {
217     padding:2px;
218 }
219
220 .sqm_loginImage {
221     margin-left:auto;
222     margin-right:auto;
223     border:0;
224     padding:2px;
225 }
226 .sqm_loginTop {
227     text-align:center;
228     font-size:80%;
229 }
230 .sqm_loginOrgName {
231     font-weight:bold;
232     text-align:center;
233     background: <?php echo $color[0]; ?>;
234     width:350px;
235     border:0;
236 }
237 .sqm_loginFieldName {
238     text-align:right;
239     width:30%;
240 }
241 .sqm_loginFieldInput {
242     text-align:left;
243 }
244 .sqm_loginSubmit {
245     text-align:center;
246 }
247
248 /* page_header.tpl definitions */
249 .sqm_currentFolder      {
250     background: <?php echo $color[9]; ?>;
251     padding:2px;
252     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
253 }
254 .sqm_headerSignout      {
255     background: <?php echo $color[9]; ?>;
256     padding:2px;
257     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
258     font-weight:bold;
259 }
260 .sqm_topNavigation      {
261     padding:2px;
262     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
263 }
264 .sqm_providerInfo       {
265     padding:2px;
266     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
267 }
268
269 /* message_list.tpl definitions */
270 .table_messageListWrapper       {
271     width:100%;
272     padding:0;
273     border-spacing:0;
274     border:0;
275     text-align:center;
276     margin-left:auto;
277     margin-right:auto;
278     background: <?php echo $color[9]; ?>;
279 }
280
281 .table_messageList      {
282     width:100%;
283     padding:0;
284     border-spacing:0;
285     border:0;
286     text-align:center;
287     margin-left:auto;
288     margin-right:auto;
289     background: <?php echo $color[5]; ?>;
290 }
291
292 .table_messageList      a       {
293     white-space:nowrap;
294 }
295
296 .table_messageList      tr.headerRow    {
297     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
298     white-space:nowrap;
299     font-weight:bold;
300 }
301 .table_messageList td.spacer {
302     height:1px;
303     background: <?php echo $color[0]; ?>;
304 }
305
306 .table_messageList      tr              {
307     vertical-align:top;
308 }
309 .table_messageList      tr.even {
310     background: <?php echo $color[12]; ?>;
311 }
312 .table_messageList      tr.odd  {
313     background: <?php echo $color[4]; ?>;
314 }
315 .table_messageList      tr.mouse_over   {
316     background: <?php echo $color[5]; ?>;
317 }
318 .table_messageList      tr.clicked      {
319     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
320 }
321
322 .table_messageList      td      {
323     white-space:nowrap;
324 }
325 .table_messageList      td.col_check    {
326     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
327 }
328 .table_messageList      td.col_subject  {
329     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
330 }
331 .table_messageList      td.col_flags    {
332     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
333 }
334 .table_messageList      td.col_date     {
335     text-align:center;
336 }
337 .table_messageList      td.col_text     {
338     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
339 }
340
341 .unread         {
342     font-weight:bold;
343 }
344 .deleted        {
345     color: <?php echo $color[9]; ?>;
346 }
347 .flagged        {
348     color: <?php echo $color[2]; ?>;
349 }
350 .high_priority  {
351     color: <?php echo $color[1]; ?>;
352 }
353 .low_priority   {
354     color: <?php echo $color[8]; ?>;
355 }
356
357 .col_checked    {
358 }
359
360 .links_paginator                        {
361     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
362 }
363
364 .message_count                          {
365     text-align:right;
366     font-size:8pt;
367 }
368
369 .message_list_controls {
370     background: <?php echo $color[0]; ?>;
371 }
372
373 .message_control_button {
374     padding:0px;
375     margin:0px;
376 }
377 .message_control_buttons {
378     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
379     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
380 }
381 .message_control_delete {
382     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
383     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
384 }
385 .message_control_move {
386     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
387     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
388 }
389
390 .spacer {
391     height:5px;
392     background: <?php echo $color[4]; ?>;
393 }
394
395