templates/default/css/default.css

   1 /* page body formatting */
   2 body {
   3     color:  #000000;
   4     background-color: #ffffff;
   5     font-family: Arial, Helvetica, sans-serif;
   6 }
   7 body.sqm_leftMain {
   8     color:  #000000;
   9     background-color: #a0b8c8;
  10     text-align: left;
  11 }
  12
  13 img {
  14     border:0;
  15 }
  16
  17 em {
  18     font-weight: bold;
  19     font-style: normal;
  20 }
  21
  22 /* right links */
  23 a:link, a:visited, a:hover, a:active {
  24     color: #0000cc;
  25 }
  26
  27 /* left links */
  28 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
  29     color:  #000000;
  30 }
  31
  32 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  33     color:  #770000;
  34 }
  35
  36 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  37     color:  #002266;
  38 }
  39
  40 /* highlighted texts */
  41 .highlight {
  42     color:  #002266;
  43 }
  44
  45 .thead_caption {
  46     font-weight: bold;
  47     text-align: center;
  48 }
  49
  50 .error_table {
  51     color: #ff0000;
  52     border: 2px solid #dcdcdc;
  53     background-color: #a0b8c8;
  54 }
  55 .error_thead {
  56     background-color: #666666;
  57 }
  58 .error_thead_caption {
  59     background-color: #666666;
  60 }
  61 .error_row {
  62     color: #ff0000;
  63 }
  64 .error_val {
  65     color: #000000;
  66     border: 2px solid #dcdcdc;
  67
  68 }
  69 .error_key {
  70     border: 2px solid #dcdcdc;
  71     color: #ff0000;
  72     background-color: #dcdcdc;
  73 }
  74
  75 table.table_empty,table.table_blank    {
  76     margin: 0;
  77     padding: 0;
  78     border: 0;
  79     width: 100%;
  80 }
  81
  82 table.table1    {
  83     border: 1px solid #dcdcdc;
  84     width: 90%;
  85     margin-left: auto;
  86     margin-right: auto;
  87 }
  88
  89 table.table1    td  {
  90     padding-left: 2px;
  91     padding-right: 2px;
  92 }
  93
  94 table.table2    {
  95     border: 1px solid #ababab;
  96     width: 80%;
  97     margin-left: auto;
  98     margin-right: auto;
  99 }
 100
 101 table.table2    td  {
 102     padding-left: 2px;
 103     padding-right: 2px;
 104 }
 105
 106 td.emptyList    {
 107     text-align: center;
 108     font-weight: bold;
 109 }
 110
 111 td.header1  {
 112     background: #dcdcdc;
 113     text-align: center;
 114     font-weight: bold;
 115 }
 116
 117 td.header2  {
 118     background: #ababab;
 119     text-align: center;
 120     font-weight: bold;
 121     padding-top: 2px;
 122     padding-bottom: 2px;
 123 }
 124
 125 td.header3  {
 126     text-align: center;
 127     font-weight: bold;
 128     padding-top: 4px;
 129     padding-bottom: 4px;
 130 }
 131
 132 td.header4  {
 133     background: #ffffcc;
 134     font-weight: bold;
 135     padding-top:2px;
 136     padding-bottom: 2px;
 137     text-align: center;
 138 }
 139
 140 tr.even {
 141     background: #ededed;
 142 }
 143 tr.odd  {
 144     background: #ffffff;
 145 }
 146
 147 .table_standard {
 148     border:1px solid #dcdcdc;
 149     width: 100%;
 150 }
 151
 152 .sqm_loginOrgName, .sqm_signoutBar {
 153     background: #dcdcdc;
 154 }
 155
 156 .sqm_signout {
 157     margin-top: 2em;
 158     text-align: center;
 159 }
 160
 161 .sqm_motd {
 162     background: #ababab;
 163 }
 164 .sqm_motd td {
 165     background: #ffffff;
 166 }
 167
 168 /* empty_folder.tpl defs */
 169 .sqm_emptyFolder {
 170     background: #ababab;
 171 }
 172 .sqm_emptyFolder td {
 173     background: #ffffff;
 174 }
 175
 176 /* error_box.tpl definitions */
 177 .table_errorBoxWrapper   {
 178     background: #ababab;
 179 }
 180
 181 .table_errorBox  {
 182     background: #dcdcdc;
 183 }
 184 .error_message {
 185     background: #ffffff;
 186 }
 187
 188 /* page_header.tpl definitions */
 189 .sqm_currentFolder      {
 190     background: #ababab;
 191     text-align: left;
 192 }
 193 .sqm_headerSignout      {
 194     background: #ababab;
 195     text-align: right;
 196 }
 197 .sqm_topNavigation      {
 198     text-align: left;
 199 }
 200 .sqm_providerInfo       {
 201     text-align: right;
 202 }
 203
 204 /* message_list.tpl definitions */
 205 #message_list {
 206     width: 100%;
 207 }
 208 .table_messageListWrapper       {
 209     background: #ababab;
 210     width:100%;
 211 }
 212
 213 .table_messageList      {
 214     background: #ffffcc;
 215 }
 216
 217 .table_messageList      tr.headerRow    {
 218     text-align: left;
 219 }
 220 .table_messageList td.spacer {
 221     background: #dcdcdc;
 222 }
 223 .table_messageList      tr.mouse_over   {
 224     background: #ffffcc;
 225 }
 226 .table_messageList      tr.clicked      {
 227     background: #ff9933;
 228 }
 229 .table_messageList      td.col_check    {
 230     text-align: left;
 231 }
 232 .table_messageList      td.col_subject  {
 233     text-align: left;
 234 }
 235 .table_messageList      td.col_flags    {
 236     text-align: left;
 237 }
 238 .table_messageList      td.col_text     {
 239     text-align: left;
 240 }
 241 td.message_count        {
 242     text-align: right;
 243 }
 244 .unread {
 245     font-weight: bold;
 246 }
 247 .deleted        {
 248     color: #ababab;
 249 }
 250 .flagged        {
 251     color: #cc0000;
 252 }
 253 .high_priority  {
 254     color: #800000;
 255 }
 256 .low_priority   {
 257     color: #000000;
 258 }
 259
 260 .links_paginator                        {
 261     text-align: left;
 262 }
 263
 264 .message_list_controls {
 265     background: #dcdcdc;
 266 }
 267
 268 .message_control_buttons {
 269     text-align: left;
 270 }
 271 .message_control_delete {
 272     text-align: right;
 273 }
 274 .message_control_move {
 275     text-align: right;
 276 }
 277
 278 .spacer {
 279     background: #ffffff;
 280 }
 281
 282 /* folder_manip.tpl defs */
 283 #folderManip   {
 284     text-align:center;
 285 }
 286
 287 #folderManip   td  {
 288     text-align: center;
 289     padding: 2px;
 290 }
 291
 292 #folderManip   table   {
 293     margin-left: auto;
 294     margin-right: auto;
 295     padding-top: 8px;
 296     padding-bottom: 8px;
 297     border: 0;
 298     width: 70%;
 299 }
 300
 301 #folderManip   table.wrapper   {
 302     border: 1px solid #dcdcdc;
 303     width: 95%;
 304     margin-left: auto;
 305     margin-right: auto;
 306     padding: 0;
 307 }
 308
 309 #folderManip   td.folderAction {
 310     background: #dcdcdc;
 311 }
 312
 313 #folderManip    div {
 314     margin-left: auto;
 315     margin-right: auto;
 316     width: 80%;
 317     text-align: left;
 318 }
 319
 320 /* login defs */
 321 #sqm_login  {
 322     margin-top: 25px;
 323     text-align: center;
 324 }
 325
 326 #sqm_login  table   {
 327     border: 0;
 328     padding: 0;
 329     margin-left: auto;
 330     margin-right: auto;
 331     width: auto;
 332 }
 333
 334 #sqm_login  td   {
 335     padding-left: 2px;
 336     padding-right: 2px;
 337     padding-top: 0px;
 338     padding-bottom: 0px;
 339     width: auto;
 340     text-align: center;
 341 }
 342
 343 #sqm_login  td.orgName {
 344     font-weight: bold;
 345     background: none;
 346     font-size: 90%;
 347 }
 348
 349 #sqm_login  td.orgLogo {
 350     width: 155px;
 351     text-align: center;
 352     vertical-align: center;
 353 }
 354
 355 #sqm_login  td.orgLogo  img {
 356     width: 150px;
 357     padding:0;
 358 }
 359
 360 #sqm_login  td.attr   {
 361     font-size: 70%;
 362     padding-top:5px;
 363     padding-bottom: 10px;
 364 }
 365
 366 #sqm_login  td.fieldName {
 367     font-size: 10pt;
 368     font-weight: bold;
 369     text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
 370     width: 50%;
 371 }
 372
 373 #sqm_login  td.fieldInput {
 374     text-align: <?php echo SQM_ALIGN_LEFT; ?>;
 375     padding-top: 1px;
 376     padding-bottom: 1px;
 377 }
 378
 379 #sqm_login  td.loginSubmit {
 380     padding-top: 15px;
 381 }
 382
 383 /* addressbook_list.tpl defs */
 384 #addressList    {
 385     text-align: center;
 386 }
 387
 388 #addressList    input   {
 389     font-size: 8pt;
 390 }
 391
 392 #addressList    select  {
 393     font-size: 75%;
 394 }
 395
 396 #addressList    table   {
 397     margin-left: auto;
 398     margin-right: auto;
 399     width: 95%;
 400     border: 1px solid #ababab;
 401     margin-top: 8px;
 402     margin-bottom: 8px;
 403 }
 404
 405 #addressList    td  {
 406     text-align: left;
 407     padding: 2px;
 408 }
 409
 410 #addressList    td.header1  {
 411     text-align: center;
 412     background: #ababab;
 413 }
 414 #addressList    td.abookSwitch  {
 415     background: #dcdcdc;
 416     text-align: right;
 417 }
 418
 419 #addressList    td.abookButtons  {
 420     background: #dcdcdc;
 421 }
 422
 423 #addressList    td.abookField   {
 424     border-left: 1px solid #ababab;
 425     border-right: 1px solid #ababab;
 426     white-space: nowrap;
 427     overflow: hidden;
 428 }
 429
 430 #addressList    td.colHeader {
 431     text-align: center;
 432     font-weight: bold;
 433     font-size: 98%;
 434     background: #ababab;
 435     padding-top: 0px;
 436     padding-bottom: 0px;
 437 }
 438
 439 #addressList    td.abookEmpty   {
 440     text-align:center;
 441     font-weight: bold;
 442 }
 443
 444 #addressList    td.abookCompose {
 445     font-size: 8pt;
 446     white-space: nowrap;
 447 }
 448
 449 #addrBookSearch {
 450     text-align: center;
 451 }
 452
 453 #addrBookSearch table   {
 454     padding: 0;
 455     border: 0;
 456     margin-left: auto;
 457     margin-right: auto;
 458 }
 459
 460 #addrBookSearch   table.wrapper   {
 461     border: 1px solid #ababab;
 462     width: 95%;
 463     margin-left: auto;
 464     margin-right: auto;
 465     padding: 0;
 466 }
 467
 468 #addrBookSearch td  {
 469     padding: 2px;
 470 }
 471
 472 #addrBookSearch label   {
 473     font-weight: bold;
 474 }
 475
 476 #addrBookSearch input   {
 477     font-size: 75%;
 478 }
 479
 480 #addrBookSearch select  {
 481     font-size: 75%;
 482 }
 483
 484 #addrBookSearch td.buttons  {
 485     text-align: center;
 486 }
 487
 488 #addrAddEdit    {
 489     text-align: center;
 490 }
 491
 492 #addrAddEdit    table   {
 493     border: 1px solid #ababab;
 494     margin-left: auto;
 495     margin-right: auto;
 496     margin-top: 6px;
 497     margin-bottom: 6px;
 498     width: 95%
 499 }
 500
 501 #addrAddEdit    td.header   {
 502     background: #ababab;
 503     text-align: center;
 504     font-weight: bold;
 505 }
 506
 507 #addrAddEdit    td.fieldName   {
 508     text-align: right;
 509     width: 30%;
 510 }
 511
 512 #addrAddEdit    td.addButton   {
 513     text-align: center;
 514 }
 515
 516 #addrAddEdit    td  {
 517     text-align: left;
 518     padding: 2px;
 519 }
 520
 521 #addrAddEdit    input   {
 522     font-size: 75%;
 523 }
 524
 525 #addrAddEdit    select  {
 526     font-size: 75%;
 527 }
 528
 529 #optionGroups   {
 530     text-align: center;
 531 }
 532
 533 /* help defs */
 534 #help   {
 535     text-align: center;
 536 }
 537
 538 #help   td.help  {
 539     text-align: left;
 540 }
 541
 542 #help   li  {
 543     padding-left: 0px;
 544 }
 545
 546 #help   ul  {
 547     padding-left: 20px;
 548     padding-right: 75px;
 549 }
 550
 551 #help   td.nav  {
 552     text-align: center;
 553     color: #dcdcdc;
 554     padding-top: 15px;
 555     padding-bottom: 5px;
 556 }
 557
 558 #help   h1  {
 559     font-size: 14pt;
 560     font-weight: bold;
 561     margin-top: 2px;
 562     margin-bottom: 0px;
 563 }
 564
 565 #help   h2  {
 566     font-size: 10pt;
 567     font-weight: normal;
 568     margin-bottom: 2px;
 569     margin-top: 0;
 570 }
 571
 572 #help   h3  {
 573     font-weight: bold;
 574     font-size: 10pt;
 575     margin: 0;
 576     padding: 0;
 577 }
 578
 579 #help   td.help p   {
 580     margin-top: 2px;
 581     margin-bottom: 10px;
 582 }
 583
 584 #help   td.help  li   {
 585     margin-left: 10px;
 586 }
 587
 588 #optionsIdentity    table   {
 589     margin-top: 10px;
 590     margin-bottom: 10px;
 591 }
 592
 593 #optionsIdentity    table.table2 tr  {
 594     background: #dcdcdc;
 595 }
 596
 597 #optionsIdentity    td.fieldName    {
 598     text-align: right;
 599     width: 30%;
 600 }
 601
 602 #optionsIdentity    td.fieldValue   {
 603     text-align: left;
 604 }
 605
 606 #optionsIdentity    td.actionButtons  {
 607     text-align: center;
 608 }
 609
 610 #optionsIdentity hr  {
 611     width: 95%;
 612     border: 1px solid #ababab;
 613 }
 614
 615 #vCard  {
 616     text-align: center;
 617 }
 618
 619 #vCard  table   {
 620     margin-left: auto;
 621     margin-right: auto;
 622     margin-top: 10px;
 623     margin-bottom: 10px;
 624 }
 625
 626 #vCard  td.fieldName   {
 627     text-align: right;
 628     font-weight: bold;
 629     vertical-align: top;
 630 }
 631
 632 #vCard  td.fieldValue   {
 633     text-align: left;
 634 }
 635
 636 div.search table   {
 637     margin-top: 12px;
 638     margin-bottom: 12px;
 639 }
 640
 641 div.search td.header4  {
 642     border-bottom: 1px solid #ababab;
 643     vertical-align: bottom;
 644 }
 645
 646 div.search td.queryAction {
 647     text-align: center;
 648     font-size: small;
 649     width: 1%;
 650     padding-left: 8px;
 651     padding-right: 8px;
 652     border-left: 1px solid #ababab;
 653     border-top: 1px solid #ababab;
 654     border-bottom: 1px solid #ababab;
 655 }
 656
 657 div.search td.queryDesc  {
 658     border-top: 1px solid #ababab;
 659     border-bottom: 1px solid #ababab;
 660 }
 661
 662 div.search span {
 663     padding-left: 2px;
 664     padding-right: 2px;
 665 }
 666
 667 div.search span.operator {
 668     font-weight: normal;
 669     text-decoration: underline;
 670     font-style: italic;
 671 }
 672
 673 div.search span.mailbox {
 674     font-weight: bold
 675 }
 676
 677 div.search span.conditions {
 678     font-weight: normal;
 679     text-decoration: underline;
 680     font-style: italic;
 681 }
 682
 683 div.search span.value {
 684     font-weight: bold;
 685 }
 686
 687 div.search span.error  {
 688     color: #cc0000;
 689     font-weight: bold;
 690     font-size: 125%;
 691 }
 692
 693 div.search td.searchForm  {
 694     border-right: 1px solid #dcdcdc;
 695     border-left: 1px solid #dcdcdc;
 696     font-weight: bold;
 697     text-align: center;
 698 }
 699
 700 div.search td.queryError {
 701     color: #cc0000;
 702     font-weight: bold;
 703     text-align: center;
 704     padding: 4px;
 705 }
 706
 707 div.search td.header1 input {
 708     font-size: 80%;
 709     margin: 2px;
 710 }
 711
 712 div.search h1 {
 713     font-weight: bold;
 714     font-size: 150%;
 715     margin-top: 6px;
 716     margin-bottom: 2px;
 717 }
 718
 719 div.search h2 {
 720     color: #cc0000;
 721     font-weight: bold;
 722     text-align: center;
 723 }
 724
 725 div.compose    {
 726     text-align: center;
 727 }
 728
 729 div.compose table {
 730     margin-top: 10px;
 731     margin-bottom: 10px;
 732     margin-left: auto;
 733     margin-right: auto;
 734 }
 735
 736 div.compose td.fieldName {
 737     text-align: right;
 738     font-weight: bold;
 739     width: 30%;
 740     vertical-align: top;
 741 }
 742
 743 div.compose td.fieldValue {
 744     text-align: left;
 745 }
 746
 747 div.compose td.buttons {
 748     text-align: center;
 749 }
 750
 751 div.compose input {
 752     font-size: 80%;
 753 }
 754
 755 div.compose textarea {
 756     margin-top: 5px;
 757     margin-bottom: 5px;
 758 }
 759
 760 div.compose td.bottomSend {
 761     text-align: center;
 762 }
 763
 764 div.compose tr.header {
 765     background: #ababab;
 766 }
 767
 768 div.compose tr.header td {
 769     padding-top: 4px;
 770     padding-bottom: 4px;
 771 }
 772
 773 div.compose tr.attachment td {
 774     background: #dcdcdc;
 775     border-top: 1px solid #ababab;
 776     border-bottom: 1px solid #ababab;
 777 }
 778
 779 div.compose table.close {
 780     width: 100%;
 781     background: #dcdcdc;
 782     border:1px solid #ababab;
 783     text-align: center;
 784     margin: 0;
 785 }
 786
 787 div.readMenuBar table.table2 {
 788     width: 100%;
 789 }