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
  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 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  85     color:  <?php echo SQM_TEXT_SPECIAL; ?>;
  86 }
  87 .leftrecent {
  88     font-weight:bold;
  89 }
  90 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  91     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  92 }
  93
  94 /* highlighted texts */
  95 .highlight {
  96     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  97 }
  98
  99 /* left_main.tpl definitions */
 100 .sqm_wrapperTable   {
 101     border:0;
 102     padding:0;
 103     margin-left:0;
 104     border-spacing:0;
 105     width:99%
 106 }
 107 sqm_leftMain table {
 108     border:0;
 109     padding:0;
 110     margin:0;
 111     border-spacing:0;
 112 }
 113 .sqm_folderHeader {
 114     font-size:18px;
 115     font-weight:bold;
 116     text-align:center;
 117 }
 118 .sqm_clock {
 119 }
 120 .sqm_lastRefreshTime {
 121     white-space: nowrap;
 122 }
 123 .sqm_refreshButton {
 124 }
 125
 126 /* formating of error template */
 127 .thead_caption {
 128     font-weight: bold;
 129     text-align: center;
 130 }
 131
 132 .error_list {
 133 }
 134 .error_table {
 135     color: <?php echo $color[14]; ?>;
 136     border: 2px solid <?php echo $color[0]; ?>;
 137     background-color: <?php echo $color[3]; ?>;
 138     width: 100%;
 139 }
 140 .error_thead {
 141     background-color: <?php echo $color[10]; ?>;
 142 }
 143 .error_thead_caption {
 144     background-color: <?php echo $color[10]; ?>;
 145 }
 146 .error_row {
 147     color: <?php echo $color[14]; ?>;
 148 }
 149 .error_val {
 150     color: <?php echo $color[8]; ?>;
 151     width: 80%;
 152     border: 2px solid <?php echo $color[0]; ?>;
 153
 154 }
 155 .error_key {
 156     width: 20%;
 157     border: 2px solid <?php echo $color[0]; ?>;
 158     color: <?php echo $color[14]; ?>;
 159     font-weight: bold;
 160     font-style: italic;
 161     background-color: <?php echo $color[0]; ?>;
 162 }
 163
 164 /* form fields */
 165 input.sqmtextfield{
 166 }
 167 input.sqmpwfield {
 168 }
 169 input.sqmcheckbox {
 170 }
 171 input.sqmradiobox {
 172 }
 173 input.sqmhiddenfield {
 174 }
 175 input.sqmsubmitfield {
 176 }
 177 input.sqmresetfield {
 178 }
 179 input.sqmtextarea {
 180 }
 181
 182 /* basic definitions */
 183 .table_empty {
 184     width:100%;
 185     border:0;
 186     margin:0;
 187     padding:0;
 188     border-spacing:0;
 189 }
 190
 191 .table_standard {
 192     width:100%;
 193     border:1px solid <?php echo $color[0]; ?>;
 194     padding:0;
 195     margin:0;
 196     border-spacing:0;
 197 }
 198
 199 em              {
 200     font-weight:bold;
 201     font-style:normal;
 202 }
 203
 204 small   {
 205     font-size:80%;
 206 }
 207 img   {
 208     border:0;
 209 }
 210
 211 /* login.tpl definitions */
 212 #sqm_login table {
 213     border:0;
 214     margin:0;
 215     padding:0;
 216     border-spacing:0;
 217     margin-left:auto;
 218     margin-right:auto;
 219 }
 220 #sqm_login td {
 221     padding:2px;
 222 }
 223
 224 .sqm_loginImage {
 225     margin-left:auto;
 226     margin-right:auto;
 227     padding:2px;
 228 }
 229 .sqm_loginTop {
 230     text-align:center;
 231     font-size:80%;
 232 }
 233 .sqm_loginOrgName {
 234     font-weight:bold;
 235     text-align:center;
 236     background: <?php echo $color[0]; ?>;
 237     width:350px;
 238     border:0;
 239 }
 240 .sqm_loginFieldName {
 241     text-align:right;
 242     width:30%;
 243 }
 244 .sqm_loginFieldInput {
 245     text-align:left;
 246 }
 247 .sqm_loginSubmit {
 248     text-align:center;
 249 }
 250
 251 /* page_header.tpl definitions */
 252 .sqm_currentFolder      {
 253     background: <?php echo $color[9]; ?>;
 254     padding:2px;
 255     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 256 }
 257 .sqm_headerSignout      {
 258     background: <?php echo $color[9]; ?>;
 259     padding:2px;
 260     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 261     font-weight:bold;
 262 }
 263 .sqm_topNavigation      {
 264     padding:2px;
 265     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 266 }
 267 .sqm_providerInfo       {
 268     padding:2px;
 269     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 270 }
 271
 272 /* message_list.tpl definitions */
 273 .table_messageListWrapper       {
 274     width:100%;
 275     padding:0;
 276     border-spacing:0;
 277     border:0;
 278     text-align:center;
 279     margin-left:auto;
 280     margin-right:auto;
 281     background: <?php echo $color[9]; ?>;
 282 }
 283
 284 .table_messageList      {
 285     width:100%;
 286     padding:0;
 287     border-spacing:0;
 288     border:0;
 289     text-align:center;
 290     margin-left:auto;
 291     margin-right:auto;
 292     background: <?php echo $color[5]; ?>;
 293 }
 294
 295 .table_messageList      a       {
 296     white-space:nowrap;
 297 }
 298
 299 .table_messageList      tr.headerRow    {
 300     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 301     white-space:nowrap;
 302     font-weight:bold;
 303 }
 304 .table_messageList td.spacer {
 305     height:1px;
 306     background: <?php echo $color[0]; ?>;
 307 }
 308
 309 .table_messageList      tr              {
 310     vertical-align:top;
 311 }
 312 .table_messageList      tr.even {
 313     background: <?php echo $color[12]; ?>;
 314 }
 315 .table_messageList      tr.odd  {
 316     background: <?php echo $color[4]; ?>;
 317 }
 318 .table_messageList      tr.mouse_over   {
 319     background: <?php echo $color[5]; ?>;
 320 }
 321 .table_messageList      tr.clicked      {
 322     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 323 }
 324
 325 .table_messageList      td      {
 326     white-space:nowrap;
 327 }
 328 .table_messageList      td.col_check    {
 329     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 330 }
 331 .table_messageList      td.col_subject  {
 332     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 333 }
 334 .table_messageList      td.col_flags    {
 335     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 336 }
 337 .table_messageList      td.col_date     {
 338     text-align:center;
 339 }
 340 .table_messageList      td.col_text     {
 341     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 342 }
 343
 344 .unread         {
 345     font-weight:bold;
 346 }
 347 .deleted        {
 348     color: <?php echo $color[9]; ?>;
 349 }
 350 .flagged        {
 351     color: <?php echo $color[2]; ?>;
 352 }
 353 .high_priority  {
 354     color: <?php echo $color[1]; ?>;
 355 }
 356 .low_priority   {
 357     color: <?php echo $color[8]; ?>;
 358 }
 359
 360 .col_checked    {
 361 }
 362
 363 .links_paginator                        {
 364     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 365 }
 366
 367 .message_count                          {
 368     text-align:right;
 369     font-size:8pt;
 370 }
 371
 372 .message_list_controls {
 373     background: <?php echo $color[0]; ?>;
 374 }
 375
 376 .message_control_button {
 377     padding:0px;
 378     margin:0px;
 379 }
 380 .message_control_buttons {
 381     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 382     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 383 }
 384 .message_control_delete {
 385     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 386     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 387 }
 388 .message_control_move {
 389     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 390     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 391 }
 392
 393 .spacer {
 394     height:5px;
 395     background: <?php echo $color[4]; ?>;
 396 }
 397
 398