| 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; | |
| 55 | z-index: 240; | |
| 56 | } | |
| 57 | ||
| 58 | ul.toolbarmenu | |
| 59 | { | |
| 60 | margin: 0; | |
| 61 | padding: 0; | |
| 62 | list-style: none; | |
| 63 | } | |
| 64 | ||
| 65 | ul.toolbarmenu li | |
| 66 | { | |
| 67 | font-size: 11px; | |
| 68 | white-space: nowrap; | |
| 69 | min-width: 130px; | |
| 70 | width: auto !important; | |
| 71 | width: 130px; | |
| 72 | } | |
| 73 | ||
| 74 | ul.toolbarmenu li a | |
| 75 | { | |
| 76 | display: block; | |
| 77 | color: #a0a0a0; | |
| 78 | padding: 2px 8px 3px 12px; | |
| 79 | text-decoration: none; | |
| 80 | } | |
| 81 | ||
| 82 | ul.toolbarmenu li a.active:hover | |
| 83 | { | |
| 84 | background-color: #ddd; | |
| 85 | } | |
| 86 | ||
| 4e17e6 | 87 | #listcontrols |
| T | 88 | { |
| 89 | position: absolute; | |
| 90 | left: 200px; | |
| 7902df | 91 | bottom: 20px; |
| 4e17e6 | 92 | height: 16px; |
| d6037d | 93 | width: 500px; |
| 586665 | 94 | font-size: 11px; |
| 4e17e6 | 95 | } |
| T | 96 | |
| 97 | #listcontrols a, | |
| 98 | #listcontrols a:active, | |
| 15a9d1 | 99 | #listcontrols a:visited, |
| T | 100 | #mailboxcontrols a, |
| 101 | #mailboxcontrols a:active, | |
| 7984ec | 102 | #mailboxcontrols a:visited, |
| T | 103 | td.formlinks a, |
| 104 | td.formlinks a:visited | |
| 4e17e6 | 105 | { |
| T | 106 | color: #999999; |
| 107 | font-size: 11px; | |
| 108 | text-decoration: none; | |
| 109 | } | |
| 110 | ||
| 111 | #listcontrols a.active, | |
| 112 | #listcontrols a.active:active, | |
| 15a9d1 | 113 | #listcontrols a.active:visited, |
| T | 114 | #mailboxcontrols a.active, |
| 115 | #mailboxcontrols a.active:active, | |
| 7984ec | 116 | #mailboxcontrols a.active:visited, |
| 7f9ea1 | 117 | ul.toolbarmenu li a.active, |
| T | 118 | ul.toolbarmenu li a.active:active, |
| 119 | ul.toolbarmenu li a.active:visited, | |
| 7984ec | 120 | td.formlinks a, |
| T | 121 | td.formlinks a:visited |
| 4e17e6 | 122 | { |
| T | 123 | color: #CC0000; |
| 124 | } | |
| 125 | ||
| 15a9d1 | 126 | #listcontrols a.active:hover, |
| T | 127 | #mailboxcontrols a.active:hover |
| 4e17e6 | 128 | { |
| T | 129 | text-decoration: underline; |
| 130 | } | |
| 131 | ||
| 132 | #messagecountbar | |
| 133 | { | |
| 134 | position: absolute; | |
| 4647e1 | 135 | bottom: 16px; |
| 834432 | 136 | right: 20px; |
| d3502f | 137 | width: 300px; |
| 4e17e6 | 138 | height: 20px; |
| T | 139 | text-align: right; |
| 1cded8 | 140 | white-space: nowrap; |
| 4e17e6 | 141 | } |
| T | 142 | |
| 143 | #messagecountbar span | |
| 144 | { | |
| 145 | font-size: 11px; | |
| 146 | color: #333333; | |
| 147 | } | |
| 148 | ||
| 149 | #messagepartcontainer | |
| 150 | { | |
| 151 | position: absolute; | |
| 152 | top: 80px; | |
| 153 | left: 20px; | |
| 154 | right: 20px; | |
| 155 | bottom: 20px; | |
| bf1be0 | 156 | /* css hack for IE */ |
| T | 157 | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| 158 | height: expression((parseInt(document.documentElement.clientHeight)-100)+'px'); | |
| 4e17e6 | 159 | } |
| T | 160 | |
| 161 | #mailcontframe | |
| 162 | { | |
| 163 | position: absolute; | |
| 7902df | 164 | top: 85px; |
| 4e17e6 | 165 | left: 200px; |
| 834432 | 166 | right: 20px; |
| 7902df | 167 | bottom: 40px; |
| 4e17e6 | 168 | border: 1px solid #999999; |
| T | 169 | background-color: #F9F9F9; |
| 170 | overflow: auto; | |
| 171 | /* css hack for IE */ | |
| 834432 | 172 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| fad5c3 | 173 | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| 4e17e6 | 174 | } |
| T | 175 | |
| b19097 | 176 | #mailpreviewframe |
| T | 177 | { |
| 178 | position: absolute; | |
| a7d5c6 | 179 | top: 305px; |
| b19097 | 180 | left: 200px; |
| 834432 | 181 | right: 20px; |
| b19097 | 182 | bottom: 40px; |
| T | 183 | border: 1px solid #999999; |
| 184 | background-color: #F9F9F9; | |
| 185 | /* css hack for IE */ | |
| 834432 | 186 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| a7d5c6 | 187 | height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px'); |
| b19097 | 188 | } |
| T | 189 | |
| 190 | #messagecontframe | |
| 191 | { | |
| c45471 | 192 | position: absolute; |
| S | 193 | top: 0px; |
| 194 | left: 0px; | |
| 195 | right: 0px; | |
| 196 | bottom: 0px; | |
| 197 | /* css hack for IE */ | |
| 834432 | 198 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| c45471 | 199 | height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px'); |
| b19097 | 200 | } |
| 4e17e6 | 201 | |
| T | 202 | #messagepartframe |
| 203 | { | |
| c3f94d | 204 | width: 100%; |
| T | 205 | height: 100%; |
| 4e17e6 | 206 | border: 1px solid #999999; |
| ee883a | 207 | background-color: #F9F9F9; |
| 4e17e6 | 208 | } |
| T | 209 | |
| 210 | ||
| 211 | #partheader | |
| 212 | { | |
| 213 | position: absolute; | |
| 214 | top: 10px; | |
| 215 | left: 220px; | |
| 9734be | 216 | right: 20px; |
| 4e17e6 | 217 | height: 40px; |
| 9734be | 218 | /* css hack for IE */ |
| T | 219 | width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); |
| 4e17e6 | 220 | } |
| T | 221 | |
| 222 | #partheader table td | |
| 223 | { | |
| 224 | padding-left: 2px; | |
| 225 | padding-right: 4px; | |
| 226 | vertical-align: middle; | |
| 227 | font-size: 11px; | |
| 228 | } | |
| 229 | ||
| 230 | #partheader table td.title | |
| 231 | { | |
| 232 | color: #666666; | |
| 233 | font-weight: bold; | |
| 234 | } | |
| 235 | ||
| 236 | ||
| 237 | /** mailbox list styles */ | |
| 238 | ||
| 239 | #mailboxlist-header | |
| 240 | { | |
| f45bbe | 241 | display: block; |
| T | 242 | height: 12px; |
| 7f9ea1 | 243 | margin: 0; |
| f45bbe | 244 | padding: 3px 10px 4px 10px; |
| 4e17e6 | 245 | background-color: #EBEBEB; |
| T | 246 | background-image: url(images/listheader_aqua.gif); |
| f45bbe | 247 | border-bottom: 1px solid #999; |
| 4e17e6 | 248 | color: #333333; |
| T | 249 | font-size: 11px; |
| 250 | font-weight: bold; | |
| 251 | } | |
| 252 | ||
| cd900d | 253 | #mailboxlist-container |
| 4e17e6 | 254 | { |
| T | 255 | position: absolute; |
| f45bbe | 256 | top: 85px; |
| 4e17e6 | 257 | left: 20px; |
| 1b18b1 | 258 | width: 170px; |
| 7902df | 259 | bottom: 40px; |
| f45bbe | 260 | border: 1px solid #999; |
| cd900d | 261 | background-color: #F9F9F9; |
| T | 262 | overflow: auto; |
| 263 | /* css hack for IE */ | |
| f45bbe | 264 | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| cd900d | 265 | } |
| T | 266 | |
| 267 | #mailboxlist | |
| 268 | { | |
| 269 | width: 100%; | |
| 4e17e6 | 270 | height: auto; |
| T | 271 | margin: 0px; |
| 272 | padding: 0px; | |
| 273 | list-style-image: none; | |
| 274 | list-style-type: none; | |
| 20a1b3 | 275 | overflow: hidden; |
| T | 276 | white-space: nowrap; |
| 4e17e6 | 277 | } |
| T | 278 | |
| 279 | #mailboxlist li | |
| 280 | { | |
| 281 | font-size: 11px; | |
| 282 | background: url(images/icons/folder-closed.png) no-repeat; | |
| 8274ef | 283 | background-position: 5px 1px; |
| 4e17e6 | 284 | border-bottom: 1px solid #EBEBEB; |
| T | 285 | } |
| 286 | ||
| 287 | #mailboxlist li.inbox | |
| 288 | { | |
| 289 | background-image: url(images/icons/folder-inbox.png); | |
| 290 | } | |
| 291 | ||
| 1966c5 | 292 | #mailboxlist li.drafts |
| S | 293 | { |
| 294 | background-image: url(images/icons/folder-drafts.png); | |
| 295 | } | |
| 296 | ||
| 4e17e6 | 297 | #mailboxlist li.sent |
| T | 298 | { |
| 299 | background-image: url(images/icons/folder-sent.png); | |
| 300 | } | |
| 301 | ||
| 302 | #mailboxlist li.junk | |
| 303 | { | |
| 304 | background-image: url(images/icons/folder-junk.png); | |
| 305 | } | |
| 306 | ||
| 307 | #mailboxlist li.trash | |
| 308 | { | |
| 309 | background-image: url(images/icons/folder-trash.png); | |
| 310 | } | |
| 311 | ||
| 312 | #mailboxlist li a | |
| 313 | { | |
| 314 | display: block; | |
| 8274ef | 315 | padding-left: 25px; |
| 4e17e6 | 316 | padding-top: 2px; |
| T | 317 | padding-bottom: 2px; |
| 318 | text-decoration: none; | |
| 319 | } | |
| 320 | ||
| 321 | #mailboxlist li.unread | |
| 322 | { | |
| 323 | font-weight: bold; | |
| 324 | } | |
| 325 | ||
| 51e14a | 326 | #mailboxlist li.selected, |
| T | 327 | #mailboxlist li.droptarget li.selected |
| 4e17e6 | 328 | { |
| T | 329 | background-color: #929292; |
| aa9836 | 330 | } |
| T | 331 | |
| 768a24 | 332 | #mailboxlist li.selected > a, |
| aa9836 | 333 | #mailboxlist li.droptarget li.selected a |
| T | 334 | { |
| 4e17e6 | 335 | color: #FFF; |
| T | 336 | font-weight: bold; |
| 337 | } | |
| 338 | ||
| fe79b1 | 339 | #mailboxlist li.droptarget |
| T | 340 | { |
| 341 | background-color: #FFFFA6; | |
| 342 | } | |
| 4e17e6 | 343 | |
| 597170 | 344 | /* styles for nested folders */ |
| T | 345 | #mailboxlist ul { |
| 346 | list-style: none; | |
| 347 | padding: 0; | |
| 348 | margin:0; | |
| 349 | border-top: 1px solid #EBEBEB; | |
| 350 | padding-left: 15px; | |
| 351 | background-position: 25px 1px; | |
| 352 | background-color: #F9F9F9; | |
| c708c9 | 353 | color: blue; |
| 597170 | 354 | font-weight: normal; |
| T | 355 | } |
| 356 | ||
| 357 | ||
| 15a9d1 | 358 | #mailboxcontrols |
| T | 359 | { |
| 360 | position: absolute; | |
| 361 | left: 20px; | |
| 4b9efb | 362 | width: 170px; |
| 15a9d1 | 363 | bottom: 20px; |
| T | 364 | height: 16px; |
| 365 | overflow: hidden; | |
| 586665 | 366 | font-size: 11px; |
| 15a9d1 | 367 | } |
| T | 368 | |
| 369 | ||
| 4e17e6 | 370 | /** message list styles */ |
| T | 371 | |
| 372 | body.messagelist | |
| 373 | { | |
| 374 | margin: 0px; | |
| 375 | background-color: #F9F9F9; | |
| 376 | } | |
| 377 | ||
| 378 | #messagelist | |
| 379 | { | |
| 380 | width: 100%; | |
| e0ddd4 | 381 | display: table; |
| 4e17e6 | 382 | table-layout: fixed; |
| T | 383 | /* css hack for IE */ |
| 5f041a | 384 | width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px'); |
| 4e17e6 | 385 | } |
| T | 386 | |
| a02d48 | 387 | /* safari hack \*/ |
| T | 388 | html>body*#messagelist[id$="messagelist"]:not([class="none"]) { table-layout: auto; } |
| 389 | /**/ | |
| 390 | ||
| 4e17e6 | 391 | #messagelist thead tr td |
| T | 392 | { |
| 393 | height: 20px; | |
| 394 | padding-top: 0px; | |
| 395 | padding-bottom: 0px; | |
| 396 | padding-left: 2px; | |
| 397 | padding-right: 4px; | |
| 398 | vertical-align: middle; | |
| 399 | border-bottom: 1px solid #999999; | |
| 400 | color: #333333; | |
| 401 | background-color: #EBEBEB; | |
| 402 | background-image: url(images/listheader_aqua.gif); | |
| 403 | font-size: 11px; | |
| 404 | font-weight: bold; | |
| 405 | } | |
| 406 | ||
| b076a4 | 407 | #messagelist thead tr td.sortedASC, |
| T | 408 | #messagelist thead tr td.sortedDESC |
| 409 | { | |
| 410 | background-image: url(images/listheader_dark.gif); | |
| 1cded8 | 411 | } |
| T | 412 | |
| 413 | #messagelist thead tr td.sortedASC a | |
| 414 | { | |
| 415 | background: url(images/sort_asc.gif) top right no-repeat; | |
| 416 | } | |
| 417 | ||
| 418 | #messagelist thead tr td.sortedDESC a | |
| 419 | { | |
| 420 | background: url(images/sort_desc.gif) top right no-repeat; | |
| 421 | } | |
| 422 | ||
| d1293e | 423 | #messagelist thead tr td a |
| 1cded8 | 424 | { |
| T | 425 | display: block; |
| 426 | width: auto !important; | |
| 427 | width: 100%; | |
| 428 | color: #333333; | |
| 429 | text-decoration: none; | |
| b076a4 | 430 | } |
| T | 431 | |
| 4e17e6 | 432 | #messagelist tbody tr td |
| T | 433 | { |
| b19097 | 434 | height: 16px; |
| 4e17e6 | 435 | padding: 2px; |
| T | 436 | padding-right: 4px; |
| 437 | font-size: 11px; | |
| 4b0f65 | 438 | overflow: hidden; |
| 4e17e6 | 439 | white-space: nowrap; |
| 4b0f65 | 440 | text-overflow: ellipsis; |
| 4e17e6 | 441 | border-bottom: 1px solid #EBEBEB; |
| T | 442 | cursor: pointer; |
| 41bece | 443 | } |
| T | 444 | |
| 445 | #messagelist tbody tr td a | |
| 446 | { | |
| 447 | color: #000; | |
| d1293e | 448 | text-decoration: none; |
| f45bbe | 449 | white-space: nowrap; |
| e0ddd4 | 450 | } |
| T | 451 | |
| 452 | #messagelist col | |
| 453 | { | |
| 454 | display: table-column; | |
| 455 | text-align: left; | |
| b4b081 | 456 | vertical-align: middle; |
| 4e17e6 | 457 | } |
| T | 458 | |
| 459 | #messagelist tr td.icon | |
| 460 | { | |
| 461 | width: 16px; | |
| b4b081 | 462 | vertical-align: middle; |
| 4e17e6 | 463 | } |
| T | 464 | |
| 465 | #messagelist tr td.subject | |
| 466 | { | |
| 467 | overflow: hidden; | |
| b4b081 | 468 | vertical-align: middle; |
| 4e17e6 | 469 | } |
| T | 470 | |
| 471 | #messagelist tr td.size | |
| 472 | { | |
| f45bbe | 473 | width: 70px; |
| 4e17e6 | 474 | text-align: right; |
| b4b081 | 475 | vertical-align: middle; |
| 4e17e6 | 476 | } |
| T | 477 | |
| 478 | #messagelist tr td.from, | |
| 479 | #messagelist tr td.to | |
| 480 | { | |
| 481 | width: 180px; | |
| b4b081 | 482 | vertical-align: middle; |
| 4e17e6 | 483 | } |
| T | 484 | |
| 485 | #messagelist tr td.date | |
| 486 | { | |
| f1a16f | 487 | width: 118px; |
| b4b081 | 488 | vertical-align: middle; |
| 4e17e6 | 489 | } |
| T | 490 | |
| 491 | #messagelist tr.message | |
| 492 | { | |
| 493 | background-color: #FFFFFF; | |
| 494 | } | |
| 495 | ||
| 496 | /* | |
| 497 | #messagelist tr.odd | |
| 498 | { | |
| 499 | background-color: #F9F9F9; | |
| 500 | } | |
| 501 | */ | |
| 502 | ||
| 503 | #messagelist tr.unread | |
| 504 | { | |
| 505 | font-weight: bold; | |
| 506 | background-color: #FFFFFF; | |
| 507 | } | |
| 508 | ||
| 509 | #messagelist tr.selected td | |
| 510 | { | |
| 511 | color: #FFFFFF; | |
| 512 | background-color: #CC3333; | |
| 88f9e2 | 513 | } |
| S | 514 | |
| cd121c | 515 | #messagelist tr.unfocused td |
| S | 516 | { |
| 517 | color: #FFFFFF; | |
| 518 | background-color: #929292; | |
| 519 | } | |
| 520 | ||
| 41bece | 521 | #messagelist tr.selected td a |
| 4e17e6 | 522 | { |
| T | 523 | color: #FFFFFF; |
| 524 | } | |
| 525 | ||
| 41bece | 526 | #messagelist tr.unfocused td a |
| cd121c | 527 | { |
| S | 528 | color: #FFFFFF; |
| 529 | } | |
| 530 | ||
| 41bece | 531 | #messagelist tr.deleted td a |
| 079bc8 | 532 | { |
| S | 533 | color: #CCCCCC; |
| 534 | } | |
| 535 | ||
| 15a9d1 | 536 | #messagelist tr.deleted td, |
| T | 537 | #messagelist tr.deleted td a |
| 538 | { | |
| 539 | color: #CCCCCC; | |
| 540 | } | |
| 541 | ||
| 7cf1bd | 542 | |
| 3ea0e3 | 543 | #quotadisplay |
| T | 544 | { |
| 545 | color: #666666; | |
| 546 | font-size: 11px; | |
| 547 | } | |
| 548 | ||
| 549 | #quotadisplay img | |
| 550 | { | |
| 551 | vertical-align: middle; | |
| fda695 | 552 | margin-left: 4px; |
| T | 553 | border: 1px solid #666666; |
| 3ea0e3 | 554 | } |
| T | 555 | |
| 556 | ||
| 4e17e6 | 557 | /** message view styles */ |
| T | 558 | |
| 559 | ||
| 560 | #messageframe | |
| 561 | { | |
| 562 | position: absolute; | |
| f11541 | 563 | top: 85px; |
| 4e17e6 | 564 | left: 200px; |
| 834432 | 565 | right: 20px; |
| 6a35c8 | 566 | bottom: 40px; |
| f45bbe | 567 | border: 1px solid #999; |
| T | 568 | background-color: #FFF; |
| 6a35c8 | 569 | overflow: auto; |
| 4e17e6 | 570 | /* css hack for IE */ |
| 6a35c8 | 571 | /* margin-bottom: 10px; */ |
| 834432 | 572 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| 6a35c8 | 573 | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| 4e17e6 | 574 | } |
| T | 575 | |
| b19097 | 576 | div.messageheaderbox |
| T | 577 | { |
| 578 | margin: 6px 8px 0px 8px; | |
| 579 | border: 1px solid #ccc; | |
| 580 | } | |
| 581 | ||
| 4e17e6 | 582 | table.headers-table |
| T | 583 | { |
| 584 | width: 100%; | |
| 585 | background-color: #EBEBEB; | |
| 586 | table-layout: fixed; | |
| 5cc4b1 | 587 | } |
| 4e17e6 | 588 | |
| 5cc4b1 | 589 | #messagebody table.headers-table |
| T | 590 | { |
| 591 | width: auto; | |
| 592 | margin: 6px 8px; | |
| 593 | background-color: #F4F4F4; | |
| 594 | border: 1px solid #ccc; | |
| 4e17e6 | 595 | } |
| T | 596 | |
| 597 | table.headers-table tr td | |
| 598 | { | |
| 599 | font-size: 11px; | |
| 600 | border-bottom:1px solid #FFFFFF; | |
| 601 | } | |
| 602 | ||
| 603 | table.headers-table td.header-title | |
| 604 | { | |
| 6a35c8 | 605 | width: 80px; |
| 4e17e6 | 606 | color: #666666; |
| T | 607 | font-weight: bold; |
| 608 | text-align: right; | |
| 6a35c8 | 609 | white-space: nowrap; |
| 4e17e6 | 610 | padding-right: 4px; |
| T | 611 | } |
| 612 | ||
| 613 | table.headers-table tr td.subject | |
| 614 | { | |
| 615 | width: 95%; | |
| 616 | font-weight: bold; | |
| 617 | } | |
| 508442 | 618 | |
| 4e17e6 | 619 | #attachment-list |
| T | 620 | { |
| 621 | margin: 0px; | |
| 51cca6 | 622 | padding: 0px 0px 0px 72px; |
| A | 623 | min-height: 16px; |
| 4e17e6 | 624 | list-style-image: none; |
| T | 625 | list-style-type: none; |
| cc85f3 | 626 | background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF; |
| 51cca6 | 627 | /* IE6 hack */ |
| cc85f3 | 628 | _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px'); |
| ba033a | 629 | } |
| T | 630 | |
| 631 | #attachment-list:after | |
| 632 | { | |
| 633 | content: "."; | |
| 634 | display: block; | |
| 635 | height: 0; | |
| 636 | font-size: 0; | |
| 637 | clear: both; | |
| 638 | visibility: hidden; | |
| 4e17e6 | 639 | } |
| T | 640 | |
| 641 | #attachment-list li | |
| 642 | { | |
| 643 | float: left; | |
| 644 | height: 18px; | |
| 645 | font-size: 11px; | |
| 51cca6 | 646 | padding: 2px 0px 0px 15px; |
| cc85f3 | 647 | white-space: nowrap; |
| 4e17e6 | 648 | } |
| T | 649 | |
| 650 | #attachment-list li a | |
| 651 | { | |
| 652 | text-decoration: none; | |
| 653 | } | |
| 654 | ||
| 655 | #attachment-list li a:hover | |
| 656 | { | |
| 657 | text-decoration: underline; | |
| 658 | } | |
| 659 | ||
| 660 | #messagebody | |
| 661 | { | |
| e6a406 | 662 | position:relative; |
| 4e17e6 | 663 | min-height: 300px; |
| 6a35c8 | 664 | padding-bottom: 10px; |
| 4e17e6 | 665 | background-color: #FFFFFF; |
| T | 666 | } |
| 667 | ||
| 668 | div.message-part | |
| 669 | { | |
| fba1f5 | 670 | padding: 10px 8px; |
| T | 671 | border-top: 1px solid #ccc; |
| 672 | /* overflow: hidden; */ | |
| 673 | } | |
| 674 | ||
| 675 | #messagebody div:first-child | |
| 676 | { | |
| 677 | border-top: 0; | |
| 4e17e6 | 678 | } |
| T | 679 | |
| 680 | div.message-part a | |
| 681 | { | |
| 682 | color: #0000CC; | |
| 683 | } | |
| 684 | ||
| 10c92b | 685 | div.message-part div.pre |
| 4e17e6 | 686 | { |
| T | 687 | margin: 0px; |
| 688 | padding: 0px; | |
| fc7374 | 689 | white-space: -moz-pre-wrap !important; |
| 10c92b | 690 | white-space: pre; |
| T | 691 | font-family: monospace; |
| 4e17e6 | 692 | } |
| T | 693 | |
| 10c92b | 694 | div.message-part blockquote |
| T | 695 | { |
| 696 | color: blue; | |
| 697 | border-left: 2px solid blue; | |
| 698 | border-right: 2px solid blue; | |
| 699 | background-color: #F6F6F6; | |
| 700 | margin: 2px 0px 2px 0px; | |
| 701 | padding: 1px 8px 1px 10px; | |
| 702 | } | |
| 703 | ||
| 704 | div.message-part blockquote blockquote | |
| 705 | { | |
| 706 | color: green; | |
| 707 | border-left: 2px solid green; | |
| 708 | border-right: 2px solid green; | |
| 709 | } | |
| 710 | ||
| 711 | div.message-part blockquote blockquote blockquote | |
| 712 | { | |
| 713 | color: #990000; | |
| 714 | border-left: 2px solid #bb0000; | |
| 715 | border-right: 2px solid #bb0000; | |
| 716 | } | |
| 4e17e6 | 717 | |
| T | 718 | #remote-objects-message |
| 719 | { | |
| 720 | display: none; | |
| 721 | height: 20px; | |
| 722 | min-height: 20px; | |
| 6a35c8 | 723 | margin: 8px 8px 0px 8px; |
| 4e17e6 | 724 | padding: 10px 10px 6px 46px; |
| T | 725 | } |
| 726 | ||
| 727 | #remote-objects-message a | |
| 728 | { | |
| 729 | color: #666666; | |
| 730 | padding-left: 10px; | |
| 731 | } | |
| 732 | ||
| 733 | #remote-objects-message a:hover | |
| 734 | { | |
| 735 | color: #333333; | |
| 736 | } | |
| 737 | ||
| 738 | ||
| 739 | /** message compose styles */ | |
| 740 | ||
| 7984ec | 741 | #priority-selector, |
| 620439 | 742 | #receipt-selector |
| T | 743 | { |
| 7984ec | 744 | padding-left: 30px; |
| 4e17e6 | 745 | } |
| T | 746 | |
| 747 | #compose-container | |
| 748 | { | |
| 749 | position: absolute; | |
| 7902df | 750 | top: 90px; |
| 4e17e6 | 751 | left: 200px; |
| 834432 | 752 | right: 25px; |
| A | 753 | bottom: 30px; |
| 4e17e6 | 754 | padding: 0px; |
| T | 755 | margin: 0px; |
| 756 | /* css hack for IE */ | |
| 834432 | 757 | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| 6a35c8 | 758 | height: expression((parseInt(document.documentElement.clientHeight)-130)+'px'); |
| 4e17e6 | 759 | } |
| T | 760 | |
| 761 | /* | |
| 762 | #compose-headers | |
| 763 | { | |
| 764 | position: absolute; | |
| 765 | top: 70px; | |
| 766 | left: 200px; | |
| 767 | height: 84px; | |
| 768 | border-top: 1px solid #cccccc; | |
| 769 | overflow: auto; | |
| 770 | } | |
| 771 | ||
| 772 | #compose-headers td | |
| 773 | { | |
| 774 | padding-top: 1px; | |
| 775 | padding-bottom: 1px; | |
| 776 | border-right: 1px solid #cccccc; | |
| 777 | border-bottom: 1px solid #cccccc; | |
| 778 | } | |
| 779 | */ | |
| 780 | ||
| 781 | #compose-headers | |
| 782 | { | |
| 783 | width: 100%; | |
| 784 | } | |
| 785 | ||
| 786 | /* | |
| 787 | #compose-headers td | |
| 788 | { | |
| 789 | width: 100%; | |
| 790 | } | |
| 791 | */ | |
| 792 | ||
| 793 | #compose-headers td.top | |
| 794 | { | |
| 795 | vertical-align: top; | |
| 796 | } | |
| 797 | ||
| 798 | #compose-headers td.title, | |
| 799 | #compose-subject td.title | |
| 800 | { | |
| 801 | width: 80px !important; | |
| 802 | color: #666666; | |
| 803 | font-size: 11px; | |
| 804 | font-weight: bold; | |
| 805 | padding-right: 10px; | |
| 806 | white-space: nowrap; | |
| 807 | } | |
| 808 | ||
| ee18f5 | 809 | #compose-body, |
| T | 810 | #compose-headers td textarea, |
| 4e17e6 | 811 | #compose-headers td input |
| T | 812 | { |
| 813 | width: 100%; | |
| ee18f5 | 814 | width: expression('99%'); |
| T | 815 | } |
| 816 | ||
| 817 | #compose-headers td textarea | |
| 818 | { | |
| 819 | height: 38px; | |
| 4e17e6 | 820 | } |
| T | 821 | |
| 822 | #compose-cc, | |
| 823 | #compose-bcc, | |
| 824 | #compose-replyto | |
| 825 | { | |
| 826 | display: none; | |
| 827 | } | |
| 828 | ||
| 829 | #compose-body | |
| 830 | { | |
| dd53e2 | 831 | margin-top: 5px; |
| d52676 | 832 | margin-bottom: 10px; |
| 1cded8 | 833 | height: 90%; |
| d52676 | 834 | min-height: 280px; |
| 4e17e6 | 835 | font-size: 9pt; |
| T | 836 | font-family: "Courier New", Courier, monospace; |
| 837 | } | |
| 838 | ||
| 839 | #compose-attachments | |
| 840 | { | |
| 841 | position: absolute; | |
| 842 | top: 100px; | |
| 843 | left: 20px; | |
| 844 | width: 160px; | |
| 845 | } | |
| 846 | ||
| 847 | #compose-attachments ul | |
| 848 | { | |
| 849 | margin: 0px; | |
| 850 | padding: 0px; | |
| 851 | border: 1px solid #CCCCCC; | |
| 852 | background-color: #F9F9F9; | |
| 853 | list-style-image: none; | |
| 854 | list-style-type: none; | |
| 855 | } | |
| 856 | ||
| 857 | #compose-attachments ul li | |
| 858 | { | |
| 859 | height: 18px; | |
| 860 | font-size: 11px; | |
| a894ba | 861 | padding-left: 2px; |
| 4e17e6 | 862 | padding-top: 2px; |
| T | 863 | padding-right: 4px; |
| 864 | border-bottom: 1px solid #EBEBEB; | |
| 865 | white-space: nowrap; | |
| 866 | overflow: hidden; | |
| 867 | } | |
| 868 | ||
| 508442 | 869 | #attachment-title |
| T | 870 | { |
| 871 | background: url(images/icons/attachment.png) top left no-repeat; | |
| 872 | padding: 0px 0px 3px 22px; | |
| 873 | } | |
| 874 | ||
| 4e17e6 | 875 | #attachment-form |
| T | 876 | { |
| 877 | position: absolute; | |
| 878 | top: 150px; | |
| 879 | left: 20px; | |
| 880 | z-index: 200; | |
| 881 | padding: 8px; | |
| 882 | visibility: hidden; | |
| 883 | border: 1px solid #CCCCCC; | |
| 884 | background-color: #F9F9F9; | |
| 885 | } | |
| 886 | ||
| 887 | #attachment-form input.button | |
| 888 | { | |
| 889 | margin-top: 8px; | |
| 890 | } | |
| 891 | ||
