| commit | author | age | ||
| e7c445 | 1 | /** |
| T | 2 | * Roundcube webmail styles for the Email section |
| 3 | * | |
| 071c78 | 4 | * Copyright (c) 2012, The Roundcube Dev Team |
| e7c445 | 5 | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| T | 6 | * |
| 7 | * The contents are subject to the Creative Commons Attribution-ShareAlike | |
| 8 | * License. It is allowed to copy, distribute, transmit and to adapt the work | |
| 9 | * by keeping credits to the original autors in the README file. | |
| 10 | * See http://creativecommons.org/licenses/by-sa/3.0/ for details. | |
| 11 | * | |
| 12 | * $Id$ | |
| b1fa1a | 13 | */ |
| T | 14 | |
| 15 | #mailview-left { | |
| 16 | position: absolute; | |
| 17 | top: 0; | |
| 18 | left: 0; | |
| f45a97 | 19 | width: 220px; |
| b1fa1a | 20 | bottom: 0; |
| T | 21 | } |
| 22 | ||
| 23 | #mailview-right { | |
| 24 | position: absolute; | |
| 25 | top: 0; | |
| f45a97 | 26 | left: 232px; |
| b1fa1a | 27 | right: 0; |
| T | 28 | bottom: 0; |
| 29 | } | |
| 30 | ||
| 31 | #mailview-top { | |
| 32 | position: absolute; | |
| 13ed1e | 33 | top: 42px; |
| b1fa1a | 34 | left: 0; |
| T | 35 | width: 100%; |
| 879b05 | 36 | bottom: 28px; |
| b1fa1a | 37 | } |
| T | 38 | |
| 39 | #mailview-bottom { | |
| 40 | position: absolute; | |
| 41 | left: 0; | |
| 42 | bottom: 0; | |
| 43 | width: 100%; | |
| 44 | height: 26px; | |
| 45 | } | |
| 46 | ||
| 918bb9 | 47 | #mailviewsplitter { |
| T | 48 | right: 30px; |
| 49 | width: 30px; | |
| 50 | left: auto !important; | |
| 51 | } | |
| 52 | ||
| efaf2e | 53 | #folderlist-header { |
| A | 54 | width: 100%; |
| 55 | height: 12px; | |
| 56 | top: 32px; | |
| 57 | } | |
| 58 | ||
| b1fa1a | 59 | #mailboxcontainer, |
| T | 60 | #messagelistcontainer { |
| 61 | position: absolute; | |
| 62 | top: 42px; | |
| 63 | left: 0; | |
| 64 | width: 100%; | |
| 65 | bottom: 0; | |
| 66 | } | |
| 67 | ||
| 68 | #messagelistcontainer { | |
| 13ed1e | 69 | top: 0; |
| b1fa1a | 70 | bottom: 32px; |
| T | 71 | overflow: auto; |
| 72 | } | |
| 73 | ||
| 74 | #messagelistfooter { | |
| 75 | position: absolute; | |
| 76 | bottom: 0; | |
| 77 | left: 0; | |
| 78 | right: 0; | |
| 79 | height: 26px; | |
| 80 | padding: 2px; | |
| 81 | } | |
| 82 | ||
| c7dcb3 | 83 | #messagelistfooter.rightalign { |
| T | 84 | text-align: right; |
| 85 | } | |
| 86 | ||
| b1fa1a | 87 | #messagelistfooter #countcontrols { |
| T | 88 | display: inline-block; |
| 89 | } | |
| 90 | ||
| 847d31 | 91 | #messagelistfooter #listcontrols, |
| T | 92 | #messagelistfooter #listselectors { |
| a4be51 | 93 | display: inline-block; |
| T | 94 | margin-right: 2em; |
| 95 | } | |
| 96 | ||
| 97 | a.iconbutton.listmode { | |
| 98 | width: 26px; | |
| 99 | height: 20px; | |
| 68e13c | 100 | background-position: 0 -477px; |
| a4be51 | 101 | } |
| T | 102 | |
| 103 | a.iconbutton.threadmode { | |
| 104 | width: 26px; | |
| 105 | height: 20px; | |
| 68e13c | 106 | background-position: 0 -497px; |
| a4be51 | 107 | } |
| T | 108 | |
| 109 | a.iconbutton.listmode.selected { | |
| 68e13c | 110 | background-position: -26px -477px; |
| a4be51 | 111 | } |
| T | 112 | |
| 113 | a.iconbutton.threadmode.selected { | |
| 68e13c | 114 | background-position: -26px -497px; |
| a4be51 | 115 | } |
| T | 116 | |
| b1fa1a | 117 | #mailboxlist li.mailbox { |
| 13ed1e | 118 | position: relative; |
| b1fa1a | 119 | background-repeat: no-repeat; |
| 13ed1e | 120 | background-position: 6px 2px; |
| b1fa1a | 121 | } |
| T | 122 | |
| 123 | #mailboxlist li.mailbox a { | |
| 124 | padding-left: 36px; | |
| 125 | white-space: nowrap; | |
| 126 | overflow: hidden; | |
| 127 | text-overflow: ellipsis; | |
| 13ed1e | 128 | background-image: url(images/listicons.png); |
| T | 129 | background-repeat: no-repeat; |
| 130 | background-position: 6px 3px; | |
| 131 | } | |
| 132 | ||
| 6efab0 | 133 | #mailboxlist li.mailbox.unread a { |
| T | 134 | padding-right: 36px; |
| 135 | } | |
| 136 | ||
| 13ed1e | 137 | #mailboxlist li.mailbox.selected > a { |
| T | 138 | background-position: 6px -21px; |
| 139 | } | |
| 140 | ||
| 847d31 | 141 | #mailboxlist li.mailbox.inbox > a { |
| 13ed1e | 142 | background-position: 6px -189px; |
| T | 143 | } |
| 144 | ||
| 847d31 | 145 | #mailboxlist li.mailbox.inbox.selected > a { |
| 13ed1e | 146 | background-position: 6px -213px; |
| T | 147 | } |
| 148 | ||
| 847d31 | 149 | #mailboxlist li.mailbox.drafts > a { |
| 13ed1e | 150 | background-position: 6px -238px; |
| T | 151 | } |
| 152 | ||
| 847d31 | 153 | #mailboxlist li.mailbox.drafts.selected > a { |
| 13ed1e | 154 | background-position: 6px -262px; |
| T | 155 | } |
| 156 | ||
| 847d31 | 157 | #mailboxlist li.mailbox.sent > a { |
| 13ed1e | 158 | background-position: 6px -286px; |
| T | 159 | } |
| 160 | ||
| 847d31 | 161 | #mailboxlist li.mailbox.sent.selected > a { |
| 13ed1e | 162 | background-position: 6px -310px; |
| T | 163 | } |
| 164 | ||
| 847d31 | 165 | #mailboxlist li.mailbox.junk > a { |
| 13ed1e | 166 | background-position: 6px -334px; |
| T | 167 | } |
| 168 | ||
| 847d31 | 169 | #mailboxlist li.mailbox.junk.selected > a { |
| 13ed1e | 170 | background-position: 6px -358px; |
| T | 171 | } |
| 172 | ||
| 847d31 | 173 | #mailboxlist li.mailbox.trash > a { |
| 13ed1e | 174 | background-position: 6px -382px; |
| T | 175 | } |
| 176 | ||
| 847d31 | 177 | #mailboxlist li.mailbox.trash.selected > a { |
| 13ed1e | 178 | background-position: 6px -406px; |
| 68e13c | 179 | } |
| T | 180 | |
| 847d31 | 181 | #mailboxlist li.mailbox.archive > a { |
| 68e13c | 182 | background-position: 6px -1699px; |
| T | 183 | } |
| 184 | ||
| 847d31 | 185 | #mailboxlist li.mailbox.archive.selected > a { |
| 68e13c | 186 | background-position: 6px -1723px; |
| 13ed1e | 187 | } |
| T | 188 | |
| 189 | #mailboxlist li.virtual > a { | |
| 190 | color: #aaa; | |
| b1fa1a | 191 | } |
| T | 192 | |
| b6837c | 193 | #mailboxlist li.recent > a { |
| T | 194 | color: #017cb4; |
| 195 | } | |
| 196 | ||
| b1fa1a | 197 | #mailboxlist li.mailbox ul { |
| 19b34b | 198 | list-style: none; |
| T | 199 | margin: 0; |
| b1fa1a | 200 | padding: 0; |
| T | 201 | border-top: 1px solid #bbd3da; |
| 202 | } | |
| 203 | ||
| 204 | #mailboxlist li.mailbox ul li { | |
| 13ed1e | 205 | padding-left: 26px; |
| T | 206 | } |
| 207 | ||
| 208 | #mailboxlist li.mailbox ul li a { | |
| 209 | background-position: 6px -93px; | |
| 210 | } | |
| 211 | ||
| 7d3e75 | 212 | #mailboxlist li.mailbox ul li.selected > a { |
| 13ed1e | 213 | background-position: 6px -117px; |
| b1fa1a | 214 | } |
| T | 215 | |
| 216 | #mailboxlist li.mailbox ul li:last-child { | |
| 217 | border-bottom: 0; | |
| 13ed1e | 218 | } |
| T | 219 | |
| 220 | #mailboxlist li.mailbox div.collapsed, | |
| 221 | #mailboxlist li.mailbox div.expanded { | |
| 222 | position: absolute; | |
| cdb955 | 223 | top: 13px; |
| 0b179e | 224 | left: 19px; |
| T | 225 | width: 13px; |
| 226 | height: 13px; | |
| c7dcb3 | 227 | background: url(images/listicons.png) -3px -144px no-repeat; |
| 13ed1e | 228 | cursor: pointer; |
| T | 229 | } |
| 230 | ||
| 231 | #mailboxlist li.mailbox div.expanded { | |
| c7dcb3 | 232 | background-position: -3px -168px; |
| 13ed1e | 233 | } |
| T | 234 | |
| 0b179e | 235 | #mailboxlist li.mailbox.selected > div.collapsed { |
| T | 236 | background-position: -23px -144px; |
| 237 | } | |
| 238 | ||
| 239 | #mailboxlist li.mailbox.selected > div.expanded { | |
| 240 | background-position: -23px -168px; | |
| 241 | } | |
| 242 | ||
| 243 | ||
| 13ed1e | 244 | #mailboxlist li.mailbox ul li div.collapsed, |
| T | 245 | #mailboxlist li.mailbox ul li div.expanded { |
| 0b179e | 246 | left: 43px; |
| cdb955 | 247 | top: 14px; |
| 13ed1e | 248 | } |
| T | 249 | |
| 250 | #mailboxlist li.mailbox .unreadcount { | |
| 251 | position: absolute; | |
| cdb955 | 252 | top: 3px; |
| 13ed1e | 253 | right: 6px; |
| 847d31 | 254 | min-width: 1.8em; |
| T | 255 | padding: 2px 4px; |
| 13ed1e | 256 | background: #82acb5; |
| c7dcb3 | 257 | background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%); |
| T | 258 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f)); |
| 259 | background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%); | |
| 260 | background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%); | |
| 261 | background: linear-gradient(top, #82acb5 0%, #6a939f 100%); | |
| 13ed1e | 262 | box-shadow: inset 0 1px 1px 0 #536d72; |
| T | 263 | -o-box-shadow: inset 0 1px 1px 0 #536d72; |
| 264 | -webkit-box-shadow: inset 0 1px 1px 0 #536d72; | |
| 265 | -moz-box-shadow: inset 0 1px 1px 0 #536d72; | |
| 266 | border-radius: 9px; | |
| 267 | color: #fff; | |
| 268 | text-align: center; | |
| 269 | font-weight: bold; | |
| 270 | text-shadow: none; | |
| 271 | } | |
| 272 | ||
| 3c9e90 | 273 | #mailboxlist li.mailbox.selected > a .unreadcount { |
| 13ed1e | 274 | background: #005d76; |
| c7dcb3 | 275 | background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); |
| T | 276 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); |
| 277 | background: -o-linear-gradient(top, #005d76 0%, #004558 100%); | |
| 278 | background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); | |
| 279 | background: linear-gradient(top, #005d76 0%, #004558 100%); | |
| 13ed1e | 280 | box-shadow: inset 0 1px 1px 0 #003645; |
| T | 281 | -o-box-shadow: inset 0 1px 1px 0 #003645; |
| 282 | -webkit-box-shadow: inset 0 1px 1px 0 #003645; | |
| 283 | -moz-box-shadow: inset 0 1px 1px 0 #003645; | |
| b1fa1a | 284 | } |
| T | 285 | |
| 2fdc7c | 286 | #mailboxlist li.mailbox.recent > a .unreadcount { |
| T | 287 | background: #017cb4; |
| 288 | background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| 289 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4)); | |
| 290 | background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| 291 | background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| 292 | background: linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| 293 | box-shadow: inset 0 1px 1px 0 #005080; | |
| 294 | -o-box-shadow: inset 0 1px 1px 0 #005080; | |
| 295 | -webkit-box-shadow: inset 0 1px 1px 0 #005080; | |
| 296 | -moz-box-shadow: inset 0 1px 1px 0 #005080; | |
| 297 | } | |
| 298 | ||
| 879b05 | 299 | #searchfilter { |
| T | 300 | width: 16em; |
| 301 | } | |
| 302 | ||
| c7dcb3 | 303 | #mailview-left select.mailboxlist { |
| T | 304 | position: relative; |
| 305 | top: 10px; | |
| 306 | width: 100%; | |
| 307 | } | |
| 308 | ||
| 879b05 | 309 | #messagetoolbar { |
| T | 310 | position: absolute; |
| 13ed1e | 311 | top: -6px; |
| 879b05 | 312 | right: 0; |
| 13ed1e | 313 | left: 15em; |
| 879b05 | 314 | height: 40px; |
| a4be51 | 315 | white-space: nowrap; |
| c7dcb3 | 316 | } |
| T | 317 | |
| 318 | #messagetoolbar.fullwidth { | |
| 319 | left: 0; | |
| 320 | } | |
| 321 | ||
| 322 | #mailtoolbar { | |
| 13ed1e | 323 | text-align: right; |
| c7dcb3 | 324 | } |
| T | 325 | |
| 326 | #mailpreviewtoggle { | |
| 327 | display: block; | |
| 328 | position: absolute; | |
| 329 | top: 4px; | |
| 330 | right: 2px; | |
| 331 | width: 20px; | |
| 332 | height: 18px; | |
| 68e13c | 333 | background: url(images/buttons.png) -3px -458px no-repeat; |
| c7dcb3 | 334 | } |
| T | 335 | |
| 336 | #mailpreviewtoggle.enabled { | |
| 68e13c | 337 | background-position: -28px -458px; |
| 879b05 | 338 | } |
| T | 339 | |
| 340 | ||
| 341 | /*** message list ***/ | |
| 342 | ||
| 343 | #messagelist tr td.attachment, | |
| 344 | #messagelist tr td.threads, | |
| 345 | #messagelist tr td.status, | |
| 346 | #messagelist tr td.flag, | |
| 347 | #messagelist tr td.priority { | |
| 13ed1e | 348 | width: 20px; |
| cdb955 | 349 | padding: 2px 3px; |
| 15f48a | 350 | } |
| T | 351 | |
| 071c78 | 352 | .webkit #messagelist tr td.attachment, |
| T | 353 | .webkit #messagelist tr td.threads, |
| 354 | .webkit #messagelist tr td.status, | |
| 355 | .webkit #messagelist tr td.flag, | |
| 356 | .webkit #messagelist tr td.priority { | |
| 15f48a | 357 | width: 26px; |
| 879b05 | 358 | } |
| T | 359 | |
| 360 | #messagelist tr td.threads { | |
| 361 | width: 26px; | |
| 15f48a | 362 | } |
| T | 363 | |
| 071c78 | 364 | .webkit #messagelist tr td.threads { |
| 15f48a | 365 | width: 30px; |
| 879b05 | 366 | } |
| T | 367 | |
| 3c9e90 | 368 | #messagelist tr td.threads, |
| T | 369 | #messagelist tr td.threads + td { |
| 879b05 | 370 | border-left: 0; |
| T | 371 | } |
| 372 | ||
| 373 | ||
| 374 | #messagelist tr td.size { | |
| 375 | width: 60px; | |
| 376 | } | |
| 377 | ||
| 378 | #messagelist tr td.from, | |
| 379 | #messagelist tr td.to, | |
| 380 | #messagelist tr td.cc, | |
| 381 | #messagelist tr td.replyto { | |
| e493c8 | 382 | width: 200px; |
| 879b05 | 383 | } |
| T | 384 | |
| 385 | #messagelist tr td.date { | |
| e493c8 | 386 | width: 125px; |
| 879b05 | 387 | } |
| T | 388 | |
| 389 | #messagelist tr.message { | |
| 390 | /* background-color: #fff; */ | |
| 391 | } | |
| 392 | ||
| 03fe1c | 393 | #messagelist tr.thread.expanded td { |
| T | 394 | background-color: #ededed; |
| 395 | } | |
| 396 | ||
| 879b05 | 397 | #messagelist tr.unread { |
| T | 398 | font-weight: bold; |
| 399 | /* background-color: #fff; */ | |
| 400 | } | |
| 401 | ||
| 402 | #messagelist tr.flagged td, | |
| 403 | #messagelist tr.flagged td a { | |
| 404 | color: #f30; | |
| 405 | } | |
| 406 | ||
| 407 | #messagelist thead tr td.sortedASC a, | |
| 408 | #messagelist thead tr td.sortedDESC a { | |
| 409 | color: #004458; | |
| 410 | text-decoration: underline; | |
| 411 | background: url(images/listicons.png) right -912px no-repeat; | |
| 412 | } | |
| 413 | ||
| 414 | #messagelist thead tr td.sortedASC a { | |
| 415 | background-position: right -944px; | |
| 416 | } | |
| 417 | ||
| 418 | #messagelist td img { | |
| 419 | vertical-align: middle; | |
| 420 | display: inline-block; | |
| 421 | } | |
| 422 | ||
| 50d6e9 | 423 | #messagelist tbody td a { |
| T | 424 | color: #333; |
| 425 | text-decoration: none; | |
| 426 | white-space: nowrap; | |
| 427 | cursor: default; | |
| 428 | } | |
| 429 | ||
| 879b05 | 430 | #messagelist tbody tr td.flag, |
| T | 431 | #messagelist tbody tr td.status, |
| 432 | #messagelist tbody tr td.subject span.status { | |
| 433 | cursor: pointer; | |
| 434 | } | |
| 435 | ||
| 436 | #messagelist tr td.flag span, | |
| 437 | #messagelist tr td.status span, | |
| 438 | #messagelist tr td.attachment span, | |
| 439 | #messagelist tr td.priority span { | |
| 440 | display: block; | |
| 15f48a | 441 | width: 20px; |
| 879b05 | 442 | } |
| T | 443 | |
| 444 | #messagelist tr td div.collapsed, | |
| 445 | #messagelist tr td div.expanded, | |
| 446 | #messagelist tr td.threads div.listmenu, | |
| 447 | #messagelist tr td.attachment span.attachment, | |
| 448 | #messagelist tr td.attachment span.report, | |
| 449 | #messagelist tr td.priority span.priority, | |
| 450 | #messagelist tr td.priority span.prio1, | |
| 451 | #messagelist tr td.priority span.prio2, | |
| 452 | #messagelist tr td.priority span.prio3, | |
| 453 | #messagelist tr td.priority span.prio4, | |
| 454 | #messagelist tr td.priority span.prio5, | |
| 455 | #messagelist tr td.flag span.flagged, | |
| 456 | #messagelist tr td.flag span.unflagged, | |
| 457 | #messagelist tr td.flag span.unflagged:hover, | |
| 458 | #messagelist tr td.status span.status, | |
| 459 | #messagelist tr td.status span.msgicon, | |
| 460 | #messagelist tr td.status span.deleted, | |
| 461 | #messagelist tr td.status span.unread, | |
| 462 | #messagelist tr td.status span.unreadchildren, | |
| 463 | #messagelist tr td.subject span.msgicon, | |
| 464 | #messagelist tr td.subject span.deleted, | |
| 465 | #messagelist tr td.subject span.unread, | |
| 466 | #messagelist tr td.subject span.replied, | |
| 467 | #messagelist tr td.subject span.forwarded, | |
| 468 | #messagelist tr td.subject span.unreadchildren { | |
| 469 | display: inline-block; | |
| 470 | vertical-align: middle; | |
| 471 | height: 18px; | |
| 472 | width: 20px; | |
| 74d4c7 | 473 | padding: 0; |
| 879b05 | 474 | background: url(images/listicons.png) -100px 0 no-repeat; |
| T | 475 | } |
| 476 | ||
| 477 | #messagelist tbody tr td.attachment span.attachment { | |
| ce216f | 478 | background-position: 0 -996px; |
| 879b05 | 479 | } |
| T | 480 | #messagelist thead tr td.attachment span.attachment { |
| 481 | background-position: -24px -997px; | |
| 482 | } | |
| 483 | ||
| 004a08 | 484 | #messagelist tr td.priority { |
| T | 485 | padding-right: 0; |
| 879b05 | 486 | } |
| T | 487 | |
| 488 | #messagelist tr td.priority span.prio5 { | |
| 004a08 | 489 | background-position: right -1905px; |
| 879b05 | 490 | } |
| T | 491 | |
| 492 | #messagelist tr td.priority span.prio4 { | |
| 004a08 | 493 | background-position: right -1885px; |
| 879b05 | 494 | } |
| T | 495 | |
| 496 | #messagelist tr td.priority span.prio2 { | |
| 004a08 | 497 | background-position: right -1865px; |
| 879b05 | 498 | } |
| T | 499 | |
| 500 | #messagelist tr td.priority span.prio1 { | |
| 004a08 | 501 | background-position: right -1845px; |
| 879b05 | 502 | } |
| 004a08 | 503 | |
| 879b05 | 504 | #messagelist tbody tr td.flag span.flagged { |
| T | 505 | background-position: 0 -1036px; |
| 506 | } | |
| 507 | ||
| 508 | #messagelist thead tr td.flag span.flagged { | |
| 509 | background-position: -24px -1036px; | |
| 510 | } | |
| 511 | ||
| bab043 | 512 | #messagelist tr td.status span.msgicon:hover { |
| 0b179e | 513 | background-position: -23px -1056px; |
| T | 514 | } |
| 515 | ||
| 516 | #messagelist tr td.flag span.unflagged:hover { | |
| 517 | background-position: -23px -1076px; | |
| 879b05 | 518 | } |
| T | 519 | |
| 520 | #messagelist tr td.subject span.msgicon, | |
| 521 | #messagelist tr td.subject span.unreadchildren { | |
| 522 | background-position: 0 -1056px; | |
| bab043 | 523 | margin: 0 1px 0 0; |
| T | 524 | width: 24px; |
| 879b05 | 525 | } |
| T | 526 | |
| 527 | #messagelist tr td.subject span.replied { | |
| 528 | background-position: 0 -1076px; | |
| 529 | } | |
| 530 | ||
| 531 | #messagelist tr td.subject span.forwarded { | |
| 532 | background-position: 0 -1096px; | |
| 533 | } | |
| 534 | ||
| 535 | #messagelist tr td.subject span.replied.forwarded { | |
| 536 | background-position: 0 -1116px; | |
| 537 | } | |
| 538 | ||
| 539 | #messagelist tr td.status span.msgicon, | |
| 540 | #messagelist tr td.flag span.unflagged, | |
| 541 | #messagelist tr td.status span.unreadchildren { | |
| 542 | background-position: 0 1056px; /* no icon */ | |
| 543 | } | |
| 544 | /* | |
| 545 | #messagelist tr td.status span.msgicon:hover { | |
| 546 | background-position: 0 -272px; | |
| 547 | } | |
| 548 | */ | |
| cc46fb | 549 | #messagelist tr td.status span.deleted, |
| T | 550 | #messagelist tr td.status span.deleted:hover, |
| 551 | #messagelist tr td.subject span.deleted { | |
| 552 | background-position: -22px -1096px; | |
| 553 | } | |
| 554 | ||
| 879b05 | 555 | #messagelist tr td.status span.status, |
| T | 556 | #messagelist tr td.status span.unread, |
| bab043 | 557 | #messagelist tr td.subject span.unread, |
| T | 558 | #messagelist tr td.status span.unread:hover { |
| 879b05 | 559 | background-position: 0 -1016px; |
| bab043 | 560 | } |
| T | 561 | |
| 562 | #messagelist thead tr td.status span.status { | |
| 563 | background-position: -24px -1016px; | |
| 879b05 | 564 | } |
| T | 565 | |
| 566 | #messagelist tr td div.collapsed { | |
| 567 | background-position: 0 -1136px; | |
| 568 | cursor: pointer; | |
| 569 | } | |
| 570 | ||
| 571 | #messagelist tr td div.expanded { | |
| 572 | background-position: 0 -1156px; | |
| 573 | cursor: pointer; | |
| 574 | } | |
| 575 | ||
| 576 | #messagelist tr td.threads div.listmenu { | |
| 577 | background-position: 0 -976px; | |
| 578 | cursor: pointer; | |
| 579 | width: 26px; | |
| 580 | } | |
| 581 | ||
| 3d5240 | 582 | #messagelist thead tr td.subject, |
| 879b05 | 583 | #messagelist tbody tr td.subject { |
| T | 584 | width: 99%; |
| 0cd919 | 585 | white-space: nowrap; |
| 879b05 | 586 | } |
| T | 587 | |
| 588 | #messagelist tbody tr td.subject a { | |
| 589 | cursor: default; | |
| 590 | vertical-align: middle; /* #1487091 */ | |
| 591 | } | |
| 592 | ||
| 593 | /* thread parent message with unread children */ | |
| 594 | #messagelist tbody tr.unroot td.subject a { | |
| 595 | text-decoration: underline; | |
| 596 | } | |
| 597 | ||
| 598 | /**** tree indicators ****/ | |
| 599 | ||
| 600 | #messagelist tbody tr td span.branch div { | |
| 0cd919 | 601 | display: inline-block; |
| 879b05 | 602 | } |
| T | 603 | |
| 604 | #messagelist tbody tr td span.branch div.tree { | |
| 605 | width: 15px; | |
| 606 | } | |
| c7dcb3 | 607 | |
| 74d4c7 | 608 | #listoptions ul.proplist { |
| T | 609 | min-width: 16em; |
| 610 | } | |
| c7dcb3 | 611 | |
| T | 612 | /**** message view ****/ |
| 613 | ||
| b540ed | 614 | #mailpreviewframe { |
| T | 615 | display: none; |
| 616 | position: absolute; | |
| 617 | top: 0; | |
| 618 | left: 0; | |
| 619 | width: 100%; | |
| 620 | bottom: 28px; | |
| 621 | } | |
| 622 | ||
| 623 | #messagecontframe { | |
| 624 | border: 0; | |
| 625 | border-radius: 4px 4px 0 0; | |
| 626 | } | |
| 627 | ||
| c7dcb3 | 628 | #messagecontent { |
| T | 629 | position: absolute; |
| 630 | top: 140px; | |
| 631 | left: 0; | |
| 632 | width: 100%; | |
| a4be51 | 633 | bottom: 0; |
| c7dcb3 | 634 | overflow: auto; |
| a4be51 | 635 | border-radius: 4px 4px 0 0; |
| c7dcb3 | 636 | } |
| T | 637 | |
| 638 | #messageheader, | |
| 74d4c7 | 639 | #partheader, |
| T | 640 | #composeheaders { |
| b540ed | 641 | position: relative; |
| c7dcb3 | 642 | padding: 3px 0; |
| 071c78 | 643 | background: #f9f9f9; |
| a4be51 | 644 | background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); |
| T | 645 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e9e9e9)); |
| 646 | background: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%); | |
| 647 | background: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%); | |
| 648 | background: linear-gradient(top, #fff 0%, #e9e9e9 100%); | |
| 649 | } | |
| 650 | ||
| 651 | h2.subject { | |
| 652 | font-size: 15px; | |
| 653 | margin: 0 15em 0 0; | |
| 654 | padding: 4px 8px 2px 8px; | |
| b540ed | 655 | white-space: nowrap; |
| T | 656 | overflow: hidden; |
| 657 | text-overflow: ellipsis; | |
| 658 | } | |
| 659 | ||
| 660 | h3.subject { | |
| 661 | font-size: 14px; | |
| 662 | margin: 0 8em 0 0; | |
| 663 | padding: 8px 8px 4px 8px; | |
| a4be51 | 664 | white-space: nowrap; |
| T | 665 | overflow: hidden; |
| 666 | text-overflow: ellipsis; | |
| c7dcb3 | 667 | } |
| T | 668 | |
| 669 | .headers-table td { | |
| 670 | color: #666; | |
| 671 | padding: 2px 8px; | |
| 672 | } | |
| 673 | ||
| 674 | .headers-table td.header { | |
| 675 | font-weight: bold; | |
| 676 | } | |
| 677 | ||
| 678 | .headers-table td.header a { | |
| 679 | color: #666; | |
| 680 | text-decoration: none; | |
| 681 | } | |
| 682 | ||
| 683 | .headers-table td.header a:hover { | |
| 684 | text-decoration: underline; | |
| 685 | } | |
| 686 | ||
| 687 | .headers-table td.subject { | |
| 688 | color: #333; | |
| 689 | font-size: 110%; | |
| 690 | font-weight: bold; | |
| 691 | } | |
| 692 | ||
| 28e18c | 693 | .headers-table td.header span { |
| T | 694 | white-space: nowrap; |
| 695 | } | |
| 696 | ||
| c7dcb3 | 697 | .rcmaddcontact { |
| T | 698 | position: relative; |
| 699 | top: 1px; | |
| 700 | margin-left: 0.5em; | |
| 28e18c | 701 | } |
| T | 702 | |
| 703 | .rcmaddcontact imp { | |
| 704 | width: 20px; | |
| 705 | height: 13px; | |
| c7dcb3 | 706 | } |
| T | 707 | |
| f4aaf8 | 708 | #preview-allheaders { |
| T | 709 | display: none; |
| 710 | } | |
| 711 | ||
| 712 | #preview-shortheaders td.header-title { | |
| 713 | padding-right: 0; | |
| 714 | } | |
| 715 | ||
| 716 | #preview-shortheaders td.header { | |
| 717 | padding-right: 12px; | |
| 718 | } | |
| 719 | ||
| 9bd97c | 720 | #previewheaderstoggle { |
| A | 721 | width: 16px; |
| 722 | height: 16px; | |
| 723 | padding: 0; | |
| 724 | margin-top: 5px; | |
| 725 | position: absolute; | |
| 726 | outline: none; | |
| f4aaf8 | 727 | } |
| T | 728 | |
| 9bd97c | 729 | #previewheaderstoggle.iconlink.add { |
| feb59b | 730 | background-position: -32px -227px; |
| f4aaf8 | 731 | } |
| T | 732 | |
| 9bd97c | 733 | #previewheaderstoggle.iconlink.remove { |
| feb59b | 734 | background-position: -32px -242px; |
| f4aaf8 | 735 | } |
| T | 736 | |
| 543ccb | 737 | #full-headers { |
| T | 738 | position: relative; |
| 739 | color: #666; | |
| 740 | text-align: center; | |
| 071c78 | 741 | background-color: #f9f9f9; |
| T | 742 | background: -moz-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%); |
| 743 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#e9e9e9)); | |
| 744 | background: -o-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%); | |
| 745 | background: -ms-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%); | |
| 746 | background: linear-gradient(top, #eaeaea 0%, #e9e9e9 100%); | |
| 543ccb | 747 | } |
| T | 748 | |
| 749 | div.more-headers { | |
| 750 | cursor: pointer; | |
| 751 | height: 10px; | |
| 1ba07f | 752 | background: url(images/buttons.png) center -1579px no-repeat; |
| 543ccb | 753 | } |
| T | 754 | |
| 755 | div.hide-headers { | |
| 1ba07f | 756 | background-position: center -1589px; |
| 543ccb | 757 | } |
| T | 758 | |
| 759 | #all-headers { | |
| 760 | position: absolute; | |
| 761 | top: 11px; | |
| 762 | left: 10px; | |
| 763 | right: 10px; | |
| 764 | height: 180px; | |
| 765 | z-index: 500; | |
| 766 | border: 1px solid #bbb; | |
| 767 | border-top: 0; | |
| 768 | border-radius: 0 0 4px 4px; | |
| 769 | -webkit-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6); | |
| 770 | -moz-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6); | |
| 771 | box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6); | |
| 772 | background: #fff; | |
| ec366b | 773 | background: -moz-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%); |
| T | 774 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(8%,#fff), color-stop(100%,#fff)); |
| 775 | background: -o-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%); | |
| 776 | background: -ms-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%); | |
| 777 | background: linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%); | |
| 543ccb | 778 | } |
| T | 779 | |
| 780 | #all-headers .ui-resizable-s { | |
| 781 | bottom: -2px; | |
| 782 | } | |
| 783 | ||
| 784 | #headers-source { | |
| 785 | display: none; | |
| 786 | position: absolute; | |
| 787 | top: 8px; | |
| 788 | left: 0; | |
| 789 | right: 0; | |
| 790 | bottom: 8px; | |
| 791 | padding: 0 10px; | |
| 792 | overflow: auto; | |
| 793 | text-align: left; | |
| 794 | color: #333; | |
| 795 | } | |
| 796 | ||
| b540ed | 797 | #messagepreviewheader { |
| T | 798 | margin: 0 8px; |
| 799 | padding-bottom: 8px; | |
| 800 | border-bottom: 2px solid #f0f0f0; | |
| 801 | } | |
| 802 | ||
| 803 | #messagepreviewheader .headers-table { | |
| feb59b | 804 | margin-left: 8px; |
| b540ed | 805 | } |
| T | 806 | |
| 807 | #messagepreviewheader h3.subject { | |
| 808 | padding-left: 0; | |
| 809 | } | |
| 810 | ||
| 811 | #messagepreviewheader #countcontrols, | |
| a4be51 | 812 | #messageheader #countcontrols { |
| T | 813 | position: absolute; |
| 814 | top: 8px; | |
| 815 | right: 8px; | |
| 816 | width: 18em; | |
| 817 | text-align: right; | |
| 818 | white-space: nowrap; | |
| 819 | } | |
| 820 | ||
| 821 | #messageheader .pagenav .countdisplay { | |
| 822 | min-width: 0; | |
| 823 | padding-right: 0.5em; | |
| 824 | white-space: nowrap; | |
| 825 | } | |
| 826 | ||
| b540ed | 827 | #messagecontent .leftcol, |
| T | 828 | #messagepreview .leftcol { |
| c7dcb3 | 829 | margin-right: 250px; |
| T | 830 | } |
| 831 | ||
| b540ed | 832 | #messagecontent .rightcol, |
| T | 833 | #messagepreview .rightcol { |
| c7dcb3 | 834 | float: right; |
| T | 835 | /* |
| 836 | position: absolute; | |
| 837 | top: 10px; | |
| 838 | right: 10px; | |
| 839 | height: 90%; | |
| 840 | */ | |
| 841 | width: 230px; | |
| 842 | margin: 8px; | |
| 843 | min-height: 200px; | |
| 844 | background: #f0f0f0; | |
| 845 | padding: 8px; | |
| 846 | } | |
| 847 | ||
| 848 | #messagebody { | |
| 849 | margin: 8px; | |
| 850 | } | |
| 851 | ||
| 852 | #message-objects div, | |
| 853 | #messagebody span.part-notice { | |
| 854 | margin: 8px; | |
| 855 | } | |
| 856 | ||
| b540ed | 857 | #message-objects div.notice, |
| T | 858 | #message-buttons div.notice { |
| 859 | display: block; | |
| c7dcb3 | 860 | color: #960; |
| T | 861 | border: 1px solid #ffdf0e; |
| 862 | background-color: #fef893; | |
| 543ccb | 863 | background-position: 5px -85px; |
| c7dcb3 | 864 | padding: 6px 12px 4px 30px; |
| 543ccb | 865 | white-space: normal; |
| c7dcb3 | 866 | } |
| T | 867 | |
| 868 | #message-objects div a.button, | |
| 869 | #messagebody span.part-notice a.button { | |
| 870 | margin-left: 10px; | |
| 871 | } | |
| 872 | ||
| 873 | div.message-part, | |
| 874 | div.message-htmlpart { | |
| 28e18c | 875 | padding: 10px 2px; |
| b540ed | 876 | border-top: 2px solid #f0f0f0; |
| c7dcb3 | 877 | } |
| T | 878 | |
| 879 | #messagebody div:first-child { | |
| 880 | border-top: 0; | |
| 881 | } | |
| 882 | ||
| 883 | div.message-part pre, | |
| 884 | div.message-htmlpart pre, | |
| 885 | div.message-part div.pre { | |
| 886 | margin: 0px; | |
| 887 | padding: 0px; | |
| 888 | font-family: monospace; | |
| 889 | white-space: -moz-pre-wrap !important; | |
| 890 | white-space: pre-wrap !important; | |
| 891 | white-space: pre; | |
| 892 | } | |
| 893 | ||
| 894 | div.message-part span.sig { | |
| 895 | color: #666666; | |
| 896 | } | |
| 897 | ||
| 898 | div.message-part blockquote { | |
| 899 | color: blue; | |
| 900 | border-left: 2px solid blue; | |
| 901 | border-right: 2px solid blue; | |
| 902 | background-color: #F6F6F6; | |
| 903 | margin: 2px 0px 2px 0px; | |
| 904 | padding: 1px 8px 1px 10px; | |
| 905 | } | |
| 906 | ||
| 907 | div.message-part blockquote blockquote { | |
| 908 | color: green; | |
| 909 | border-left: 2px solid green; | |
| 910 | border-right: 2px solid green; | |
| 911 | } | |
| 912 | ||
| 913 | div.message-part blockquote blockquote blockquote { | |
| 914 | color: #990000; | |
| 915 | border-left: 2px solid #bb0000; | |
| 916 | border-right: 2px solid #bb0000; | |
| 917 | } | |
| 918 | ||
| 919 | #messagebody > hr { | |
| 920 | color: #fff; | |
| 921 | background: #fff; | |
| 922 | border: 0; | |
| b540ed | 923 | border-bottom: 2px solid #f0f0f0; |
| c7dcb3 | 924 | } |
| T | 925 | |
| 926 | #messagebody > p > img { | |
| 927 | max-width: 80%; | |
| 928 | } | |
| 929 | ||
| 930 | #messagepartcontainer { | |
| 931 | position: absolute; | |
| 932 | top: 60px; | |
| 933 | left: 0px; | |
| 934 | right: 0px; | |
| 935 | bottom: 0px; | |
| 936 | } | |
| 937 | ||
| 938 | #messagepartframe { | |
| 939 | border: 0; | |
| 74d4c7 | 940 | } |
| T | 941 | |
| 942 | /*** message composition ***/ | |
| 943 | ||
| 944 | #composeview-left { | |
| 945 | position: absolute; | |
| 946 | top: 0; | |
| 947 | left: 0; | |
| 948 | width: 250px; | |
| 949 | bottom: 0; | |
| 950 | } | |
| 951 | ||
| 952 | #composeview-right { | |
| 953 | position: absolute; | |
| 954 | top: 0; | |
| 955 | left: 262px; | |
| 956 | right: 0; | |
| 957 | bottom: 0; | |
| 958 | } | |
| 959 | ||
| af05fe | 960 | #compose-contacts { |
| T | 961 | position: absolute; |
| 962 | top: 42px; | |
| 963 | left: 0; | |
| 964 | width: 100%; | |
| 965 | bottom: 0; | |
| 966 | } | |
| 967 | ||
| 7961f8 | 968 | #compose-contacts #directorylist { |
| T | 969 | border-bottom: 4px solid #c7e3ef; |
| 970 | } | |
| 971 | ||
| 071c78 | 972 | #compose-contacts .scroller { |
| T | 973 | top: 65px; |
| 974 | border-top: 1px solid #fff; | |
| 975 | } | |
| 976 | ||
| 7961f8 | 977 | #contacts-table { |
| T | 978 | table-layout: fixed; |
| 979 | } | |
| 980 | ||
| 981 | #contacts-table td { | |
| 982 | width: 100%; | |
| 983 | } | |
| 984 | ||
| 985 | #contacts-table td span { | |
| 986 | display: block; | |
| 987 | } | |
| 988 | ||
| 989 | #compose-contacts li a, #contacts-table td { | |
| 990 | background: url(images/listicons.png) -100px 0 no-repeat; | |
| 991 | overflow: hidden; | |
| 992 | padding-left: 36px; | |
| 993 | text-overflow: ellipsis; | |
| 994 | } | |
| 995 | ||
| 071c78 | 996 | #contacts-table tr:first-child td { |
| T | 997 | border-top: 0; |
| 998 | } | |
| 999 | ||
| 7961f8 | 1000 | #compose-contacts li.addressbook a { |
| T | 1001 | background-position: 6px -766px; |
| 1002 | } | |
| 1003 | ||
| 1004 | #compose-contacts li.addressbook.selected a { | |
| 1005 | background-position: 6px -791px; | |
| 1006 | } | |
| 1007 | ||
| 1008 | #contacts-table td.contactgroup { | |
| 1009 | background-position: 6px -1555px; | |
| 1010 | } | |
| 1011 | ||
| 1012 | #contacts-table tr.unfocused td.contactgroup, | |
| 1013 | #contacts-table tr.selected td.contactgroup { | |
| 1014 | background-position: 6px -1579px; | |
| 1015 | } | |
| 1016 | ||
| 1017 | #contacts-table td.contact { | |
| 1018 | background-position: 6px -1603px; | |
| 1019 | } | |
| 1020 | ||
| 1021 | #contacts-table tr.unfocused td.contact, | |
| 1022 | #contacts-table tr.selected td.contact { | |
| 1023 | background-position: 6px -1627px; | |
| 1024 | } | |
| 1025 | ||
| 1026 | ||
| 74d4c7 | 1027 | #compose-content { |
| T | 1028 | position: absolute; |
| 1029 | top: 42px; | |
| 1030 | left: 0; | |
| 1031 | width: 100%; | |
| 1032 | bottom: 28px; | |
| 1033 | border-bottom-left-radius: 0; | |
| 1034 | border-bottom-right-radius: 0; | |
| 1035 | overflow: hidden; | |
| 1036 | } | |
| 1037 | ||
| 1038 | #composeheaders { | |
| 1039 | border-radius: 4px 4px 0 0; | |
| 1040 | -webkit-box-shadow: 0 2px 3px 0 #999; | |
| 1041 | -moz-box-shadow: 0 2px 3px 0 #999; | |
| 1042 | box-shadow: 0 2px 3px 0 #999; | |
| 1043 | } | |
| 1044 | ||
| 1045 | #composebuttons { | |
| 1046 | position: absolute; | |
| 1047 | top: 8px; | |
| 1048 | right: 8px; | |
| 1049 | width: auto; | |
| 1050 | white-space: nowrap; | |
| 1051 | z-index: 100; | |
| 1052 | } | |
| 1053 | ||
| 1054 | .compose-headers { | |
| 1055 | width: 99%; | |
| 1056 | margin: 4px 0; | |
| 1057 | } | |
| 1058 | ||
| 1059 | .compose-headers td { | |
| 1060 | padding: 4px 4px 4px 8px; | |
| 1061 | } | |
| 1062 | ||
| 1063 | .compose-headers td.title { | |
| 1064 | width: 11%; | |
| 1065 | white-space: nowrap; | |
| 1066 | } | |
| 1067 | ||
| 1068 | .compose-headers td.title label { | |
| 1069 | float: left; | |
| 1070 | } | |
| 1071 | ||
| 1072 | .compose-headers td.title a.iconbutton { | |
| 1073 | float: right; | |
| 1074 | position: relative; | |
| 1075 | top: -2px; | |
| 1076 | width: 15px; | |
| 1077 | } | |
| 1078 | ||
| 1079 | .compose-headers td.editfield { | |
| 1080 | width: 90%; | |
| 1081 | padding-left: 4px; | |
| 1082 | } | |
| 1083 | ||
| 1084 | .compose-headers td.editfield a.iconlink { | |
| 1085 | margin-left: 0.5em; | |
| 1086 | } | |
| 1087 | ||
| 1088 | .compose-headers td.formlinks { | |
| 1089 | padding: 0 4px; | |
| 1090 | } | |
| 1091 | ||
| 1092 | .compose-headers td.top { | |
| 1093 | vertical-align: top; | |
| 1094 | padding-top: 10px; | |
| 1095 | } | |
| 1096 | ||
| 1097 | .compose-headers td textarea, | |
| 1098 | .compose-headers td input { | |
| 1099 | width: 100%; | |
| 1100 | resize: none; | |
| 1101 | } | |
| 1102 | ||
| 1103 | #compose-cc, #compose-bcc, #compose-replyto, #compose-followupto { | |
| 1104 | display: none; | |
| 1105 | } | |
| 1106 | ||
| 1107 | #composeoptionsbox { | |
| 1108 | padding: 4px 8px 0 8px; | |
| 1109 | background: #d2d2d2; | |
| 1110 | border-bottom: 1px solid #e8e8e8; | |
| 1111 | -webkit-box-shadow: 0 2px 3px 0 #999; | |
| 1112 | -moz-box-shadow: 0 2px 3px 0 #999; | |
| 1113 | box-shadow: 0 2px 3px 0 #999; | |
| 1114 | white-space: nowrap; | |
| 1115 | } | |
| 1116 | ||
| 1117 | #composeoptions { | |
| 1118 | display: none; | |
| 1119 | padding: 2px 0; | |
| 1120 | white-space: normal; | |
| 1121 | } | |
| 1122 | ||
| 1123 | .composeoption { | |
| 1124 | padding-right: 22px; | |
| 1125 | white-space: nowrap; | |
| 1126 | } | |
| 1127 | ||
| 1128 | #composeoptions .composeoption { | |
| 1129 | display: inline-block; | |
| 1130 | padding: 4px 28px 4px 0; | |
| 1131 | } | |
| 1132 | ||
| 1133 | #composeoptions .composeoption:last-child { | |
| 1134 | padding-right: 4px; | |
| 1135 | } | |
| 1136 | ||
| 1137 | #composeoptionstoggle { | |
| 1138 | display: inline-block; | |
| 1139 | position: relative; | |
| 1140 | top: -1px; | |
| 1141 | left: 6px; | |
| 1142 | width: 20px; | |
| 1143 | height: 18px; | |
| 68e13c | 1144 | background: url(images/buttons.png) -3px -458px no-repeat; |
| 74d4c7 | 1145 | text-decoration: none; |
| T | 1146 | } |
| 1147 | ||
| 1148 | #composeoptionstoggle.enabled { | |
| 68e13c | 1149 | background-position: -28px -458px; |
| 74d4c7 | 1150 | } |
| T | 1151 | |
| 1152 | #composeview-bottom { | |
| 1153 | position: relative; | |
| 1154 | width: 100%; | |
| 1155 | height: 200px; | |
| 1156 | } | |
| 1157 | ||
| 1158 | #composebodycontainer { | |
| 1159 | position: absolute; | |
| 1160 | top: 0; | |
| 1161 | left: 0; | |
| 1162 | right: 260px; | |
| 1163 | bottom: 0; | |
| 1164 | } | |
| 1165 | ||
| 1166 | #composebody { | |
| 1167 | position: absolute; | |
| 4be86f | 1168 | top: 1px; |
| 74d4c7 | 1169 | left: 0; |
| T | 1170 | bottom: 0; |
| 1171 | width: 99%; | |
| 1172 | border: 0; | |
| 4be86f | 1173 | border-radius: 0; |
| 74d4c7 | 1174 | padding: 8px 0 8px 8px; |
| T | 1175 | box-shadow: none; |
| 1176 | resize: none; | |
| 1177 | font-family: monospace; | |
| 1178 | font-size: 9pt; | |
| 188634 | 1179 | outline: none; |
| T | 1180 | } |
| 1181 | ||
| 1182 | #composebody:active, | |
| 1183 | #composebody:focus { | |
| 74d4c7 | 1184 | } |
| T | 1185 | |
| 1186 | #compose-attachments { | |
| 1187 | position: absolute; | |
| 1188 | right: 0; | |
| bab043 | 1189 | top: 1px; |
| 74d4c7 | 1190 | bottom: 0; |
| T | 1191 | width: 240px; |
| 1192 | background: #f0f0f0; | |
| bab043 | 1193 | border-left: 1px solid #ddd; |
| 74d4c7 | 1194 | padding: 8px; |
| T | 1195 | overflow: auto; |
| 1196 | } | |
| 1197 | ||
| 188634 | 1198 | .defaultSkin table.mceLayout, |
| T | 1199 | .defaultSkin table.mceLayout tr.mceLast td { |
| 1200 | border: 0 !important; | |
| 1201 | } | |
| 74d4c7 | 1202 | |
| bab043 | 1203 | #composebody_toolbargroup { |
| T | 1204 | border-bottom: 1px solid #ddd; |
| 1205 | } | |
| 1206 | ||
| f5521a | 1207 | #uploadform a.iconlink { |
| T | 1208 | margin-left: 1em; |
| 1209 | text-indent: -1000px; | |
| 1210 | } | |
| bab043 | 1211 | |
| f5521a | 1212 | #uploadform form div { |
| T | 1213 | margin: 4px 0; |
| 1214 | } | |
| bab043 | 1215 | |
