Iniitial option templating.
[squirrelmail.git] / templates / default / stylesheet.tpl
index 3be697e59ce24c275d684d50eedebc9cfc4ea066..e43d58a6358f01d7adfa97eb0cebda40fba81724 100644 (file)
@@ -2,9 +2,9 @@
 /**
  * SquirrelMail CSS template
  *
- * Template is used by style.php script to generate css file used by 
+ * Template is used by style.php script to generate css file used by
  * SquirrelMail scripts.
- * 
+ *
  * Available constants
  *
  * Color codes used by selected theme:
@@ -13,6 +13,9 @@
  *   <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>
  *
@@ -23,7 +26,7 @@
  * </ul>
  * Variables are set to empty string, when value is not set.
  *
- * @copyright &copy; 1999-2005 The SquirrelMail Project Team
+ * @copyright &copy; 2005-2006 The SquirrelMail Project Team
  * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  * @version $Id$
  * @package squirrelmail
 
 /* retrieve the template vars */
 extract($t);
-
+//return false;
 ?>
+/* 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";?>
+<?php
+if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
+?>
 }
 body, small {
-<?php if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";?>
+<?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.leftmain {
+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) */
-a {
+/* right links */
+a:link, a:visited, a:hover, a:active {
     color: <?php echo SQM_LINK; ?>;
 }
+
 /* left links */
-/* TODO: recheck link css */
-a.leftmain {
+.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
     color:  <?php echo SQM_LINK_LEFT; ?>;
 }
 
-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";?>
+.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
+    color:  <?php echo SQM_TEXT_SPECIAL; ?>;
 }
 
-/* formating of error template */
-.thead_caption {
-    font-weight: bold;
-    text-align: center;
+.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
+    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 }
 
-.error_list {
+/* highlighted texts */
+.highlight {
+    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 }
+
 .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]; ?>;
@@ -93,33 +110,424 @@ textarea, pre {
 }
 .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{
+table.table_empty, table.table_blank    {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    width: 100%;
+}
+
+td.header1  {
+    background: <?php echo $color[0]; ?>;
+    text-align: center;
+    font-weight: bold;
+}
+
+
+td.header2  {
+    background: <?php echo $color[9]; ?>;
+    text-align: center;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+tr.even {
+    background: <?php echo $color[12]; ?>;
+}
+tr.odd  {
+    background: <?php echo $color[4]; ?>;
+}
+
+.table_standard {
+    border:1px solid <?php echo $color[0]; ?>;
+}
+
+.sqm_loginOrgName, .sqm_signoutBar {
+    background: <?php echo $color[0]; ?>;
+}
+
+.sqm_signout {
+    margin-top: 2em;
+    text-align: center;
+}
+
+.sqm_motd {
+    background: <?php echo $color[9]; ?>;
+}
+.sqm_motd td {
+    background: <?php echo $color[4]; ?>;
+}
+
+/* empty_folder.tpl defs */
+.sqm_emptyFolder {
+    background: <?php echo $color[9]; ?>;
+}
+.sqm_emptyFolder td {
+    background: <?php echo $color[4]; ?>;
+}
+
+/* error_box.tpl definitions */
+.table_errorBoxWrapper   {
+    background: <?php echo $color[9]; ?>;
+}
+
+.table_errorBox  {
+    background: <?php echo $color[0]; ?>;
+}
+.error_message {
+    background: <?php echo $color[4]; ?>;
+}
+
+/* page_header.tpl definitions */
+.sqm_currentFolder     {
+    background: <?php echo $color[9]; ?>;
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.sqm_headerSignout     {
+    background: <?php echo $color[9]; ?>;
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+.sqm_topNavigation     {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.sqm_providerInfo      {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+
+/* message_list.tpl definitions */
+.table_messageListWrapper      {
+    background: <?php echo $color[9]; ?>;
+}
+
+.table_messageList     {
+    background: <?php echo $color[5]; ?>;
+}
+
+.table_messageList     tr.headerRow    {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.table_messageList td.spacer {
+    background: <?php echo $color[0]; ?>;
+}
+.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.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_text     {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+.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]; ?>;
+}
+
+.links_paginator                       {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+.message_list_controls {
+    background: <?php echo $color[0]; ?>;
+}
+
+.message_control_buttons {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 }
-input.sqmpwfield {
+.message_control_delete {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 }
-input.sqmcheckbox {
+.message_control_move {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 }
-input.sqmradiobox {
+
+.spacer        {
+    background: <?php echo $color[4]; ?>;
+}
+
+/* folder_manip.tpl defs */
+#folderManip   {
+    text-align:center;
+}
+
+#folderManip   td  {
+    text-align: center;
+    padding: 2px;
 }
-input.sqmhiddenfield {
+
+#folderManip   table   {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    border: 0;
+    width: 70%;
 }
-input.sqmsubmitfield {
+
+#folderManip   table.wrapper   {
+    border: 1px solid <?php echo $color[0]; ?>;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
 }
-input.sqmresetfield {
+
+#folderManip   td.folderAction {
+    background: <?php echo $color[0]; ?>;
 }
-input.sqmtextarea {
+
+#folderManip    div {
+    margin-left: auto;
+    margin-right: auto;
+    width: 80%;
+    text-align: left;
 }
+
+/* addressbook_list.tpl defs */
+#addressList    {
+    text-align: center;
+}
+
+#addressList    input   {
+    font-size: 8pt;
+}
+
+#addressList    select  {
+    font-size: 75%;
+}
+
+#addressList    table   {
+    margin-left: auto;
+    margin-right: auto;
+    width: 95%;
+    border: 1px solid <?php echo $color[9]; ?>;
+    margin-top: 8px;
+    margin-bottom: 8px;
+}
+
+#addressList    td  {
+    text-align: left;
+    padding: 2px;
+}
+
+#addressList    td.header1  {
+    text-align: center;
+    background: <?php echo $color[9]; ?>;
+}
+#addressList    td.abookSwitch  {
+    background: <?php echo $color[0]; ?>;
+    text-align: right;
+}
+
+#addressList    td.abookButtons  {
+    background: <?php echo $color[0]; ?>;
+}
+
+#addressList    td.abookField   {
+    border-left: 1px solid <?php echo $color[9]; ?>;
+    border-right: 1px solid <?php echo $color[9]; ?>;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+#addressList    td.colHeader {
+    text-align: center;
+    font-weight: bold;
+    font-size: 98%;
+    background: <?php echo $color[9]; ?>;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+#addressList    td.abookEmpty   {
+    text-align:center;
+    font-weight: bold;
+}
+
+#addressList    td.abookCompose {
+    font-size: 8pt;
+    white-space: nowrap;
+}
+
+#addrBookSearch {
+    text-align: center;
+}
+
+#addrBookSearch table   {
+    padding: 0;
+    border: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#addrBookSearch   table.wrapper   {
+    border: 1px solid <?php echo $color[9]; ?>;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+}
+
+#addrBookSearch td  {
+    padding: 2px;
+}
+
+#addrBookSearch label   {
+    font-weight: bold;
+}
+
+#addrBookSearch input   {
+    font-size: 75%;
+}
+
+#addrBookSearch select  {
+    font-size: 75%;
+}
+
+#addrBookSearch td.buttons  {
+    text-align: center;
+}
+
+#addrAddEdit    {
+    text-align: center;
+}
+
+#addrAddEdit    table   {
+    border: 1px solid <?php echo $color[9]; ?>;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 6px;
+    margin-bottom: 6px;
+    width: 95%
+}
+
+#addrAddEdit    td.header   {
+    background: <?php echo $color[9]; ?>;
+    text-align: center;
+    font-weight: bold;
+}
+
+#addrAddEdit    td.fieldName   {
+    text-align: right;
+    width: 30%;
+}
+
+#addrAddEdit    td.addButton   {
+    text-align: center;
+}
+
+#addrAddEdit    td  {
+    text-align: left;
+    padding: 2px;
+}
+
+#addrAddEdit    input   {
+    font-size: 75%;
+}
+
+#addrAddEdit    select  {
+    font-size: 75%;
+}
+
+#optionGroups   {
+    text-align: center;
+}
+
+#optionGroups   table   {
+    border: 1px solid <?php echo $color[0]; ?>;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+    width: 95%;
+}
+
+#optionGroups   td  {
+    width: 50%;
+    padding: 2px;
+    vertical-align: top;
+}
+
+#optionGroups   td.title    {
+    background: <?php echo $color[0]; ?>;
+    text-align: center;
+    font-weight: bold;
+}
+
+#optionGroups   td.optionElement    {
+    height: 100%;
+    padding: 10px; 
+}
+
+#optionGroups   td.optionElement    table   {
+    border:1px solid <?php echo $color[9]; ?>;
+    height: 100%;
+}
+
+
+#optionGroups   td.optionName   {
+    background: <?php echo $color[9]; ?>;
+    text-align: left;
+    height: 1%;
+}
+
+#optionGroups   td.optionDesc   {
+    text-align: left;
+    background: <?php echo $color[0]; ?>;
+}
+
+#optionDisplay  {
+    text-align:center;
+}
+
+#optionDisplay  table   {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    width: 95%;
+    border: 1px solid <?php echo $color[0]; ?>
+}
+
+#optionDisplay  td  {
+    width: 50%;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    padding-left: 4px;
+    padding-right: 4px;
+    white-space: nowrap;
+}
+
+#optionDisplay  td.optionName   {
+    text-align: right;
+}
+
+#optionDisplay  td.optionValue  {
+    text-align: left;
+}
\ No newline at end of file