4 * SquirrelMail CSS template
6 * Template is used by style.php script to generate css file used by
7 * SquirrelMail scripts.
11 * Color codes used by selected theme:
13 * <li>SQM_BACKGROUND - background color
14 * <li>SQM_BACKGROUND_LEFT - background of folder tree
15 * <li>SQM_TEXT_STANDARD - text color
16 * <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
17 * <li>SQM_LINK - color of links
18 * <li>SQM_LINK_LEFT - color of links in folder tree
19 * <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
20 * <li>todo: other constants should be documented here
23 * Optional template variables
25 * <li>fontfamily - string with list of fonts used by selected style.
26 * <li>fontsize - integer with selected font size value.
28 * Variables are set to empty string, when value is not set.
30 * @copyright © 2005-2006 The SquirrelMail Project Team
31 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
33 * @package squirrelmail
34 * @subpackage templates
37 /* retrieve the template vars */
41 /* older css template */
42 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
44 if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
49 if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
54 if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
58 font-family: monospace;
60 if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
64 /* page body formatting */
66 color: <?php echo SQM_TEXT_STANDARD; ?>;
67 background-color: <?php echo SQM_BACKGROUND; ?>;
70 color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
71 background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
76 a:link, a:visited, a:hover, a:active {
77 color: <?php echo SQM_LINK; ?>;
81 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
82 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; ?>;
90 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
91 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
94 /* highlighted texts */
96 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
99 /* left_main.tpl definitions */
120 .sqm_lastRefreshTime {
126 /* formating of error template */
135 color: <?php echo $color[14]; ?>;
136 border: 2px solid <?php echo $color[0]; ?>;
137 background-color: <?php echo $color[3]; ?>;
141 background-color: <?php echo $color[10]; ?>;
143 .error_thead_caption {
144 background-color: <?php echo $color[10]; ?>;
147 color: <?php echo $color[14]; ?>;
150 color: <?php echo $color[8]; ?>;
152 border: 2px solid <?php echo $color[0]; ?>;
157 border: 2px solid <?php echo $color[0]; ?>;
158 color: <?php echo $color[14]; ?>;
161 background-color: <?php echo $color[0]; ?>;
173 input.sqmhiddenfield {
175 input.sqmsubmitfield {
177 input.sqmresetfield {
182 /* basic definitions */
193 border:1px solid <?php echo $color[0]; ?>;
211 /* login.tpl definitions */
236 background: <?php echo $color[0]; ?>;
240 .sqm_loginFieldName {
244 .sqm_loginFieldInput {
273 background: <?php echo $color[9]; ?>;
279 background: <?php echo $color[4]; ?>;
283 /* empty_folder.tpl defs */
284 .sqm_emptyFolderWrapper {
292 background: <?php echo $color[9]; ?>;
296 .sqm_emptyFolder td {
298 background: <?php echo $color[4]; ?>;
303 /* error_box.tpl definitions */
304 .table_errorBoxWrapper {
312 background: <?php echo $color[9]; ?>;
323 background: <?php echo $color[5]; ?>;
326 /* page_header.tpl definitions */
328 background: <?php echo $color[9]; ?>;
330 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
333 background: <?php echo $color[9]; ?>;
335 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
340 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
344 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
347 /* message_list.tpl definitions */
348 .table_messageListWrapper {
356 background: <?php echo $color[9]; ?>;
367 background: <?php echo $color[5]; ?>;
370 .table_messageList a {
374 .table_messageList tr.headerRow {
375 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
379 .table_messageList td.spacer {
381 background: <?php echo $color[0]; ?>;
384 .table_messageList tr {
387 .table_messageList tr.even {
388 background: <?php echo $color[12]; ?>;
390 .table_messageList tr.odd {
391 background: <?php echo $color[4]; ?>;
393 .table_messageList tr.mouse_over {
394 background: <?php echo $color[5]; ?>;
396 .table_messageList tr.clicked {
397 background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
400 .table_messageList td {
403 .table_messageList td.col_check {
404 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
406 .table_messageList td.col_subject {
407 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
409 .table_messageList td.col_flags {
410 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
412 .table_messageList td.col_date {
415 .table_messageList td.col_text {
416 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
423 color: <?php echo $color[9]; ?>;
426 color: <?php echo $color[2]; ?>;
429 color: <?php echo $color[1]; ?>;
432 color: <?php echo $color[8]; ?>;
439 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
447 .message_list_controls {
448 background: <?php echo $color[0]; ?>;
451 .message_control_button {
455 .message_control_buttons {
456 text-align: <?php echo SQM_ALIGN_LEFT; ?>;
457 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
459 .message_control_delete {
460 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
461 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
463 .message_control_move {
464 text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
465 font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
470 background: <?php echo $color[4]; ?>;