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 td.header4  {
 180     background: <?php echo $color[5]; ?>;
 181     font-weight: bold;
 182     padding-top:2px;
 183     padding-bottom: 2px;
 184     text-align: center;
 185 }
 186
 187 tr.even {
 188     background: <?php echo $color[12]; ?>;
 189 }
 190 tr.odd  {
 191     background: <?php echo $color[4]; ?>;
 192 }
 193
 194 .table_standard {
 195     border:1px solid <?php echo $color[0]; ?>;
 196 }
 197
 198 .sqm_loginOrgName, .sqm_signoutBar {
 199     background: <?php echo $color[0]; ?>;
 200 }
 201
 202 .sqm_signout {
 203     margin-top: 2em;
 204     text-align: center;
 205 }
 206
 207 .sqm_motd {
 208     background: <?php echo $color[9]; ?>;
 209 }
 210 .sqm_motd td {
 211     background: <?php echo $color[4]; ?>;
 212 }
 213
 214 /* empty_folder.tpl defs */
 215 .sqm_emptyFolder {
 216     background: <?php echo $color[9]; ?>;
 217 }
 218 .sqm_emptyFolder td {
 219     background: <?php echo $color[4]; ?>;
 220 }
 221
 222 /* error_box.tpl definitions */
 223 .table_errorBoxWrapper   {
 224     background: <?php echo $color[9]; ?>;
 225 }
 226
 227 .table_errorBox  {
 228     background: <?php echo $color[0]; ?>;
 229 }
 230 .error_message {
 231     background: <?php echo $color[4]; ?>;
 232 }
 233
 234 /* page_header.tpl definitions */
 235 .sqm_currentFolder      {
 236     background: <?php echo $color[9]; ?>;
 237     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 238 }
 239 .sqm_headerSignout      {
 240     background: <?php echo $color[9]; ?>;
 241     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 242 }
 243 .sqm_topNavigation      {
 244     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 245 }
 246 .sqm_providerInfo       {
 247     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 248 }
 249
 250 /* message_list.tpl definitions */
 251 .table_messageListWrapper       {
 252     background: <?php echo $color[9]; ?>;
 253 }
 254
 255 .table_messageList      {
 256     background: <?php echo $color[5]; ?>;
 257 }
 258
 259 .table_messageList      tr.headerRow    {
 260     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 261 }
 262 .table_messageList td.spacer {
 263     background: <?php echo $color[0]; ?>;
 264 }
 265 .table_messageList      tr.mouse_over   {
 266     background: <?php echo $color[5]; ?>;
 267 }
 268 .table_messageList      tr.clicked      {
 269     background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
 270 }
 271 .table_messageList      td.col_check    {
 272     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 273 }
 274 .table_messageList      td.col_subject  {
 275     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 276 }
 277 .table_messageList      td.col_flags    {
 278     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 279 }
 280 .table_messageList      td.col_text     {
 281     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 282 }
 283 .deleted        {
 284     color: <?php echo $color[9]; ?>;
 285 }
 286 .flagged        {
 287     color: <?php echo $color[2]; ?>;
 288 }
 289 .high_priority  {
 290     color: <?php echo $color[1]; ?>;
 291 }
 292 .low_priority   {
 293     color: <?php echo $color[8]; ?>;
 294 }
 295
 296 .links_paginator                        {
 297     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 298 }
 299
 300 .message_list_controls {
 301     background: <?php echo $color[0]; ?>;
 302 }
 303
 304 .message_control_buttons {
 305     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 306 }
 307 .message_control_delete {
 308     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 309 }
 310 .message_control_move {
 311     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 312 }
 313
 314 .spacer {
 315     background: <?php echo $color[4]; ?>;
 316 }
 317
 318 /* folder_manip.tpl defs */
 319 #folderManip   {
 320     text-align:center;
 321 }
 322
 323 #folderManip   td  {
 324     text-align: center;
 325     padding: 2px;
 326 }
 327
 328 #folderManip   table   {
 329     margin-left: auto;
 330     margin-right: auto;
 331     padding-top: 8px;
 332     padding-bottom: 8px;
 333     border: 0;
 334     width: 70%;
 335 }
 336
 337 #folderManip   table.wrapper   {
 338     border: 1px solid <?php echo $color[0]; ?>;
 339     width: 95%;
 340     margin-left: auto;
 341     margin-right: auto;
 342     padding: 0;
 343 }
 344
 345 #folderManip   td.folderAction {
 346     background: <?php echo $color[0]; ?>;
 347 }
 348
 349 #folderManip    div {
 350     margin-left: auto;
 351     margin-right: auto;
 352     width: 80%;
 353     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 354 }
 355
 356 /* addressbook_list.tpl defs */
 357 #addressList    {
 358     text-align: center;
 359 }
 360
 361 #addressList    input   {
 362     font-size: 8pt;
 363 }
 364
 365 #addressList    select  {
 366     font-size: 75%;
 367 }
 368
 369 #addressList    table   {
 370     margin-left: auto;
 371     margin-right: auto;
 372     width: 95%;
 373     border: 1px solid <?php echo $color[9]; ?>;
 374     margin-top: 8px;
 375     margin-bottom: 8px;
 376 }
 377
 378 #addressList    td  {
 379     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 380     padding: 2px;
 381 }
 382
 383 #addressList    td.header1  {
 384     text-align: center;
 385     background: <?php echo $color[9]; ?>;
 386 }
 387 #addressList    td.abookSwitch  {
 388     background: <?php echo $color[0]; ?>;
 389     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 390 }
 391
 392 #addressList    td.abookButtons  {
 393     background: <?php echo $color[0]; ?>;
 394 }
 395
 396 #addressList    td.abookField   {
 397     border-left: 1px solid <?php echo $color[9]; ?>;
 398     border-right: 1px solid <?php echo $color[9]; ?>;
 399     white-space: nowrap;
 400     overflow: hidden;
 401 }
 402
 403 #addressList    td.colHeader {
 404     text-align: center;
 405     font-weight: bold;
 406     font-size: 98%;
 407     background: <?php echo $color[9]; ?>;
 408     padding-top: 0px;
 409     padding-bottom: 0px;
 410 }
 411
 412 #addressList    td.abookEmpty   {
 413     text-align:center;
 414     font-weight: bold;
 415 }
 416
 417 #addressList    td.abookCompose {
 418     font-size: 8pt;
 419     white-space: nowrap;
 420 }
 421
 422 #addrBookSearch {
 423     text-align: center;
 424 }
 425
 426 #addrBookSearch table   {
 427     padding: 0;
 428     border: 0;
 429     margin-left: auto;
 430     margin-right: auto;
 431 }
 432
 433 #addrBookSearch   table.wrapper   {
 434     border: 1px solid <?php echo $color[9]; ?>;
 435     width: 95%;
 436     margin-left: auto;
 437     margin-right: auto;
 438     padding: 0;
 439 }
 440
 441 #addrBookSearch td  {
 442     padding: 2px;
 443 }
 444
 445 #addrBookSearch label   {
 446     font-weight: bold;
 447 }
 448
 449 #addrBookSearch input   {
 450     font-size: 75%;
 451 }
 452
 453 #addrBookSearch select  {
 454     font-size: 75%;
 455 }
 456
 457 #addrBookSearch td.buttons  {
 458     text-align: center;
 459 }
 460
 461 #addrAddEdit    {
 462     text-align: center;
 463 }
 464
 465 #addrAddEdit    table   {
 466     border: 1px solid <?php echo $color[9]; ?>;
 467     margin-left: auto;
 468     margin-right: auto;
 469     margin-top: 6px;
 470     margin-bottom: 6px;
 471     width: 95%
 472 }
 473
 474 #addrAddEdit    td.header   {
 475     background: <?php echo $color[9]; ?>;
 476     text-align: center;
 477     font-weight: bold;
 478 }
 479
 480 #addrAddEdit    td.fieldName   {
 481     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 482     width: 30%;
 483 }
 484
 485 #addrAddEdit    td.addButton   {
 486     text-align: center;
 487 }
 488
 489 #addrAddEdit    td  {
 490     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 491     padding: 2px;
 492 }
 493
 494 #addrAddEdit    input   {
 495     font-size: 75%;
 496 }
 497
 498 #addrAddEdit    select  {
 499     font-size: 75%;
 500 }
 501
 502 #optionGroups   {
 503     text-align: center;
 504 }
 505
 506 #optionGroups   table   {
 507     border: 1px solid <?php echo $color[0]; ?>;
 508     margin-left: auto;
 509     margin-right: auto;
 510     padding: 0;
 511     width: 95%;
 512 }
 513
 514 #optionGroups   td  {
 515     width: 50%;
 516     padding: 2px;
 517     vertical-align: top;
 518 }
 519
 520 #optionGroups   td.title    {
 521     background: <?php echo $color[0]; ?>;
 522     text-align: center;
 523     font-weight: bold;
 524 }
 525
 526 #optionGroups   td.optionElement    {
 527     height: 100%;
 528     padding: 10px;
 529 }
 530
 531 #optionGroups   td.optionElement    table   {
 532     border:1px solid <?php echo $color[9]; ?>;
 533     height: 100%;
 534 }
 535
 536
 537 #optionGroups   td.optionName   {
 538     background: <?php echo $color[9]; ?>;
 539     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 540     height: 1%;
 541 }
 542
 543 #optionGroups   td.optionDesc   {
 544     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 545     background: <?php echo $color[0]; ?>;
 546 }
 547
 548 #optionDisplay  {
 549     text-align:center;
 550 }
 551
 552 #optionDisplay  table   {
 553     margin-left: auto;
 554     margin-right: auto;
 555     margin-top: 8px;
 556     margin-bottom: 8px;
 557     width: 95%;
 558     border: 1px solid <?php echo $color[0]; ?>
 559 }
 560
 561 #optionDisplay  td  {
 562     width: 50%;
 563     padding-top: 2px;
 564     padding-bottom: 2px;
 565     padding-left: 4px;
 566     padding-right: 4px;
 567     white-space: nowrap;
 568 }
 569
 570 #optionDisplay  td.optionName   {
 571     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 572 }
 573
 574 #optionDisplay  td.optionValue  {
 575     text-align:<?php echo SQM_ALIGN_LEFT; ?>;
 576 }
 577
 578 #optionOrder  {
 579     text-align:center;
 580 }
 581
 582 #optionOrder    table   {
 583     margin-left: auto;
 584     margin-right: auto;
 585     margin-top: 8px;
 586     margin-bottom: 8px;
 587     width: 95%;
 588     border: 1px solid <?php echo $color[0]; ?>
 589 }
 590
 591 #optionOrder    table.moveFields    {
 592     width: auto;
 593 }
 594
 595 #optionOrder    table.moveFields    td  {
 596     border-left: 1px solid <?php echo $color[0]; ?>;
 597     border-right: 1px solid <?php echo $color[0]; ?>;
 598     padding-left: 2px;
 599     padding-right: 2px;
 600 }
 601
 602 #optionOrder    td.moveLink  {
 603     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 604     font-size: 75%;
 605     vertical-align: bottom;
 606 }
 607
 608 #optionOrder    td.fieldName    {
 609     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 610 }
 611
 612 #optionHightlightList   {
 613     text-align: center;
 614 }
 615
 616 #optionHighlightList    table   table   {
 617     margin-top: 10px;
 618     margin-bottom: 10px;
 619     width: 75%;
 620 }
 621
 622 #optionHighlightList    td.ruleButtons  {
 623     text-align: center;
 624     width: 1%;
 625 }
 626
 627 #optionHighlightList    td.ruleName {
 628     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 629     width: 30%;
 630     padding-left: 4px;
 631     padding-right: 4px;
 632 }
 633
 634 #optionHighlightAdd {
 635     text-align: center;
 636 }
 637
 638 #optionHighlightAdd    table   table   {
 639     margin-top: 10px;
 640     margin-bottom: 10px;
 641     width: 75%;
 642 }
 643
 644 #optionHighlightAdd td.ruleField    {
 645     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 646     font-weight: bold;
 647     width: 40%;
 648 }
 649
 650 #optionHighlightAdd td.fieldValue   {
 651     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 652 }
 653
 654 #optionHighlightAdd td.colorTable  {
 655     text-align: center;
 656 }
 657
 658 #optionHighlightAdd table.colorTable    {
 659     margin-left: auto;
 660     margin-right: auto;
 661 }
 662
 663 /* help defs */
 664 #help   {
 665     text-align: center;
 666 }
 667
 668 #help   td.help  {
 669     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 670 }
 671
 672 #help   li  {
 673     padding-left: 0px;
 674 }
 675
 676 #help   ul  {
 677     padding-left: 20px;
 678     padding-right: 75px;
 679 }
 680
 681 #help   td.nav  {
 682     text-align: center;
 683     color: <?php echo $color[0]; ?>;
 684     padding-top: 15px;
 685     padding-bottom: 5px;
 686 }
 687
 688 #help   h1  {
 689     font-size: 14pt;
 690     font-weight: bold;
 691     margin-top: 2px;
 692     margin-bottom: 0px;
 693 }
 694
 695 #help   h2  {
 696     font-size: 10pt;
 697     font-weight: normal;
 698     margin-bottom: 2px;
 699     margin-top: 0;
 700 }
 701
 702 #help   h3  {
 703     font-weight: bold;
 704     font-size: 10pt;
 705     margin: 0;
 706     padding: 0;
 707 }
 708
 709 #help   td.help p   {
 710     margin-top: 2px;
 711     margin-bottom: 10px;
 712 }
 713
 714 #help   td.help  li   {
 715     margin-left: 10px;
 716 }
 717
 718 #optionsIdentity    table   {
 719     margin-top: 10px;
 720     margin-bottom: 10px;
 721 }
 722
 723 #optionsIdentity    table.table2 tr  {
 724     background: <?php echo $color[0]; ?>;
 725 }
 726
 727 #optionsIdentity    td.fieldName    {
 728     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 729     width: 30%;
 730 }
 731
 732 #optionsIdentity    td.fieldValue   {
 733     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 734 }
 735
 736 #optionsIdentity    td.actionButtons  {
 737     text-align: center;
 738 }
 739
 740 #optionsIdentity hr  {
 741     width: 95%;
 742     border: 1px solid <?php echo $color[9]; ?>;
 743 }
 744
 745 #vCard  {
 746     text-align: center;
 747 }
 748
 749 #vCard  table   {
 750     margin-left: auto;
 751     margin-right: auto;
 752     margin-top: 10px;
 753     margin-bottom: 10px;
 754 }
 755
 756 #vCard  td.fieldName   {
 757     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 758     font-weight: bold;
 759     vertical-align: top;
 760 }
 761
 762 #vCard  td.fieldValue   {
 763     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 764 }
 765
 766 div.search table   {
 767     margin-top: 12px;
 768     margin-bottom: 12px;
 769 }
 770
 771 div.search td.header4  {
 772     border-bottom: 1px solid <?php echo $color[9]; ?>;
 773     vertical-align: bottom;
 774 }
 775
 776 div.search td.queryAction {
 777     text-align: center;
 778     font-size: small;
 779     width: 1%;
 780     padding-left: 8px;
 781     padding-right: 8px;
 782     border-left: 1px solid <?php echo $color[9]; ?>;
 783     border-top: 1px solid <?php echo $color[9]; ?>;
 784     border-bottom: 1px solid <?php echo $color[9]; ?>;
 785 }
 786
 787 div.search td.queryDesc  {
 788     border-top: 1px solid <?php echo $color[9]; ?>;
 789     border-bottom: 1px solid <?php echo $color[9]; ?>;
 790 }
 791
 792 div.search span {
 793     padding-left: 2px;
 794     padding-right: 2px;
 795 }
 796
 797 div.search span.operator {
 798     font-weight: normal;
 799     text-decoration: underline;
 800     font-style: italic;
 801 }
 802
 803 div.search span.mailbox {
 804     font-weight: bold
 805 }
 806
 807 div.search span.conditions {
 808     font-weight: normal;
 809     text-decoration: underline;
 810     font-style: italic;
 811 }
 812
 813 div.search span.value {
 814     font-weight: bold;
 815 }
 816
 817 div.search span.error  {
 818     color: <?php echo $color[2]; ?>;
 819     font-weight: bold;
 820     font-size: 125%;
 821 }
 822
 823 div.search td.searchForm  {
 824     border-right: 1px solid <?php echo $color[0]; ?>;
 825     border-left: 1px solid <?php echo $color[0]; ?>;
 826     font-weight: bold;
 827     text-align: center;
 828 }
 829
 830 div.search td.queryError {
 831     color: <?php echo $color[2]; ?>;
 832     font-weight: bold;
 833     text-align: center;
 834     padding: 4px;
 835 }
 836
 837 div.search td.header1 input {
 838     font-size: 80%;
 839     margin: 2px;
 840 }
 841
 842 div.search h1 {
 843     font-weight: bold;
 844     font-size: 150%;
 845     margin-top: 6px;
 846     margin-bottom: 2px;
 847 }
 848
 849 div.search h2 {
 850     color: <?php echo $color[2]; ?>;
 851     font-weight: bold;
 852     text-align: center;
 853 }
 854
 855 div.compose    {
 856     text-align: center;
 857 }
 858
 859 div.compose table {
 860     margin-top: 10px;
 861     margin-bottom: 10px;
 862     margin-left: auto;
 863     margin-right: auto;
 864 }
 865
 866 div.compose td.fieldName {
 867     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 868     font-weight: bold;
 869     width: 30%;
 870     vertical-align: top;
 871 }
 872
 873 div.compose td.fieldValue {
 874     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 875 }
 876
 877 div.compose td.buttons {
 878     text-align: center;
 879 }
 880
 881 div.compose input {
 882     font-size: 80%;
 883 }
 884
 885 div.compose textarea {
 886     margin-top: 5px;
 887     margin-bottom: 5px;
 888 }
 889
 890 div.compose td.bottomSend {
 891     text-align: center;
 892 }
 893
 894 div.compose tr.header {
 895     background: <?php echo $color[9]; ?>;
 896 }
 897
 898 div.compose tr.header td {
 899     padding-top: 4px;
 900     padding-bottom: 4px;
 901 }
 902
 903 div.compose tr.attachment td {
 904     background: <?php echo $color[0]; ?>;
 905     border-top: 1px solid <?php echo $color[9]; ?>;
 906     border-bottom: 1px solid <?php echo $color[9]; ?>;
 907 }
 908
 909 div.compose table.close {
 910     width: 100%;
 911     background: <?php echo $color[0]; ?>;
 912     border:1px solid <?php echo $color[9]; ?>;
 913     text-align: center;
 914     margin: 0;
 915 }
 916
 917 div.readMenuBar table.table2 {
 918     width: 100%;
 919 }
 920
 921