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