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