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 /* note.tpl defs */
 252 .sqm_noteWrapper {
 253     text-align:center;
 254     width:100%;
 255 }
 256 .sqm_note {
 257     margin-left:auto;
 258     margin-right:auto;
 259     font-weight:bold;
 260     text-align:center;
 261 }
 262
 263 /* motd.tpl defs */
 264 .sqm_motdWrapper {
 265     text-align:center;
 266     width:100%;
 267     margin:1px;
 268 }
 269 .sqm_motd {
 270     margin-left:auto;
 271     margin-right:auto;
 272     text-align:center;
 273     background: <?php echo $color[9]; ?>;
 274     width:70%;
 275     padding:0;
 276 }
 277 .sqm_motd td {
 278     text-align:center;
 279     background: <?php echo $color[4]; ?>;
 280     padding:5px;
 281 }
 282
 283 /* empty_folder.tpl defs */
 284 .sqm_emptyFolderWrapper {
 285     text-align:center;
 286     width:100%;
 287 }
 288 .sqm_emptyFolder {
 289     margin-left:auto;
 290     margin-right:auto;
 291     text-align:center;
 292     background: <?php echo $color[9]; ?>;
 293     padding:1;
 294     width:100%;
 295 }
 296 .sqm_emptyFolder td {
 297     text-align:center;
 298     background: <?php echo $color[4]; ?>;
 299     padding-top:15px;
 300     padding-bottom:15px;
 301 }
 302
 303 /* page_header.tpl definitions */
 304 .sqm_currentFolder      {
 305     background: <?php echo $color[9]; ?>;
 306     padding:2px;
 307     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 308 }
 309 .sqm_headerSignout      {
 310     background: <?php echo $color[9]; ?>;
 311     padding:2px;
 312     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 313     font-weight:bold;
 314 }
 315 .sqm_topNavigation      {
 316     padding:2px;
 317     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 318 }
 319 .sqm_providerInfo       {
 320     padding:2px;
 321     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 322 }
 323
 324 /* message_list.tpl definitions */
 325 .table_messageListWrapper       {
 326     width:100%;
 327     padding:0;
 328     border-spacing:0;
 329     border:0;
 330     text-align:center;
 331     margin-left:auto;
 332     margin-right:auto;
 333     background: <?php echo $color[9]; ?>;
 334 }
 335
 336 .table_messageList      {
 337     width:100%;
 338     padding:0;
 339     border-spacing:0;
 340     border:0;
 341     text-align:center;
 342     margin-left:auto;
 343     margin-right:auto;
 344     background: <?php echo $color[5]; ?>;
 345 }
 346
 347 .table_messageList      a       {
 348     white-space:nowrap;
 349 }
 350
 351 .table_messageList      tr.headerRow    {
 352     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 353     white-space:nowrap;
 354     font-weight:bold;
 355 }
 356 .table_messageList td.spacer {
 357     height:1px;
 358     background: <?php echo $color[0]; ?>;
 359 }
 360
 361 .table_messageList      tr              {
 362     vertical-align:top;
 363 }
 364 .table_messageList      tr.even {
 365     background: <?php echo $color[12]; ?>;
 366 }
 367 .table_messageList      tr.odd  {
 368     background: <?php echo $color[4]; ?>;
 369 }
 370 .table_messageList      tr.mouse_over   {
 371     background: <?php echo $color[5]; ?>;
 372 }
 373 .table_messageList      tr.clicked      {
 374     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 375 }
 376
 377 .table_messageList      td      {
 378     white-space:nowrap;
 379 }
 380 .table_messageList      td.col_check    {
 381     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 382 }
 383 .table_messageList      td.col_subject  {
 384     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 385 }
 386 .table_messageList      td.col_flags    {
 387     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 388 }
 389 .table_messageList      td.col_date     {
 390     text-align:center;
 391 }
 392 .table_messageList      td.col_text     {
 393     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 394 }
 395
 396 .unread         {
 397     font-weight:bold;
 398 }
 399 .deleted        {
 400     color: <?php echo $color[9]; ?>;
 401 }
 402 .flagged        {
 403     color: <?php echo $color[2]; ?>;
 404 }
 405 .high_priority  {
 406     color: <?php echo $color[1]; ?>;
 407 }
 408 .low_priority   {
 409     color: <?php echo $color[8]; ?>;
 410 }
 411
 412 .col_checked    {
 413 }
 414
 415 .links_paginator                        {
 416     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 417 }
 418
 419 .message_count                          {
 420     text-align:right;
 421     font-size:8pt;
 422 }
 423
 424 .message_list_controls {
 425     background: <?php echo $color[0]; ?>;
 426 }
 427
 428 .message_control_button {
 429     padding:0px;
 430     margin:0px;
 431 }
 432 .message_control_buttons {
 433     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 434     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 435 }
 436 .message_control_delete {
 437     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 438     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 439 }
 440 .message_control_move {
 441     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 442     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 443 }
 444
 445 .spacer {
 446     height:5px;
 447     background: <?php echo $color[4]; ?>;
 448 }
 449
 450