Templating for searching email
[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
26aefb60 141table.table2 {
142 border: 1px solid <?php echo $color[9]; ?>;
143 width: 80%;
144 margin-left: auto;
145 margin-right: auto;
146}
147
148table.table2 td {
149 padding-left: 2px;
150 padding-right: 2px;
151}
152
85c8aff6 153td.emptyList {
154 text-align: center;
155 font-weight: bold;
156}
157
301d1912 158td.header1 {
159 background: <?php echo $color[0]; ?>;
160 text-align: center;
161 font-weight: bold;
162}
163
301d1912 164td.header2 {
165 background: <?php echo $color[9]; ?>;
166 text-align: center;
167 font-weight: bold;
26aefb60 168 padding-top: 2px;
169 padding-bottom: 2px;
301d1912 170}
171
95acecda 172td.header3 {
173 text-align: center;
174 font-weight: bold;
175 padding-top: 4px;
176 padding-bottom: 4px;
177}
178
146acc11 179td.header4 {
180 background: <?php echo $color[5]; ?>;
181 font-weight: bold;
182 padding-top:2px;
183 padding-bottom: 2px;
184 text-align: center;
185}
186
a71b394e 187tr.even {
188 background: <?php echo $color[12]; ?>;
189}
190tr.odd {
191 background: <?php echo $color[4]; ?>;
192}
193
e3812cb2 194.table_standard {
e3812cb2 195 border:1px solid <?php echo $color[0]; ?>;
e3812cb2 196}
197
8f8188ae 198.sqm_loginOrgName, .sqm_signoutBar {
96f180f6 199 background: <?php echo $color[0]; ?>;
c03e9db0 200}
201
8f8188ae 202.sqm_signout {
203 margin-top: 2em;
204 text-align: center;
205}
206
c03e9db0 207.sqm_motd {
c03e9db0 208 background: <?php echo $color[9]; ?>;
c03e9db0 209}
210.sqm_motd td {
c03e9db0 211 background: <?php echo $color[4]; ?>;
c03e9db0 212}
213
214/* empty_folder.tpl defs */
c03e9db0 215.sqm_emptyFolder {
c03e9db0 216 background: <?php echo $color[9]; ?>;
c03e9db0 217}
218.sqm_emptyFolder td {
c03e9db0 219 background: <?php echo $color[4]; ?>;
c03e9db0 220}
221
3cecf1cd 222/* error_box.tpl definitions */
223.table_errorBoxWrapper {
3cecf1cd 224 background: <?php echo $color[9]; ?>;
225}
226
227.table_errorBox {
2be6e3fc 228 background: <?php echo $color[0]; ?>;
229}
2be6e3fc 230.error_message {
231 background: <?php echo $color[4]; ?>;
3cecf1cd 232}
233
e3812cb2 234/* page_header.tpl definitions */
235.sqm_currentFolder {
236 background: <?php echo $color[9]; ?>;
e3812cb2 237 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
238}
239.sqm_headerSignout {
240 background: <?php echo $color[9]; ?>;
e3812cb2 241 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 242}
243.sqm_topNavigation {
e3812cb2 244 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
245}
246.sqm_providerInfo {
e3812cb2 247 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
248}
249
250/* message_list.tpl definitions */
251.table_messageListWrapper {
e3812cb2 252 background: <?php echo $color[9]; ?>;
253}
254
255.table_messageList {
e3812cb2 256 background: <?php echo $color[5]; ?>;
257}
258
e3812cb2 259.table_messageList tr.headerRow {
260 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 261}
262.table_messageList td.spacer {
e3812cb2 263 background: <?php echo $color[0]; ?>;
264}
e3812cb2 265.table_messageList tr.mouse_over {
266 background: <?php echo $color[5]; ?>;
267}
268.table_messageList tr.clicked {
269 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
270}
e3812cb2 271.table_messageList td.col_check {
272 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
273}
274.table_messageList td.col_subject {
275 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
276}
277.table_messageList td.col_flags {
278 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
279}
e3812cb2 280.table_messageList td.col_text {
281 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
282}
e3812cb2 283.deleted {
284 color: <?php echo $color[9]; ?>;
285}
286.flagged {
287 color: <?php echo $color[2]; ?>;
288}
289.high_priority {
290 color: <?php echo $color[1]; ?>;
291}
292.low_priority {
293 color: <?php echo $color[8]; ?>;
294}
295
e3812cb2 296.links_paginator {
297 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
298}
299
e3812cb2 300.message_list_controls {
52a3af10 301 background: <?php echo $color[0]; ?>;
e3812cb2 302}
303
e3812cb2 304.message_control_buttons {
305 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
e3812cb2 306}
307.message_control_delete {
308 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 309}
310.message_control_move {
311 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
e3812cb2 312}
313
314.spacer {
e3812cb2 315 background: <?php echo $color[4]; ?>;
316}
301d1912 317
318/* folder_manip.tpl defs */
319#folderManip {
320 text-align:center;
321}
322
323#folderManip td {
324 text-align: center;
325 padding: 2px;
326}
327
328#folderManip table {
329 margin-left: auto;
330 margin-right: auto;
331 padding-top: 8px;
332 padding-bottom: 8px;
333 border: 0;
334 width: 70%;
335}
336
337#folderManip table.wrapper {
338 border: 1px solid <?php echo $color[0]; ?>;
339 width: 95%;
340 margin-left: auto;
341 margin-right: auto;
342 padding: 0;
343}
344
345#folderManip td.folderAction {
346 background: <?php echo $color[0]; ?>;
347}
348
349#folderManip div {
350 margin-left: auto;
351 margin-right: auto;
352 width: 80%;
a43fe997 353 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 354}
355
356/* addressbook_list.tpl defs */
357#addressList {
358 text-align: center;
359}
360
361#addressList input {
3f92c0c7 362 font-size: 8pt;
a71b394e 363}
364
365#addressList select {
366 font-size: 75%;
367}
368
369#addressList table {
370 margin-left: auto;
371 margin-right: auto;
3f92c0c7 372 width: 95%;
a71b394e 373 border: 1px solid <?php echo $color[9]; ?>;
374 margin-top: 8px;
375 margin-bottom: 8px;
376}
377
378#addressList td {
a43fe997 379 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
a71b394e 380 padding: 2px;
381}
382
383#addressList td.header1 {
384 text-align: center;
385 background: <?php echo $color[9]; ?>;
386}
387#addressList td.abookSwitch {
388 background: <?php echo $color[0]; ?>;
a43fe997 389 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
a71b394e 390}
391
392#addressList td.abookButtons {
393 background: <?php echo $color[0]; ?>;
394}
395
396#addressList td.abookField {
397 border-left: 1px solid <?php echo $color[9]; ?>;
398 border-right: 1px solid <?php echo $color[9]; ?>;
3f92c0c7 399 white-space: nowrap;
400 overflow: hidden;
a71b394e 401}
402
403#addressList td.colHeader {
404 text-align: center;
405 font-weight: bold;
406 font-size: 98%;
407 background: <?php echo $color[9]; ?>;
408 padding-top: 0px;
409 padding-bottom: 0px;
410}
411
412#addressList td.abookEmpty {
413 text-align:center;
414 font-weight: bold;
3f92c0c7 415}
416
417#addressList td.abookCompose {
418 font-size: 8pt;
419 white-space: nowrap;
420}
421
422#addrBookSearch {
423 text-align: center;
424}
425
426#addrBookSearch table {
427 padding: 0;
428 border: 0;
429 margin-left: auto;
430 margin-right: auto;
431}
432
433#addrBookSearch table.wrapper {
434 border: 1px solid <?php echo $color[9]; ?>;
435 width: 95%;
436 margin-left: auto;
437 margin-right: auto;
438 padding: 0;
439}
440
441#addrBookSearch td {
442 padding: 2px;
443}
444
445#addrBookSearch label {
446 font-weight: bold;
447}
448
449#addrBookSearch input {
450 font-size: 75%;
451}
452
453#addrBookSearch select {
454 font-size: 75%;
455}
456
457#addrBookSearch td.buttons {
458 text-align: center;
c1ce39b1 459}
460
461#addrAddEdit {
462 text-align: center;
463}
464
465#addrAddEdit table {
466 border: 1px solid <?php echo $color[9]; ?>;
467 margin-left: auto;
468 margin-right: auto;
469 margin-top: 6px;
470 margin-bottom: 6px;
471 width: 95%
472}
473
474#addrAddEdit td.header {
475 background: <?php echo $color[9]; ?>;
476 text-align: center;
477 font-weight: bold;
478}
479
480#addrAddEdit td.fieldName {
a43fe997 481 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
c1ce39b1 482 width: 30%;
483}
484
485#addrAddEdit td.addButton {
486 text-align: center;
487}
488
489#addrAddEdit td {
a43fe997 490 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
c1ce39b1 491 padding: 2px;
492}
493
494#addrAddEdit input {
495 font-size: 75%;
496}
497
498#addrAddEdit select {
499 font-size: 75%;
64033e1c 500}
501
502#optionGroups {
503 text-align: center;
504}
505
506#optionGroups table {
507 border: 1px solid <?php echo $color[0]; ?>;
508 margin-left: auto;
509 margin-right: auto;
510 padding: 0;
511 width: 95%;
512}
513
514#optionGroups td {
515 width: 50%;
516 padding: 2px;
517 vertical-align: top;
518}
519
520#optionGroups td.title {
521 background: <?php echo $color[0]; ?>;
522 text-align: center;
523 font-weight: bold;
524}
525
526#optionGroups td.optionElement {
527 height: 100%;
528 padding: 10px;
529}
530
531#optionGroups td.optionElement table {
532 border:1px solid <?php echo $color[9]; ?>;
533 height: 100%;
534}
535
536
537#optionGroups td.optionName {
538 background: <?php echo $color[9]; ?>;
a43fe997 539 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 540 height: 1%;
541}
542
543#optionGroups td.optionDesc {
a43fe997 544 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
64033e1c 545 background: <?php echo $color[0]; ?>;
546}
547
548#optionDisplay {
549 text-align:center;
550}
551
552#optionDisplay table {
553 margin-left: auto;
554 margin-right: auto;
555 margin-top: 8px;
556 margin-bottom: 8px;
557 width: 95%;
558 border: 1px solid <?php echo $color[0]; ?>
559}
560
561#optionDisplay td {
562 width: 50%;
563 padding-top: 2px;
564 padding-bottom: 2px;
565 padding-left: 4px;
566 padding-right: 4px;
567 white-space: nowrap;
568}
569
570#optionDisplay td.optionName {
a43fe997 571 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
64033e1c 572}
573
574#optionDisplay td.optionValue {
a43fe997 575 text-align:<?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 576}
577
85c8aff6 578#optionOrder {
176dafe1 579 text-align:center;
580}
581
85c8aff6 582#optionOrder table {
176dafe1 583 margin-left: auto;
584 margin-right: auto;
585 margin-top: 8px;
586 margin-bottom: 8px;
587 width: 95%;
588 border: 1px solid <?php echo $color[0]; ?>
589}
590
85c8aff6 591#optionOrder table.moveFields {
176dafe1 592 width: auto;
593}
594
85c8aff6 595#optionOrder table.moveFields td {
176dafe1 596 border-left: 1px solid <?php echo $color[0]; ?>;
597 border-right: 1px solid <?php echo $color[0]; ?>;
598 padding-left: 2px;
599 padding-right: 2px;
600}
601
85c8aff6 602#optionOrder td.moveLink {
a43fe997 603 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
176dafe1 604 font-size: 75%;
393a696c 605 vertical-align: bottom;
176dafe1 606}
607
85c8aff6 608#optionOrder td.fieldName {
a43fe997 609 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
176dafe1 610}
85c8aff6 611
612#optionHightlightList {
613 text-align: center;
614}
615
616#optionHighlightList table table {
617 margin-top: 10px;
618 margin-bottom: 10px;
619 width: 75%;
620}
621
622#optionHighlightList td.ruleButtons {
623 text-align: center;
624 width: 1%;
625}
626
627#optionHighlightList td.ruleName {
a43fe997 628 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 629 width: 30%;
630 padding-left: 4px;
631 padding-right: 4px;
632}
633
634#optionHighlightAdd {
635 text-align: center;
636}
637
638#optionHighlightAdd table table {
639 margin-top: 10px;
640 margin-bottom: 10px;
641 width: 75%;
642}
643
644#optionHighlightAdd td.ruleField {
a43fe997 645 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
85c8aff6 646 font-weight: bold;
647 width: 40%;
648}
649
650#optionHighlightAdd td.fieldValue {
a43fe997 651 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
85c8aff6 652}
653
654#optionHighlightAdd td.colorTable {
655 text-align: center;
656}
657
658#optionHighlightAdd table.colorTable {
659 margin-left: auto;
660 margin-right: auto;
661}
95acecda 662
663/* help defs */
664#help {
665 text-align: center;
666}
667
668#help td.help {
669 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
670}
671
672#help li {
673 padding-left: 0px;
674}
675
676#help ul {
677 padding-left: 20px;
678 padding-right: 75px;
679}
680
681#help td.nav {
682 text-align: center;
683 color: <?php echo $color[0]; ?>;
684 padding-top: 15px;
685 padding-bottom: 5px;
686}
687
688#help h1 {
689 font-size: 14pt;
690 font-weight: bold;
691 margin-top: 2px;
692 margin-bottom: 0px;
693}
694
695#help h2 {
696 font-size: 10pt;
697 font-weight: normal;
698 margin-bottom: 2px;
699 margin-top: 0;
700}
701
702#help h3 {
703 font-weight: bold;
704 font-size: 10pt;
705 margin: 0;
706 padding: 0;
707}
708
709#help td.help p {
710 margin-top: 2px;
711 margin-bottom: 10px;
712}
713
714#help td.help li {
715 margin-left: 10px;
716}
717
26aefb60 718#optionsIdentity table {
719 margin-top: 10px;
720 margin-bottom: 10px;
721}
722
723#optionsIdentity table.table2 tr {
724 background: <?php echo $color[0]; ?>;
725}
726
727#optionsIdentity td.fieldName {
728 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
729 width: 30%;
730}
731
732#optionsIdentity td.fieldValue {
733 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
734}
735
736#optionsIdentity td.actionButtons {
737 text-align: center;
738}
739
740#optionsIdentity hr {
741 width: 95%;
742 border: 1px solid <?php echo $color[9]; ?>;
743}
744
a88fa973 745#vCard {
746 text-align: center;
747}
748
749#vCard table {
750 margin-left: auto;
751 margin-right: auto;
752 margin-top: 10px;
753 margin-bottom: 10px;
754}
755
756#vCard td.fieldName {
757 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
758 font-weight: bold;
759 vertical-align: top;
760}
761
762#vCard td.fieldValue {
763 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
146acc11 764}
765
766.search table {
767 margin-top: 12px;
768 margin-bottom: 12px;
769}
770
771.search td.header4 {
772 border-bottom: 1px solid <?php echo $color[9]; ?>;
773 vertical-align: bottom;
774}
775
776.search td.queryAction {
777 text-align: center;
778 font-size: small;
779 width: 1%;
780 padding-left: 8px;
781 padding-right: 8px;
782 border-left: 1px solid <?php echo $color[9]; ?>;
783 border-top: 1px solid <?php echo $color[9]; ?>;
784 border-bottom: 1px solid <?php echo $color[9]; ?>;
785}
786
787.search td.queryDesc {
788 border-top: 1px solid <?php echo $color[9]; ?>;
789 border-bottom: 1px solid <?php echo $color[9]; ?>;
790}
791
792.search span {
793 padding-left: 2px;
794 padding-right: 2px;
795}
796
797.search span.operator {
798 font-weight: normal;
799 text-decoration: underline;
800 font-style: italic;
801}
802
803.search span.mailbox {
804 font-weight: bold
805}
806
807.search span.conditions {
808 font-weight: normal;
809 text-decoration: underline;
810 font-style: italic;
811}
812
813.search span.value {
814 font-weight: bold;
815}
816
817.search span.error {
818 color: <?php echo $color[2]; ?>;
819 font-weight: bold;
820 font-size: 125%;
821}
822
823.search td.searchForm {
824 border-right: 1px solid <?php echo $color[0]; ?>;
825 border-left: 1px solid <?php echo $color[0]; ?>;
826 font-weight: bold;
827 text-align: center;
828}
829
830.search td.queryError {
831 color: <?php echo $color[2]; ?>;
832 font-weight: bold;
833 text-align: center;
834 padding: 4px;
835}
836
837.search td.header1 input {
838 font-size: 80%;
839 margin: 2px;
840}
841
842.search h1 {
843 font-weight: bold;
844 font-size: 150%;
845 margin-top: 6px;
846 margin-bottom: 2px;
847}
848
849.search h2 {
850 color: <?php echo $color[2]; ?>;
851 font-weight: bold;
852 text-align: center;
853}
854