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