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 //return false;
  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.sqm_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 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
  81     color:  <?php echo SQM_LINK_LEFT; ?>;
  82 }
  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
  88 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  89     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  90 }
  91
  92 /* highlighted texts */
  93 .highlight {
  94     color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
  95 }
  96
  97 .error_table {
  98     color: <?php echo $color[14]; ?>;
  99     border: 2px solid <?php echo $color[0]; ?>;
 100     background-color: <?php echo $color[3]; ?>;
 101 }
 102 .error_thead {
 103     background-color: <?php echo $color[10]; ?>;
 104 }
 105 .error_thead_caption {
 106     background-color: <?php echo $color[10]; ?>;
 107 }
 108 .error_row {
 109     color: <?php echo $color[14]; ?>;
 110 }
 111 .error_val {
 112     color: <?php echo $color[8]; ?>;
 113     border: 2px solid <?php echo $color[0]; ?>;
 114
 115 }
 116 .error_key {
 117     border: 2px solid <?php echo $color[0]; ?>;
 118     color: <?php echo $color[14]; ?>;
 119     background-color: <?php echo $color[0]; ?>;
 120 }
 121
 122 table.table_empty, table.table_blank    {
 123     margin: 0;
 124     padding: 0;
 125     border: 0;
 126     width: 100%;
 127 }
 128
 129 td.header1  {
 130     background: <?php echo $color[0]; ?>;
 131     text-align: center;
 132     font-weight: bold;
 133 }
 134
 135
 136 td.header2  {
 137     background: <?php echo $color[9]; ?>;
 138     text-align: center;
 139     font-weight: bold;
 140     padding-top: 4px;
 141     padding-bottom: 4px;
 142 }
 143
 144 tr.even {
 145     background: <?php echo $color[12]; ?>;
 146 }
 147 tr.odd  {
 148     background: <?php echo $color[4]; ?>;
 149 }
 150
 151 .table_standard {
 152     border:1px solid <?php echo $color[0]; ?>;
 153 }
 154
 155 .sqm_loginOrgName, .sqm_signoutBar {
 156     background: <?php echo $color[0]; ?>;
 157 }
 158
 159 .sqm_signout {
 160     margin-top: 2em;
 161     text-align: center;
 162 }
 163
 164 .sqm_motd {
 165     background: <?php echo $color[9]; ?>;
 166 }
 167 .sqm_motd td {
 168     background: <?php echo $color[4]; ?>;
 169 }
 170
 171 /* empty_folder.tpl defs */
 172 .sqm_emptyFolder {
 173     background: <?php echo $color[9]; ?>;
 174 }
 175 .sqm_emptyFolder td {
 176     background: <?php echo $color[4]; ?>;
 177 }
 178
 179 /* error_box.tpl definitions */
 180 .table_errorBoxWrapper   {
 181     background: <?php echo $color[9]; ?>;
 182 }
 183
 184 .table_errorBox  {
 185     background: <?php echo $color[0]; ?>;
 186 }
 187 .error_message {
 188     background: <?php echo $color[4]; ?>;
 189 }
 190
 191 /* page_header.tpl definitions */
 192 .sqm_currentFolder      {
 193     background: <?php echo $color[9]; ?>;
 194     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 195 }
 196 .sqm_headerSignout      {
 197     background: <?php echo $color[9]; ?>;
 198     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 199 }
 200 .sqm_topNavigation      {
 201     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 202 }
 203 .sqm_providerInfo       {
 204     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 205 }
 206
 207 /* message_list.tpl definitions */
 208 .table_messageListWrapper       {
 209     background: <?php echo $color[9]; ?>;
 210 }
 211
 212 .table_messageList      {
 213     background: <?php echo $color[5]; ?>;
 214 }
 215
 216 .table_messageList      tr.headerRow    {
 217     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 218 }
 219 .table_messageList td.spacer {
 220     background: <?php echo $color[0]; ?>;
 221 }
 222 .table_messageList      tr.mouse_over   {
 223     background: <?php echo $color[5]; ?>;
 224 }
 225 .table_messageList      tr.clicked      {
 226     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 227 }
 228 .table_messageList      td.col_check    {
 229     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 230 }
 231 .table_messageList      td.col_subject  {
 232     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 233 }
 234 .table_messageList      td.col_flags    {
 235     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 236 }
 237 .table_messageList      td.col_text     {
 238     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 239 }
 240 .deleted        {
 241     color: <?php echo $color[9]; ?>;
 242 }
 243 .flagged        {
 244     color: <?php echo $color[2]; ?>;
 245 }
 246 .high_priority  {
 247     color: <?php echo $color[1]; ?>;
 248 }
 249 .low_priority   {
 250     color: <?php echo $color[8]; ?>;
 251 }
 252
 253 .links_paginator                        {
 254     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 255 }
 256
 257 .message_list_controls {
 258     background: <?php echo $color[0]; ?>;
 259 }
 260
 261 .message_control_buttons {
 262     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 263 }
 264 .message_control_delete {
 265     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 266 }
 267 .message_control_move {
 268     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 269 }
 270
 271 .spacer {
 272     background: <?php echo $color[4]; ?>;
 273 }
 274
 275 /* folder_manip.tpl defs */
 276 #folderManip   {
 277     text-align:center;
 278 }
 279
 280 #folderManip   td  {
 281     text-align: center;
 282     padding: 2px;
 283 }
 284
 285 #folderManip   table   {
 286     margin-left: auto;
 287     margin-right: auto;
 288     padding-top: 8px;
 289     padding-bottom: 8px;
 290     border: 0;
 291     width: 70%;
 292 }
 293
 294 #folderManip   table.wrapper   {
 295     border: 1px solid <?php echo $color[0]; ?>;
 296     width: 95%;
 297     margin-left: auto;
 298     margin-right: auto;
 299     padding: 0;
 300 }
 301
 302 #folderManip   td.folderAction {
 303     background: <?php echo $color[0]; ?>;
 304 }
 305
 306 #folderManip    div {
 307     margin-left: auto;
 308     margin-right: auto;
 309     width: 80%;
 310     text-align: left;
 311 }
 312
 313 /* addressbook_list.tpl defs */
 314 #addressList    {
 315     text-align: center;
 316 }
 317
 318 #addressList    input   {
 319     font-size: 8pt;
 320 }
 321
 322 #addressList    select  {
 323     font-size: 75%;
 324 }
 325
 326 #addressList    table   {
 327     margin-left: auto;
 328     margin-right: auto;
 329     width: 95%;
 330     border: 1px solid <?php echo $color[9]; ?>;
 331     margin-top: 8px;
 332     margin-bottom: 8px;
 333 }
 334
 335 #addressList    td  {
 336     text-align: left;
 337     padding: 2px;
 338 }
 339
 340 #addressList    td.header1  {
 341     text-align: center;
 342     background: <?php echo $color[9]; ?>;
 343 }
 344 #addressList    td.abookSwitch  {
 345     background: <?php echo $color[0]; ?>;
 346     text-align: right;
 347 }
 348
 349 #addressList    td.abookButtons  {
 350     background: <?php echo $color[0]; ?>;
 351 }
 352
 353 #addressList    td.abookField   {
 354     border-left: 1px solid <?php echo $color[9]; ?>;
 355     border-right: 1px solid <?php echo $color[9]; ?>;
 356     white-space: nowrap;
 357     overflow: hidden;
 358 }
 359
 360 #addressList    td.colHeader {
 361     text-align: center;
 362     font-weight: bold;
 363     font-size: 98%;
 364     background: <?php echo $color[9]; ?>;
 365     padding-top: 0px;
 366     padding-bottom: 0px;
 367 }
 368
 369 #addressList    td.abookEmpty   {
 370     text-align:center;
 371     font-weight: bold;
 372 }
 373
 374 #addressList    td.abookCompose {
 375     font-size: 8pt;
 376     white-space: nowrap;
 377 }
 378
 379 #addrBookSearch {
 380     text-align: center;
 381 }
 382
 383 #addrBookSearch table   {
 384     padding: 0;
 385     border: 0;
 386     margin-left: auto;
 387     margin-right: auto;
 388 }
 389
 390 #addrBookSearch   table.wrapper   {
 391     border: 1px solid <?php echo $color[9]; ?>;
 392     width: 95%;
 393     margin-left: auto;
 394     margin-right: auto;
 395     padding: 0;
 396 }
 397
 398 #addrBookSearch td  {
 399     padding: 2px;
 400 }
 401
 402 #addrBookSearch label   {
 403     font-weight: bold;
 404 }
 405
 406 #addrBookSearch input   {
 407     font-size: 75%;
 408 }
 409
 410 #addrBookSearch select  {
 411     font-size: 75%;
 412 }
 413
 414 #addrBookSearch td.buttons  {
 415     text-align: center;
 416 }
 417
 418 #addrAddEdit    {
 419     text-align: center;
 420 }
 421
 422 #addrAddEdit    table   {
 423     border: 1px solid <?php echo $color[9]; ?>;
 424     margin-left: auto;
 425     margin-right: auto;
 426     margin-top: 6px;
 427     margin-bottom: 6px;
 428     width: 95%
 429 }
 430
 431 #addrAddEdit    td.header   {
 432     background: <?php echo $color[9]; ?>;
 433     text-align: center;
 434     font-weight: bold;
 435 }
 436
 437 #addrAddEdit    td.fieldName   {
 438     text-align: right;
 439     width: 30%;
 440 }
 441
 442 #addrAddEdit    td.addButton   {
 443     text-align: center;
 444 }
 445
 446 #addrAddEdit    td  {
 447     text-align: left;
 448     padding: 2px;
 449 }
 450
 451 #addrAddEdit    input   {
 452     font-size: 75%;
 453 }
 454
 455 #addrAddEdit    select  {
 456     font-size: 75%;
 457 }
 458
 459 #optionGroups   {
 460     text-align: center;
 461 }
 462
 463 #optionGroups   table   {
 464     border: 1px solid <?php echo $color[0]; ?>;
 465     margin-left: auto;
 466     margin-right: auto;
 467     padding: 0;
 468     width: 95%;
 469 }
 470
 471 #optionGroups   td  {
 472     width: 50%;
 473     padding: 2px;
 474     vertical-align: top;
 475 }
 476
 477 #optionGroups   td.title    {
 478     background: <?php echo $color[0]; ?>;
 479     text-align: center;
 480     font-weight: bold;
 481 }
 482
 483 #optionGroups   td.optionElement    {
 484     height: 100%;
 485     padding: 10px;
 486 }
 487
 488 #optionGroups   td.optionElement    table   {
 489     border:1px solid <?php echo $color[9]; ?>;
 490     height: 100%;
 491 }
 492
 493
 494 #optionGroups   td.optionName   {
 495     background: <?php echo $color[9]; ?>;
 496     text-align: left;
 497     height: 1%;
 498 }
 499
 500 #optionGroups   td.optionDesc   {
 501     text-align: left;
 502     background: <?php echo $color[0]; ?>;
 503 }
 504
 505 #optionDisplay  {
 506     text-align:center;
 507 }
 508
 509 #optionDisplay  table   {
 510     margin-left: auto;
 511     margin-right: auto;
 512     margin-top: 8px;
 513     margin-bottom: 8px;
 514     width: 95%;
 515     border: 1px solid <?php echo $color[0]; ?>
 516 }
 517
 518 #optionDisplay  td  {
 519     width: 50%;
 520     padding-top: 2px;
 521     padding-bottom: 2px;
 522     padding-left: 4px;
 523     padding-right: 4px;
 524     white-space: nowrap;
 525 }
 526
 527 #optionDisplay  td.optionName   {
 528     text-align: right;
 529 }
 530
 531 #optionDisplay  td.optionValue  {
 532     text-align: left;
 533 }