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 background: <?php echo $color[0]; ?>;
137 background: <?php echo $color[9]; ?>;
145 background: <?php echo $color[12]; ?>;
148 background: <?php echo $color[4]; ?>;
152 border:1px solid <?php echo $color[0]; ?>;
155 .sqm_loginOrgName, .sqm_signoutBar {
156 background: <?php echo $color[0]; ?>;
165 background: <?php echo $color[9]; ?>;
168 background: <?php echo $color[4]; ?>;
171 /* empty_folder.tpl defs */
173 background: <?php echo $color[9]; ?>;
175 .sqm_emptyFolder td {
176 background: <?php echo $color[4]; ?>;
179 /* error_box.tpl definitions */
180 .table_errorBoxWrapper {
181 background: <?php echo $color[9]; ?>;
185 background: <?php echo $color[0]; ?>;
188 background: <?php echo $color[4]; ?>;
191 /* page_header.tpl definitions */
193 background: <?php echo $color[9]; ?>;
194 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
197 background: <?php echo $color[9]; ?>;
198 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
201 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
204 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
207 /* message_list.tpl definitions */
208 .table_messageListWrapper {
209 background: <?php echo $color[9]; ?>;
213 background: <?php echo $color[5]; ?>;
216 .table_messageList tr.headerRow {
217 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
219 .table_messageList td.spacer {
220 background: <?php echo $color[0]; ?>;
222 .table_messageList tr.mouse_over {
223 background: <?php echo $color[5]; ?>;
225 .table_messageList tr.clicked {
226 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
228 .table_messageList td.col_check {
229 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
231 .table_messageList td.col_subject {
232 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
234 .table_messageList td.col_flags {
235 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
237 .table_messageList td.col_text {
238 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
241 color: <?php echo $color[9]; ?>;
244 color: <?php echo $color[2]; ?>;
247 color: <?php echo $color[1]; ?>;
250 color: <?php echo $color[8]; ?>;
254 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
257 .message_list_controls {
258 background: <?php echo $color[0]; ?>;
261 .message_control_buttons {
262 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
264 .message_control_delete {
265 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
267 .message_control_move {
268 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
272 background: <?php echo $color[4]; ?>;
275 /* folder_manip.tpl defs */
294 #folderManip table.wrapper {
295 border: 1px solid <?php echo $color[0]; ?>;
302 #folderManip td.folderAction {
303 background: <?php echo $color[0]; ?>;
313 /* addressbook_list.tpl defs */
322 #addressList select {
330 border: 1px solid <?php echo $color[9]; ?>;
340 #addressList td.header1 {
342 background: <?php echo $color[9]; ?>;
344 #addressList td.abookSwitch {
345 background: <?php echo $color[0]; ?>;
349 #addressList td.abookButtons {
350 background: <?php echo $color[0]; ?>;
353 #addressList td.abookField {
354 border-left: 1px solid <?php echo $color[9]; ?>;
355 border-right: 1px solid <?php echo $color[9]; ?>;
360 #addressList td.colHeader {
364 background: <?php echo $color[9]; ?>;
369 #addressList td.abookEmpty {
374 #addressList td.abookCompose {
383 #addrBookSearch table {
390 #addrBookSearch table.wrapper {
391 border: 1px solid <?php echo $color[9]; ?>;
402 #addrBookSearch label {
406 #addrBookSearch input {
410 #addrBookSearch select {
414 #addrBookSearch td.buttons {
423 border: 1px solid <?php echo $color[9]; ?>;
431 #addrAddEdit td.header {
432 background: <?php echo $color[9]; ?>;
437 #addrAddEdit td.fieldName {
442 #addrAddEdit td.addButton {
455 #addrAddEdit select {
463 #optionGroups table {
464 border: 1px solid <?php echo $color[0]; ?>;
477 #optionGroups td.title {
478 background: <?php echo $color[0]; ?>;
483 #optionGroups td.optionElement {
488 #optionGroups td.optionElement table {
489 border:1px solid <?php echo $color[9]; ?>;
494 #optionGroups td.optionName {
495 background: <?php echo $color[9]; ?>;
500 #optionGroups td.optionDesc {
502 background: <?php echo $color[0]; ?>;
509 #optionDisplay table {
515 border: 1px solid <?php echo $color[0]; ?>
527 #optionDisplay td.optionName {
531 #optionDisplay td.optionValue {