02b2c3f1 |
1 | <?php |
52a3af10 |
2 | |
02b2c3f1 |
3 | /** |
4 | * SquirrelMail CSS template |
5 | * |
e3812cb2 |
6 | * Template is used by style.php script to generate css file used by |
02b2c3f1 |
7 | * SquirrelMail scripts. |
e3812cb2 |
8 | * |
02b2c3f1 |
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 |
bd26fc82 |
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 |
02b2c3f1 |
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 | * |
47ccfad4 |
30 | * @copyright © 2005-2006 The SquirrelMail Project Team |
02b2c3f1 |
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); |
02b2c3f1 |
39 | ?> |
ca23755b |
40 | /* older css template */ |
02b2c3f1 |
41 | body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li { |
ca23755b |
42 | <?php |
e3812cb2 |
43 | if($fontfamily) echo ' font-family: '.$fontfamily.";\n"; |
ca23755b |
44 | ?> |
02b2c3f1 |
45 | } |
46 | body, small { |
ca23755b |
47 | <?php |
e3812cb2 |
48 | if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n"; |
ca23755b |
49 | ?> |
50 | } |
51 | td, th { |
52 | <?php |
e3812cb2 |
53 | if($fontsize) echo ' font-size: '.$fontsize."pt;\n"; |
ca23755b |
54 | ?> |
55 | } |
56 | textarea, pre { |
e3812cb2 |
57 | font-family: monospace; |
ca23755b |
58 | <?php |
e3812cb2 |
59 | if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n"; |
ca23755b |
60 | ?> |
02b2c3f1 |
61 | } |
62 | |
ca23755b |
63 | /* page body formatting */ |
02b2c3f1 |
64 | body { |
65 | color: <?php echo SQM_TEXT_STANDARD; ?>; |
66 | background-color: <?php echo SQM_BACKGROUND; ?>; |
67 | } |
29997535 |
68 | body.sqm_leftMain { |
02b2c3f1 |
69 | color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>; |
70 | background-color: <?php echo SQM_BACKGROUND_LEFT; ?>; |
96f180f6 |
71 | text-align: left; |
02b2c3f1 |
72 | } |
73 | |
bd26fc82 |
74 | /* right links */ |
75 | a:link, a:visited, a:hover, a:active { |
02b2c3f1 |
76 | color: <?php echo SQM_LINK; ?>; |
77 | } |
ca23755b |
78 | |
02b2c3f1 |
79 | /* left links */ |
29997535 |
80 | .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active { |
02b2c3f1 |
81 | color: <?php echo SQM_LINK_LEFT; ?>; |
82 | } |
29997535 |
83 | .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active { |
bd26fc82 |
84 | color: <?php echo SQM_TEXT_SPECIAL; ?>; |
85 | } |
826d1cd3 |
86 | .leftrecent { |
87 | font-weight:bold; |
88 | } |
bd26fc82 |
89 | .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active { |
90 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
91 | } |
02b2c3f1 |
92 | |
ca23755b |
93 | /* highlighted texts */ |
94 | .highlight { |
95 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
02b2c3f1 |
96 | } |
97 | |
96f180f6 |
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 | } |
29997535 |
106 | sqm_leftMain table { |
96f180f6 |
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 | |
02b2c3f1 |
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 | } |
e3812cb2 |
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 | } |
29997535 |
206 | img { |
207 | border:0; |
208 | } |
e3812cb2 |
209 | |
96f180f6 |
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; |
96f180f6 |
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 | |
c03e9db0 |
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 | |
3cecf1cd |
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; |
2be6e3fc |
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]; ?>; |
3cecf1cd |
332 | } |
333 | |
e3812cb2 |
334 | /* page_header.tpl definitions */ |
335 | .sqm_currentFolder { |
336 | background: <?php echo $color[9]; ?>; |
337 | padding:2px; |
338 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
339 | } |
340 | .sqm_headerSignout { |
341 | background: <?php echo $color[9]; ?>; |
342 | padding:2px; |
343 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
344 | font-weight:bold; |
345 | } |
346 | .sqm_topNavigation { |
347 | padding:2px; |
348 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
349 | } |
350 | .sqm_providerInfo { |
351 | padding:2px; |
352 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
353 | } |
354 | |
355 | /* message_list.tpl definitions */ |
356 | .table_messageListWrapper { |
357 | width:100%; |
358 | padding:0; |
359 | border-spacing:0; |
360 | border:0; |
361 | text-align:center; |
362 | margin-left:auto; |
363 | margin-right:auto; |
364 | background: <?php echo $color[9]; ?>; |
365 | } |
366 | |
367 | .table_messageList { |
368 | width:100%; |
369 | padding:0; |
370 | border-spacing:0; |
371 | border:0; |
372 | text-align:center; |
373 | margin-left:auto; |
374 | margin-right:auto; |
375 | background: <?php echo $color[5]; ?>; |
376 | } |
377 | |
378 | .table_messageList a { |
379 | white-space:nowrap; |
380 | } |
381 | |
382 | .table_messageList tr.headerRow { |
383 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
384 | white-space:nowrap; |
385 | font-weight:bold; |
386 | } |
387 | .table_messageList td.spacer { |
388 | height:1px; |
389 | background: <?php echo $color[0]; ?>; |
390 | } |
391 | |
392 | .table_messageList tr { |
393 | vertical-align:top; |
394 | } |
395 | .table_messageList tr.even { |
396 | background: <?php echo $color[12]; ?>; |
397 | } |
398 | .table_messageList tr.odd { |
399 | background: <?php echo $color[4]; ?>; |
400 | } |
401 | .table_messageList tr.mouse_over { |
402 | background: <?php echo $color[5]; ?>; |
403 | } |
404 | .table_messageList tr.clicked { |
405 | background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>; |
406 | } |
407 | |
408 | .table_messageList td { |
409 | white-space:nowrap; |
410 | } |
411 | .table_messageList td.col_check { |
412 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
413 | } |
414 | .table_messageList td.col_subject { |
415 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
416 | } |
417 | .table_messageList td.col_flags { |
418 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
419 | } |
420 | .table_messageList td.col_date { |
421 | text-align:center; |
422 | } |
423 | .table_messageList td.col_text { |
424 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
425 | } |
426 | |
427 | .unread { |
428 | font-weight:bold; |
429 | } |
430 | .deleted { |
431 | color: <?php echo $color[9]; ?>; |
432 | } |
433 | .flagged { |
434 | color: <?php echo $color[2]; ?>; |
435 | } |
436 | .high_priority { |
437 | color: <?php echo $color[1]; ?>; |
438 | } |
439 | .low_priority { |
440 | color: <?php echo $color[8]; ?>; |
441 | } |
442 | |
443 | .col_checked { |
444 | } |
445 | |
446 | .links_paginator { |
447 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
448 | } |
449 | |
450 | .message_count { |
451 | text-align:right; |
452 | font-size:8pt; |
453 | } |
454 | |
455 | .message_list_controls { |
52a3af10 |
456 | background: <?php echo $color[0]; ?>; |
e3812cb2 |
457 | } |
458 | |
459 | .message_control_button { |
460 | padding:0px; |
461 | margin:0px; |
462 | } |
463 | .message_control_buttons { |
464 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
465 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
466 | } |
467 | .message_control_delete { |
468 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
469 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
470 | } |
471 | .message_control_move { |
472 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
473 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
474 | } |
475 | |
476 | .spacer { |
477 | height:5px; |
478 | background: <?php echo $color[4]; ?>; |
479 | } |
480 | |
481 | |