css/default.css

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