templates/default_advanced/stylesheet_advanced.tpl

   1 <?php
   2 /**
   3  * SquirrelMail CSS template for additional definitions needed by the advanced
   4  * template
   5  *
   6  * Template is used by style.php script to generate css file used by
   7  * SquirrelMail scripts.
   8  *
   9  * Available constants
  10  *
  11  * Color codes used by selected theme:
  12  * <ul>
  13  *   <li>SQM_BACKGROUND - background color
  14  *   <li>SQM_BACKGROUND_LEFT - background of folder tree
  15  *   <li>SQM_TEXT_STANDARD - text color
  16  *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
  17  *   <li>SQM_LINK - color of links
  18  *   <li>SQM_LINK_LEFT - color of links in folder tree
  19  *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
  20  *   <li>todo: other constants should be documented here
  21  * </ul>
  22  *
  23  * Optional template variables
  24  * <ul>
  25  *   <li>fontfamily - string with list of fonts used by selected style.
  26  *   <li>fontsize - integer with selected font size value.
  27  * </ul>
  28  * Variables are set to empty string, when value is not set.
  29  *
  30  * @copyright &copy; 2005-2006 The SquirrelMail Project Team
  31  * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  32  * @version $Id$
  33  * @package squirrelmail
  34  * @subpackage templates
  35  */
  36
  37 /* retrieve the template vars */
  38 extract($t);
  39 ?>
  40 /* advacned login page defs */
  41 #sqm_login  {
  42     margin-top: 25px;
  43     text-align: center;
  44 }
  45
  46 #sqm_login  table   {
  47     border: 0;
  48     padding: 0;
  49     margin-left: auto;
  50     margin-right: auto;
  51     width: auto;
  52 }
  53
  54 #sqm_login  td   {
  55     padding-left: 2px;
  56     padding-right: 2px;
  57     padding-top: 0px;
  58     padding-bottom: 0px;
  59     color: #726b58;
  60     font-family: verdana, sans-serif;
  61     width: auto;
  62     text-align: center;
  63 }
  64
  65 #sqm_login  td.orgName {
  66     font-weight: bold;
  67     background: none;
  68     font-size: 90%;
  69 }
  70
  71 #sqm_login  td.orgLogo {
  72     width: 155px;
  73     text-align: center;
  74     vertical-align: center;
  75 }
  76
  77 #sqm_login  td.orgLogo  img {
  78     width: 150px;
  79     padding:0;
  80 }
  81
  82 #sqm_login  td.attr   {
  83     font-size: 70%;
  84     padding-top:5px;
  85     padding-bottom: 10px;
  86 }
  87
  88 #sqm_login  td.fieldName {
  89     font-size: 10pt;
  90     font-weight: bold;
  91     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
  92     width: 50%;
  93 }
  94
  95 #sqm_login  td.fieldInput {
  96     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
  97     padding-top: 1px;
  98     padding-bottom: 1px;
  99 }
 100
 101 #sqm_login  td.loginSubmit {
 102     padding-top: 15px;
 103 }
 104
 105 #sqm_login  input.input {
 106     font-size: 80%;
 107     color: #110f08;
 108     border: 1px solid #726b58;
 109     padding: 1px;
 110     background: url(<?php echo $icon_theme_path; ?>/login2.png) repeat-y;
 111     width: 160px;
 112 }
 113
 114 /* advanced option order defs */
 115 #optionHighlight    td.divider  {
 116     border-top: 1px solid <?php echo $color[0]; ?>;
 117     border-bottom: 1px solid <?php echo $color[0]; ?>;
 118     background: <?php echo $color[0]; ?>;
 119     font-weight: bold;
 120     padding-top: 2px;
 121     padding-bottom: 2px;
 122 }
 123
 124 /* advanced message editing defs */
 125 #colorSample    {
 126     width: 50px;
 127     padding-left:10px;
 128 }
 129
 130 #optionHighlightAdd table.colorTable   {
 131     margin-left: 0;
 132     margin-top: 2px;
 133 }
 134
 135 #optionHighlightAdd td.fieldValue   {
 136     font-size: 75%;
 137     font-weight: bold;
 138 }
 139
 140 /* Advanced Tree definitions */
 141 .dtree {
 142        font-size:11px;
 143        white-space:nowrap;
 144 }
 145 .dtree p {
 146     margin-top:12px;
 147     margin-bottom:2px;
 148     padding-bottom:4px;
 149     text-align:center;
 150     overflow: hidden;
 151 }
 152 .dtree a:hover {
 153     text-decoration: underline;
 154 }
 155 .dtree a {
 156     text-decoration:none;
 157 }
 158 .dtree img {
 159     border:0;
 160     vertical-align: middle;
 161 }
 162 .dtree a.node, .dtree a.nodeSel {
 163     white-space: nowrap;
 164     padding: 1px 2px 1px 2px;
 165 }
 166 .dtree a.node:hover, .dtree a.nodeSel:hover {
 167     color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 168 }
 169 .dtree a.nodeSel {
 170     color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
 171 }
 172 .dtree .clip {
 173     overflow: hidden;
 174 }