Mostly moved from base template dir

templates/default/css/default.css

@@ -0,0 +1,454 @@
+/* older css template */
+body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
+}
+body, small {
+}
+td, th {
+}
+textarea, pre {
+font-family: monospace;
+}
+
+/* page body formatting */
+body {
+    color:  #000000;
+    background-color: #ffffff;
+}
+body.sqm_leftMain {
+    color:  #000000;
+    background-color: #a0b8c8;
+    text-align: left;
+}
+
+/* right links */
+a:link, a:visited, a:hover, a:active {
+    color: #0000cc;
+}
+
+/* left links */
+.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
+    color:  #000000;
+}
+.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
+    color:  #770000;
+}
+.leftrecent {
+    font-weight:bold;
+}
+.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
+    color:  #002266;
+}
+
+/* highlighted texts */
+.highlight {
+    color:  #002266;
+}
+
+/* left_main.tpl definitions */
+.sqm_wrapperTable   {
+    border:0;
+    padding:0;
+    margin-left:0;
+    border-spacing:0;
+    width:99%
+}
+sqm_leftMain table {
+    border:0;
+    padding:0;
+    margin:0;
+    border-spacing:0;
+}
+.sqm_folderHeader {
+    font-size:18px;
+    font-weight:bold;
+    text-align:center;
+}
+.sqm_clock {
+}
+.sqm_lastRefreshTime {
+    white-space: nowrap;
+}
+.sqm_refreshButton {
+}
+
+/* formating of error template */
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
+}
+
+.error_list {
+}
+.error_table {
+    color: #ff0000;
+    border: 2px solid #dcdcdc;
+    background-color: #a0b8c8;
+    width: 100%;
+}
+.error_thead {
+    background-color: #666666;
+}
+.error_thead_caption {
+    background-color: #666666;
+}
+.error_row {
+    color: #ff0000;
+}
+.error_val {
+    color: #000000;
+    width: 80%;
+    border: 2px solid #dcdcdc;
+
+}
+.error_key {
+    width: 20%;
+    border: 2px solid #dcdcdc;
+    color: #ff0000;
+    font-weight: bold;
+    font-style: italic;
+    background-color: #dcdcdc;
+}
+
+/* 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 #dcdcdc;
+    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: #dcdcdc;
+    width:350px;
+    border:0;
+}
+.sqm_loginFieldName {
+    text-align:right;
+    width:30%;
+}
+.sqm_loginFieldInput {
+    text-align:left;
+}
+.sqm_loginSubmit {
+    text-align:center;
+}
+
+/* note.tpl defs */
+.sqm_noteWrapper {
+    text-align:center;
+    width:100%;
+}
+.sqm_note {
+    margin-left:auto;
+    margin-right:auto;
+    font-weight:bold;
+    text-align:center;
+}
+
+/* motd.tpl defs */
+.sqm_motdWrapper {
+    text-align:center;
+    width:100%;
+    margin:1px;
+}
+.sqm_motd {
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+    background: #ababab;
+    width:70%;
+    padding:0;
+}
+.sqm_motd td {
+    text-align:center;
+    background: #ffffff;
+    padding:5px;
+}
+
+/* empty_folder.tpl defs */
+.sqm_emptyFolderWrapper {
+    text-align:center;
+    width:100%;
+}
+.sqm_emptyFolder {
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+    background: #ababab;
+    padding:1px;
+    width:100%;
+}
+.sqm_emptyFolder td {
+    text-align:center;
+    background: #ffffff;
+    padding-top:15px;
+    padding-bottom:15px;
+}
+
+/* error_box.tpl definitions */
+.table_errorBoxWrapper   {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #ababab;
+}
+
+.table_errorBox  {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #dcdcdc;
+}
+.error_header {
+    color: red;
+    font-weight:bold;
+    font-weight:bold;
+    font-style:normal;
+}
+.error_message {
+    background: #ffffff;
+}
+
+/* error_logout.tpl definitions */
+#sqm_errorLogout {
+    width:100%;
+    text-align:center;
+}
+#sqm_errorLogout table {
+    border:0;
+    margin:0;
+    padding:0;
+    border-spacing:0;
+    margin-left:auto;
+    margin-right:auto;
+}
+#sqm_errorLogout td {
+    padding:2px;
+}
+.sqm_errorLogoutImage {
+    margin-left:auto;
+    margin-right:auto;
+    padding:2px;
+}
+.sqm_errorLogoutTop {
+    text-align:center;
+    font-size:80%;
+}
+
+/* page_header.tpl definitions */
+.sqm_currentFolder	{
+    background: #ababab;
+    padding:2px;
+    text-align: left;
+}
+.sqm_headerSignout	{
+    background: #ababab;
+    padding:2px;
+    text-align: right;
+    font-weight:bold;
+}
+.sqm_topNavigation	{
+    padding:2px;
+    text-align: left;
+}
+.sqm_providerInfo	{
+    padding:2px;
+    text-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: #ababab;
+}
+
+.table_messageList	{
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #ffffcc;
+}
+
+.table_messageList	a	{
+    white-space:nowrap;
+}
+
+.table_messageList	tr.headerRow	{
+    text-align: left;
+    white-space:nowrap;
+    font-weight:bold;
+}
+.table_messageList td.spacer {
+    height:1px;
+    background: #dcdcdc;
+}
+
+.table_messageList	tr		{
+    vertical-align:top;
+}
+.table_messageList	tr.even	{
+    background: #ededed;
+}
+.table_messageList	tr.odd	{
+    background: #ffffff;
+}
+.table_messageList	tr.mouse_over	{
+    background: #ffffcc;
+}
+.table_messageList	tr.clicked	{
+    background: #ff9933;
+}
+
+.table_messageList	td	{
+    white-space:nowrap;
+}
+.table_messageList	td.col_check	{
+    text-align: left;
+}
+.table_messageList	td.col_subject	{
+    text-align: left;
+}
+.table_messageList	td.col_flags	{
+    text-align: left;
+}
+.table_messageList	td.col_date	{
+    text-align:center;
+}
+.table_messageList	td.col_text	{
+    text-align: left;
+}
+
+.unread		{
+    font-weight:bold;
+}
+.deleted	{
+    color: #ababab;
+}
+.flagged	{
+    color: #cc0000;
+}
+.high_priority	{
+    color: #800000;
+}
+.low_priority	{
+    color: #000000;
+}
+
+.col_checked	{
+}
+
+.links_paginator			{
+    text-align: left;
+}
+
+.message_count				{
+    text-align:right;
+    font-size:8pt;
+}
+
+.message_list_controls {
+    background: #dcdcdc;
+}
+
+.message_control_button {
+    padding:0px;
+    margin:0px;
+}
+.message_control_buttons {
+    text-align: left;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_delete {
+    text-align: right;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_move {
+    text-align: right;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+
+.spacer	{
+    height:5px;
+    background: #ffffff;
+}

templates/default/css/squirrelmail.css

@@ -0,0 +1,36 @@
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
+}
+
+.error_list {
+}
+.error_table {
+    color: #FF0000;
+    border: 2px solid #dcdcdc;
+    background-color: #a0b8c8;
+    width: 100%;
+}
+.error_thead {
+    background-color: #666666;
+}
+.error_thead_caption {
+    background-color: #666666;
+}
+.error_row {
+    color: #FF0000;
+}
+.error_val {
+    color: #000000;
+    width: 80%;
+    border: 2px solid #dcdcdc;
+
+}
+.error_key {
+    width: 20%;
+    border: 2px solid #dcdcdc;
+    color: #FF0000;
+    font-weight: bold;
+    font-style: italic;
+    background-color: #dcdcdc;
+}

templates/default/css/stylesheet.tpl

@@ -0,0 +1,855 @@
+<?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);
+//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";
+?>
+}
+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; ?>;
+}
+
+.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; ?>;
+}
+
+.error_table {
+    color: <?php echo $color[14]; ?>;
+    border: 2px solid <?php echo $color[0]; ?>;
+    background-color: <?php echo $color[3]; ?>;
+}
+.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]; ?>;
+    border: 2px solid <?php echo $color[0]; ?>;
+
+}
+.error_key {
+    border: 2px solid <?php echo $color[0]; ?>;
+    color: <?php echo $color[14]; ?>;
+    background-color: <?php echo $color[0]; ?>;
+}
+
+table.table_empty, table.table_blank    {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    width: 100%;
+}
+
+table.table1    {
+    border: 1px solid <?php echo $color[0]; ?>;
+    width: 90%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+table.table1    td  {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+table.table2    {
+    border: 1px solid <?php echo $color[9]; ?>;
+    width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+table.table2    td  {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+td.emptyList    {
+    text-align: center;
+    font-weight: bold;
+}
+
+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: 2px;
+    padding-bottom: 2px;
+}
+
+td.header3  {
+    text-align: center;
+    font-weight: bold;
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+td.header4  {
+    background: <?php echo $color[5]; ?>;
+    font-weight: bold;
+    padding-top:2px;
+    padding-bottom: 2px;
+    text-align: center;
+}
+
+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; ?>;
+}
+.message_control_delete {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+.message_control_move {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+
+.spacer	{
+    background: <?php echo $color[4]; ?>;
+}
+
+/* folder_manip.tpl defs */
+#folderManip   {
+    text-align:center;
+}
+
+#folderManip   td  {
+    text-align: center;
+    padding: 2px;
+}
+
+#folderManip   table   {
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    border: 0;
+    width: 70%;
+}
+
+#folderManip   table.wrapper   {
+    border: 1px solid <?php echo $color[0]; ?>;
+    width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+}
+
+#folderManip   td.folderAction {
+    background: <?php echo $color[0]; ?>;
+}
+
+#folderManip    div {
+    margin-left: auto;
+    margin-right: auto;
+    width: 80%;
+    text-align: <?php echo SQM_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: <?php echo SQM_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: <?php echo SQM_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: <?php echo SQM_ALIGN_RIGHT; ?>;
+    width: 30%;
+}
+
+#addrAddEdit    td.addButton   {
+    text-align: center;
+}
+
+#addrAddEdit    td  {
+    text-align: <?php echo SQM_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: <?php echo SQM_ALIGN_LEFT; ?>;
+    height: 1%;
+}
+
+#optionGroups   td.optionDesc   {
+    text-align: <?php echo SQM_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: <?php echo SQM_ALIGN_RIGHT; ?>;
+}
+
+#optionDisplay  td.optionValue  {
+    text-align:<?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+#optionOrder  {
+    text-align:center;
+}
+
+#optionOrder    table   {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 8px;
+    margin-bottom: 8px;
+    width: 95%;
+    border: 1px solid <?php echo $color[0]; ?>
+}
+
+#optionOrder    table.moveFields    {
+    width: auto;
+}
+
+#optionOrder    table.moveFields    td  {
+    border-left: 1px solid <?php echo $color[0]; ?>;
+    border-right: 1px solid <?php echo $color[0]; ?>;
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+#optionOrder    td.moveLink  {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-size: 75%;
+    vertical-align: bottom;
+}
+
+#optionOrder    td.fieldName    {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+#optionHightlightList   {
+    text-align: center;
+}
+
+#optionHighlightList    table   table   {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 75%;
+}
+
+#optionHighlightList    td.ruleButtons  {
+    text-align: center;
+    width: 1%;
+}
+
+#optionHighlightList    td.ruleName {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+    width: 30%;
+    padding-left: 4px;
+    padding-right: 4px;
+}
+
+#optionHighlightAdd {
+    text-align: center;
+}
+
+#optionHighlightAdd    table   table   {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    width: 75%;
+}
+
+#optionHighlightAdd td.ruleField    {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-weight: bold;
+    width: 40%;
+}
+
+#optionHighlightAdd td.fieldValue   {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+#optionHighlightAdd td.colorTable  {
+    text-align: center;
+}
+
+#optionHighlightAdd table.colorTable    {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/* help defs */
+#help   {
+    text-align: center;
+}
+
+#help   td.help  {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+#help   li  {
+    padding-left: 0px;
+}
+
+#help   ul  {
+    padding-left: 20px;
+    padding-right: 75px;
+}
+
+#help   td.nav  {
+    text-align: center;
+    color: <?php echo $color[0]; ?>;
+    padding-top: 15px;
+    padding-bottom: 5px;
+}
+
+#help   h1  {
+    font-size: 14pt;
+    font-weight: bold;
+    margin-top: 2px;
+    margin-bottom: 0px;
+}
+
+#help   h2  {
+    font-size: 10pt;
+    font-weight: normal;
+    margin-bottom: 2px;
+    margin-top: 0;
+}
+
+#help   h3  {
+    font-weight: bold;
+    font-size: 10pt;
+    margin: 0;
+    padding: 0;
+}
+
+#help   td.help p   {
+    margin-top: 2px;
+    margin-bottom: 10px;
+}
+
+#help   td.help  li   {
+    margin-left: 10px;
+}
+
+#optionsIdentity    table   {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#optionsIdentity    table.table2 tr  {
+    background: <?php echo $color[0]; ?>;
+}
+
+#optionsIdentity    td.fieldName    {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    width: 30%;
+}
+
+#optionsIdentity    td.fieldValue   {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+#optionsIdentity    td.actionButtons  {
+    text-align: center;
+}
+
+#optionsIdentity hr  {
+    width: 95%;
+    border: 1px solid <?php echo $color[9]; ?>;
+}
+
+#vCard  {
+    text-align: center;
+}
+
+#vCard  table   {
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#vCard  td.fieldName   {
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    font-weight: bold;
+    vertical-align: top;
+}
+
+#vCard  td.fieldValue   {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+}
+
+.search table   {
+    margin-top: 12px;
+    margin-bottom: 12px;
+}
+
+.search td.header4  {
+    border-bottom: 1px solid <?php echo $color[9]; ?>;
+    vertical-align: bottom;
+}
+
+.search td.queryAction {
+    text-align: center;
+    font-size: small;
+    width: 1%;
+    padding-left: 8px;
+    padding-right: 8px;
+    border-left: 1px solid <?php echo $color[9]; ?>;
+    border-top: 1px solid <?php echo $color[9]; ?>;
+    border-bottom: 1px solid <?php echo $color[9]; ?>;
+}
+
+.search td.queryDesc  {
+    border-top: 1px solid <?php echo $color[9]; ?>;
+    border-bottom: 1px solid <?php echo $color[9]; ?>;
+}
+
+.search span {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+
+.search span.operator {
+    font-weight: normal;
+    text-decoration: underline;
+    font-style: italic;
+}
+
+.search span.mailbox {
+    font-weight: bold
+}
+
+.search span.conditions {
+    font-weight: normal;
+    text-decoration: underline;
+    font-style: italic;
+}
+
+.search span.value {
+    font-weight: bold;
+}
+
+.search span.error  {
+    color: <?php echo $color[2]; ?>;
+    font-weight: bold;
+    font-size: 125%;
+}
+
+.search td.searchForm  {
+    border-right: 1px solid <?php echo $color[0]; ?>;
+    border-left: 1px solid <?php echo $color[0]; ?>;
+    font-weight: bold;
+    text-align: center;
+}
+
+.search td.queryError {
+    color: <?php echo $color[2]; ?>;
+    font-weight: bold;
+    text-align: center;
+    padding: 4px;
+}
+
+.search td.header1 input {
+    font-size: 80%;
+    margin: 2px;
+}
+
+.search h1 {
+    font-weight: bold;
+    font-size: 150%;
+    margin-top: 6px;
+    margin-bottom: 2px;
+}
+
+.search h2 {
+    color: <?php echo $color[2]; ?>;
+    font-weight: bold;
+    text-align: center;
+}
+

templates/default_advanced/css/default.css

@@ -0,0 +1,454 @@
+/* older css template */
+body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
+}
+body, small {
+}
+td, th {
+}
+textarea, pre {
+font-family: monospace;
+}
+
+/* page body formatting */
+body {
+    color:  #000000;
+    background-color: #ffffff;
+}
+body.sqm_leftMain {
+    color:  #000000;
+    background-color: #a0b8c8;
+    text-align: left;
+}
+
+/* right links */
+a:link, a:visited, a:hover, a:active {
+    color: #0000cc;
+}
+
+/* left links */
+.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
+    color:  #000000;
+}
+.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
+    color:  #770000;
+}
+.leftrecent {
+    font-weight:bold;
+}
+.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
+    color:  #002266;
+}
+
+/* highlighted texts */
+.highlight {
+    color:  #002266;
+}
+
+/* left_main.tpl definitions */
+.sqm_wrapperTable   {
+    border:0;
+    padding:0;
+    margin-left:0;
+    border-spacing:0;
+    width:99%
+}
+sqm_leftMain table {
+    border:0;
+    padding:0;
+    margin:0;
+    border-spacing:0;
+}
+.sqm_folderHeader {
+    font-size:18px;
+    font-weight:bold;
+    text-align:center;
+}
+.sqm_clock {
+}
+.sqm_lastRefreshTime {
+    white-space: nowrap;
+}
+.sqm_refreshButton {
+}
+
+/* formating of error template */
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
+}
+
+.error_list {
+}
+.error_table {
+    color: #ff0000;
+    border: 2px solid #dcdcdc;
+    background-color: #a0b8c8;
+    width: 100%;
+}
+.error_thead {
+    background-color: #666666;
+}
+.error_thead_caption {
+    background-color: #666666;
+}
+.error_row {
+    color: #ff0000;
+}
+.error_val {
+    color: #000000;
+    width: 80%;
+    border: 2px solid #dcdcdc;
+
+}
+.error_key {
+    width: 20%;
+    border: 2px solid #dcdcdc;
+    color: #ff0000;
+    font-weight: bold;
+    font-style: italic;
+    background-color: #dcdcdc;
+}
+
+/* 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 #dcdcdc;
+    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: #dcdcdc;
+    width:350px;
+    border:0;
+}
+.sqm_loginFieldName {
+    text-align:right;
+    width:30%;
+}
+.sqm_loginFieldInput {
+    text-align:left;
+}
+.sqm_loginSubmit {
+    text-align:center;
+}
+
+/* note.tpl defs */
+.sqm_noteWrapper {
+    text-align:center;
+    width:100%;
+}
+.sqm_note {
+    margin-left:auto;
+    margin-right:auto;
+    font-weight:bold;
+    text-align:center;
+}
+
+/* motd.tpl defs */
+.sqm_motdWrapper {
+    text-align:center;
+    width:100%;
+    margin:1px;
+}
+.sqm_motd {
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+    background: #ababab;
+    width:70%;
+    padding:0;
+}
+.sqm_motd td {
+    text-align:center;
+    background: #ffffff;
+    padding:5px;
+}
+
+/* empty_folder.tpl defs */
+.sqm_emptyFolderWrapper {
+    text-align:center;
+    width:100%;
+}
+.sqm_emptyFolder {
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+    background: #ababab;
+    padding:1px;
+    width:100%;
+}
+.sqm_emptyFolder td {
+    text-align:center;
+    background: #ffffff;
+    padding-top:15px;
+    padding-bottom:15px;
+}
+
+/* error_box.tpl definitions */
+.table_errorBoxWrapper   {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #ababab;
+}
+
+.table_errorBox  {
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #dcdcdc;
+}
+.error_header {
+    color: red;
+    font-weight:bold;
+    font-weight:bold;
+    font-style:normal;
+}
+.error_message {
+    background: #ffffff;
+}
+
+/* error_logout.tpl definitions */
+#sqm_errorLogout {
+    width:100%;
+    text-align:center;
+}
+#sqm_errorLogout table {
+    border:0;
+    margin:0;
+    padding:0;
+    border-spacing:0;
+    margin-left:auto;
+    margin-right:auto;
+}
+#sqm_errorLogout td {
+    padding:2px;
+}
+.sqm_errorLogoutImage {
+    margin-left:auto;
+    margin-right:auto;
+    padding:2px;
+}
+.sqm_errorLogoutTop {
+    text-align:center;
+    font-size:80%;
+}
+
+/* page_header.tpl definitions */
+.sqm_currentFolder	{
+    background: #ababab;
+    padding:2px;
+    text-align: left;
+}
+.sqm_headerSignout	{
+    background: #ababab;
+    padding:2px;
+    text-align: right;
+    font-weight:bold;
+}
+.sqm_topNavigation	{
+    padding:2px;
+    text-align: left;
+}
+.sqm_providerInfo	{
+    padding:2px;
+    text-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: #ababab;
+}
+
+.table_messageList	{
+    width:100%;
+    padding:0;
+    border-spacing:0;
+    border:0;
+    text-align:center;
+    margin-left:auto;
+    margin-right:auto;
+    background: #ffffcc;
+}
+
+.table_messageList	a	{
+    white-space:nowrap;
+}
+
+.table_messageList	tr.headerRow	{
+    text-align: left;
+    white-space:nowrap;
+    font-weight:bold;
+}
+.table_messageList td.spacer {
+    height:1px;
+    background: #dcdcdc;
+}
+
+.table_messageList	tr		{
+    vertical-align:top;
+}
+.table_messageList	tr.even	{
+    background: #ededed;
+}
+.table_messageList	tr.odd	{
+    background: #ffffff;
+}
+.table_messageList	tr.mouse_over	{
+    background: #ffffcc;
+}
+.table_messageList	tr.clicked	{
+    background: #ff9933;
+}
+
+.table_messageList	td	{
+    white-space:nowrap;
+}
+.table_messageList	td.col_check	{
+    text-align: left;
+}
+.table_messageList	td.col_subject	{
+    text-align: left;
+}
+.table_messageList	td.col_flags	{
+    text-align: left;
+}
+.table_messageList	td.col_date	{
+    text-align:center;
+}
+.table_messageList	td.col_text	{
+    text-align: left;
+}
+
+.unread		{
+    font-weight:bold;
+}
+.deleted	{
+    color: #ababab;
+}
+.flagged	{
+    color: #cc0000;
+}
+.high_priority	{
+    color: #800000;
+}
+.low_priority	{
+    color: #000000;
+}
+
+.col_checked	{
+}
+
+.links_paginator			{
+    text-align: left;
+}
+
+.message_count				{
+    text-align:right;
+    font-size:8pt;
+}
+
+.message_list_controls {
+    background: #dcdcdc;
+}
+
+.message_control_button {
+    padding:0px;
+    margin:0px;
+}
+.message_control_buttons {
+    text-align: left;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_delete {
+    text-align: right;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+.message_control_move {
+    text-align: right;
+    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
+}
+
+.spacer	{
+    height:5px;
+    background: #ffffff;
+}

templates/default_advanced/css/squirrelmail.css

@@ -0,0 +1,36 @@
+.thead_caption {
+    font-weight: bold;
+    text-align: center;
+}
+
+.error_list {
+}
+.error_table {
+    color: #FF0000;
+    border: 2px solid #dcdcdc;
+    background-color: #a0b8c8;
+    width: 100%;
+}
+.error_thead {
+    background-color: #666666;
+}
+.error_thead_caption {
+    background-color: #666666;
+}
+.error_row {
+    color: #FF0000;
+}
+.error_val {
+    color: #000000;
+    width: 80%;
+    border: 2px solid #dcdcdc;
+
+}
+.error_key {
+    width: 20%;
+    border: 2px solid #dcdcdc;
+    color: #FF0000;
+    font-weight: bold;
+    font-style: italic;
+    background-color: #dcdcdc;
+}

templates/default_advanced/css/stylesheet_advanced.css

@@ -0,0 +1,178 @@
+<?php
+
+/**
+
+FIXME!!  This was a .tpl file needs to be changed to css file!!
+
+ * SquirrelMail CSS template for additional definitions needed by the advanced
+ * 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);
+?>
+/* advacned login page defs */
+#sqm_login  {
+    margin-top: 25px;
+    text-align: center;
+}
+
+#sqm_login  table   {
+    border: 0;
+    padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    width: auto;
+}
+
+#sqm_login  td   {
+    padding-left: 2px;
+    padding-right: 2px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    color: #726b58;
+    font-family: verdana, sans-serif;
+    width: auto;
+    text-align: center;
+}
+
+#sqm_login  td.orgName {
+    font-weight: bold;
+    background: none;
+    font-size: 90%;
+}
+
+#sqm_login  td.orgLogo {
+    width: 155px;
+    text-align: center;
+    vertical-align: center;
+}
+
+#sqm_login  td.orgLogo  img {
+    width: 150px;
+    padding:0;
+}
+
+#sqm_login  td.attr   {
+    font-size: 70%;
+    padding-top:5px;
+    padding-bottom: 10px;
+}
+
+#sqm_login  td.fieldName {
+    font-size: 10pt;
+    font-weight: bold;
+    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
+    width: 50%;
+}
+
+#sqm_login  td.fieldInput {
+    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+#sqm_login  td.loginSubmit {
+    padding-top: 15px;
+}
+
+#sqm_login  input.input {
+    font-size: 80%;
+    color: #110f08;
+    border: 1px solid #726b58;
+    padding: 1px;
+    background: url(<?php echo $icon_theme_path; ?>/login2.png) repeat-y;
+    width: 160px;
+}
+
+/* advanced option order defs */
+#optionHighlight    td.divider  {
+    border-top: 1px solid <?php echo $color[0]; ?>;
+    border-bottom: 1px solid <?php echo $color[0]; ?>;
+    background: <?php echo $color[0]; ?>;
+    font-weight: bold;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+/* advanced message editing defs */
+#colorSample    {
+    width: 50px;
+    padding-left:10px;
+}
+
+#optionHighlightAdd table.colorTable   {
+    margin-left: 0;
+    margin-top: 2px;
+}
+
+#optionHighlightAdd td.fieldValue   {
+    font-size: 75%;
+    font-weight: bold;
+}
+
+/* Advanced Tree definitions */
+.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;
+}