Templates for help section
[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
85c8aff6 129table.table1 {
130 border: 1px solid <?php echo $color[0]; ?>;
131 width: 90%;
132 margin-left: auto;
133 margin-right: auto;
134}
135
136table.table1 td {
137 padding-left: 2px;
138 padding-right: 2px;
139}
140
141td.emptyList {
142 text-align: center;
143 font-weight: bold;
144}
145
301d1912 146td.header1 {
147 background: <?php echo $color[0]; ?>;
148 text-align: center;
149 font-weight: bold;
150}
151
301d1912 152td.header2 {
153 background: <?php echo $color[9]; ?>;
154 text-align: center;
155 font-weight: bold;
156 padding-top: 4px;
157 padding-bottom: 4px;
158}
159
95acecda 160td.header3 {
161 text-align: center;
162 font-weight: bold;
163 padding-top: 4px;
164 padding-bottom: 4px;
165}
166
a71b394e 167tr.even {
168 background: <?php echo $color[12]; ?>;
169}
170tr.odd {
171 background: <?php echo $color[4]; ?>;
172}
173
e3812cb2 174.table_standard {
e3812cb2 175 border:1px solid <?php echo $color[0]; ?>;
e3812cb2 176}
177
8f8188ae 178.sqm_loginOrgName, .sqm_signoutBar {
96f180f6 179 background: <?php echo $color[0]; ?>;
c03e9db0 180}
181
8f8188ae 182.sqm_signout {
183 margin-top: 2em;
184 text-align: center;
185}
186
c03e9db0 187.sqm_motd {
c03e9db0 188 background: <?php echo $color[9]; ?>;
c03e9db0 189}
190.sqm_motd td {
c03e9db0 191 background: <?php echo $color[4]; ?>;
c03e9db0 192}
193
194/* empty_folder.tpl defs */
c03e9db0 195.sqm_emptyFolder {
c03e9db0 196 background: <?php echo $color[9]; ?>;
c03e9db0 197}
198.sqm_emptyFolder td {
c03e9db0 199 background: <?php echo $color[4]; ?>;
c03e9db0 200}
201
3cecf1cd 202/* error_box.tpl definitions */
203.table_errorBoxWrapper {
3cecf1cd 204 background: <?php echo $color[9]; ?>;
205}
206
207.table_errorBox {
2be6e3fc 208 background: <?php echo $color[0]; ?>;
209}
2be6e3fc 210.error_message {
211 background: <?php echo $color[4]; ?>;
3cecf1cd 212}
213
e3812cb2 214/* page_header.tpl definitions */
215.sqm_currentFolder {
216 background: <?php echo $color[9]; ?>;
e3812cb2 217 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
218}
219.sqm_headerSignout {
220 background: <?php echo $color[9]; ?>;
e3812cb2 221 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 222}
223.sqm_topNavigation {
e3812cb2 224 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
225}
226.sqm_providerInfo {
e3812cb2 227 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
228}
229
230/* message_list.tpl definitions */
231.table_messageListWrapper {
e3812cb2 232 background: <?php echo $color[9]; ?>;
233}
234
235.table_messageList {
e3812cb2 236 background: <?php echo $color[5]; ?>;
237}
238
e3812cb2 239.table_messageList tr.headerRow {
240 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 241}
242.table_messageList td.spacer {
e3812cb2 243 background: <?php echo $color[0]; ?>;
244}
e3812cb2 245.table_messageList tr.mouse_over {
246 background: <?php echo $color[5]; ?>;
247}
248.table_messageList tr.clicked {
249 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
250}
e3812cb2 251.table_messageList td.col_check {
252 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
253}
254.table_messageList td.col_subject {
255 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
256}
257.table_messageList td.col_flags {
258 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
259}
e3812cb2 260.table_messageList td.col_text {
261 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
262}
e3812cb2 263.deleted {
264 color: <?php echo $color[9]; ?>;
265}
266.flagged {
267 color: <?php echo $color[2]; ?>;
268}
269.high_priority {
270 color: <?php echo $color[1]; ?>;
271}
272.low_priority {
273 color: <?php echo $color[8]; ?>;
274}
275
e3812cb2 276.links_paginator {
277 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
278}
279
e3812cb2 280.message_list_controls {
52a3af10 281 background: <?php echo $color[0]; ?>;
e3812cb2 282}
283
e3812cb2 284.message_control_buttons {
285 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 286}
287.message_control_delete {
288 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 289}
290.message_control_move {
291 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 292}
293
294.spacer {
e3812cb2 295 background: <?php echo $color[4]; ?>;
296}
301d1912 297
298/* folder_manip.tpl defs */
299#folderManip {
300 text-align:center;
301}
302
303#folderManip td {
304 text-align: center;
305 padding: 2px;
306}
307
308#folderManip table {
309 margin-left: auto;
310 margin-right: auto;
311 padding-top: 8px;
312 padding-bottom: 8px;
313 border: 0;
314 width: 70%;
315}
316
317#folderManip table.wrapper {
318 border: 1px solid <?php echo $color[0]; ?>;
319 width: 95%;
320 margin-left: auto;
321 margin-right: auto;
322 padding: 0;
323}
324
325#folderManip td.folderAction {
326 background: <?php echo $color[0]; ?>;
327}
328
329#folderManip div {
330 margin-left: auto;
331 margin-right: auto;
332 width: 80%;
a43fe997 333 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 334}
335
336/* addressbook_list.tpl defs */
337#addressList {
338 text-align: center;
339}
340
341#addressList input {
3f92c0c7 342 font-size: 8pt;
a71b394e 343}
344
345#addressList select {
346 font-size: 75%;
347}
348
349#addressList table {
350 margin-left: auto;
351 margin-right: auto;
3f92c0c7 352 width: 95%;
a71b394e 353 border: 1px solid <?php echo $color[9]; ?>;
354 margin-top: 8px;
355 margin-bottom: 8px;
356}
357
358#addressList td {
a43fe997 359 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 360 padding: 2px;
361}
362
363#addressList td.header1 {
364 text-align: center;
365 background: <?php echo $color[9]; ?>;
366}
367#addressList td.abookSwitch {
368 background: <?php echo $color[0]; ?>;
a43fe997 369 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
a71b394e 370}
371
372#addressList td.abookButtons {
373 background: <?php echo $color[0]; ?>;
374}
375
376#addressList td.abookField {
377 border-left: 1px solid <?php echo $color[9]; ?>;
378 border-right: 1px solid <?php echo $color[9]; ?>;
3f92c0c7 379 white-space: nowrap;
380 overflow: hidden;
a71b394e 381}
382
383#addressList td.colHeader {
384 text-align: center;
385 font-weight: bold;
386 font-size: 98%;
387 background: <?php echo $color[9]; ?>;
388 padding-top: 0px;
389 padding-bottom: 0px;
390}
391
392#addressList td.abookEmpty {
393 text-align:center;
394 font-weight: bold;
3f92c0c7 395}
396
397#addressList td.abookCompose {
398 font-size: 8pt;
399 white-space: nowrap;
400}
401
402#addrBookSearch {
403 text-align: center;
404}
405
406#addrBookSearch table {
407 padding: 0;
408 border: 0;
409 margin-left: auto;
410 margin-right: auto;
411}
412
413#addrBookSearch table.wrapper {
414 border: 1px solid <?php echo $color[9]; ?>;
415 width: 95%;
416 margin-left: auto;
417 margin-right: auto;
418 padding: 0;
419}
420
421#addrBookSearch td {
422 padding: 2px;
423}
424
425#addrBookSearch label {
426 font-weight: bold;
427}
428
429#addrBookSearch input {
430 font-size: 75%;
431}
432
433#addrBookSearch select {
434 font-size: 75%;
435}
436
437#addrBookSearch td.buttons {
438 text-align: center;
c1ce39b1 439}
440
441#addrAddEdit {
442 text-align: center;
443}
444
445#addrAddEdit table {
446 border: 1px solid <?php echo $color[9]; ?>;
447 margin-left: auto;
448 margin-right: auto;
449 margin-top: 6px;
450 margin-bottom: 6px;
451 width: 95%
452}
453
454#addrAddEdit td.header {
455 background: <?php echo $color[9]; ?>;
456 text-align: center;
457 font-weight: bold;
458}
459
460#addrAddEdit td.fieldName {
a43fe997 461 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
c1ce39b1 462 width: 30%;
463}
464
465#addrAddEdit td.addButton {
466 text-align: center;
467}
468
469#addrAddEdit td {
a43fe997 470 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
c1ce39b1 471 padding: 2px;
472}
473
474#addrAddEdit input {
475 font-size: 75%;
476}
477
478#addrAddEdit select {
479 font-size: 75%;
64033e1c 480}
481
482#optionGroups {
483 text-align: center;
484}
485
486#optionGroups table {
487 border: 1px solid <?php echo $color[0]; ?>;
488 margin-left: auto;
489 margin-right: auto;
490 padding: 0;
491 width: 95%;
492}
493
494#optionGroups td {
495 width: 50%;
496 padding: 2px;
497 vertical-align: top;
498}
499
500#optionGroups td.title {
501 background: <?php echo $color[0]; ?>;
502 text-align: center;
503 font-weight: bold;
504}
505
506#optionGroups td.optionElement {
507 height: 100%;
508 padding: 10px;
509}
510
511#optionGroups td.optionElement table {
512 border:1px solid <?php echo $color[9]; ?>;
513 height: 100%;
514}
515
516
517#optionGroups td.optionName {
518 background: <?php echo $color[9]; ?>;
a43fe997 519 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 520 height: 1%;
521}
522
523#optionGroups td.optionDesc {
a43fe997 524 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 525 background: <?php echo $color[0]; ?>;
526}
527
528#optionDisplay {
529 text-align:center;
530}
531
532#optionDisplay table {
533 margin-left: auto;
534 margin-right: auto;
535 margin-top: 8px;
536 margin-bottom: 8px;
537 width: 95%;
538 border: 1px solid <?php echo $color[0]; ?>
539}
540
541#optionDisplay td {
542 width: 50%;
543 padding-top: 2px;
544 padding-bottom: 2px;
545 padding-left: 4px;
546 padding-right: 4px;
547 white-space: nowrap;
548}
549
550#optionDisplay td.optionName {
a43fe997 551 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
64033e1c 552}
553
554#optionDisplay td.optionValue {
a43fe997 555 text-align:<?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 556}
557
85c8aff6 558#optionOrder {
176dafe1 559 text-align:center;
560}
561
85c8aff6 562#optionOrder table {
176dafe1 563 margin-left: auto;
564 margin-right: auto;
565 margin-top: 8px;
566 margin-bottom: 8px;
567 width: 95%;
568 border: 1px solid <?php echo $color[0]; ?>
569}
570
85c8aff6 571#optionOrder table.moveFields {
176dafe1 572 width: auto;
573}
574
85c8aff6 575#optionOrder table.moveFields td {
176dafe1 576 border-left: 1px solid <?php echo $color[0]; ?>;
577 border-right: 1px solid <?php echo $color[0]; ?>;
578 padding-left: 2px;
579 padding-right: 2px;
580}
581
85c8aff6 582#optionOrder td.moveLink {
a43fe997 583 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
176dafe1 584 font-size: 75%;
393a696c 585 vertical-align: bottom;
176dafe1 586}
587
85c8aff6 588#optionOrder td.fieldName {
a43fe997 589 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 590}
85c8aff6 591
592#optionHightlightList {
593 text-align: center;
594}
595
596#optionHighlightList table table {
597 margin-top: 10px;
598 margin-bottom: 10px;
599 width: 75%;
600}
601
602#optionHighlightList td.ruleButtons {
603 text-align: center;
604 width: 1%;
605}
606
607#optionHighlightList td.ruleName {
a43fe997 608 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 609 width: 30%;
610 padding-left: 4px;
611 padding-right: 4px;
612}
613
614#optionHighlightAdd {
615 text-align: center;
616}
617
618#optionHighlightAdd table table {
619 margin-top: 10px;
620 margin-bottom: 10px;
621 width: 75%;
622}
623
624#optionHighlightAdd td.ruleField {
a43fe997 625 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
85c8aff6 626 font-weight: bold;
627 width: 40%;
628}
629
630#optionHighlightAdd td.fieldValue {
a43fe997 631 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 632}
633
634#optionHighlightAdd td.colorTable {
635 text-align: center;
636}
637
638#optionHighlightAdd table.colorTable {
639 margin-left: auto;
640 margin-right: auto;
641}
95acecda 642
643/* help defs */
644#help {
645 text-align: center;
646}
647
648#help td.help {
649 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
650}
651
652#help li {
653 padding-left: 0px;
654}
655
656#help ul {
657 padding-left: 20px;
658 padding-right: 75px;
659}
660
661#help td.nav {
662 text-align: center;
663 color: <?php echo $color[0]; ?>;
664 padding-top: 15px;
665 padding-bottom: 5px;
666}
667
668#help h1 {
669 font-size: 14pt;
670 font-weight: bold;
671 margin-top: 2px;
672 margin-bottom: 0px;
673}
674
675#help h2 {
676 font-size: 10pt;
677 font-weight: normal;
678 margin-bottom: 2px;
679 margin-top: 0;
680}
681
682#help h3 {
683 font-weight: bold;
684 font-size: 10pt;
685 margin: 0;
686 padding: 0;
687}
688
689#help td.help p {
690 margin-top: 2px;
691 margin-bottom: 10px;
692}
693
694#help td.help li {
695 margin-left: 10px;
696}
697