Updating Paul's address.
[squirrelmail.git] / templates / default / stylesheet.tpl
CommitLineData
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 &copy; 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 */
37extract($t);
116e1263 38//return false;
02b2c3f1 39?>
ca23755b 40/* older css template */
02b2c3f1 41body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b 42<?php
e3812cb2 43if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b 44?>
02b2c3f1 45}
46body, small {
ca23755b 47<?php
e3812cb2 48if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b 49?>
50}
51td, th {
52<?php
e3812cb2 53if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b 54?>
55}
56textarea, pre {
e3812cb2 57font-family: monospace;
ca23755b 58<?php
e3812cb2 59if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b 60?>
02b2c3f1 61}
62
ca23755b 63/* page body formatting */
02b2c3f1 64body {
65 color: <?php echo SQM_TEXT_STANDARD; ?>;
66 background-color: <?php echo SQM_BACKGROUND; ?>;
67}
29997535 68body.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 */
75a: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 122table.table_empty, table.table_blank {
123 margin: 0;
124 padding: 0;
125 border: 0;
126 width: 100%;
127}
e3812cb2 128
301d1912 129td.header1 {
130 background: <?php echo $color[0]; ?>;
131 text-align: center;
132 font-weight: bold;
133}
134
135
136td.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 144tr.even {
145 background: <?php echo $color[12]; ?>;
146}
147tr.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 {
393a696c 560 text-align: right;
176dafe1 561 font-size: 75%;
393a696c 562 vertical-align: bottom;
176dafe1 563}
564
565#optionHighlight td.fieldName {
566 text-align: left;
567}