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; ?>;
83 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
84 color: <?php echo SQM_TEXT_SPECIAL; ?>;
89 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
90 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
93 /* highlighted texts */
95 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
98 /* left_main.tpl definitions */
123 .sqm_lastRefreshTime {
141 text-decoration: underline;
144 text-decoration:none;
148 vertical-align: middle;
150 .dtree a.node, .dtree a.nodeSel {
152 padding: 1px 2px 1px 2px;
154 .dtree a.node:hover, .dtree a.nodeSel:hover {
155 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
158 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
164 /* formating of error template */
173 color: <?php echo $color[14]; ?>;
174 border: 2px solid <?php echo $color[0]; ?>;
175 background-color: <?php echo $color[3]; ?>;
179 background-color: <?php echo $color[10]; ?>;
181 .error_thead_caption {
182 background-color: <?php echo $color[10]; ?>;
185 color: <?php echo $color[14]; ?>;
188 color: <?php echo $color[8]; ?>;
190 border: 2px solid <?php echo $color[0]; ?>;
195 border: 2px solid <?php echo $color[0]; ?>;
196 color: <?php echo $color[14]; ?>;
199 background-color: <?php echo $color[0]; ?>;
211 input.sqmhiddenfield {
213 input.sqmsubmitfield {
215 input.sqmresetfield {
220 /* basic definitions */
231 border:1px solid <?php echo $color[0]; ?>;
249 /* login.tpl definitions */
274 background: <?php echo $color[0]; ?>;
278 .sqm_loginFieldName {
282 .sqm_loginFieldInput {
311 background: <?php echo $color[9]; ?>;
317 background: <?php echo $color[4]; ?>;
321 /* empty_folder.tpl defs */
322 .sqm_emptyFolderWrapper {
330 background: <?php echo $color[9]; ?>;
334 .sqm_emptyFolder td {
336 background: <?php echo $color[4]; ?>;
341 /* page_header.tpl definitions */
343 background: <?php echo $color[9]; ?>;
345 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
348 background: <?php echo $color[9]; ?>;
350 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
355 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
359 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
362 /* message_list.tpl definitions */
363 .table_messageListWrapper {
371 background: <?php echo $color[9]; ?>;
382 background: <?php echo $color[5]; ?>;
385 .table_messageList a {
389 .table_messageList tr.headerRow {
390 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
394 .table_messageList td.spacer {
396 background: <?php echo $color[0]; ?>;
399 .table_messageList tr {
402 .table_messageList tr.even {
403 background: <?php echo $color[12]; ?>;
405 .table_messageList tr.odd {
406 background: <?php echo $color[4]; ?>;
408 .table_messageList tr.mouse_over {
409 background: <?php echo $color[5]; ?>;
411 .table_messageList tr.clicked {
412 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
415 .table_messageList td {
418 .table_messageList td.col_check {
419 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
421 .table_messageList td.col_subject {
422 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
424 .table_messageList td.col_flags {
425 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
427 .table_messageList td.col_date {
430 .table_messageList td.col_text {
431 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
438 color: <?php echo $color[9]; ?>;
441 color: <?php echo $color[2]; ?>;
444 color: <?php echo $color[1]; ?>;
447 color: <?php echo $color[8]; ?>;
454 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
462 .message_list_controls {
463 background: <?php echo $color[0]; ?>;
466 .message_control_button {
470 .message_control_buttons {
471 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
472 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
474 .message_control_delete {
475 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
476 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
478 .message_control_move {
479 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
480 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
485 background: <?php echo $color[4]; ?>;