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); |
38 | |
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 | } |
1b244918 |
68 | body.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 */ |
1b244918 |
80 | .leftmain a:link, .leftmain a:visited, .leftmain a:hover, .leftmain a:active { |
02b2c3f1 |
81 | color: <?php echo SQM_LINK_LEFT; ?>; |
82 | } |
1b244918 |
83 | .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active { |
bd26fc82 |
84 | color: <?php echo SQM_TEXT_SPECIAL; ?>; |
85 | } |
86 | .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active { |
87 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
88 | } |
02b2c3f1 |
89 | |
ca23755b |
90 | /* highlighted texts */ |
91 | .highlight { |
92 | color: <?php echo SQM_TEXT_HIGHLIGHT; ?>; |
02b2c3f1 |
93 | } |
94 | |
96f180f6 |
95 | /* left_main.tpl definitions */ |
96 | .sqm_wrapperTable { |
97 | border:0; |
98 | padding:0; |
99 | margin-left:0; |
100 | border-spacing:0; |
101 | width:99% |
102 | } |
1b244918 |
103 | .leftmain table { |
96f180f6 |
104 | border:0; |
105 | padding:0; |
106 | margin:0; |
107 | border-spacing:0; |
108 | } |
109 | .sqm_folderHeader { |
110 | font-size:18px; |
111 | font-weight:bold; |
112 | text-align:center; |
113 | } |
114 | .sqm_clock { |
115 | } |
116 | .sqm_lastRefreshTime { |
117 | white-space: nowrap; |
118 | } |
119 | .sqm_refreshButton { |
120 | } |
121 | |
02b2c3f1 |
122 | /* formating of error template */ |
123 | .thead_caption { |
124 | font-weight: bold; |
125 | text-align: center; |
126 | } |
127 | |
128 | .error_list { |
129 | } |
130 | .error_table { |
131 | color: <?php echo $color[14]; ?>; |
132 | border: 2px solid <?php echo $color[0]; ?>; |
133 | background-color: <?php echo $color[3]; ?>; |
134 | width: 100%; |
135 | } |
136 | .error_thead { |
137 | background-color: <?php echo $color[10]; ?>; |
138 | } |
139 | .error_thead_caption { |
140 | background-color: <?php echo $color[10]; ?>; |
141 | } |
142 | .error_row { |
143 | color: <?php echo $color[14]; ?>; |
144 | } |
145 | .error_val { |
146 | color: <?php echo $color[8]; ?>; |
147 | width: 80%; |
148 | border: 2px solid <?php echo $color[0]; ?>; |
149 | |
150 | } |
151 | .error_key { |
152 | width: 20%; |
153 | border: 2px solid <?php echo $color[0]; ?>; |
154 | color: <?php echo $color[14]; ?>; |
155 | font-weight: bold; |
156 | font-style: italic; |
157 | background-color: <?php echo $color[0]; ?>; |
158 | } |
159 | |
160 | /* form fields */ |
161 | input.sqmtextfield{ |
162 | } |
163 | input.sqmpwfield { |
164 | } |
165 | input.sqmcheckbox { |
166 | } |
167 | input.sqmradiobox { |
168 | } |
169 | input.sqmhiddenfield { |
170 | } |
171 | input.sqmsubmitfield { |
172 | } |
173 | input.sqmresetfield { |
174 | } |
175 | input.sqmtextarea { |
176 | } |
e3812cb2 |
177 | |
178 | /* basic definitions */ |
179 | .table_empty { |
180 | width:100%; |
181 | border:0; |
182 | margin:0; |
183 | padding:0; |
184 | border-spacing:0; |
185 | } |
186 | |
187 | .table_standard { |
188 | width:100%; |
189 | border:1px solid <?php echo $color[0]; ?>; |
190 | padding:0; |
191 | margin:0; |
192 | border-spacing:0; |
193 | } |
194 | |
195 | em { |
196 | font-weight:bold; |
197 | font-style:normal; |
198 | } |
199 | |
200 | small { |
201 | font-size:80%; |
202 | } |
203 | |
96f180f6 |
204 | /* login.tpl definitions */ |
205 | #sqm_login table { |
206 | border:0; |
207 | margin:0; |
208 | padding:0; |
209 | border-spacing:0; |
210 | margin-left:auto; |
211 | margin-right:auto; |
212 | } |
213 | #sqm_login td { |
214 | padding:2px; |
215 | } |
216 | |
217 | .sqm_loginImage { |
218 | margin-left:auto; |
219 | margin-right:auto; |
220 | border:0; |
221 | padding:2px; |
222 | } |
223 | .sqm_loginTop { |
224 | text-align:center; |
225 | font-size:80%; |
226 | } |
227 | .sqm_loginOrgName { |
228 | font-weight:bold; |
229 | text-align:center; |
230 | background: <?php echo $color[0]; ?>; |
231 | width:350px; |
232 | border:0; |
233 | } |
234 | .sqm_loginFieldName { |
235 | text-align:right; |
236 | width:30%; |
237 | } |
238 | .sqm_loginFieldInput { |
239 | text-align:left; |
240 | } |
241 | .sqm_loginSubmit { |
242 | text-align:center; |
243 | } |
244 | |
e3812cb2 |
245 | /* page_header.tpl definitions */ |
246 | .sqm_currentFolder { |
247 | background: <?php echo $color[9]; ?>; |
248 | padding:2px; |
249 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
250 | } |
251 | .sqm_headerSignout { |
252 | background: <?php echo $color[9]; ?>; |
253 | padding:2px; |
254 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
255 | font-weight:bold; |
256 | } |
257 | .sqm_topNavigation { |
258 | padding:2px; |
259 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
260 | } |
261 | .sqm_providerInfo { |
262 | padding:2px; |
263 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
264 | } |
265 | |
266 | /* message_list.tpl definitions */ |
267 | .table_messageListWrapper { |
268 | width:100%; |
269 | padding:0; |
270 | border-spacing:0; |
271 | border:0; |
272 | text-align:center; |
273 | margin-left:auto; |
274 | margin-right:auto; |
275 | background: <?php echo $color[9]; ?>; |
276 | } |
277 | |
278 | .table_messageList { |
279 | width:100%; |
280 | padding:0; |
281 | border-spacing:0; |
282 | border:0; |
283 | text-align:center; |
284 | margin-left:auto; |
285 | margin-right:auto; |
286 | background: <?php echo $color[5]; ?>; |
287 | } |
288 | |
289 | .table_messageList a { |
290 | white-space:nowrap; |
291 | } |
292 | |
293 | .table_messageList tr.headerRow { |
294 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
295 | white-space:nowrap; |
296 | font-weight:bold; |
297 | } |
298 | .table_messageList td.spacer { |
299 | height:1px; |
300 | background: <?php echo $color[0]; ?>; |
301 | } |
302 | |
303 | .table_messageList tr { |
304 | vertical-align:top; |
305 | } |
306 | .table_messageList tr.even { |
307 | background: <?php echo $color[12]; ?>; |
308 | } |
309 | .table_messageList tr.odd { |
310 | background: <?php echo $color[4]; ?>; |
311 | } |
312 | .table_messageList tr.mouse_over { |
313 | background: <?php echo $color[5]; ?>; |
314 | } |
315 | .table_messageList tr.clicked { |
316 | background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>; |
317 | } |
318 | |
319 | .table_messageList td { |
320 | white-space:nowrap; |
321 | } |
322 | .table_messageList td.col_check { |
323 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
324 | } |
325 | .table_messageList td.col_subject { |
326 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
327 | } |
328 | .table_messageList td.col_flags { |
329 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
330 | } |
331 | .table_messageList td.col_date { |
332 | text-align:center; |
333 | } |
334 | .table_messageList td.col_text { |
335 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
336 | } |
337 | |
338 | .unread { |
339 | font-weight:bold; |
340 | } |
341 | .deleted { |
342 | color: <?php echo $color[9]; ?>; |
343 | } |
344 | .flagged { |
345 | color: <?php echo $color[2]; ?>; |
346 | } |
347 | .high_priority { |
348 | color: <?php echo $color[1]; ?>; |
349 | } |
350 | .low_priority { |
351 | color: <?php echo $color[8]; ?>; |
352 | } |
353 | |
354 | .col_checked { |
355 | } |
356 | |
357 | .links_paginator { |
358 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
359 | } |
360 | |
361 | .message_count { |
362 | text-align:right; |
363 | font-size:8pt; |
364 | } |
365 | |
366 | .message_list_controls { |
367 | background: <? echo $color[0]; ?>; |
368 | } |
369 | |
370 | .message_control_button { |
371 | padding:0px; |
372 | margin:0px; |
373 | } |
374 | .message_control_buttons { |
375 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
376 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
377 | } |
378 | .message_control_delete { |
379 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
380 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
381 | } |
382 | .message_control_move { |
383 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
384 | font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */ |
385 | } |
386 | |
387 | .spacer { |
388 | height:5px; |
389 | background: <?php echo $color[4]; ?>; |
390 | } |
391 | |
392 | |