| commit | author | age | ||
| 4e17e6 | 1 | /***** RoundCube|Mail mail task styles *****/ |
| T | 2 | |
| 3 | ||
| 4 | #messagetoolbar | |
| 5 | { | |
| 6 | position: absolute; | |
| 7902df | 7 | top: 45px; |
| 4e17e6 | 8 | left: 200px; |
| cbaaa7 | 9 | right: 200px; |
| 4e17e6 | 10 | height: 35px; |
| d3502f | 11 | white-space: nowrap; |
| 4e17e6 | 12 | /* border: 1px solid #cccccc; */ |
| T | 13 | } |
| 14 | ||
| 15 | #messagetoolbar a | |
| 16 | { | |
| 17 | padding-right: 10px; | |
| 18 | } | |
| 19 | ||
| 20 | #messagetoolbar select | |
| 21 | { | |
| 22 | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; | |
| 23 | font-size: 11px; | |
| 24 | color: #333333; | |
| 25 | } | |
| 26 | ||
| 27 | #messagetoolbar select.mboxlist | |
| 28 | { | |
| 29 | position: absolute; | |
| d6037d | 30 | left: 375px; |
| 4e17e6 | 31 | top: 10px; |
| T | 32 | } |
| 33 | ||
| 34 | #messagetoolbar select.mboxlist option | |
| 35 | { | |
| 36 | padding-left: 15px; | |
| 37 | } | |
| 38 | ||
| 39 | #messagetoolbar select.mboxlist option[value="0"] | |
| 40 | { | |
| 41 | padding-left: 2px; | |
| 42 | } | |
| 43 | ||
| 7f9ea1 | 44 | #markmessagemenu |
| T | 45 | { |
| 46 | position: absolute; | |
| 47 | top: 32px; | |
| 48 | left: 90px; | |
| 49 | width: auto; | |
| 50 | visibility: hidden; | |
| 51 | background-color: #F9F9F9; | |
| 52 | border: 1px solid #CCC; | |
| 53 | padding: 1px; | |
| 54 | opacity: 0.9; | |
| 5d29c3 | 55 | filter:alpha(opacity=90); |
| 7f9ea1 | 56 | z-index: 240; |
| T | 57 | } |
| 58 | ||
| 59 | ul.toolbarmenu | |
| 60 | { | |
| 61 | margin: 0; | |
| 62 | padding: 0; | |
| 63 | list-style: none; | |
| 64 | } | |
| 65 | ||
| 66 | ul.toolbarmenu li | |
| 67 | { | |
| 68 | font-size: 11px; | |
| 69 | white-space: nowrap; | |
| 70 | min-width: 130px; | |
| 71 | width: auto !important; | |
| 72 | width: 130px; | |
| 73 | } | |
| 74 | ||
| 75 | ul.toolbarmenu li a | |
| 76 | { | |
| 77 | display: block; | |
| 78 | color: #a0a0a0; | |
| 79 | padding: 2px 8px 3px 12px; | |
| 80 | text-decoration: none; | |
| 81 | } | |
| 82 | ||
| 83 | ul.toolbarmenu li a.active:hover | |
| 84 | { | |
| 85 | background-color: #ddd; | |
| 86 | } | |
| 87 | ||
| 4e17e6 | 88 | #listcontrols |
| T | 89 | { |
| 90 | position: absolute; | |
| 91 | left: 200px; | |
| 7902df | 92 | bottom: 20px; |
| 4e17e6 | 93 | height: 16px; |
| d6037d | 94 | width: 500px; |
| 586665 | 95 | font-size: 11px; |
| 4e17e6 | 96 | } |
| T | 97 | |
| 98 | #listcontrols a, | |
| 99 | #listcontrols a:active, | |
| 15a9d1 | 100 | #listcontrols a:visited, |
| T | 101 | #mailboxcontrols a, |
| 102 | #mailboxcontrols a:active, | |
| 7984ec | 103 | #mailboxcontrols a:visited, |
| T | 104 | td.formlinks a, |
| 105 | td.formlinks a:visited | |
| 4e17e6 | 106 | { |
| T | 107 | color: #999999; |
| 108 | font-size: 11px; | |
| 109 | text-decoration: none; | |
| 110 | } | |
| 111 | ||
| 112 | #listcontrols a.active, | |
| 113 | #listcontrols a.active:active, | |
| 15a9d1 | 114 | #listcontrols a.active:visited, |
| T | 115 | #mailboxcontrols a.active, |
| 116 | #mailboxcontrols a.active:active, | |
| 7984ec | 117 | #mailboxcontrols a.active:visited, |
| 7f9ea1 | 118 | ul.toolbarmenu li a.active, |
| T | 119 | ul.toolbarmenu li a.active:active, |
| 120 | ul.toolbarmenu li a.active:visited, | |
| 7984ec | 121 | td.formlinks a, |
| T | 122 | td.formlinks a:visited |
| 4e17e6 | 123 | { |
| T | 124 | color: #CC0000; |
| 125 | } | |
| 126 | ||
| 15a9d1 | 127 | #listcontrols a.active:hover, |
| T | 128 | #mailboxcontrols a.active:hover |
| 4e17e6 | 129 | { |
| T | 130 | text-decoration: underline; |
| 131 | } | |
| 132 | ||
| 133 | #messagecountbar | |
| 134 | { | |
| 135 | position: absolute; | |
| 4647e1 | 136 | bottom: 16px; |
| 834432 | 137 | right: 20px; |
| d3502f | 138 | width: 300px; |
| 4e17e6 | 139 | height: 20px; |
| T | 140 | text-align: right; |
| 1cded8 | 141 | white-space: nowrap; |
| 4e17e6 | 142 | } |
| T | 143 | |
| 144 | #messagecountbar span | |
| 145 | { | |
| 146 | font-size: 11px; | |
| 147 | color: #333333; | |
| 148 | } | |
| 149 | ||
| e5686f | 150 | #mainscreen |
| A | 151 | { |
| 152 | position: absolute; | |
| 153 | top: 85px; | |
| 154 | right: 20px; | |
| 155 | bottom: 40px; | |
| 156 | left: 20px; | |
| 157 | /* css hack for IE */ | |
| 158 | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); | |
| 159 | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); | |
| 160 | } | |
| 161 | ||
| 162 | #mailrightcontainer | |
| 163 | { | |
| 164 | position: absolute; | |
| 165 | top: 0px; | |
| 166 | left: 170px; | |
| 167 | bottom: 0px; | |
| 168 | right: 0px; | |
| 169 | /* css hack for IE */ | |
| 170 | width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); | |
| 171 | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); | |
| 172 | } | |
| 173 | ||
| 4e17e6 | 174 | #messagepartcontainer |
| T | 175 | { |
| 176 | position: absolute; | |
| 177 | top: 80px; | |
| 178 | left: 20px; | |
| 179 | right: 20px; | |
| 180 | bottom: 20px; | |
| bf1be0 | 181 | /* css hack for IE */ |
| T | 182 | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| 183 | height: expression((parseInt(document.documentElement.clientHeight)-100)+'px'); | |
| 4e17e6 | 184 | } |
| T | 185 | |
| 186 | #mailcontframe | |
| 187 | { | |
| 188 | position: absolute; | |
| e5686f | 189 | width: 100%; |
| A | 190 | top: 0px; |
| 191 | bottom: 0px; | |
| 4e17e6 | 192 | border: 1px solid #999999; |
| T | 193 | background-color: #F9F9F9; |
| 194 | overflow: auto; | |
| 195 | /* css hack for IE */ | |
| e5686f | 196 | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| 4e17e6 | 197 | } |
| T | 198 | |
| b19097 | 199 | #mailpreviewframe |
| T | 200 | { |
| 201 | position: absolute; | |
| e5686f | 202 | width: 100%; |
| A | 203 | top: 205px; |
| 204 | bottom: 0px; | |
| b19097 | 205 | border: 1px solid #999999; |
| T | 206 | background-color: #F9F9F9; |
| 207 | /* css hack for IE */ | |
| e5686f | 208 | height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px'); |
| b19097 | 209 | } |
| T | 210 | |
| 211 | #messagecontframe | |
| 212 | { | |
| e5686f | 213 | position: relative; |
| c45471 | 214 | top: 0px; |
| S | 215 | left: 0px; |
| 216 | right: 0px; | |
| 217 | bottom: 0px; | |
| e5686f | 218 | width: 100%; |
| A | 219 | height: 100%; |
| b19097 | 220 | } |
| 4e17e6 | 221 | |
| T | 222 | #messagepartframe |
| 223 | { | |
| c3f94d | 224 | width: 100%; |
| T | 225 | height: 100%; |
| 4e17e6 | 226 | border: 1px solid #999999; |
| ee883a | 227 | background-color: #F9F9F9; |
| 4e17e6 | 228 | } |
| T | 229 | |
| 230 | ||
| 231 | #partheader | |
| 232 | { | |
| 233 | position: absolute; | |
| 234 | top: 10px; | |
| 235 | left: 220px; | |
| 9734be | 236 | right: 20px; |
| 4e17e6 | 237 | height: 40px; |
| 9734be | 238 | /* css hack for IE */ |
| T | 239 | width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); |
| 4e17e6 | 240 | } |
| T | 241 | |
| 242 | #partheader table td | |
| 243 | { | |
| 244 | padding-left: 2px; | |
| 245 | padding-right: 4px; | |
| 246 | vertical-align: middle; | |
| 247 | font-size: 11px; | |
| 248 | } | |
| 249 | ||
| 250 | #partheader table td.title | |
| 251 | { | |
| 252 | color: #666666; | |
| 253 | font-weight: bold; | |
| 254 | } | |
| 255 | ||
| 256 | ||
| 257 | /** mailbox list styles */ | |
| 258 | ||
| 259 | #mailboxlist-header | |
| 260 | { | |
| f45bbe | 261 | display: block; |
| T | 262 | height: 12px; |
| 7f9ea1 | 263 | margin: 0; |
| f45bbe | 264 | padding: 3px 10px 4px 10px; |
| 4e17e6 | 265 | background-color: #EBEBEB; |
| T | 266 | background-image: url(images/listheader_aqua.gif); |
| f45bbe | 267 | border-bottom: 1px solid #999; |
| 4e17e6 | 268 | color: #333333; |
| T | 269 | font-size: 11px; |
| 270 | font-weight: bold; | |
| 271 | } | |
| 272 | ||
| cd900d | 273 | #mailboxlist-container |
| 4e17e6 | 274 | { |
| T | 275 | position: absolute; |
| e5686f | 276 | top: 0px; |
| A | 277 | left: 0px; |
| 278 | width: 160px; | |
| 279 | bottom: 0px; | |
| f45bbe | 280 | border: 1px solid #999; |
| cd900d | 281 | background-color: #F9F9F9; |
| T | 282 | overflow: auto; |
| 283 | /* css hack for IE */ | |
| e5686f | 284 | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| cd900d | 285 | } |
| T | 286 | |
| 287 | #mailboxlist | |
| 288 | { | |
| e1eb70 | 289 | position:relative; |
| cd900d | 290 | width: 100%; |
| 4e17e6 | 291 | height: auto; |
| T | 292 | margin: 0px; |
| 293 | padding: 0px; | |
| 294 | list-style-image: none; | |
| 295 | list-style-type: none; | |
| 20a1b3 | 296 | overflow: hidden; |
| T | 297 | white-space: nowrap; |
| 4e17e6 | 298 | } |
| T | 299 | |
| 300 | #mailboxlist li | |
| 301 | { | |
| e1eb70 | 302 | display: block; |
| T | 303 | position: relative; |
| 4e17e6 | 304 | font-size: 11px; |
| T | 305 | background: url(images/icons/folder-closed.png) no-repeat; |
| 8274ef | 306 | background-position: 5px 1px; |
| 4e17e6 | 307 | border-bottom: 1px solid #EBEBEB; |
| T | 308 | } |
| 309 | ||
| f5aa16 | 310 | #mailboxlist li div |
| S | 311 | { |
| 312 | position: absolute; | |
| e1eb70 | 313 | left: 8px !important; |
| T | 314 | left: -16px; |
| 315 | top: 2px; | |
| 316 | width: 14px; | |
| 317 | height: 16px; | |
| f5aa16 | 318 | } |
| S | 319 | |
| 320 | #mailboxlist li div.collapsed, | |
| 321 | #mailboxlist li div.expanded | |
| 322 | { | |
| 323 | cursor: pointer; | |
| 324 | } | |
| 325 | ||
| 326 | #mailboxlist li div.collapsed | |
| 327 | { | |
| 328 | background: url(images/icons/collapsed.png) bottom right no-repeat; | |
| 329 | } | |
| 330 | ||
| 331 | #mailboxlist li div.expanded | |
| 332 | { | |
| 333 | background: url(images/icons/expanded.png) bottom right no-repeat; | |
| 334 | } | |
| 335 | ||
| 4e17e6 | 336 | #mailboxlist li.inbox |
| T | 337 | { |
| 338 | background-image: url(images/icons/folder-inbox.png); | |
| 339 | } | |
| 340 | ||
| 1966c5 | 341 | #mailboxlist li.drafts |
| S | 342 | { |
| 343 | background-image: url(images/icons/folder-drafts.png); | |
| 344 | } | |
| 345 | ||
| 4e17e6 | 346 | #mailboxlist li.sent |
| T | 347 | { |
| 348 | background-image: url(images/icons/folder-sent.png); | |
| 349 | } | |
| 350 | ||
| 351 | #mailboxlist li.junk | |
| 352 | { | |
| 353 | background-image: url(images/icons/folder-junk.png); | |
| 354 | } | |
| 355 | ||
| 356 | #mailboxlist li.trash | |
| 357 | { | |
| 358 | background-image: url(images/icons/folder-trash.png); | |
| 359 | } | |
| 360 | ||
| 361 | #mailboxlist li a | |
| 362 | { | |
| 1996d8 | 363 | cursor: default; |
| 4e17e6 | 364 | display: block; |
| e1eb70 | 365 | position: relative; |
| 8274ef | 366 | padding-left: 25px; |
| 4e17e6 | 367 | padding-top: 2px; |
| T | 368 | padding-bottom: 2px; |
| 369 | text-decoration: none; | |
| 370 | } | |
| 371 | ||
| 372 | #mailboxlist li.unread | |
| 373 | { | |
| 374 | font-weight: bold; | |
| 375 | } | |
| 376 | ||
| f89f03 | 377 | #mailboxlist li.virtual > a |
| T | 378 | { |
| 379 | color: #666; | |
| 380 | } | |
| 381 | ||
| 51e14a | 382 | #mailboxlist li.selected, |
| T | 383 | #mailboxlist li.droptarget li.selected |
| 4e17e6 | 384 | { |
| T | 385 | background-color: #929292; |
| aa9836 | 386 | } |
| T | 387 | |
| 768a24 | 388 | #mailboxlist li.selected > a, |
| aa9836 | 389 | #mailboxlist li.droptarget li.selected a |
| T | 390 | { |
| 4e17e6 | 391 | color: #FFF; |
| T | 392 | font-weight: bold; |
| 393 | } | |
| 394 | ||
| fe79b1 | 395 | #mailboxlist li.droptarget |
| T | 396 | { |
| 397 | background-color: #FFFFA6; | |
| 398 | } | |
| 4e17e6 | 399 | |
| 597170 | 400 | /* styles for nested folders */ |
| T | 401 | #mailboxlist ul { |
| 402 | list-style: none; | |
| 403 | padding: 0; | |
| 404 | margin:0; | |
| 405 | border-top: 1px solid #EBEBEB; | |
| 406 | padding-left: 15px; | |
| 407 | background-position: 25px 1px; | |
| 408 | background-color: #F9F9F9; | |
| c708c9 | 409 | color: blue; |
| 597170 | 410 | font-weight: normal; |
| T | 411 | } |
| 412 | ||
| 413 | ||
| 15a9d1 | 414 | #mailboxcontrols |
| T | 415 | { |
| 416 | position: absolute; | |
| 417 | left: 20px; | |
| eec1d4 | 418 | width: 185px; |
| 15a9d1 | 419 | bottom: 20px; |
| T | 420 | height: 16px; |
| 421 | overflow: hidden; | |
| 586665 | 422 | font-size: 11px; |
| 15a9d1 | 423 | } |
| T | 424 | |
| 425 | ||
| 4e17e6 | 426 | /** message list styles */ |
| T | 427 | |
| 428 | body.messagelist | |
| 429 | { | |
| 430 | margin: 0px; | |
| 431 | background-color: #F9F9F9; | |
| 432 | } | |
| 433 | ||
| 434 | #messagelist | |
| 435 | { | |
| 436 | width: 100%; | |
| e0ddd4 | 437 | display: table; |
| 4e17e6 | 438 | table-layout: fixed; |
| T | 439 | /* css hack for IE */ |
| 5f041a | 440 | width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px'); |
| 4e17e6 | 441 | } |
| T | 442 | |
| 443 | #messagelist thead tr td | |
| 444 | { | |
| 445 | height: 20px; | |
| 446 | padding-top: 0px; | |
| 447 | padding-bottom: 0px; | |
| 448 | padding-left: 2px; | |
| 449 | padding-right: 4px; | |
| 450 | vertical-align: middle; | |
| 451 | border-bottom: 1px solid #999999; | |
| 452 | color: #333333; | |
| 453 | background-color: #EBEBEB; | |
| 454 | background-image: url(images/listheader_aqua.gif); | |
| 455 | font-size: 11px; | |
| 456 | font-weight: bold; | |
| 457 | } | |
| 458 | ||
| b076a4 | 459 | #messagelist thead tr td.sortedASC, |
| T | 460 | #messagelist thead tr td.sortedDESC |
| 461 | { | |
| 462 | background-image: url(images/listheader_dark.gif); | |
| 1cded8 | 463 | } |
| T | 464 | |
| 465 | #messagelist thead tr td.sortedASC a | |
| 466 | { | |
| 467 | background: url(images/sort_asc.gif) top right no-repeat; | |
| 468 | } | |
| 469 | ||
| 470 | #messagelist thead tr td.sortedDESC a | |
| 471 | { | |
| 472 | background: url(images/sort_desc.gif) top right no-repeat; | |
| 473 | } | |
| 474 | ||
| d1293e | 475 | #messagelist thead tr td a |
| 1cded8 | 476 | { |
| T | 477 | display: block; |
| 478 | width: auto !important; | |
| 479 | width: 100%; | |
| 480 | color: #333333; | |
| 481 | text-decoration: none; | |
| b076a4 | 482 | } |
| T | 483 | |
| 4e17e6 | 484 | #messagelist tbody tr td |
| T | 485 | { |
| b19097 | 486 | height: 16px; |
| 4e17e6 | 487 | padding: 2px; |
| T | 488 | padding-right: 4px; |
| 489 | font-size: 11px; | |
| 4b0f65 | 490 | overflow: hidden; |
| 4e17e6 | 491 | white-space: nowrap; |
| 4b0f65 | 492 | text-overflow: ellipsis; |
| 4e17e6 | 493 | border-bottom: 1px solid #EBEBEB; |
| 1996d8 | 494 | cursor: default; |
| 41bece | 495 | } |
| T | 496 | |
| 497 | #messagelist tbody tr td a | |
| 498 | { | |
| 499 | color: #000; | |
| d1293e | 500 | text-decoration: none; |
| f45bbe | 501 | white-space: nowrap; |
| 1996d8 | 502 | cursor: inherit; |
| e0ddd4 | 503 | } |
| T | 504 | |
| 4b6dd1 | 505 | #messagelist tbody tr td.subject a |
| 620ca6 | 506 | { |
| A | 507 | cursor: default; |
| 508 | } | |
| 509 | ||
| e0ddd4 | 510 | #messagelist col |
| T | 511 | { |
| 512 | display: table-column; | |
| 513 | text-align: left; | |
| b4b081 | 514 | vertical-align: middle; |
| 4e17e6 | 515 | } |
| T | 516 | |
| e189a6 | 517 | #messagelist tr td.icon, |
| A | 518 | #messagelist tr td.flag |
| 4e17e6 | 519 | { |
| T | 520 | width: 16px; |
| b4b081 | 521 | vertical-align: middle; |
| 1996d8 | 522 | cursor: pointer; |
| 4e17e6 | 523 | } |
| T | 524 | |
| 525 | #messagelist tr td.subject | |
| 526 | { | |
| 527 | overflow: hidden; | |
| b4b081 | 528 | vertical-align: middle; |
| 4e17e6 | 529 | } |
| T | 530 | |
| 531 | #messagelist tr td.size | |
| 532 | { | |
| f45bbe | 533 | width: 70px; |
| 4e17e6 | 534 | text-align: right; |
| b4b081 | 535 | vertical-align: middle; |
| 4e17e6 | 536 | } |
| T | 537 | |
| 538 | #messagelist tr td.from, | |
| 539 | #messagelist tr td.to | |
| 540 | { | |
| 541 | width: 180px; | |
| b4b081 | 542 | vertical-align: middle; |
| 4e17e6 | 543 | } |
| T | 544 | |
| 545 | #messagelist tr td.date | |
| 546 | { | |
| f1a16f | 547 | width: 118px; |
| b4b081 | 548 | vertical-align: middle; |
| 4e17e6 | 549 | } |
| T | 550 | |
| 551 | #messagelist tr.message | |
| 552 | { | |
| 553 | background-color: #FFFFFF; | |
| 554 | } | |
| 555 | ||
| 556 | /* | |
| 557 | #messagelist tr.odd | |
| 558 | { | |
| 559 | background-color: #F9F9F9; | |
| 560 | } | |
| 561 | */ | |
| 562 | ||
| 563 | #messagelist tr.unread | |
| 564 | { | |
| 565 | font-weight: bold; | |
| 566 | background-color: #FFFFFF; | |
| 567 | } | |
| 568 | ||
| 569 | #messagelist tr.selected td | |
| 570 | { | |
| 571 | color: #FFFFFF; | |
| 572 | background-color: #CC3333; | |
| 88f9e2 | 573 | } |
| S | 574 | |
| cd121c | 575 | #messagelist tr.unfocused td |
| S | 576 | { |
| 577 | color: #FFFFFF; | |
| 578 | background-color: #929292; | |
| 579 | } | |
| 580 | ||
| 41bece | 581 | #messagelist tr.selected td a |
| 4e17e6 | 582 | { |
| T | 583 | color: #FFFFFF; |
| 584 | } | |
| 585 | ||
| 41bece | 586 | #messagelist tr.unfocused td a |
| cd121c | 587 | { |
| S | 588 | color: #FFFFFF; |
| 589 | } | |
| 590 | ||
| 41bece | 591 | #messagelist tr.deleted td a |
| 079bc8 | 592 | { |
| S | 593 | color: #CCCCCC; |
| 594 | } | |
| 595 | ||
| 15a9d1 | 596 | #messagelist tr.deleted td, |
| T | 597 | #messagelist tr.deleted td a |
| 598 | { | |
| 599 | color: #CCCCCC; | |
| 600 | } | |
| 601 | ||
| 6925ad | 602 | /* safari hacks \*/ |
| T | 603 | html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; } |
| 604 | html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag, | |
| 605 | html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; } | |
| 606 | html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; } | |
| 607 | /**/ | |
| 7cf1bd | 608 | |
| 3ea0e3 | 609 | #quotadisplay |
| T | 610 | { |
| 611 | color: #666666; | |
| 612 | font-size: 11px; | |
| 613 | } | |
| 614 | ||
| 615 | #quotadisplay img | |
| 616 | { | |
| 617 | vertical-align: middle; | |
| fda695 | 618 | margin-left: 4px; |
| T | 619 | border: 1px solid #666666; |
| 3ea0e3 | 620 | } |
| T | 621 | |
| 622 | ||
| 4e17e6 | 623 | /** message view styles */ |
| T | 624 | |
| 625 | ||
| 626 | #messageframe | |
| 627 | { | |
| 628 | position: absolute; | |
| e5686f | 629 | top: 0px; |
| b1c97d | 630 | left: 170px; |
| A | 631 | right: 0px; |
| 632 | bottom: 0px; | |
| 633 | border: 1px solid #999; | |
| 634 | background-color: #FFF; | |
| 635 | overflow: auto; | |
| 636 | /* css hack for IE */ | |
| a1f722 | 637 | width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); |
| A | 638 | height: expression((parseInt(this.parentNode.offsetHeight))+'px'); |
| b1c97d | 639 | } |
| A | 640 | |
| 641 | #printmessageframe | |
| 642 | { | |
| 643 | position: absolute; | |
| 644 | top: 0px; | |
| e5686f | 645 | left: 0px; |
| A | 646 | right: 0px; |
| 647 | bottom: 0px; | |
| f45bbe | 648 | border: 1px solid #999; |
| T | 649 | background-color: #FFF; |
| 6a35c8 | 650 | overflow: auto; |
| 4e17e6 | 651 | /* css hack for IE */ |
| 834432 | 652 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| 6a35c8 | 653 | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| 4e17e6 | 654 | } |
| T | 655 | |
| b19097 | 656 | div.messageheaderbox |
| T | 657 | { |
| 203ee4 | 658 | position: relative; |
| b19097 | 659 | margin: 6px 8px 0px 8px; |
| T | 660 | border: 1px solid #ccc; |
| 661 | } | |
| 662 | ||
| 4e17e6 | 663 | table.headers-table |
| T | 664 | { |
| 665 | width: 100%; | |
| 666 | background-color: #EBEBEB; | |
| 667 | table-layout: fixed; | |
| 5cc4b1 | 668 | } |
| 4e17e6 | 669 | |
| 5cc4b1 | 670 | #messagebody table.headers-table |
| T | 671 | { |
| 672 | width: auto; | |
| 673 | margin: 6px 8px; | |
| 674 | background-color: #F4F4F4; | |
| 675 | border: 1px solid #ccc; | |
| 203ee4 | 676 | } |
| T | 677 | |
| 678 | #messageframe table.headers-table | |
| 679 | { | |
| 680 | border-bottom: 1px solid #ccc; | |
| 4e17e6 | 681 | } |
| T | 682 | |
| 683 | table.headers-table tr td | |
| 684 | { | |
| 685 | font-size: 11px; | |
| 686 | border-bottom:1px solid #FFFFFF; | |
| 687 | } | |
| 688 | ||
| 689 | table.headers-table td.header-title | |
| 690 | { | |
| 000bb9 | 691 | width: 80px; |
| 4e17e6 | 692 | color: #666666; |
| T | 693 | font-weight: bold; |
| 694 | text-align: right; | |
| 6a35c8 | 695 | white-space: nowrap; |
| 4e17e6 | 696 | padding-right: 4px; |
| T | 697 | } |
| 698 | ||
| 699 | table.headers-table tr td.subject | |
| 700 | { | |
| e5686f | 701 | width: 90%; |
| 4e17e6 | 702 | font-weight: bold; |
| e5686f | 703 | } |
| A | 704 | |
| 705 | table.headers-table tr td.all | |
| 706 | { | |
| 707 | width: 100%; | |
| 708 | color: #666666; | |
| 709 | text-align: left; | |
| 710 | padding-right: 10px; | |
| 711 | vertical-align: center; | |
| 712 | text-align: center; | |
| 4e17e6 | 713 | } |
| 508442 | 714 | |
| 4e17e6 | 715 | #attachment-list |
| T | 716 | { |
| 717 | margin: 0px; | |
| 51cca6 | 718 | padding: 0px 0px 0px 72px; |
| A | 719 | min-height: 16px; |
| 4e17e6 | 720 | list-style-image: none; |
| T | 721 | list-style-type: none; |
| cc85f3 | 722 | background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF; |
| 51cca6 | 723 | /* IE6 hack */ |
| cc85f3 | 724 | _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px'); |
| ba033a | 725 | } |
| T | 726 | |
| 727 | #attachment-list:after | |
| 728 | { | |
| 729 | content: "."; | |
| 730 | display: block; | |
| 731 | height: 0; | |
| 732 | font-size: 0; | |
| 733 | clear: both; | |
| 734 | visibility: hidden; | |
| 4e17e6 | 735 | } |
| T | 736 | |
| 737 | #attachment-list li | |
| 738 | { | |
| 739 | float: left; | |
| 740 | height: 18px; | |
| 741 | font-size: 11px; | |
| 51cca6 | 742 | padding: 2px 0px 0px 15px; |
| cc85f3 | 743 | white-space: nowrap; |
| 4e17e6 | 744 | } |
| T | 745 | |
| 746 | #attachment-list li a | |
| 747 | { | |
| 748 | text-decoration: none; | |
| 749 | } | |
| 750 | ||
| 751 | #attachment-list li a:hover | |
| 752 | { | |
| 753 | text-decoration: underline; | |
| 754 | } | |
| 755 | ||
| 756 | #messagebody | |
| 757 | { | |
| e6a406 | 758 | position:relative; |
| 6a35c8 | 759 | padding-bottom: 10px; |
| 4e17e6 | 760 | background-color: #FFFFFF; |
| T | 761 | } |
| 762 | ||
| 763 | div.message-part | |
| 764 | { | |
| fba1f5 | 765 | padding: 10px 8px; |
| T | 766 | border-top: 1px solid #ccc; |
| 767 | /* overflow: hidden; */ | |
| 768 | } | |
| 769 | ||
| 770 | #messagebody div:first-child | |
| 771 | { | |
| 772 | border-top: 0; | |
| 4e17e6 | 773 | } |
| T | 774 | |
| cfe4a6 | 775 | div.message-part a, |
| T | 776 | div.message-htmlpart a |
| 4e17e6 | 777 | { |
| T | 778 | color: #0000CC; |
| 779 | } | |
| 780 | ||
| 10c92b | 781 | div.message-part div.pre |
| 4e17e6 | 782 | { |
| T | 783 | margin: 0px; |
| 784 | padding: 0px; | |
| fca66b | 785 | font-family: monospace; |
| 466c6e | 786 | white-space: -moz-pre-wrap !important; |
| A | 787 | white-space: -o-pre-wrap !important; |
| cc80c5 | 788 | white-space: pre-wrap !important; |
| A | 789 | white-space: pre; |
| fca66b | 790 | word-wrap: break-word; /* IE (and Safari) */ |
| 4e17e6 | 791 | } |
| T | 792 | |
| 10c92b | 793 | div.message-part blockquote |
| T | 794 | { |
| 795 | color: blue; | |
| 796 | border-left: 2px solid blue; | |
| 797 | border-right: 2px solid blue; | |
| 798 | background-color: #F6F6F6; | |
| 799 | margin: 2px 0px 2px 0px; | |
| 800 | padding: 1px 8px 1px 10px; | |
| 801 | } | |
| 802 | ||
| 803 | div.message-part blockquote blockquote | |
| 804 | { | |
| 805 | color: green; | |
| 806 | border-left: 2px solid green; | |
| 807 | border-right: 2px solid green; | |
| 808 | } | |
| 809 | ||
| 810 | div.message-part blockquote blockquote blockquote | |
| 811 | { | |
| 812 | color: #990000; | |
| 813 | border-left: 2px solid #bb0000; | |
| 814 | border-right: 2px solid #bb0000; | |
| 815 | } | |
| 4e17e6 | 816 | |
| 8586bf | 817 | body.iframe div.message-htmlpart |
| T | 818 | { |
| 819 | margin: 8px; | |
| 820 | } | |
| 821 | ||
| 21605c | 822 | div.message-htmlpart div.rcmBody |
| T | 823 | { |
| 824 | margin: 8px; | |
| 825 | } | |
| 826 | ||
| 4e17e6 | 827 | #remote-objects-message |
| T | 828 | { |
| 829 | display: none; | |
| 62e43d | 830 | margin: 8px; |
| 4e17e6 | 831 | min-height: 20px; |
| 62e43d | 832 | padding: 10px 10px 6px 46px; |
| 4e17e6 | 833 | } |
| T | 834 | |
| 835 | #remote-objects-message a | |
| 836 | { | |
| 837 | color: #666666; | |
| 838 | padding-left: 10px; | |
| 839 | } | |
| 840 | ||
| 841 | #remote-objects-message a:hover | |
| 842 | { | |
| 843 | color: #333333; | |
| 844 | } | |
| 845 | ||
| 203ee4 | 846 | #messageviewlink |
| T | 847 | { |
| 848 | position: absolute; | |
| 849 | top: 1px; | |
| 850 | right: 1px; | |
| 851 | width: 15px; | |
| 852 | height: 15px; | |
| 853 | border: 0; | |
| 854 | } | |
| 4e17e6 | 855 | |
| T | 856 | /** message compose styles */ |
| 857 | ||
| 20d7d9 | 858 | #compose-toolbar |
| A | 859 | { |
| 860 | white-space: nowrap; | |
| 861 | } | |
| 862 | ||
| 7984ec | 863 | #priority-selector, |
| 620439 | 864 | #receipt-selector |
| T | 865 | { |
| 7984ec | 866 | padding-left: 30px; |
| 20d7d9 | 867 | white-space: nowrap; |
| 4e17e6 | 868 | } |
| T | 869 | |
| 870 | #compose-container | |
| 871 | { | |
| 872 | position: absolute; | |
| 7902df | 873 | top: 90px; |
| 4e17e6 | 874 | left: 200px; |
| 834432 | 875 | right: 25px; |
| A | 876 | bottom: 30px; |
| 4e17e6 | 877 | padding: 0px; |
| T | 878 | margin: 0px; |
| 879 | /* css hack for IE */ | |
| 834432 | 880 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| 6a35c8 | 881 | height: expression((parseInt(document.documentElement.clientHeight)-130)+'px'); |
| 4e17e6 | 882 | } |
| T | 883 | |
| 884 | /* | |
| 885 | #compose-headers | |
| 886 | { | |
| 887 | position: absolute; | |
| 888 | top: 70px; | |
| 889 | left: 200px; | |
| 890 | height: 84px; | |
| 891 | border-top: 1px solid #cccccc; | |
| 892 | overflow: auto; | |
| 893 | } | |
| 894 | ||
| 895 | #compose-headers td | |
| 896 | { | |
| 897 | padding-top: 1px; | |
| 898 | padding-bottom: 1px; | |
| 899 | border-right: 1px solid #cccccc; | |
| 900 | border-bottom: 1px solid #cccccc; | |
| 901 | } | |
| 902 | */ | |
| 903 | ||
| 904 | #compose-headers | |
| 905 | { | |
| 906 | width: 100%; | |
| 907 | } | |
| 908 | ||
| 909 | /* | |
| 910 | #compose-headers td | |
| 911 | { | |
| 912 | width: 100%; | |
| 913 | } | |
| 914 | */ | |
| 915 | ||
| 916 | #compose-headers td.top | |
| 917 | { | |
| 918 | vertical-align: top; | |
| 919 | } | |
| 920 | ||
| 921 | #compose-headers td.title, | |
| 922 | #compose-subject td.title | |
| 923 | { | |
| 924 | width: 80px !important; | |
| 925 | color: #666666; | |
| 926 | font-size: 11px; | |
| 927 | font-weight: bold; | |
| 928 | padding-right: 10px; | |
| 929 | white-space: nowrap; | |
| 930 | } | |
| 931 | ||
| ee18f5 | 932 | #compose-body, |
| T | 933 | #compose-headers td textarea, |
| 4e17e6 | 934 | #compose-headers td input |
| T | 935 | { |
| 936 | width: 100%; | |
| ee18f5 | 937 | width: expression('99%'); |
| T | 938 | } |
| 939 | ||
| 940 | #compose-headers td textarea | |
| 941 | { | |
| 942 | height: 38px; | |
| 4e17e6 | 943 | } |
| T | 944 | |
| 945 | #compose-cc, | |
| 946 | #compose-bcc, | |
| 947 | #compose-replyto | |
| 948 | { | |
| 949 | display: none; | |
| 950 | } | |
| 951 | ||
| 952 | #compose-body | |
| 953 | { | |
| dd53e2 | 954 | margin-top: 5px; |
| d52676 | 955 | margin-bottom: 10px; |
| 1cded8 | 956 | height: 90%; |
| d52676 | 957 | min-height: 280px; |
| 4e17e6 | 958 | font-size: 9pt; |
| T | 959 | font-family: "Courier New", Courier, monospace; |
| 960 | } | |
| 961 | ||
| 962 | #compose-attachments | |
| 963 | { | |
| 964 | position: absolute; | |
| 965 | top: 100px; | |
| 966 | left: 20px; | |
| 967 | width: 160px; | |
| 968 | } | |
| 969 | ||
| 970 | #compose-attachments ul | |
| 971 | { | |
| 972 | margin: 0px; | |
| 973 | padding: 0px; | |
| 974 | border: 1px solid #CCCCCC; | |
| 975 | background-color: #F9F9F9; | |
| 976 | list-style-image: none; | |
| 977 | list-style-type: none; | |
| 978 | } | |
| 979 | ||
| 980 | #compose-attachments ul li | |
| 981 | { | |
| 982 | height: 18px; | |
| 983 | font-size: 11px; | |
| a894ba | 984 | padding-left: 2px; |
| 4e17e6 | 985 | padding-top: 2px; |
| T | 986 | padding-right: 4px; |
| 987 | border-bottom: 1px solid #EBEBEB; | |
| 988 | white-space: nowrap; | |
| 989 | overflow: hidden; | |
| 990 | } | |
| 991 | ||
| 508442 | 992 | #attachment-title |
| T | 993 | { |
| 994 | background: url(images/icons/attachment.png) top left no-repeat; | |
| 995 | padding: 0px 0px 3px 22px; | |
| 996 | } | |
| 997 | ||
| 4e17e6 | 998 | #attachment-form |
| T | 999 | { |
| 1000 | position: absolute; | |
| 1001 | top: 150px; | |
| 1002 | left: 20px; | |
| 1003 | z-index: 200; | |
| 8beee1 | 1004 | padding: 6px; |
| 4e17e6 | 1005 | visibility: hidden; |
| T | 1006 | border: 1px solid #CCCCCC; |
| 1007 | background-color: #F9F9F9; | |
| 1008 | } | |
| 1009 | ||
| 8beee1 | 1010 | #attachment-form div |
| 4e17e6 | 1011 | { |
| 8beee1 | 1012 | padding: 2px; |
| 4e17e6 | 1013 | } |
| T | 1014 | |
| 8beee1 | 1015 | #attachment-form div.buttons |
| T | 1016 | { |
| 1017 | margin-top: 4px; | |
| 1018 | } | |
| e5686f | 1019 | |
| 203ee4 | 1020 | table.headers-table tr td.more-headers |
| e5686f | 1021 | { |
| A | 1022 | cursor: pointer; |
| 1023 | width: 100%; | |
| 203ee4 | 1024 | height: 8px; |
| T | 1025 | border-bottom: 0; |
| e5686f | 1026 | } |
| A | 1027 | |
| 71f3d6 | 1028 | table.headers-table tr td.all |
| T | 1029 | { |
| 1030 | padding: 2px 6px 4px 6px; | |
| 1031 | border-bottom: 0; | |
| 1032 | } | |
| 1033 | ||
| 203ee4 | 1034 | td.show-headers |
| e5686f | 1035 | { |
| A | 1036 | background: url(images/icons/down_small.gif) no-repeat center; |
| 1037 | } | |
| 1038 | ||
| 203ee4 | 1039 | td.hide-headers |
| e5686f | 1040 | { |
| A | 1041 | background: url(images/icons/up_small.gif) no-repeat center; |
| 1042 | } | |
| 1043 | ||
| 1044 | #all-headers | |
| 1045 | { | |
| 1046 | height: 150px; | |
| 1047 | display: none; | |
| 1048 | } | |
| 1049 | ||
| 1050 | #headers-source | |
| 1051 | { | |
| 1052 | margin: 0 5px; | |
| 203ee4 | 1053 | padding: 0.5em; |
| e5686f | 1054 | height: 145px; |
| A | 1055 | background: white; |
| 1056 | overflow: auto; | |
| 1057 | font-size: 11px; | |
| 1058 | white-space: nowrap; | |
| 1059 | border: 1px solid #999999; | |
| 1060 | display: none; | |
| 1061 | text-align: left; | |
| 203ee4 | 1062 | color: #333; |
| e5686f | 1063 | } |
| A | 1064 | |
| 1065 | font.bold | |
| 1066 | { | |
| 1067 | font-weight: bold; | |
| 1068 | } | |
