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); |
39 | |
40 | ?> |
ca23755b |
41 | /* older css template */ |
02b2c3f1 |
42 | body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li { |
ca23755b |
43 | <?php |
e3812cb2 |
44 | if($fontfamily) echo ' font-family: '.$fontfamily.";\n"; |
ca23755b |
45 | ?> |
02b2c3f1 |
46 | } |
47 | body, small { |
ca23755b |
48 | <?php |
e3812cb2 |
49 | if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n"; |
ca23755b |
50 | ?> |
51 | } |
52 | td, th { |
53 | <?php |
e3812cb2 |
54 | if($fontsize) echo ' font-size: '.$fontsize."pt;\n"; |
ca23755b |
55 | ?> |
56 | } |
57 | textarea, pre { |
e3812cb2 |
58 | font-family: monospace; |
ca23755b |
59 | <?php |
e3812cb2 |
60 | if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n"; |
ca23755b |
61 | ?> |
02b2c3f1 |
62 | } |
63 | |
ca23755b |
64 | /* page body formatting */ |
02b2c3f1 |
65 | body { |
66 | color: <?php echo SQM_TEXT_STANDARD; ?>; |
67 | background-color: <?php echo SQM_BACKGROUND; ?>; |
68 | } |
29997535 |
69 | body.sqm_leftMain { |
02b2c3f1 |
70 | color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>; |
71 | background-color: <?php echo SQM_BACKGROUND_LEFT; ?>; |
96f180f6 |
72 | text-align: left; |
02b2c3f1 |
73 | } |
74 | |
bd26fc82 |
75 | /* right links */ |
76 | a:link, a:visited, a:hover, a:active { |
02b2c3f1 |
77 | color: <?php echo SQM_LINK; ?>; |
78 | } |
ca23755b |
79 | |
02b2c3f1 |
80 | /* left links */ |
29997535 |
81 | .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active { |
02b2c3f1 |
82 | color: <?php echo SQM_LINK_LEFT; ?>; |
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 | } |
826d1cd3 |
87 | .leftrecent { |
88 | font-weight:bold; |
89 | } |
bd26fc82 |
90 | .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active { |
91 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
92 | } |
02b2c3f1 |
93 | |
ca23755b |
94 | /* highlighted texts */ |
95 | .highlight { |
96 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
02b2c3f1 |
97 | } |
98 | |
96f180f6 |
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 | } |
29997535 |
107 | sqm_leftMain table { |
96f180f6 |
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 | |
02b2c3f1 |
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 | } |
e3812cb2 |
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 | } |
29997535 |
207 | img { |
208 | border:0; |
209 | } |
e3812cb2 |
210 | |
96f180f6 |
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; |
96f180f6 |
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 | |
c03e9db0 |
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 | |
e3812cb2 |
303 | /* page_header.tpl definitions */ |
304 | .sqm_currentFolder { |
305 | background: <?php echo $color[9]; ?>; |
306 | padding:2px; |
307 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
308 | } |
309 | .sqm_headerSignout { |
310 | background: <?php echo $color[9]; ?>; |
311 | padding:2px; |
312 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
313 | font-weight:bold; |
314 | } |
315 | .sqm_topNavigation { |
316 | padding:2px; |
317 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
318 | } |
319 | .sqm_providerInfo { |
320 | padding:2px; |
321 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
322 | } |
323 | |
324 | /* message_list.tpl definitions */ |
325 | .table_messageListWrapper { |
326 | width:100%; |
327 | padding:0; |
328 | border-spacing:0; |
329 | border:0; |
330 | text-align:center; |
331 | margin-left:auto; |
332 | margin-right:auto; |
333 | background: <?php echo $color[9]; ?>; |
334 | } |
335 | |
336 | .table_messageList { |
337 | width:100%; |
338 | padding:0; |
339 | border-spacing:0; |
340 | border:0; |
341 | text-align:center; |
342 | margin-left:auto; |
343 | margin-right:auto; |
344 | background: <?php echo $color[5]; ?>; |
345 | } |
346 | |
347 | .table_messageList a { |
348 | white-space:nowrap; |
349 | } |
350 | |
351 | .table_messageList tr.headerRow { |
352 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
353 | white-space:nowrap; |
354 | font-weight:bold; |
355 | } |
356 | .table_messageList td.spacer { |
357 | height:1px; |
358 | background: <?php echo $color[0]; ?>; |
359 | } |
360 | |
361 | .table_messageList tr { |
362 | vertical-align:top; |
363 | } |
364 | .table_messageList tr.even { |
365 | background: <?php echo $color[12]; ?>; |
366 | } |
367 | .table_messageList tr.odd { |
368 | background: <?php echo $color[4]; ?>; |
369 | } |
370 | .table_messageList tr.mouse_over { |
371 | background: <?php echo $color[5]; ?>; |
372 | } |
373 | .table_messageList tr.clicked { |
374 | background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>; |
375 | } |
376 | |
377 | .table_messageList td { |
378 | white-space:nowrap; |
379 | } |
380 | .table_messageList td.col_check { |
381 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
382 | } |
383 | .table_messageList td.col_subject { |
384 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
385 | } |
386 | .table_messageList td.col_flags { |
387 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
388 | } |
389 | .table_messageList td.col_date { |
390 | text-align:center; |
391 | } |
392 | .table_messageList td.col_text { |
393 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
394 | } |
395 | |
396 | .unread { |
397 | font-weight:bold; |
398 | } |
399 | .deleted { |
400 | color: <?php echo $color[9]; ?>; |
401 | } |
402 | .flagged { |
403 | color: <?php echo $color[2]; ?>; |
404 | } |
405 | .high_priority { |
406 | color: <?php echo $color[1]; ?>; |
407 | } |
408 | .low_priority { |
409 | color: <?php echo $color[8]; ?>; |
410 | } |
411 | |
412 | .col_checked { |
413 | } |
414 | |
415 | .links_paginator { |
416 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
417 | } |
418 | |
419 | .message_count { |
420 | text-align:right; |
421 | font-size:8pt; |
422 | } |
423 | |
424 | .message_list_controls { |
52a3af10 |
425 | background: <?php echo $color[0]; ?>; |
e3812cb2 |
426 | } |
427 | |
428 | .message_control_button { |
429 | padding:0px; |
430 | margin:0px; |
431 | } |
432 | .message_control_buttons { |
433 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
434 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
435 | } |
436 | .message_control_delete { |
437 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
438 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
439 | } |
440 | .message_control_move { |
441 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
442 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
443 | } |
444 | |
445 | .spacer { |
446 | height:5px; |
447 | background: <?php echo $color[4]; ?>; |
448 | } |
449 | |
450 | |