templates/default/stylesheet.tpl

   1 <?php
   2
   3 /**
   4  * SquirrelMail CSS 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 //return false;
  40 ?>
  41 /* older css template */
  42 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  43 <?php
  44 if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
  45 ?>
  46 }
  47 body, small {
  48 <?php
  49 if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
  50 ?>
  51 }
  52 td, th {
  53 <?php
  54 if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
  55 ?>
  56 }
  57 textarea, pre {
  58 font-family: monospace;
  59 <?php
  60 if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
  61 ?>
  62 }
  63
  64 /* page body formatting */
  65 body {
  66     color:  <?php echo SQM_TEXT_STANDARD; ?>;
  67     background-color: <?php echo SQM_BACKGROUND; ?>;
  68 }
  69 body.sqm_leftMain {
  70     color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
  71     background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
  72     text-align: left;
  73 }
  74
  75 /* right links */
  76 a:link, a:visited, a:hover, a:active {
  77     color: <?php echo SQM_LINK; ?>;
  78 }
  79
  80 /* left links */
  81 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
  82     color:  <?php echo SQM_LINK_LEFT; ?>;
  83 }
  84
  85 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  86     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  87 }
  88
  89 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  90     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  91 }
  92
  93 /* highlighted texts */
  94 .highlight {
  95     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  96 }
  97
  98 .error_table {
  99     color: <?php echo $color[14]; ?>;
 100     border: 2px solid <?php echo $color[0]; ?>;
 101     background-color: <?php echo $color[3]; ?>;
 102 }
 103 .error_thead {
 104     background-color: <?php echo $color[10]; ?>;
 105 }
 106 .error_thead_caption {
 107     background-color: <?php echo $color[10]; ?>;
 108 }
 109 .error_row {
 110     color: <?php echo $color[14]; ?>;
 111 }
 112 .error_val {
 113     color: <?php echo $color[8]; ?>;
 114     border: 2px solid <?php echo $color[0]; ?>;
 115
 116 }
 117 .error_key {
 118     border: 2px solid <?php echo $color[0]; ?>;
 119     color: <?php echo $color[14]; ?>;
 120     background-color: <?php echo $color[0]; ?>;
 121 }
 122
 123
 124 td.header1  {
 125     background: <?php echo $color[0]; ?>;
 126     text-align: center;
 127     font-weight: bold;
 128 }
 129
 130
 131 td.header2  {
 132     background: <?php echo $color[9]; ?>;
 133     text-align: center;
 134     font-weight: bold;
 135     padding-top: 4px;
 136     padding-bottom: 4px;
 137 }
 138
 139 .table_standard {
 140     border:1px solid <?php echo $color[0]; ?>;
 141 }
 142
 143 .sqm_loginOrgName, .sqm_signoutBar {
 144     background: <?php echo $color[0]; ?>;
 145 }
 146
 147 .sqm_signout {
 148     margin-top: 2em;
 149     text-align: center;
 150 }
 151
 152 .sqm_motd {
 153     background: <?php echo $color[9]; ?>;
 154 }
 155 .sqm_motd td {
 156     background: <?php echo $color[4]; ?>;
 157 }
 158
 159 /* empty_folder.tpl defs */
 160 .sqm_emptyFolder {
 161     background: <?php echo $color[9]; ?>;
 162 }
 163 .sqm_emptyFolder td {
 164     background: <?php echo $color[4]; ?>;
 165 }
 166
 167 /* error_box.tpl definitions */
 168 .table_errorBoxWrapper   {
 169     background: <?php echo $color[9]; ?>;
 170 }
 171
 172 .table_errorBox  {
 173     background: <?php echo $color[0]; ?>;
 174 }
 175 .error_message {
 176     background: <?php echo $color[4]; ?>;
 177 }
 178
 179 /* page_header.tpl definitions */
 180 .sqm_currentFolder      {
 181     background: <?php echo $color[9]; ?>;
 182     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 183 }
 184 .sqm_headerSignout      {
 185     background: <?php echo $color[9]; ?>;
 186     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 187 }
 188 .sqm_topNavigation      {
 189     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 190 }
 191 .sqm_providerInfo       {
 192     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 193 }
 194
 195 /* message_list.tpl definitions */
 196 .table_messageListWrapper       {
 197     background: <?php echo $color[9]; ?>;
 198 }
 199
 200 .table_messageList      {
 201     background: <?php echo $color[5]; ?>;
 202 }
 203
 204 .table_messageList      tr.headerRow    {
 205     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 206 }
 207 .table_messageList td.spacer {
 208     background: <?php echo $color[0]; ?>;
 209 }
 210 .table_messageList      tr.even {
 211     background: <?php echo $color[12]; ?>;
 212 }
 213 .table_messageList      tr.odd  {
 214     background: <?php echo $color[4]; ?>;
 215 }
 216 .table_messageList      tr.mouse_over   {
 217     background: <?php echo $color[5]; ?>;
 218 }
 219 .table_messageList      tr.clicked      {
 220     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 221 }
 222 .table_messageList      td.col_check    {
 223     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 224 }
 225 .table_messageList      td.col_subject  {
 226     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 227 }
 228 .table_messageList      td.col_flags    {
 229     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 230 }
 231 .table_messageList      td.col_text     {
 232     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 233 }
 234 .deleted        {
 235     color: <?php echo $color[9]; ?>;
 236 }
 237 .flagged        {
 238     color: <?php echo $color[2]; ?>;
 239 }
 240 .high_priority  {
 241     color: <?php echo $color[1]; ?>;
 242 }
 243 .low_priority   {
 244     color: <?php echo $color[8]; ?>;
 245 }
 246
 247 .links_paginator                        {
 248     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 249 }
 250
 251 .message_list_controls {
 252     background: <?php echo $color[0]; ?>;
 253 }
 254
 255 .message_control_buttons {
 256     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 257 }
 258 .message_control_delete {
 259     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 260 }
 261 .message_control_move {
 262     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 263 }
 264
 265 .spacer {
 266     background: <?php echo $color[4]; ?>;
 267 }
 268
 269 /* folder_manip.tpl defs */
 270 #folderManip   {
 271     text-align:center;
 272 }
 273
 274 #folderManip   td  {
 275     text-align: center;
 276     padding: 2px;
 277 }
 278
 279 #folderManip   table   {
 280     margin-left: auto;
 281     margin-right: auto;
 282     padding-top: 8px;
 283     padding-bottom: 8px;
 284     border: 0;
 285     width: 70%;
 286 }
 287
 288 #folderManip   table.wrapper   {
 289     border: 1px solid <?php echo $color[0]; ?>;
 290     width: 95%;
 291     margin-left: auto;
 292     margin-right: auto;
 293     padding: 0;
 294 }
 295
 296 #folderManip   td.folderAction {
 297     background: <?php echo $color[0]; ?>;
 298 }
 299
 300 #folderManip    div {
 301     margin-left: auto;
 302     margin-right: auto;
 303     width: 80%;
 304     text-align: left;
 305 }