/**
* 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:
* <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>
*
* </ul>
* Variables are set to empty string, when value is not set.
*
- * @copyright © 1999-2005 The SquirrelMail Project Team
+ * @copyright © 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]; ?>;
}
.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]; ?>;
+ 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;
- background-color: <?php echo $color[0]; ?>;
}
-/* form fields */
-input.sqmtextfield{
+.search span.mailbox {
+ font-weight: bold
}
-input.sqmpwfield {
+
+.search span.conditions {
+ font-weight: normal;
+ text-decoration: underline;
+ font-style: italic;
}
-input.sqmcheckbox {
+
+.search span.value {
+ font-weight: bold;
}
-input.sqmradiobox {
+
+.search span.error {
+ color: <?php echo $color[2]; ?>;
+ font-weight: bold;
+ font-size: 125%;
}
-input.sqmhiddenfield {
+
+.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;
}
-input.sqmsubmitfield {
+
+.search td.queryError {
+ color: <?php echo $color[2]; ?>;
+ font-weight: bold;
+ text-align: center;
+ padding: 4px;
}
-input.sqmresetfield {
+
+.search td.header1 input {
+ font-size: 80%;
+ margin: 2px;
+}
+
+.search h1 {
+ font-weight: bold;
+ font-size: 150%;
+ margin-top: 6px;
+ margin-bottom: 2px;
}
-input.sqmtextarea {
+
+.search h2 {
+ color: <?php echo $color[2]; ?>;
+ font-weight: bold;
+ text-align: center;
}
+