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); |
116e1263 |
39 | //return false; |
02b2c3f1 |
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 | } |
e32c931f |
84 | |
29997535 |
85 | .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active { |
bd26fc82 |
86 | color: <?php echo SQM_TEXT_SPECIAL; ?>; |
87 | } |
e32c931f |
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 | |
02b2c3f1 |
98 | .error_table { |
99 | color: <?php echo $color[14]; ?>; |
100 | border: 2px solid <?php echo $color[0]; ?>; |
101 | background-color: <?php echo $color[3]; ?>; |
02b2c3f1 |
102 | } |
103 | .error_thead { |
104 | background-color: <?php echo $color[10]; ?>; |
105 | } |
106 | .error_thead_caption { |
107 | background-color: <?php echo $color[10]; ?>; |
108 | } |
109 | .error_row { |
110 | color: <?php echo $color[14]; ?>; |
111 | } |
112 | .error_val { |
113 | color: <?php echo $color[8]; ?>; |
02b2c3f1 |
114 | border: 2px solid <?php echo $color[0]; ?>; |
115 | |
116 | } |
117 | .error_key { |
02b2c3f1 |
118 | border: 2px solid <?php echo $color[0]; ?>; |
119 | color: <?php echo $color[14]; ?>; |
02b2c3f1 |
120 | background-color: <?php echo $color[0]; ?>; |
121 | } |
122 | |
e3812cb2 |
123 | |
301d1912 |
124 | td.header1 { |
125 | background: <?php echo $color[0]; ?>; |
126 | text-align: center; |
127 | font-weight: bold; |
128 | } |
129 | |
130 | |
131 | td.header2 { |
132 | background: <?php echo $color[9]; ?>; |
133 | text-align: center; |
134 | font-weight: bold; |
135 | padding-top: 4px; |
136 | padding-bottom: 4px; |
137 | } |
138 | |
a71b394e |
139 | tr.even { |
140 | background: <?php echo $color[12]; ?>; |
141 | } |
142 | tr.odd { |
143 | background: <?php echo $color[4]; ?>; |
144 | } |
145 | |
e3812cb2 |
146 | .table_standard { |
e3812cb2 |
147 | border:1px solid <?php echo $color[0]; ?>; |
e3812cb2 |
148 | } |
149 | |
8f8188ae |
150 | .sqm_loginOrgName, .sqm_signoutBar { |
96f180f6 |
151 | background: <?php echo $color[0]; ?>; |
c03e9db0 |
152 | } |
153 | |
8f8188ae |
154 | .sqm_signout { |
155 | margin-top: 2em; |
156 | text-align: center; |
157 | } |
158 | |
c03e9db0 |
159 | .sqm_motd { |
c03e9db0 |
160 | background: <?php echo $color[9]; ?>; |
c03e9db0 |
161 | } |
162 | .sqm_motd td { |
c03e9db0 |
163 | background: <?php echo $color[4]; ?>; |
c03e9db0 |
164 | } |
165 | |
166 | /* empty_folder.tpl defs */ |
c03e9db0 |
167 | .sqm_emptyFolder { |
c03e9db0 |
168 | background: <?php echo $color[9]; ?>; |
c03e9db0 |
169 | } |
170 | .sqm_emptyFolder td { |
c03e9db0 |
171 | background: <?php echo $color[4]; ?>; |
c03e9db0 |
172 | } |
173 | |
3cecf1cd |
174 | /* error_box.tpl definitions */ |
175 | .table_errorBoxWrapper { |
3cecf1cd |
176 | background: <?php echo $color[9]; ?>; |
177 | } |
178 | |
179 | .table_errorBox { |
2be6e3fc |
180 | background: <?php echo $color[0]; ?>; |
181 | } |
2be6e3fc |
182 | .error_message { |
183 | background: <?php echo $color[4]; ?>; |
3cecf1cd |
184 | } |
185 | |
e3812cb2 |
186 | /* page_header.tpl definitions */ |
187 | .sqm_currentFolder { |
188 | background: <?php echo $color[9]; ?>; |
e3812cb2 |
189 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
190 | } |
191 | .sqm_headerSignout { |
192 | background: <?php echo $color[9]; ?>; |
e3812cb2 |
193 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
194 | } |
195 | .sqm_topNavigation { |
e3812cb2 |
196 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
197 | } |
198 | .sqm_providerInfo { |
e3812cb2 |
199 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
200 | } |
201 | |
202 | /* message_list.tpl definitions */ |
203 | .table_messageListWrapper { |
e3812cb2 |
204 | background: <?php echo $color[9]; ?>; |
205 | } |
206 | |
207 | .table_messageList { |
e3812cb2 |
208 | background: <?php echo $color[5]; ?>; |
209 | } |
210 | |
e3812cb2 |
211 | .table_messageList tr.headerRow { |
212 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
e3812cb2 |
213 | } |
214 | .table_messageList td.spacer { |
e3812cb2 |
215 | background: <?php echo $color[0]; ?>; |
216 | } |
e3812cb2 |
217 | .table_messageList tr.mouse_over { |
218 | background: <?php echo $color[5]; ?>; |
219 | } |
220 | .table_messageList tr.clicked { |
221 | background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>; |
222 | } |
e3812cb2 |
223 | .table_messageList td.col_check { |
224 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
225 | } |
226 | .table_messageList td.col_subject { |
227 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
228 | } |
229 | .table_messageList td.col_flags { |
230 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
231 | } |
e3812cb2 |
232 | .table_messageList td.col_text { |
233 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
234 | } |
e3812cb2 |
235 | .deleted { |
236 | color: <?php echo $color[9]; ?>; |
237 | } |
238 | .flagged { |
239 | color: <?php echo $color[2]; ?>; |
240 | } |
241 | .high_priority { |
242 | color: <?php echo $color[1]; ?>; |
243 | } |
244 | .low_priority { |
245 | color: <?php echo $color[8]; ?>; |
246 | } |
247 | |
e3812cb2 |
248 | .links_paginator { |
249 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
250 | } |
251 | |
e3812cb2 |
252 | .message_list_controls { |
52a3af10 |
253 | background: <?php echo $color[0]; ?>; |
e3812cb2 |
254 | } |
255 | |
e3812cb2 |
256 | .message_control_buttons { |
257 | text-align: <?php echo SQM_ALIGN_LEFT; ?>; |
e3812cb2 |
258 | } |
259 | .message_control_delete { |
260 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
261 | } |
262 | .message_control_move { |
263 | text-align: <?php echo SQM_ALIGN_RIGHT; ?>; |
e3812cb2 |
264 | } |
265 | |
266 | .spacer { |
e3812cb2 |
267 | background: <?php echo $color[4]; ?>; |
268 | } |
301d1912 |
269 | |
270 | /* folder_manip.tpl defs */ |
271 | #folderManip { |
272 | text-align:center; |
273 | } |
274 | |
275 | #folderManip td { |
276 | text-align: center; |
277 | padding: 2px; |
278 | } |
279 | |
280 | #folderManip table { |
281 | margin-left: auto; |
282 | margin-right: auto; |
283 | padding-top: 8px; |
284 | padding-bottom: 8px; |
285 | border: 0; |
286 | width: 70%; |
287 | } |
288 | |
289 | #folderManip table.wrapper { |
290 | border: 1px solid <?php echo $color[0]; ?>; |
291 | width: 95%; |
292 | margin-left: auto; |
293 | margin-right: auto; |
294 | padding: 0; |
295 | } |
296 | |
297 | #folderManip td.folderAction { |
298 | background: <?php echo $color[0]; ?>; |
299 | } |
300 | |
301 | #folderManip div { |
302 | margin-left: auto; |
303 | margin-right: auto; |
304 | width: 80%; |
305 | text-align: left; |
a71b394e |
306 | } |
307 | |
308 | /* addressbook_list.tpl defs */ |
309 | #addressList { |
310 | text-align: center; |
311 | } |
312 | |
313 | #addressList input { |
314 | font-size: 75%; |
315 | } |
316 | |
317 | #addressList select { |
318 | font-size: 75%; |
319 | } |
320 | |
321 | #addressList table { |
322 | margin-left: auto; |
323 | margin-right: auto; |
324 | width: 90%; |
325 | border: 1px solid <?php echo $color[9]; ?>; |
326 | margin-top: 8px; |
327 | margin-bottom: 8px; |
328 | } |
329 | |
330 | #addressList td { |
331 | text-align: left; |
332 | padding: 2px; |
333 | } |
334 | |
335 | #addressList td.header1 { |
336 | text-align: center; |
337 | background: <?php echo $color[9]; ?>; |
338 | } |
339 | #addressList td.abookSwitch { |
340 | background: <?php echo $color[0]; ?>; |
341 | text-align: right; |
342 | } |
343 | |
344 | #addressList td.abookButtons { |
345 | background: <?php echo $color[0]; ?>; |
346 | } |
347 | |
348 | #addressList td.abookField { |
349 | border-left: 1px solid <?php echo $color[9]; ?>; |
350 | border-right: 1px solid <?php echo $color[9]; ?>; |
351 | } |
352 | |
353 | #addressList td.colHeader { |
354 | text-align: center; |
355 | font-weight: bold; |
356 | font-size: 98%; |
357 | background: <?php echo $color[9]; ?>; |
358 | padding-top: 0px; |
359 | padding-bottom: 0px; |
360 | } |
361 | |
362 | #addressList td.abookEmpty { |
363 | text-align:center; |
364 | font-weight: bold; |
301d1912 |
365 | } |