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 table.table1    {
 130     border: 1px solid <?php echo $color[0]; ?>;
 131     width: 90%;
 132     margin-left: auto;
 133     margin-right: auto;
 134 }
 135
 136 table.table1    td  {
 137     padding-left: 2px;
 138     padding-right: 2px;
 139 }
 140
 141 td.emptyList    {
 142     text-align: center;
 143     font-weight: bold;
 144 }
 145
 146 td.header1  {
 147     background: <?php echo $color[0]; ?>;
 148     text-align: center;
 149     font-weight: bold;
 150 }
 151
 152 td.header2  {
 153     background: <?php echo $color[9]; ?>;
 154     text-align: center;
 155     font-weight: bold;
 156     padding-top: 4px;
 157     padding-bottom: 4px;
 158 }
 159
 160 td.header3  {
 161     text-align: center;
 162     font-weight: bold;
 163     padding-top: 4px;
 164     padding-bottom: 4px;
 165 }
 166
 167 tr.even {
 168     background: <?php echo $color[12]; ?>;
 169 }
 170 tr.odd  {
 171     background: <?php echo $color[4]; ?>;
 172 }
 173
 174 .table_standard {
 175     border:1px solid <?php echo $color[0]; ?>;
 176 }
 177
 178 .sqm_loginOrgName, .sqm_signoutBar {
 179     background: <?php echo $color[0]; ?>;
 180 }
 181
 182 .sqm_signout {
 183     margin-top: 2em;
 184     text-align: center;
 185 }
 186
 187 .sqm_motd {
 188     background: <?php echo $color[9]; ?>;
 189 }
 190 .sqm_motd td {
 191     background: <?php echo $color[4]; ?>;
 192 }
 193
 194 /* empty_folder.tpl defs */
 195 .sqm_emptyFolder {
 196     background: <?php echo $color[9]; ?>;
 197 }
 198 .sqm_emptyFolder td {
 199     background: <?php echo $color[4]; ?>;
 200 }
 201
 202 /* error_box.tpl definitions */
 203 .table_errorBoxWrapper   {
 204     background: <?php echo $color[9]; ?>;
 205 }
 206
 207 .table_errorBox  {
 208     background: <?php echo $color[0]; ?>;
 209 }
 210 .error_message {
 211     background: <?php echo $color[4]; ?>;
 212 }
 213
 214 /* page_header.tpl definitions */
 215 .sqm_currentFolder      {
 216     background: <?php echo $color[9]; ?>;
 217     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 218 }
 219 .sqm_headerSignout      {
 220     background: <?php echo $color[9]; ?>;
 221     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 222 }
 223 .sqm_topNavigation      {
 224     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 225 }
 226 .sqm_providerInfo       {
 227     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 228 }
 229
 230 /* message_list.tpl definitions */
 231 .table_messageListWrapper       {
 232     background: <?php echo $color[9]; ?>;
 233 }
 234
 235 .table_messageList      {
 236     background: <?php echo $color[5]; ?>;
 237 }
 238
 239 .table_messageList      tr.headerRow    {
 240     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 241 }
 242 .table_messageList td.spacer {
 243     background: <?php echo $color[0]; ?>;
 244 }
 245 .table_messageList      tr.mouse_over   {
 246     background: <?php echo $color[5]; ?>;
 247 }
 248 .table_messageList      tr.clicked      {
 249     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 250 }
 251 .table_messageList      td.col_check    {
 252     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 253 }
 254 .table_messageList      td.col_subject  {
 255     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 256 }
 257 .table_messageList      td.col_flags    {
 258     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 259 }
 260 .table_messageList      td.col_text     {
 261     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 262 }
 263 .deleted        {
 264     color: <?php echo $color[9]; ?>;
 265 }
 266 .flagged        {
 267     color: <?php echo $color[2]; ?>;
 268 }
 269 .high_priority  {
 270     color: <?php echo $color[1]; ?>;
 271 }
 272 .low_priority   {
 273     color: <?php echo $color[8]; ?>;
 274 }
 275
 276 .links_paginator                        {
 277     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 278 }
 279
 280 .message_list_controls {
 281     background: <?php echo $color[0]; ?>;
 282 }
 283
 284 .message_control_buttons {
 285     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 286 }
 287 .message_control_delete {
 288     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 289 }
 290 .message_control_move {
 291     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 292 }
 293
 294 .spacer {
 295     background: <?php echo $color[4]; ?>;
 296 }
 297
 298 /* folder_manip.tpl defs */
 299 #folderManip   {
 300     text-align:center;
 301 }
 302
 303 #folderManip   td  {
 304     text-align: center;
 305     padding: 2px;
 306 }
 307
 308 #folderManip   table   {
 309     margin-left: auto;
 310     margin-right: auto;
 311     padding-top: 8px;
 312     padding-bottom: 8px;
 313     border: 0;
 314     width: 70%;
 315 }
 316
 317 #folderManip   table.wrapper   {
 318     border: 1px solid <?php echo $color[0]; ?>;
 319     width: 95%;
 320     margin-left: auto;
 321     margin-right: auto;
 322     padding: 0;
 323 }
 324
 325 #folderManip   td.folderAction {
 326     background: <?php echo $color[0]; ?>;
 327 }
 328
 329 #folderManip    div {
 330     margin-left: auto;
 331     margin-right: auto;
 332     width: 80%;
 333     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 334 }
 335
 336 /* addressbook_list.tpl defs */
 337 #addressList    {
 338     text-align: center;
 339 }
 340
 341 #addressList    input   {
 342     font-size: 8pt;
 343 }
 344
 345 #addressList    select  {
 346     font-size: 75%;
 347 }
 348
 349 #addressList    table   {
 350     margin-left: auto;
 351     margin-right: auto;
 352     width: 95%;
 353     border: 1px solid <?php echo $color[9]; ?>;
 354     margin-top: 8px;
 355     margin-bottom: 8px;
 356 }
 357
 358 #addressList    td  {
 359     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 360     padding: 2px;
 361 }
 362
 363 #addressList    td.header1  {
 364     text-align: center;
 365     background: <?php echo $color[9]; ?>;
 366 }
 367 #addressList    td.abookSwitch  {
 368     background: <?php echo $color[0]; ?>;
 369     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 370 }
 371
 372 #addressList    td.abookButtons  {
 373     background: <?php echo $color[0]; ?>;
 374 }
 375
 376 #addressList    td.abookField   {
 377     border-left: 1px solid <?php echo $color[9]; ?>;
 378     border-right: 1px solid <?php echo $color[9]; ?>;
 379     white-space: nowrap;
 380     overflow: hidden;
 381 }
 382
 383 #addressList    td.colHeader {
 384     text-align: center;
 385     font-weight: bold;
 386     font-size: 98%;
 387     background: <?php echo $color[9]; ?>;
 388     padding-top: 0px;
 389     padding-bottom: 0px;
 390 }
 391
 392 #addressList    td.abookEmpty   {
 393     text-align:center;
 394     font-weight: bold;
 395 }
 396
 397 #addressList    td.abookCompose {
 398     font-size: 8pt;
 399     white-space: nowrap;
 400 }
 401
 402 #addrBookSearch {
 403     text-align: center;
 404 }
 405
 406 #addrBookSearch table   {
 407     padding: 0;
 408     border: 0;
 409     margin-left: auto;
 410     margin-right: auto;
 411 }
 412
 413 #addrBookSearch   table.wrapper   {
 414     border: 1px solid <?php echo $color[9]; ?>;
 415     width: 95%;
 416     margin-left: auto;
 417     margin-right: auto;
 418     padding: 0;
 419 }
 420
 421 #addrBookSearch td  {
 422     padding: 2px;
 423 }
 424
 425 #addrBookSearch label   {
 426     font-weight: bold;
 427 }
 428
 429 #addrBookSearch input   {
 430     font-size: 75%;
 431 }
 432
 433 #addrBookSearch select  {
 434     font-size: 75%;
 435 }
 436
 437 #addrBookSearch td.buttons  {
 438     text-align: center;
 439 }
 440
 441 #addrAddEdit    {
 442     text-align: center;
 443 }
 444
 445 #addrAddEdit    table   {
 446     border: 1px solid <?php echo $color[9]; ?>;
 447     margin-left: auto;
 448     margin-right: auto;
 449     margin-top: 6px;
 450     margin-bottom: 6px;
 451     width: 95%
 452 }
 453
 454 #addrAddEdit    td.header   {
 455     background: <?php echo $color[9]; ?>;
 456     text-align: center;
 457     font-weight: bold;
 458 }
 459
 460 #addrAddEdit    td.fieldName   {
 461     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 462     width: 30%;
 463 }
 464
 465 #addrAddEdit    td.addButton   {
 466     text-align: center;
 467 }
 468
 469 #addrAddEdit    td  {
 470     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 471     padding: 2px;
 472 }
 473
 474 #addrAddEdit    input   {
 475     font-size: 75%;
 476 }
 477
 478 #addrAddEdit    select  {
 479     font-size: 75%;
 480 }
 481
 482 #optionGroups   {
 483     text-align: center;
 484 }
 485
 486 #optionGroups   table   {
 487     border: 1px solid <?php echo $color[0]; ?>;
 488     margin-left: auto;
 489     margin-right: auto;
 490     padding: 0;
 491     width: 95%;
 492 }
 493
 494 #optionGroups   td  {
 495     width: 50%;
 496     padding: 2px;
 497     vertical-align: top;
 498 }
 499
 500 #optionGroups   td.title    {
 501     background: <?php echo $color[0]; ?>;
 502     text-align: center;
 503     font-weight: bold;
 504 }
 505
 506 #optionGroups   td.optionElement    {
 507     height: 100%;
 508     padding: 10px;
 509 }
 510
 511 #optionGroups   td.optionElement    table   {
 512     border:1px solid <?php echo $color[9]; ?>;
 513     height: 100%;
 514 }
 515
 516
 517 #optionGroups   td.optionName   {
 518     background: <?php echo $color[9]; ?>;
 519     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 520     height: 1%;
 521 }
 522
 523 #optionGroups   td.optionDesc   {
 524     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 525     background: <?php echo $color[0]; ?>;
 526 }
 527
 528 #optionDisplay  {
 529     text-align:center;
 530 }
 531
 532 #optionDisplay  table   {
 533     margin-left: auto;
 534     margin-right: auto;
 535     margin-top: 8px;
 536     margin-bottom: 8px;
 537     width: 95%;
 538     border: 1px solid <?php echo $color[0]; ?>
 539 }
 540
 541 #optionDisplay  td  {
 542     width: 50%;
 543     padding-top: 2px;
 544     padding-bottom: 2px;
 545     padding-left: 4px;
 546     padding-right: 4px;
 547     white-space: nowrap;
 548 }
 549
 550 #optionDisplay  td.optionName   {
 551     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 552 }
 553
 554 #optionDisplay  td.optionValue  {
 555     text-align:<?php echo SQM_ALIGN_LEFT; ?>;
 556 }
 557
 558 #optionOrder  {
 559     text-align:center;
 560 }
 561
 562 #optionOrder    table   {
 563     margin-left: auto;
 564     margin-right: auto;
 565     margin-top: 8px;
 566     margin-bottom: 8px;
 567     width: 95%;
 568     border: 1px solid <?php echo $color[0]; ?>
 569 }
 570
 571 #optionOrder    table.moveFields    {
 572     width: auto;
 573 }
 574
 575 #optionOrder    table.moveFields    td  {
 576     border-left: 1px solid <?php echo $color[0]; ?>;
 577     border-right: 1px solid <?php echo $color[0]; ?>;
 578     padding-left: 2px;
 579     padding-right: 2px;
 580 }
 581
 582 #optionOrder    td.moveLink  {
 583     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 584     font-size: 75%;
 585     vertical-align: bottom;
 586 }
 587
 588 #optionOrder    td.fieldName    {
 589     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 590 }
 591
 592 #optionHightlightList   {
 593     text-align: center;
 594 }
 595
 596 #optionHighlightList    table   table   {
 597     margin-top: 10px;
 598     margin-bottom: 10px;
 599     width: 75%;
 600 }
 601
 602 #optionHighlightList    td.ruleButtons  {
 603     text-align: center;
 604     width: 1%;
 605 }
 606
 607 #optionHighlightList    td.ruleName {
 608     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 609     width: 30%;
 610     padding-left: 4px;
 611     padding-right: 4px;
 612 }
 613
 614 #optionHighlightAdd {
 615     text-align: center;
 616 }
 617
 618 #optionHighlightAdd    table   table   {
 619     margin-top: 10px;
 620     margin-bottom: 10px;
 621     width: 75%;
 622 }
 623
 624 #optionHighlightAdd td.ruleField    {
 625     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 626     font-weight: bold;
 627     width: 40%;
 628 }
 629
 630 #optionHighlightAdd td.fieldValue   {
 631     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 632 }
 633
 634 #optionHighlightAdd td.colorTable  {
 635     text-align: center;
 636 }
 637
 638 #optionHighlightAdd table.colorTable    {
 639     margin-left: auto;
 640     margin-right: auto;
 641 }
 642
 643 /* help defs */
 644 #help   {
 645     text-align: center;
 646 }
 647
 648 #help   td.help  {
 649     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 650 }
 651
 652 #help   li  {
 653     padding-left: 0px;
 654 }
 655
 656 #help   ul  {
 657     padding-left: 20px;
 658     padding-right: 75px;
 659 }
 660
 661 #help   td.nav  {
 662     text-align: center;
 663     color: <?php echo $color[0]; ?>;
 664     padding-top: 15px;
 665     padding-bottom: 5px;
 666 }
 667
 668 #help   h1  {
 669     font-size: 14pt;
 670     font-weight: bold;
 671     margin-top: 2px;
 672     margin-bottom: 0px;
 673 }
 674
 675 #help   h2  {
 676     font-size: 10pt;
 677     font-weight: normal;
 678     margin-bottom: 2px;
 679     margin-top: 0;
 680 }
 681
 682 #help   h3  {
 683     font-weight: bold;
 684     font-size: 10pt;
 685     margin: 0;
 686     padding: 0;
 687 }
 688
 689 #help   td.help p   {
 690     margin-top: 2px;
 691     margin-bottom: 10px;
 692 }
 693
 694 #help   td.help  li   {
 695     margin-left: 10px;
 696 }
 697