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]; ?>;
147 background: <?php echo $color[0]; ?>;
153 background: <?php echo $color[9]; ?>;
161 background: <?php echo $color[12]; ?>;
164 background: <?php echo $color[4]; ?>;
168 border:1px solid <?php echo $color[0]; ?>;
171 .sqm_loginOrgName, .sqm_signoutBar {
172 background: <?php echo $color[0]; ?>;
181 background: <?php echo $color[9]; ?>;
184 background: <?php echo $color[4]; ?>;
187 /* empty_folder.tpl defs */
189 background: <?php echo $color[9]; ?>;
191 .sqm_emptyFolder td {
192 background: <?php echo $color[4]; ?>;
195 /* error_box.tpl definitions */
196 .table_errorBoxWrapper {
197 background: <?php echo $color[9]; ?>;
201 background: <?php echo $color[0]; ?>;
204 background: <?php echo $color[4]; ?>;
207 /* page_header.tpl definitions */
209 background: <?php echo $color[9]; ?>;
210 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
213 background: <?php echo $color[9]; ?>;
214 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
217 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
220 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
223 /* message_list.tpl definitions */
224 .table_messageListWrapper {
225 background: <?php echo $color[9]; ?>;
229 background: <?php echo $color[5]; ?>;
232 .table_messageList tr.headerRow {
233 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
235 .table_messageList td.spacer {
236 background: <?php echo $color[0]; ?>;
238 .table_messageList tr.mouse_over {
239 background: <?php echo $color[5]; ?>;
241 .table_messageList tr.clicked {
242 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
244 .table_messageList td.col_check {
245 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
247 .table_messageList td.col_subject {
248 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
250 .table_messageList td.col_flags {
251 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
253 .table_messageList td.col_text {
254 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
257 color: <?php echo $color[9]; ?>;
260 color: <?php echo $color[2]; ?>;
263 color: <?php echo $color[1]; ?>;
266 color: <?php echo $color[8]; ?>;
270 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
273 .message_list_controls {
274 background: <?php echo $color[0]; ?>;
277 .message_control_buttons {
278 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
280 .message_control_delete {
281 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
283 .message_control_move {
284 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
288 background: <?php echo $color[4]; ?>;
291 /* folder_manip.tpl defs */
310 #folderManip table.wrapper {
311 border: 1px solid <?php echo $color[0]; ?>;
318 #folderManip td.folderAction {
319 background: <?php echo $color[0]; ?>;
326 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
329 /* addressbook_list.tpl defs */
338 #addressList select {
346 border: 1px solid <?php echo $color[9]; ?>;
352 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
356 #addressList td.header1 {
358 background: <?php echo $color[9]; ?>;
360 #addressList td.abookSwitch {
361 background: <?php echo $color[0]; ?>;
362 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
365 #addressList td.abookButtons {
366 background: <?php echo $color[0]; ?>;
369 #addressList td.abookField {
370 border-left: 1px solid <?php echo $color[9]; ?>;
371 border-right: 1px solid <?php echo $color[9]; ?>;
376 #addressList td.colHeader {
380 background: <?php echo $color[9]; ?>;
385 #addressList td.abookEmpty {
390 #addressList td.abookCompose {
399 #addrBookSearch table {
406 #addrBookSearch table.wrapper {
407 border: 1px solid <?php echo $color[9]; ?>;
418 #addrBookSearch label {
422 #addrBookSearch input {
426 #addrBookSearch select {
430 #addrBookSearch td.buttons {
439 border: 1px solid <?php echo $color[9]; ?>;
447 #addrAddEdit td.header {
448 background: <?php echo $color[9]; ?>;
453 #addrAddEdit td.fieldName {
454 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
458 #addrAddEdit td.addButton {
463 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
471 #addrAddEdit select {
479 #optionGroups table {
480 border: 1px solid <?php echo $color[0]; ?>;
493 #optionGroups td.title {
494 background: <?php echo $color[0]; ?>;
499 #optionGroups td.optionElement {
504 #optionGroups td.optionElement table {
505 border:1px solid <?php echo $color[9]; ?>;
510 #optionGroups td.optionName {
511 background: <?php echo $color[9]; ?>;
512 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
516 #optionGroups td.optionDesc {
517 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
518 background: <?php echo $color[0]; ?>;
525 #optionDisplay table {
531 border: 1px solid <?php echo $color[0]; ?>
543 #optionDisplay td.optionName {
544 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
547 #optionDisplay td.optionValue {
548 text-align:<?php echo SQM_ALIGN_LEFT; ?>;
561 border: 1px solid <?php echo $color[0]; ?>
564 #optionOrder table.moveFields {
568 #optionOrder table.moveFields td {
569 border-left: 1px solid <?php echo $color[0]; ?>;
570 border-right: 1px solid <?php echo $color[0]; ?>;
575 #optionOrder td.moveLink {
576 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
578 vertical-align: bottom;
581 #optionOrder td.fieldName {
582 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
585 #optionHightlightList {
589 #optionHighlightList table table {
595 #optionHighlightList td.ruleButtons {
600 #optionHighlightList td.ruleName {
601 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
607 #optionHighlightAdd {
611 #optionHighlightAdd table table {
617 #optionHighlightAdd td.ruleField {
618 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
623 #optionHighlightAdd td.fieldValue {
624 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
627 #optionHighlightAdd td.colorTable {
631 #optionHighlightAdd table.colorTable {