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