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