New template for advanced mailbox tree, which uses the dTree package. To use this...
[squirrelmail.git] / templates / default_advanced / stylesheet.tpl
diff --git a/templates/default_advanced/stylesheet.tpl b/templates/default_advanced/stylesheet.tpl
new file mode 100644 (file)
index 0000000..263fc31
--- /dev/null
@@ -0,0 +1,436 @@
+<?php
+/**
+ * SquirrelMail CSS template
+ *
+ * Template is used by style.php script to generate css file used by
+ * SquirrelMail scripts.
+ *
+ * Available constants
+ *
+ * Color codes used by selected theme:
+ * <ul>
+ *   <li>SQM_BACKGROUND - background color
+ *   <li>SQM_BACKGROUND_LEFT - background of folder tree
+ *   <li>SQM_TEXT_STANDARD - text color
+ *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
+ *   <li>SQM_LINK - color of links
+ *   <li>SQM_LINK_LEFT - color of links in folder tree
+ *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
+ *   <li>todo: other constants should be documented here
+ * </ul>
+ *
+ * Optional template variables
+ * <ul>
+ *   <li>fontfamily - string with list of fonts used by selected style.
+ *   <li>fontsize - integer with selected font size value.
+ * </ul>
+ * Variables are set to empty string, when value is not set.
+ *
+ * @copyright &copy; 2005-2006 The SquirrelMail Project Team
+ * @license http://opensource.org/licenses/gpl-license.php GNU Public License
+ * @version $Id$
+ * @package squirrelmail
+ * @subpackage templates
+ */
+
+/* retrieve the template vars */
+extract($t);
+
+?>
+/* older css template */
+body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
+<?php
+if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
+?>
+}
+body, small {
+<?php
+if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
+?>
+}
+td, th {
+<?php
+if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
+?>
+}
+textarea, pre {
+font-family: monospace;
+<?php
+if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
+?>
+}
+
+/* page body formatting */
+body {
+    color:  <?php echo SQM_TEXT_STANDARD; ?>;
+    background-color: <?php echo SQM_BACKGROUND; ?>;
+}
+body.sqm_leftMain {
+    color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
+    background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
+    text-align: left;
+}
+
+/* right links */
+a:link, a:visited, a:hover, a:active {
+    color: <?php echo SQM_LINK; ?>;
+}
+
+/* left links */
+.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
+    color:  <?php echo SQM_LINK_LEFT; ?>;
+}
+.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
+    color:  <?php echo SQM_TEXT_SPECIAL; ?>;
+}
+.leftrecent {
+    font-weight:bold;
+}
+.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
+    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
+}
+
+/* highlighted texts */
+.highlight {
+    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
+}
+
+/* left_main.tpl definitions */
+.sqm_wrapperTable   {
+    border:0;
+    padding:0;
+    margin-left:auto;
+    margin-right:auto;
+    border-spacing:0;
+    width:99%
+    text-align:center;
+}
+sqm_leftMain table {
+    border:0;
+    padding:0;
+    margin:0;
+    border-spacing:0;
+    margin-left:auto;
+    margin-right:auto;
+}
+.sqm_folderHeader {
+    font-size:18px;
+    font-weight:bold;
+    text-align:center;
+}
+.sqm_clock {
+}
+.sqm_lastRefreshTime {
+    white-space: nowrap;
+}
+.sqm_refreshButton {
+}
+
+.dtree {
+       font-size:11px;
+       white-space:nowrap;
+}
+.dtree p {
+    margin-top:12px;
+    margin-bottom:2px;
+    padding-bottom:4px;
+    text-align:center;
+    overflow: hidden;
+}
+.dtree a:hover {
+    text-decoration: underline;
+}
+.dtree a {
+    text-decoration:none;
+}
+.dtree img {
+    border:0;
+    vertical-align: middle;
+}
+.dtree a.node, .dtree a.nodeSel {
+    white-space: nowrap;
+    padding: 1px 2px 1px 2px;
+}
+.dtree a.node:hover, .dtree a.nodeSel:hover {
+    color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
+}
+.dtree a.nodeSel {
+    color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
+}
+.dtree .clip {
+    overflow: hidden;
+}
+
+/* formating of error template */
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
+}
+
+.error_list {
+}
+.error_table {
+    color: <?php echo $color[14]; ?>;
+    border: 2px solid <?php echo $color[0]; ?>;
+    background-color: <?php echo $color[3]; ?>;
+    width: 100%;
+}
+.error_thead {
+    background-color: <?php echo $color[10]; ?>;
+}
+.error_thead_caption {
+    background-color: <?php echo $color[10]; ?>;
+}
+.error_row {
+    color: <?php echo $color[14]; ?>;
+}
+.error_val {
+    color: <?php echo $color[8]; ?>;
+    width: 80%;
+    border: 2px solid <?php echo $color[0]; ?>;
+
+}
+.error_key {
+    width: 20%;
+    border: 2px solid <?php echo $color[0]; ?>;
+    color: <?php echo $color[14]; ?>;
+    font-weight: bold;
+    font-style: italic;
+    background-color: <?php echo $color[0]; ?>;
+}
+
+/* form fields */
+input.sqmtextfield{
+}
+input.sqmpwfield {
+}
+input.sqmcheckbox {
+}
+input.sqmradiobox {
+}
+input.sqmhiddenfield {
+}
+input.sqmsubmitfield {
+}
+input.sqmresetfield {
+}
+input.sqmtextarea {
+}
+
+/* basic definitions */
+.table_empty {
+    width:100%;
+    border:0;
+    margin:0;
+    padding:0;
+    border-spacing:0;
+}
+
+.table_standard {
+    width:100%;
+    border:1px solid <?php echo $color[0]; ?>;
+    padding:0;
+    margin:0;
+    border-spacing:0;
+}
+
+em             {
+    font-weight:bold;
+    font-style:normal;
+}
+
+small  {
+    font-size:80%;
+}
+img   {
+    border:0;
+}
+
+/* login.tpl definitions */
+#sqm_login table {
+    border:0;
+    margin:0;
+    padding:0;
+    border-spacing:0;
+    margin-left:auto;
+    margin-right:auto;
+}
+#sqm_login td {
+    padding:2px;
+}
+
+.sqm_loginImage {
+    margin-left:auto;
+    margin-right:auto;
+    padding:2px;
+}
+.sqm_loginTop {
+    text-align:center;
+    font-size:80%;
+}
+.sqm_loginOrgName {
+    font-weight:bold;
+    text-align:center;
+    background: <?php echo $color[0]; ?>;
+    width:350px;
+    border:0;
+}
+.sqm_loginFieldName {
+    text-align:right;
+    width:30%;
+}
+.sqm_loginFieldInput {
+    text-align:left;
+}
+.sqm_loginSubmit {
+    text-align:center;
+}
+
+/* page_header.tpl definitions */
+.sqm_currentFolder     {
+    background: <?php echo $color[9]; ?>;
+    padding:2px;
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.sqm_headerSignout     {
+    background: <?php echo $color[9]; ?>;
+    padding:2px;
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-weight:bold;
+}
+.sqm_topNavigation     {
+    padding:2px;
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.sqm_providerInfo      {
+    padding:2px;
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+
+/* message_list.tpl definitions */
+.table_messageListWrapper      {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: <?php echo $color[9]; ?>;
+}
+
+.table_messageList     {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: <?php echo $color[5]; ?>;
+}
+
+.table_messageList     a       {
+    white-space:nowrap;
+}
+
+.table_messageList     tr.headerRow    {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+    white-space:nowrap;
+    font-weight:bold;
+}
+.table_messageList td.spacer {
+    height:1px;
+    background: <?php echo $color[0]; ?>;
+}
+
+.table_messageList     tr              {
+    vertical-align:top;
+}
+.table_messageList     tr.even {
+    background: <?php echo $color[12]; ?>;
+}
+.table_messageList     tr.odd  {
+    background: <?php echo $color[4]; ?>;
+}
+.table_messageList     tr.mouse_over   {
+    background: <?php echo $color[5]; ?>;
+}
+.table_messageList     tr.clicked      {
+    background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
+}
+
+.table_messageList     td      {
+    white-space:nowrap;
+}
+.table_messageList     td.col_check    {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.table_messageList     td.col_subject  {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.table_messageList     td.col_flags    {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.table_messageList     td.col_date     {
+    text-align:center;
+}
+.table_messageList     td.col_text     {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+.unread                {
+    font-weight:bold;
+}
+.deleted       {
+    color: <?php echo $color[9]; ?>;
+}
+.flagged       {
+    color: <?php echo $color[2]; ?>;
+}
+.high_priority {
+    color: <?php echo $color[1]; ?>;
+}
+.low_priority  {
+    color: <?php echo $color[8]; ?>;
+}
+
+.col_checked   {
+}
+
+.links_paginator                       {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+.message_count                         {
+    text-align:right;
+    font-size:8pt;
+}
+
+.message_list_controls {
+    background: <?php echo $color[0]; ?>;
+}
+
+.message_control_button {
+    padding:0px;
+    margin:0px;
+}
+.message_control_buttons {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_delete {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_move {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-size:10px;            /* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+
+.spacer        {
+    height:5px;
+    background: <?php echo $color[4]; ?>;
+}
+
+