Added ability for template authors to include additional stylesheets. This allows...
[squirrelmail.git] / templates / default / stylesheet.tpl
... / ...
CommitLineData
1<?php
2
3/**
4 * SquirrelMail CSS template
5 *
6 * Template is used by style.php script to generate css file used by
7 * SquirrelMail scripts.
8 *
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
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
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 *
30 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
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 */
38extract($t);
39
40?>
41/* older css template */
42body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
43<?php
44if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
45?>
46}
47body, small {
48<?php
49if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
50?>
51}
52td, th {
53<?php
54if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
55?>
56}
57textarea, pre {
58font-family: monospace;
59<?php
60if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
61?>
62}
63
64/* page body formatting */
65body {
66 color: <?php echo SQM_TEXT_STANDARD; ?>;
67 background-color: <?php echo SQM_BACKGROUND; ?>;
68}
69body.sqm_leftMain {
70 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
71 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
72 text-align: left;
73}
74
75/* right links */
76a:link, a:visited, a:hover, a:active {
77 color: <?php echo SQM_LINK; ?>;
78}
79
80/* left links */
81.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
82 color: <?php echo SQM_LINK_LEFT; ?>;
83}
84.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
85 color: <?php echo SQM_TEXT_SPECIAL; ?>;
86}
87.leftrecent {
88 font-weight:bold;
89}
90.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
91 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
92}
93
94/* highlighted texts */
95.highlight {
96 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
97}
98
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}
107sqm_leftMain table {
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
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 */
165input.sqmtextfield{
166}
167input.sqmpwfield {
168}
169input.sqmcheckbox {
170}
171input.sqmradiobox {
172}
173input.sqmhiddenfield {
174}
175input.sqmsubmitfield {
176}
177input.sqmresetfield {
178}
179input.sqmtextarea {
180}
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
199em {
200 font-weight:bold;
201 font-style:normal;
202}
203
204small {
205 font-size:80%;
206}
207img {
208 border:0;
209}
210
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;
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
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
303/* error_box.tpl definitions */
304.table_errorBoxWrapper {
305 width:100%;
306 padding:0;
307 border-spacing:0;
308 border:0;
309 text-align:center;
310 margin-left:auto;
311 margin-right:auto;
312 background: <?php echo $color[9]; ?>;
313}
314
315.table_errorBox {
316 width:100%;
317 padding:0;
318 border-spacing:0;
319 border:0;
320 text-align:center;
321 margin-left:auto;
322 margin-right:auto;
323 background: <?php echo $color[5]; ?>;
324}
325
326/* page_header.tpl definitions */
327.sqm_currentFolder {
328 background: <?php echo $color[9]; ?>;
329 padding:2px;
330 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
331}
332.sqm_headerSignout {
333 background: <?php echo $color[9]; ?>;
334 padding:2px;
335 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
336 font-weight:bold;
337}
338.sqm_topNavigation {
339 padding:2px;
340 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
341}
342.sqm_providerInfo {
343 padding:2px;
344 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
345}
346
347/* message_list.tpl definitions */
348.table_messageListWrapper {
349 width:100%;
350 padding:0;
351 border-spacing:0;
352 border:0;
353 text-align:center;
354 margin-left:auto;
355 margin-right:auto;
356 background: <?php echo $color[9]; ?>;
357}
358
359.table_messageList {
360 width:100%;
361 padding:0;
362 border-spacing:0;
363 border:0;
364 text-align:center;
365 margin-left:auto;
366 margin-right:auto;
367 background: <?php echo $color[5]; ?>;
368}
369
370.table_messageList a {
371 white-space:nowrap;
372}
373
374.table_messageList tr.headerRow {
375 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
376 white-space:nowrap;
377 font-weight:bold;
378}
379.table_messageList td.spacer {
380 height:1px;
381 background: <?php echo $color[0]; ?>;
382}
383
384.table_messageList tr {
385 vertical-align:top;
386}
387.table_messageList tr.even {
388 background: <?php echo $color[12]; ?>;
389}
390.table_messageList tr.odd {
391 background: <?php echo $color[4]; ?>;
392}
393.table_messageList tr.mouse_over {
394 background: <?php echo $color[5]; ?>;
395}
396.table_messageList tr.clicked {
397 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
398}
399
400.table_messageList td {
401 white-space:nowrap;
402}
403.table_messageList td.col_check {
404 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
405}
406.table_messageList td.col_subject {
407 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
408}
409.table_messageList td.col_flags {
410 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
411}
412.table_messageList td.col_date {
413 text-align:center;
414}
415.table_messageList td.col_text {
416 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
417}
418
419.unread {
420 font-weight:bold;
421}
422.deleted {
423 color: <?php echo $color[9]; ?>;
424}
425.flagged {
426 color: <?php echo $color[2]; ?>;
427}
428.high_priority {
429 color: <?php echo $color[1]; ?>;
430}
431.low_priority {
432 color: <?php echo $color[8]; ?>;
433}
434
435.col_checked {
436}
437
438.links_paginator {
439 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
440}
441
442.message_count {
443 text-align:right;
444 font-size:8pt;
445}
446
447.message_list_controls {
448 background: <?php echo $color[0]; ?>;
449}
450
451.message_control_button {
452 padding:0px;
453 margin:0px;
454}
455.message_control_buttons {
456 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
457 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
458}
459.message_control_delete {
460 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
461 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
462}
463.message_control_move {
464 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
465 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
466}
467
468.spacer {
469 height:5px;
470 background: <?php echo $color[4]; ?>;
471}
472
473