templates/default/stylesheet.tpl

   1 <?php
   2 /**
   3  * SquirrelMail CSS template
   4  *
   5  * Template is used by style.php script to generate css file used by
   6  * SquirrelMail scripts.
   7  *
   8  * Available constants
   9  *
  10  * Color codes used by selected theme:
  11  * <ul>
  12  *   <li>SQM_BACKGROUND - background color
  13  *   <li>SQM_BACKGROUND_LEFT - background of folder tree
  14  *   <li>SQM_TEXT_STANDARD - text color
  15  *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
  16  *   <li>SQM_LINK - color of links
  17  *   <li>SQM_LINK_LEFT - color of links in folder tree
  18  *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
  19  *   <li>todo: other constants should be documented here
  20  * </ul>
  21  *
  22  * Optional template variables
  23  * <ul>
  24  *   <li>fontfamily - string with list of fonts used by selected style.
  25  *   <li>fontsize - integer with selected font size value.
  26  * </ul>
  27  * Variables are set to empty string, when value is not set.
  28  *
  29  * @copyright &copy; 2005-2006 The SquirrelMail Project Team
  30  * @license http://opensource.org/licenses/gpl-license.php GNU Public License
  31  * @version $Id$
  32  * @package squirrelmail
  33  * @subpackage templates
  34  */
  35
  36 /* retrieve the template vars */
  37 extract($t);
  38
  39 ?>
  40 /* older css template */
  41 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  42 <?php
  43 if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
  44 ?>
  45 }
  46 body, small {
  47 <?php
  48 if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
  49 ?>
  50 }
  51 td, th {
  52 <?php
  53 if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
  54 ?>
  55 }
  56 textarea, pre {
  57 font-family: monospace;
  58 <?php
  59 if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
  60 ?>
  61 }
  62
  63 /* page body formatting */
  64 body {
  65     color:  <?php echo SQM_TEXT_STANDARD; ?>;
  66     background-color: <?php echo SQM_BACKGROUND; ?>;
  67 }
  68 body.leftmain {
  69     color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
  70     background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
  71     text-align: left;
  72 }
  73
  74 /* right links */
  75 a:link, a:visited, a:hover, a:active {
  76     color: <?php echo SQM_LINK; ?>;
  77 }
  78
  79 /* left links */
  80 .leftmain a:link, .leftmain a:visited, .leftmain a:hover, .leftmain a:active {
  81     color:  <?php echo SQM_LINK_LEFT; ?>;
  82 }
  83 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  84     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  85 }
  86 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  87     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  88 }
  89
  90 /* highlighted texts */
  91 .highlight {
  92     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  93 }
  94
  95 /* left_main.tpl definitions */
  96 .sqm_wrapperTable   {
  97     border:0;
  98     padding:0;
  99     margin-left:0;
 100     border-spacing:0;
 101     width:99%
 102 }
 103 .leftmain table {
 104     border:0;
 105     padding:0;
 106     margin:0;
 107     border-spacing:0;
 108 }
 109 .sqm_folderHeader {
 110     font-size:18px;
 111     font-weight:bold;
 112     text-align:center;
 113 }
 114 .sqm_clock {
 115 }
 116 .sqm_lastRefreshTime {
 117     white-space: nowrap;
 118 }
 119 .sqm_refreshButton {
 120 }
 121
 122 /* formating of error template */
 123 .thead_caption {
 124     font-weight: bold;
 125     text-align: center;
 126 }
 127
 128 .error_list {
 129 }
 130 .error_table {
 131     color: <?php echo $color[14]; ?>;
 132     border: 2px solid <?php echo $color[0]; ?>;
 133     background-color: <?php echo $color[3]; ?>;
 134     width: 100%;
 135 }
 136 .error_thead {
 137     background-color: <?php echo $color[10]; ?>;
 138 }
 139 .error_thead_caption {
 140     background-color: <?php echo $color[10]; ?>;
 141 }
 142 .error_row {
 143     color: <?php echo $color[14]; ?>;
 144 }
 145 .error_val {
 146     color: <?php echo $color[8]; ?>;
 147     width: 80%;
 148     border: 2px solid <?php echo $color[0]; ?>;
 149
 150 }
 151 .error_key {
 152     width: 20%;
 153     border: 2px solid <?php echo $color[0]; ?>;
 154     color: <?php echo $color[14]; ?>;
 155     font-weight: bold;
 156     font-style: italic;
 157     background-color: <?php echo $color[0]; ?>;
 158 }
 159
 160 /* form fields */
 161 input.sqmtextfield{
 162 }
 163 input.sqmpwfield {
 164 }
 165 input.sqmcheckbox {
 166 }
 167 input.sqmradiobox {
 168 }
 169 input.sqmhiddenfield {
 170 }
 171 input.sqmsubmitfield {
 172 }
 173 input.sqmresetfield {
 174 }
 175 input.sqmtextarea {
 176 }
 177
 178 /* basic definitions */
 179 .table_empty {
 180     width:100%;
 181     border:0;
 182     margin:0;
 183     padding:0;
 184     border-spacing:0;
 185 }
 186
 187 .table_standard {
 188     width:100%;
 189     border:1px solid <?php echo $color[0]; ?>;
 190     padding:0;
 191     margin:0;
 192     border-spacing:0;
 193 }
 194
 195 em              {
 196     font-weight:bold;
 197     font-style:normal;
 198 }
 199
 200 small   {
 201     font-size:80%;
 202 }
 203
 204 /* login.tpl definitions */
 205 #sqm_login table {
 206     border:0;
 207     margin:0;
 208     padding:0;
 209     border-spacing:0;
 210     margin-left:auto;
 211     margin-right:auto;
 212 }
 213 #sqm_login td {
 214     padding:2px;
 215 }
 216
 217 .sqm_loginImage {
 218     margin-left:auto;
 219     margin-right:auto;
 220     border:0;
 221     padding:2px;
 222 }
 223 .sqm_loginTop {
 224     text-align:center;
 225     font-size:80%;
 226 }
 227 .sqm_loginOrgName {
 228     font-weight:bold;
 229     text-align:center;
 230     background: <?php echo $color[0]; ?>;
 231     width:350px;
 232     border:0;
 233 }
 234 .sqm_loginFieldName {
 235     text-align:right;
 236     width:30%;
 237 }
 238 .sqm_loginFieldInput {
 239     text-align:left;
 240 }
 241 .sqm_loginSubmit {
 242     text-align:center;
 243 }
 244
 245 /* page_header.tpl definitions */
 246 .sqm_currentFolder      {
 247     background: <?php echo $color[9]; ?>;
 248     padding:2px;
 249     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 250 }
 251 .sqm_headerSignout      {
 252     background: <?php echo $color[9]; ?>;
 253     padding:2px;
 254     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 255     font-weight:bold;
 256 }
 257 .sqm_topNavigation      {
 258     padding:2px;
 259     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 260 }
 261 .sqm_providerInfo       {
 262     padding:2px;
 263     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 264 }
 265
 266 /* message_list.tpl definitions */
 267 .table_messageListWrapper       {
 268     width:100%;
 269     padding:0;
 270     border-spacing:0;
 271     border:0;
 272     text-align:center;
 273     margin-left:auto;
 274     margin-right:auto;
 275     background: <?php echo $color[9]; ?>;
 276 }
 277
 278 .table_messageList      {
 279     width:100%;
 280     padding:0;
 281     border-spacing:0;
 282     border:0;
 283     text-align:center;
 284     margin-left:auto;
 285     margin-right:auto;
 286     background: <?php echo $color[5]; ?>;
 287 }
 288
 289 .table_messageList      a       {
 290     white-space:nowrap;
 291 }
 292
 293 .table_messageList      tr.headerRow    {
 294     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 295     white-space:nowrap;
 296     font-weight:bold;
 297 }
 298 .table_messageList td.spacer {
 299     height:1px;
 300     background: <?php echo $color[0]; ?>;
 301 }
 302
 303 .table_messageList      tr              {
 304     vertical-align:top;
 305 }
 306 .table_messageList      tr.even {
 307     background: <?php echo $color[12]; ?>;
 308 }
 309 .table_messageList      tr.odd  {
 310     background: <?php echo $color[4]; ?>;
 311 }
 312 .table_messageList      tr.mouse_over   {
 313     background: <?php echo $color[5]; ?>;
 314 }
 315 .table_messageList      tr.clicked      {
 316     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 317 }
 318
 319 .table_messageList      td      {
 320     white-space:nowrap;
 321 }
 322 .table_messageList      td.col_check    {
 323     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 324 }
 325 .table_messageList      td.col_subject  {
 326     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 327 }
 328 .table_messageList      td.col_flags    {
 329     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 330 }
 331 .table_messageList      td.col_date     {
 332     text-align:center;
 333 }
 334 .table_messageList      td.col_text     {
 335     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 336 }
 337
 338 .unread         {
 339     font-weight:bold;
 340 }
 341 .deleted        {
 342     color: <?php echo $color[9]; ?>;
 343 }
 344 .flagged        {
 345     color: <?php echo $color[2]; ?>;
 346 }
 347 .high_priority  {
 348     color: <?php echo $color[1]; ?>;
 349 }
 350 .low_priority   {
 351     color: <?php echo $color[8]; ?>;
 352 }
 353
 354 .col_checked    {
 355 }
 356
 357 .links_paginator                        {
 358     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 359 }
 360
 361 .message_count                          {
 362     text-align:right;
 363     font-size:8pt;
 364 }
 365
 366 .message_list_controls {
 367     background: <? echo $color[0]; ?>;
 368 }
 369
 370 .message_control_button {
 371     padding:0px;
 372     margin:0px;
 373 }
 374 .message_control_buttons {
 375     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 376     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 377 }
 378 .message_control_delete {
 379     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 380     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 381 }
 382 .message_control_move {
 383     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 384     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 385 }
 386
 387 .spacer {
 388     height:5px;
 389     background: <?php echo $color[4]; ?>;
 390 }
 391
 392