css/default.css

   1 /* older css template */
   2 body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
   3 }
   4 body, small {
   5 }
   6 td, th {
   7 }
   8 textarea, pre {
   9 font-family: monospace;
  10 }
  11
  12 /* page body formatting */
  13 body {
  14     color:  #000000;
  15     background-color: #ffffff;
  16 }
  17 body.sqm_leftMain {
  18     color:  #000000;
  19     background-color: #a0b8c8;
  20     text-align: left;
  21 }
  22
  23 /* right links */
  24 a:link, a:visited, a:hover, a:active {
  25     color: #0000cc;
  26 }
  27
  28 /* left links */
  29 .sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
  30     color:  #000000;
  31 }
  32 .leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
  33     color:  #770000;
  34 }
  35 .leftrecent {
  36     font-weight:bold;
  37 }
  38 .leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
  39     color:  #002266;
  40 }
  41
  42 /* highlighted texts */
  43 .highlight {
  44     color:  #002266;
  45 }
  46
  47 /* left_main.tpl definitions */
  48 .sqm_wrapperTable   {
  49     border:0;
  50     padding:0;
  51     margin-left:0;
  52     border-spacing:0;
  53     width:99%
  54 }
  55 sqm_leftMain table {
  56     border:0;
  57     padding:0;
  58     margin:0;
  59     border-spacing:0;
  60 }
  61 .sqm_folderHeader {
  62     font-size:18px;
  63     font-weight:bold;
  64     text-align:center;
  65 }
  66 .sqm_clock {
  67 }
  68 .sqm_lastRefreshTime {
  69     white-space: nowrap;
  70 }
  71 .sqm_refreshButton {
  72 }
  73
  74 /* formating of error template */
  75 .thead_caption {
  76     font-weight: bold;
  77     text-align: center;
  78 }
  79
  80 .error_list {
  81 }
  82 .error_table {
  83     color: #ff0000;
  84     border: 2px solid #dcdcdc;
  85     background-color: #a0b8c8;
  86     width: 100%;
  87 }
  88 .error_thead {
  89     background-color: #666666;
  90 }
  91 .error_thead_caption {
  92     background-color: #666666;
  93 }
  94 .error_row {
  95     color: #ff0000;
  96 }
  97 .error_val {
  98     color: #000000;
  99     width: 80%;
 100     border: 2px solid #dcdcdc;
 101
 102 }
 103 .error_key {
 104     width: 20%;
 105     border: 2px solid #dcdcdc;
 106     color: #ff0000;
 107     font-weight: bold;
 108     font-style: italic;
 109     background-color: #dcdcdc;
 110 }
 111
 112 /* form fields */
 113 input.sqmtextfield{
 114 }
 115 input.sqmpwfield {
 116 }
 117 input.sqmcheckbox {
 118 }
 119 input.sqmradiobox {
 120 }
 121 input.sqmhiddenfield {
 122 }
 123 input.sqmsubmitfield {
 124 }
 125 input.sqmresetfield {
 126 }
 127 input.sqmtextarea {
 128 }
 129
 130 /* basic definitions */
 131 .table_empty {
 132     width:100%;
 133     border:0;
 134     margin:0;
 135     padding:0;
 136     border-spacing:0;
 137 }
 138
 139 .table_standard {
 140     width:100%;
 141     border:1px solid #dcdcdc;
 142     padding:0;
 143     margin:0;
 144     border-spacing:0;
 145 }
 146
 147 em              {
 148     font-weight:bold;
 149     font-style:normal;
 150 }
 151
 152 small   {
 153     font-size:80%;
 154 }
 155 img   {
 156     border:0;
 157 }
 158
 159 /* login.tpl definitions */
 160 #sqm_login table {
 161     border:0;
 162     margin:0;
 163     padding:0;
 164     border-spacing:0;
 165     margin-left:auto;
 166     margin-right:auto;
 167 }
 168 #sqm_login td {
 169     padding:2px;
 170 }
 171
 172 .sqm_loginImage {
 173     margin-left:auto;
 174     margin-right:auto;
 175     padding:2px;
 176 }
 177 .sqm_loginTop {
 178     text-align:center;
 179     font-size:80%;
 180 }
 181 .sqm_loginOrgName {
 182     font-weight:bold;
 183     text-align:center;
 184     background: #dcdcdc;
 185     width:350px;
 186     border:0;
 187 }
 188 .sqm_loginFieldName {
 189     text-align:right;
 190     width:30%;
 191 }
 192 .sqm_loginFieldInput {
 193     text-align:left;
 194 }
 195 .sqm_loginSubmit {
 196     text-align:center;
 197 }
 198
 199 /* note.tpl defs */
 200 .sqm_noteWrapper {
 201     text-align:center;
 202     width:100%;
 203 }
 204 .sqm_note {
 205     margin-left:auto;
 206     margin-right:auto;
 207     font-weight:bold;
 208     text-align:center;
 209 }
 210
 211 /* motd.tpl defs */
 212 .sqm_motdWrapper {
 213     text-align:center;
 214     width:100%;
 215     margin:1px;
 216 }
 217 .sqm_motd {
 218     margin-left:auto;
 219     margin-right:auto;
 220     text-align:center;
 221     background: #ababab;
 222     width:70%;
 223     padding:0;
 224 }
 225 .sqm_motd td {
 226     text-align:center;
 227     background: #ffffff;
 228     padding:5px;
 229 }
 230
 231 /* empty_folder.tpl defs */
 232 .sqm_emptyFolderWrapper {
 233     text-align:center;
 234     width:100%;
 235 }
 236 .sqm_emptyFolder {
 237     margin-left:auto;
 238     margin-right:auto;
 239     text-align:center;
 240     background: #ababab;
 241     padding:1px;
 242     width:100%;
 243 }
 244 .sqm_emptyFolder td {
 245     text-align:center;
 246     background: #ffffff;
 247     padding-top:15px;
 248     padding-bottom:15px;
 249 }
 250
 251 /* error_box.tpl definitions */
 252 .table_errorBoxWrapper   {
 253     width:100%;
 254     padding:0;
 255     border-spacing:0;
 256     border:0;
 257     text-align:center;
 258     margin-left:auto;
 259     margin-right:auto;
 260     background: #ababab;
 261 }
 262
 263 .table_errorBox  {
 264     width:100%;
 265     padding:0;
 266     border-spacing:0;
 267     border:0;
 268     text-align:center;
 269     margin-left:auto;
 270     margin-right:auto;
 271     background: #dcdcdc;
 272 }
 273 .error_header {
 274     color: red;
 275     font-weight:bold;
 276     font-weight:bold;
 277     font-style:normal;
 278 }
 279 .error_message {
 280     background: #ffffff;
 281 }
 282
 283 /* error_logout.tpl definitions */
 284 #sqm_errorLogout {
 285     width:100%;
 286     text-align:center;
 287 }
 288 #sqm_errorLogout table {
 289     border:0;
 290     margin:0;
 291     padding:0;
 292     border-spacing:0;
 293     margin-left:auto;
 294     margin-right:auto;
 295 }
 296 #sqm_errorLogout td {
 297     padding:2px;
 298 }
 299 .sqm_errorLogoutImage {
 300     margin-left:auto;
 301     margin-right:auto;
 302     padding:2px;
 303 }
 304 .sqm_errorLogoutTop {
 305     text-align:center;
 306     font-size:80%;
 307 }
 308
 309 /* page_header.tpl definitions */
 310 .sqm_currentFolder      {
 311     background: #ababab;
 312     padding:2px;
 313     text-align: left;
 314 }
 315 .sqm_headerSignout      {
 316     background: #ababab;
 317     padding:2px;
 318     text-align: right;
 319     font-weight:bold;
 320 }
 321 .sqm_topNavigation      {
 322     padding:2px;
 323     text-align: left;
 324 }
 325 .sqm_providerInfo       {
 326     padding:2px;
 327     text-align: right;
 328 }
 329
 330 /* message_list.tpl definitions */
 331 .table_messageListWrapper       {
 332     width:100%;
 333     padding:0;
 334     border-spacing:0;
 335     border:0;
 336     text-align:center;
 337     margin-left:auto;
 338     margin-right:auto;
 339     background: #ababab;
 340 }
 341
 342 .table_messageList      {
 343     width:100%;
 344     padding:0;
 345     border-spacing:0;
 346     border:0;
 347     text-align:center;
 348     margin-left:auto;
 349     margin-right:auto;
 350     background: #ffffcc;
 351 }
 352
 353 .table_messageList      a       {
 354     white-space:nowrap;
 355 }
 356
 357 .table_messageList      tr.headerRow    {
 358     text-align: left;
 359     white-space:nowrap;
 360     font-weight:bold;
 361 }
 362 .table_messageList td.spacer {
 363     height:1px;
 364     background: #dcdcdc;
 365 }
 366
 367 .table_messageList      tr              {
 368     vertical-align:top;
 369 }
 370 .table_messageList      tr.even {
 371     background: #ededed;
 372 }
 373 .table_messageList      tr.odd  {
 374     background: #ffffff;
 375 }
 376 .table_messageList      tr.mouse_over   {
 377     background: #ffffcc;
 378 }
 379 .table_messageList      tr.clicked      {
 380     background: #ff9933;
 381 }
 382
 383 .table_messageList      td      {
 384     white-space:nowrap;
 385 }
 386 .table_messageList      td.col_check    {
 387     text-align: left;
 388 }
 389 .table_messageList      td.col_subject  {
 390     text-align: left;
 391 }
 392 .table_messageList      td.col_flags    {
 393     text-align: left;
 394 }
 395 .table_messageList      td.col_date     {
 396     text-align:center;
 397 }
 398 .table_messageList      td.col_text     {
 399     text-align: left;
 400 }
 401
 402 .unread         {
 403     font-weight:bold;
 404 }
 405 .deleted        {
 406     color: #ababab;
 407 }
 408 .flagged        {
 409     color: #cc0000;
 410 }
 411 .high_priority  {
 412     color: #800000;
 413 }
 414 .low_priority   {
 415     color: #000000;
 416 }
 417
 418 .col_checked    {
 419 }
 420
 421 .links_paginator                        {
 422     text-align: left;
 423 }
 424
 425 .message_count                          {
 426     text-align:right;
 427     font-size:8pt;
 428 }
 429
 430 .message_list_controls {
 431     background: #dcdcdc;
 432 }
 433
 434 .message_control_button {
 435     padding:0px;
 436     margin:0px;
 437 }
 438 .message_control_buttons {
 439     text-align: left;
 440     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 441 }
 442 .message_control_delete {
 443     text-align: right;
 444     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 445 }
 446 .message_control_move {
 447     text-align: right;
 448     font-size:10px;             /* replaces <small> tags to allow greater control of fonts w/ using an id. */
 449 }
 450
 451 .spacer {
 452     height:5px;
 453     background: #ffffff;
 454 }