3 * SquirrelMail CSS template
5 * Template is used by style.php script to generate css file used by
6 * SquirrelMail scripts.
10 * Color codes used by selected theme:
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
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
19 * <li>todo: other constants should be documented here
22 * Optional template variables
24 * <li>fontfamily - string with list of fonts used by selected style.
25 * <li>fontsize - integer with selected font size value.
27 * Variables are set to empty string, when value is not set.
29 * @copyright © 2005-2006 The SquirrelMail Project Team
30 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
32 * @package squirrelmail
33 * @subpackage templates
36 /* retrieve the template vars */
40 /* older css template */
41 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
43 if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
48 if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
53 if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
57 font-family: monospace;
59 if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
63 /* page body formatting */
65 color: <?php echo SQM_TEXT_STANDARD; ?>;
66 background-color: <?php echo SQM_BACKGROUND; ?>;
69 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
70 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
75 a:link, a:visited, a:hover, a:active {
76 color: <?php echo SQM_LINK; ?>;
80 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
81 color: <?php echo SQM_LINK_LEFT; ?>;
84 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
85 color: <?php echo SQM_TEXT_SPECIAL; ?>;
88 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
89 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
92 /* highlighted texts */
94 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
98 color: <?php echo $color[14]; ?>;
99 border: 2px solid <?php echo $color[0]; ?>;
100 background-color: <?php echo $color[3]; ?>;
103 background-color: <?php echo $color[10]; ?>;
105 .error_thead_caption {
106 background-color: <?php echo $color[10]; ?>;
109 color: <?php echo $color[14]; ?>;
112 color: <?php echo $color[8]; ?>;
113 border: 2px solid <?php echo $color[0]; ?>;
117 border: 2px solid <?php echo $color[0]; ?>;
118 color: <?php echo $color[14]; ?>;
119 background-color: <?php echo $color[0]; ?>;
122 table.table_empty, table.table_blank {
130 border: 1px solid <?php echo $color[0]; ?>;
142 border: 1px solid <?php echo $color[9]; ?>;
159 background: <?php echo $color[0]; ?>;
165 background: <?php echo $color[9]; ?>;
180 background: <?php echo $color[5]; ?>;
188 background: <?php echo $color[12]; ?>;
191 background: <?php echo $color[4]; ?>;
195 border:1px solid <?php echo $color[0]; ?>;
198 .sqm_loginOrgName, .sqm_signoutBar {
199 background: <?php echo $color[0]; ?>;
208 background: <?php echo $color[9]; ?>;
211 background: <?php echo $color[4]; ?>;
214 /* empty_folder.tpl defs */
216 background: <?php echo $color[9]; ?>;
218 .sqm_emptyFolder td {
219 background: <?php echo $color[4]; ?>;
222 /* error_box.tpl definitions */
223 .table_errorBoxWrapper {
224 background: <?php echo $color[9]; ?>;
228 background: <?php echo $color[0]; ?>;
231 background: <?php echo $color[4]; ?>;
234 /* page_header.tpl definitions */
236 background: <?php echo $color[9]; ?>;
237 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
240 background: <?php echo $color[9]; ?>;
241 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
244 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
247 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
250 /* message_list.tpl definitions */
251 .table_messageListWrapper {
252 background: <?php echo $color[9]; ?>;
256 background: <?php echo $color[5]; ?>;
259 .table_messageList tr.headerRow {
260 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
262 .table_messageList td.spacer {
263 background: <?php echo $color[0]; ?>;
265 .table_messageList tr.mouse_over {
266 background: <?php echo $color[5]; ?>;
268 .table_messageList tr.clicked {
269 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
271 .table_messageList td.col_check {
272 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
274 .table_messageList td.col_subject {
275 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
277 .table_messageList td.col_flags {
278 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
280 .table_messageList td.col_text {
281 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
284 color: <?php echo $color[9]; ?>;
287 color: <?php echo $color[2]; ?>;
290 color: <?php echo $color[1]; ?>;
293 color: <?php echo $color[8]; ?>;
297 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
300 .message_list_controls {
301 background: <?php echo $color[0]; ?>;
304 .message_control_buttons {
305 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
307 .message_control_delete {
308 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
310 .message_control_move {
311 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
315 background: <?php echo $color[4]; ?>;
318 /* folder_manip.tpl defs */
337 #folderManip table.wrapper {
338 border: 1px solid <?php echo $color[0]; ?>;
345 #folderManip td.folderAction {
346 background: <?php echo $color[0]; ?>;
353 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
356 /* addressbook_list.tpl defs */
365 #addressList select {
373 border: 1px solid <?php echo $color[9]; ?>;
379 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
383 #addressList td.header1 {
385 background: <?php echo $color[9]; ?>;
387 #addressList td.abookSwitch {
388 background: <?php echo $color[0]; ?>;
389 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
392 #addressList td.abookButtons {
393 background: <?php echo $color[0]; ?>;
396 #addressList td.abookField {
397 border-left: 1px solid <?php echo $color[9]; ?>;
398 border-right: 1px solid <?php echo $color[9]; ?>;
403 #addressList td.colHeader {
407 background: <?php echo $color[9]; ?>;
412 #addressList td.abookEmpty {
417 #addressList td.abookCompose {
426 #addrBookSearch table {
433 #addrBookSearch table.wrapper {
434 border: 1px solid <?php echo $color[9]; ?>;
445 #addrBookSearch label {
449 #addrBookSearch input {
453 #addrBookSearch select {
457 #addrBookSearch td.buttons {
466 border: 1px solid <?php echo $color[9]; ?>;
474 #addrAddEdit td.header {
475 background: <?php echo $color[9]; ?>;
480 #addrAddEdit td.fieldName {
481 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
485 #addrAddEdit td.addButton {
490 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
498 #addrAddEdit select {
506 #optionGroups table {
507 border: 1px solid <?php echo $color[0]; ?>;
520 #optionGroups td.title {
521 background: <?php echo $color[0]; ?>;
526 #optionGroups td.optionElement {
531 #optionGroups td.optionElement table {
532 border:1px solid <?php echo $color[9]; ?>;
537 #optionGroups td.optionName {
538 background: <?php echo $color[9]; ?>;
539 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
543 #optionGroups td.optionDesc {
544 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
545 background: <?php echo $color[0]; ?>;
552 #optionDisplay table {
558 border: 1px solid <?php echo $color[0]; ?>
570 #optionDisplay td.optionName {
571 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
574 #optionDisplay td.optionValue {
575 text-align:<?php echo SQM_ALIGN_LEFT; ?>;
588 border: 1px solid <?php echo $color[0]; ?>
591 #optionOrder table.moveFields {
595 #optionOrder table.moveFields td {
596 border-left: 1px solid <?php echo $color[0]; ?>;
597 border-right: 1px solid <?php echo $color[0]; ?>;
602 #optionOrder td.moveLink {
603 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
605 vertical-align: bottom;
608 #optionOrder td.fieldName {
609 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
612 #optionHightlightList {
616 #optionHighlightList table table {
622 #optionHighlightList td.ruleButtons {
627 #optionHighlightList td.ruleName {
628 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
634 #optionHighlightAdd {
638 #optionHighlightAdd table table {
644 #optionHighlightAdd td.ruleField {
645 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
650 #optionHighlightAdd td.fieldValue {
651 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
654 #optionHighlightAdd td.colorTable {
658 #optionHighlightAdd table.colorTable {
669 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
683 color: <?php echo $color[0]; ?>;
718 #optionsIdentity table {
723 #optionsIdentity table.table2 tr {
724 background: <?php echo $color[0]; ?>;
727 #optionsIdentity td.fieldName {
728 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
732 #optionsIdentity td.fieldValue {
733 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
736 #optionsIdentity td.actionButtons {
740 #optionsIdentity hr {
742 border: 1px solid <?php echo $color[9]; ?>;
756 #vCard td.fieldName {
757 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
762 #vCard td.fieldValue {
763 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
772 border-bottom: 1px solid <?php echo $color[9]; ?>;
773 vertical-align: bottom;
776 .search td.queryAction {
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]; ?>;
787 .search td.queryDesc {
788 border-top: 1px solid <?php echo $color[9]; ?>;
789 border-bottom: 1px solid <?php echo $color[9]; ?>;
797 .search span.operator {
799 text-decoration: underline;
803 .search span.mailbox {
807 .search span.conditions {
809 text-decoration: underline;
818 color: <?php echo $color[2]; ?>;
823 .search td.searchForm {
824 border-right: 1px solid <?php echo $color[0]; ?>;
825 border-left: 1px solid <?php echo $color[0]; ?>;
830 .search td.queryError {
831 color: <?php echo $color[2]; ?>;
837 .search td.header1 input {
850 color: <?php echo $color[2]; ?>;