02b2c3f1 |
1 | <?php |
2 | /** |
3 | * SquirrelMail CSS template |
4 | * |
e3812cb2 |
5 | * Template is used by style.php script to generate css file used by |
02b2c3f1 |
6 | * SquirrelMail scripts. |
e3812cb2 |
7 | * |
02b2c3f1 |
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 |
bd26fc82 |
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 |
02b2c3f1 |
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 | * |
47ccfad4 |
29 | * @copyright © 2005-2006 The SquirrelMail Project Team |
02b2c3f1 |
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); |
116e1263 |
38 | //return false; |
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 | } |
e32c931f |
83 | |
29997535 |
84 | .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active { |
bd26fc82 |
85 | color: <?php echo SQM_TEXT_SPECIAL; ?>; |
86 | } |
e32c931f |
87 | |
bd26fc82 |
88 | .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active { |
89 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
90 | } |
02b2c3f1 |
91 | |
ca23755b |
92 | /* highlighted texts */ |
93 | .highlight { |
94 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
02b2c3f1 |
95 | } |
96 | |
02b2c3f1 |
97 | .error_table { |
98 | color: <?php echo $color[14]; ?>; |
99 | border: 2px solid <?php echo $color[0]; ?>; |
100 | background-color: <?php echo $color[3]; ?>; |
02b2c3f1 |
101 | } |
102 | .error_thead { |
103 | background-color: <?php echo $color[10]; ?>; |
104 | } |
105 | .error_thead_caption { |
106 | background-color: <?php echo $color[10]; ?>; |
107 | } |
108 | .error_row { |
109 | color: <?php echo $color[14]; ?>; |
110 | } |
111 | .error_val { |
112 | color: <?php echo $color[8]; ?>; |
02b2c3f1 |
113 | border: 2px solid <?php echo $color[0]; ?>; |
114 | |
115 | } |
116 | .error_key { |
02b2c3f1 |
117 | border: 2px solid <?php echo $color[0]; ?>; |
118 | color: <?php echo $color[14]; ?>; |
02b2c3f1 |
119 | background-color: <?php echo $color[0]; ?>; |
120 | } |
121 | |
64033e1c |
122 | table.table_empty, table.table_blank { |
123 | margin: 0; |
124 | padding: 0; |
125 | border: 0; |
126 | width: 100%; |
127 | } |
e3812cb2 |
128 | |
301d1912 |
129 | td.header1 { |
130 | background: <?php echo $color[0]; ?>; |
131 | text-align: center; |
132 | font-weight: bold; |
133 | } |
134 | |
135 | |
136 | td.header2 { |
137 | background: <?php echo $color[9]; ?>; |
138 | text-align: center; |
139 | font-weight: bold; |
140 | padding-top: 4px; |
141 | padding-bottom: 4px; |
142 | } |
143 | |
a71b394e |
144 | tr.even { |
145 | background: <?php echo $color[12]; ?>; |
146 | } |
147 | tr.odd { |
148 | background: <?php echo $color[4]; ?>; |
149 | } |
150 | |
e3812cb2 |
151 | .table_standard { |
e3812cb2 |
152 | border:1px solid <?php echo $color[0]; ?>; |
e3812cb2 |
153 | } |
154 | |
8f8188ae |
155 | .sqm_loginOrgName, .sqm_signoutBar { |
96f180f6 |
156 | background: <?php echo $color[0]; ?>; |
c03e9db0 |
157 | } |
158 | |
8f8188ae |
159 | .sqm_signout { |
160 | margin-top: 2em; |
161 | text-align: center; |
162 | } |
163 | |
c03e9db0 |
164 | .sqm_motd { |
c03e9db0 |
165 | background: <?php echo $color[9]; ?>; |
c03e9db0 |
166 | } |
167 | .sqm_motd td { |
c03e9db0 |
168 | background: <?php echo $color[4]; ?>; |
c03e9db0 |
169 | } |
170 | |
171 | /* empty_folder.tpl defs */ |
c03e9db0 |
172 | .sqm_emptyFolder { |
c03e9db0 |
173 | background: <?php echo $color[9]; ?>; |
c03e9db0 |
174 | } |
175 | .sqm_emptyFolder td { |
c03e9db0 |
176 | background: <?php echo $color[4]; ?>; |
c03e9db0 |
177 | } |
178 | |
3cecf1cd |
179 | /* error_box.tpl definitions */ |
180 | .table_errorBoxWrapper { |
3cecf1cd |
181 | background: <?php echo $color[9]; ?>; |
182 | } |
183 | |
184 | .table_errorBox { |
2be6e3fc |
185 | background: <?php echo $color[0]; ?>; |
186 | } |
2be6e3fc |
187 | .error_message { |
188 | background: <?php echo $color[4]; ?>; |
3cecf1cd |
189 | } |
190 | |
e3812cb2 |
191 | /* page_header.tpl definitions */ |
192 | .sqm_currentFolder { |
193 | background: <?php echo $color[9]; ?>; |
e3812cb2 |
194 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
195 | } |
196 | .sqm_headerSignout { |
197 | background: <?php echo $color[9]; ?>; |
e3812cb2 |
198 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
199 | } |
200 | .sqm_topNavigation { |
e3812cb2 |
201 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
202 | } |
203 | .sqm_providerInfo { |
e3812cb2 |
204 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
205 | } |
206 | |
207 | /* message_list.tpl definitions */ |
208 | .table_messageListWrapper { |
e3812cb2 |
209 | background: <?php echo $color[9]; ?>; |
210 | } |
211 | |
212 | .table_messageList { |
e3812cb2 |
213 | background: <?php echo $color[5]; ?>; |
214 | } |
215 | |
e3812cb2 |
216 | .table_messageList tr.headerRow { |
217 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
e3812cb2 |
218 | } |
219 | .table_messageList td.spacer { |
e3812cb2 |
220 | background: <?php echo $color[0]; ?>; |
221 | } |
e3812cb2 |
222 | .table_messageList tr.mouse_over { |
223 | background: <?php echo $color[5]; ?>; |
224 | } |
225 | .table_messageList tr.clicked { |
226 | background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>; |
227 | } |
e3812cb2 |
228 | .table_messageList td.col_check { |
229 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
230 | } |
231 | .table_messageList td.col_subject { |
232 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
233 | } |
234 | .table_messageList td.col_flags { |
235 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
236 | } |
e3812cb2 |
237 | .table_messageList td.col_text { |
238 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
239 | } |
e3812cb2 |
240 | .deleted { |
241 | color: <?php echo $color[9]; ?>; |
242 | } |
243 | .flagged { |
244 | color: <?php echo $color[2]; ?>; |
245 | } |
246 | .high_priority { |
247 | color: <?php echo $color[1]; ?>; |
248 | } |
249 | .low_priority { |
250 | color: <?php echo $color[8]; ?>; |
251 | } |
252 | |
e3812cb2 |
253 | .links_paginator { |
254 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
255 | } |
256 | |
e3812cb2 |
257 | .message_list_controls { |
52a3af10 |
258 | background: <?php echo $color[0]; ?>; |
e3812cb2 |
259 | } |
260 | |
e3812cb2 |
261 | .message_control_buttons { |
262 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
e3812cb2 |
263 | } |
264 | .message_control_delete { |
265 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
266 | } |
267 | .message_control_move { |
268 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
269 | } |
270 | |
271 | .spacer { |
e3812cb2 |
272 | background: <?php echo $color[4]; ?>; |
273 | } |
301d1912 |
274 | |
275 | /* folder_manip.tpl defs */ |
276 | #folderManip { |
277 | text-align:center; |
278 | } |
279 | |
280 | #folderManip td { |
281 | text-align: center; |
282 | padding: 2px; |
283 | } |
284 | |
285 | #folderManip table { |
286 | margin-left: auto; |
287 | margin-right: auto; |
288 | padding-top: 8px; |
289 | padding-bottom: 8px; |
290 | border: 0; |
291 | width: 70%; |
292 | } |
293 | |
294 | #folderManip table.wrapper { |
295 | border: 1px solid <?php echo $color[0]; ?>; |
296 | width: 95%; |
297 | margin-left: auto; |
298 | margin-right: auto; |
299 | padding: 0; |
300 | } |
301 | |
302 | #folderManip td.folderAction { |
303 | background: <?php echo $color[0]; ?>; |
304 | } |
305 | |
306 | #folderManip div { |
307 | margin-left: auto; |
308 | margin-right: auto; |
309 | width: 80%; |
310 | text-align: left; |
a71b394e |
311 | } |
312 | |
313 | /* addressbook_list.tpl defs */ |
314 | #addressList { |
315 | text-align: center; |
316 | } |
317 | |
318 | #addressList input { |
3f92c0c7 |
319 | font-size: 8pt; |
a71b394e |
320 | } |
321 | |
322 | #addressList select { |
323 | font-size: 75%; |
324 | } |
325 | |
326 | #addressList table { |
327 | margin-left: auto; |
328 | margin-right: auto; |
3f92c0c7 |
329 | width: 95%; |
a71b394e |
330 | border: 1px solid <?php echo $color[9]; ?>; |
331 | margin-top: 8px; |
332 | margin-bottom: 8px; |
333 | } |
334 | |
335 | #addressList td { |
336 | text-align: left; |
337 | padding: 2px; |
338 | } |
339 | |
340 | #addressList td.header1 { |
341 | text-align: center; |
342 | background: <?php echo $color[9]; ?>; |
343 | } |
344 | #addressList td.abookSwitch { |
345 | background: <?php echo $color[0]; ?>; |
346 | text-align: right; |
347 | } |
348 | |
349 | #addressList td.abookButtons { |
350 | background: <?php echo $color[0]; ?>; |
351 | } |
352 | |
353 | #addressList td.abookField { |
354 | border-left: 1px solid <?php echo $color[9]; ?>; |
355 | border-right: 1px solid <?php echo $color[9]; ?>; |
3f92c0c7 |
356 | white-space: nowrap; |
357 | overflow: hidden; |
a71b394e |
358 | } |
359 | |
360 | #addressList td.colHeader { |
361 | text-align: center; |
362 | font-weight: bold; |
363 | font-size: 98%; |
364 | background: <?php echo $color[9]; ?>; |
365 | padding-top: 0px; |
366 | padding-bottom: 0px; |
367 | } |
368 | |
369 | #addressList td.abookEmpty { |
370 | text-align:center; |
371 | font-weight: bold; |
3f92c0c7 |
372 | } |
373 | |
374 | #addressList td.abookCompose { |
375 | font-size: 8pt; |
376 | white-space: nowrap; |
377 | } |
378 | |
379 | #addrBookSearch { |
380 | text-align: center; |
381 | } |
382 | |
383 | #addrBookSearch table { |
384 | padding: 0; |
385 | border: 0; |
386 | margin-left: auto; |
387 | margin-right: auto; |
388 | } |
389 | |
390 | #addrBookSearch table.wrapper { |
391 | border: 1px solid <?php echo $color[9]; ?>; |
392 | width: 95%; |
393 | margin-left: auto; |
394 | margin-right: auto; |
395 | padding: 0; |
396 | } |
397 | |
398 | #addrBookSearch td { |
399 | padding: 2px; |
400 | } |
401 | |
402 | #addrBookSearch label { |
403 | font-weight: bold; |
404 | } |
405 | |
406 | #addrBookSearch input { |
407 | font-size: 75%; |
408 | } |
409 | |
410 | #addrBookSearch select { |
411 | font-size: 75%; |
412 | } |
413 | |
414 | #addrBookSearch td.buttons { |
415 | text-align: center; |
c1ce39b1 |
416 | } |
417 | |
418 | #addrAddEdit { |
419 | text-align: center; |
420 | } |
421 | |
422 | #addrAddEdit table { |
423 | border: 1px solid <?php echo $color[9]; ?>; |
424 | margin-left: auto; |
425 | margin-right: auto; |
426 | margin-top: 6px; |
427 | margin-bottom: 6px; |
428 | width: 95% |
429 | } |
430 | |
431 | #addrAddEdit td.header { |
432 | background: <?php echo $color[9]; ?>; |
433 | text-align: center; |
434 | font-weight: bold; |
435 | } |
436 | |
437 | #addrAddEdit td.fieldName { |
438 | text-align: right; |
439 | width: 30%; |
440 | } |
441 | |
442 | #addrAddEdit td.addButton { |
443 | text-align: center; |
444 | } |
445 | |
446 | #addrAddEdit td { |
447 | text-align: left; |
448 | padding: 2px; |
449 | } |
450 | |
451 | #addrAddEdit input { |
452 | font-size: 75%; |
453 | } |
454 | |
455 | #addrAddEdit select { |
456 | font-size: 75%; |
64033e1c |
457 | } |
458 | |
459 | #optionGroups { |
460 | text-align: center; |
461 | } |
462 | |
463 | #optionGroups table { |
464 | border: 1px solid <?php echo $color[0]; ?>; |
465 | margin-left: auto; |
466 | margin-right: auto; |
467 | padding: 0; |
468 | width: 95%; |
469 | } |
470 | |
471 | #optionGroups td { |
472 | width: 50%; |
473 | padding: 2px; |
474 | vertical-align: top; |
475 | } |
476 | |
477 | #optionGroups td.title { |
478 | background: <?php echo $color[0]; ?>; |
479 | text-align: center; |
480 | font-weight: bold; |
481 | } |
482 | |
483 | #optionGroups td.optionElement { |
484 | height: 100%; |
485 | padding: 10px; |
486 | } |
487 | |
488 | #optionGroups td.optionElement table { |
489 | border:1px solid <?php echo $color[9]; ?>; |
490 | height: 100%; |
491 | } |
492 | |
493 | |
494 | #optionGroups td.optionName { |
495 | background: <?php echo $color[9]; ?>; |
496 | text-align: left; |
497 | height: 1%; |
498 | } |
499 | |
500 | #optionGroups td.optionDesc { |
501 | text-align: left; |
502 | background: <?php echo $color[0]; ?>; |
503 | } |
504 | |
505 | #optionDisplay { |
506 | text-align:center; |
507 | } |
508 | |
509 | #optionDisplay table { |
510 | margin-left: auto; |
511 | margin-right: auto; |
512 | margin-top: 8px; |
513 | margin-bottom: 8px; |
514 | width: 95%; |
515 | border: 1px solid <?php echo $color[0]; ?> |
516 | } |
517 | |
518 | #optionDisplay td { |
519 | width: 50%; |
520 | padding-top: 2px; |
521 | padding-bottom: 2px; |
522 | padding-left: 4px; |
523 | padding-right: 4px; |
524 | white-space: nowrap; |
525 | } |
526 | |
527 | #optionDisplay td.optionName { |
528 | text-align: right; |
529 | } |
530 | |
531 | #optionDisplay td.optionValue { |
532 | text-align: left; |
176dafe1 |
533 | } |
534 | |
535 | #optionHighlight { |
536 | text-align:center; |
537 | } |
538 | |
539 | #optionHighlight table { |
540 | margin-left: auto; |
541 | margin-right: auto; |
542 | margin-top: 8px; |
543 | margin-bottom: 8px; |
544 | width: 95%; |
545 | border: 1px solid <?php echo $color[0]; ?> |
546 | } |
547 | |
548 | #optionHighlight table.moveFields { |
549 | width: auto; |
550 | } |
551 | |
552 | #optionHighlight table.moveFields td { |
553 | border-left: 1px solid <?php echo $color[0]; ?>; |
554 | border-right: 1px solid <?php echo $color[0]; ?>; |
555 | padding-left: 2px; |
556 | padding-right: 2px; |
557 | } |
558 | |
559 | #optionHighlight td.moveLink { |
560 | text-align: center; |
561 | font-size: 75%; |
562 | } |
563 | |
564 | #optionHighlight td.fieldName { |
565 | text-align: left; |
566 | } |
567 | |
568 | #optionHighlight select,input { |
569 | font-size: 75%; |
301d1912 |
570 | } |