Add vCard template
[squirrelmail.git] / templates / default / stylesheet.tpl
index ff073b320b4bfa8ac74bf2f5d1621b64901a9507..6f57fa0b8d8f95a5a77396ae15f5dc09882198e1 100644 (file)
@@ -1,5 +1,4 @@
 <?php
-
 /**
  * SquirrelMail CSS template
  *
@@ -120,6 +119,41 @@ a:link, a:visited, a:hover, a:active {
     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]; ?>;
@@ -127,15 +161,28 @@ td.header1  {
     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;
 }
 
+tr.even {
+    background: <?php echo $color[12]; ?>;
+}
+tr.odd  {
+    background: <?php echo $color[4]; ?>;
+}
+
 .table_standard {
     border:1px solid <?php echo $color[0]; ?>;
 }
@@ -207,12 +254,6 @@ td.header2  {
 .table_messageList td.spacer {
     background: <?php echo $color[0]; ?>;
 }
-.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]; ?>;
 }
@@ -301,5 +342,415 @@ td.header2  {
     margin-left: auto;
     margin-right: auto;
     width: 80%;
-    text-align: left;
+    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; ?>;
 }
\ No newline at end of file