| commit | author | age | ||
| e7c445 | 1 | /** |
| T | 2 | * Roundcube webmail styles for the Email section |
| 3 | * | |
| 071c78 | 4 | * Copyright (c) 2012, The Roundcube Dev Team |
| 020bde | 5 | * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com |
| e7c445 | 6 | * |
| T | 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. | |
| b1fa1a | 11 | */ |
| T | 12 | |
| 13 | #mailview-left { | |
| 14 | position: absolute; | |
| 15 | top: 0; | |
| 16 | left: 0; | |
| a292e4 | 17 | width: 200px; |
| b1fa1a | 18 | bottom: 0; |
| 1c079c | 19 | z-index: 2; |
| b1fa1a | 20 | } |
| T | 21 | |
| 22 | #mailview-right { | |
| 23 | position: absolute; | |
| 24 | top: 0; | |
| a292e4 | 25 | left: 212px; |
| b1fa1a | 26 | right: 0; |
| T | 27 | bottom: 0; |
| 1c079c | 28 | z-index: 3; |
| b1fa1a | 29 | } |
| T | 30 | |
| 271efe | 31 | #mailview-right.fullwidth { |
| TB | 32 | left: 0; |
| 33 | } | |
| 34 | ||
| b1fa1a | 35 | #mailview-top { |
| T | 36 | position: absolute; |
| f8a9c2 | 37 | top: 0; |
| b1fa1a | 38 | left: 0; |
| 9e36fb | 39 | right: 0; |
| 34003c | 40 | bottom: 0px; |
| e8f080 | 41 | } |
| AM | 42 | |
| 43 | html.ie #mailview-top { | |
| ff8f2e | 44 | overflow: visible; /* fixes display issues of fixed list header in IE */ |
| c23aad | 45 | } |
| TB | 46 | |
| b1fa1a | 47 | #mailview-bottom { |
| 34003c | 48 | display: none; |
| b1fa1a | 49 | position: absolute; |
| T | 50 | left: 0; |
| 51 | bottom: 0; | |
| 9e36fb | 52 | right: 0; |
| 34003c | 53 | height: 0; |
| f690cf | 54 | border-radius: 4px; |
| 9e2ff8 | 55 | border-top: none; |
| b1fa1a | 56 | } |
| T | 57 | |
| 027987 | 58 | #composeview-right #mailview-bottom { |
| AM | 59 | border-radius: 0 0 4px 4px; |
| 60 | } | |
| 61 | ||
| b1fa1a | 62 | #mailboxcontainer, |
| T | 63 | #messagelistcontainer { |
| 64 | position: absolute; | |
| f8a9c2 | 65 | top: 0; |
| b1fa1a | 66 | left: 0; |
| T | 67 | width: 100%; |
| 68 | bottom: 0; | |
| 69 | } | |
| 70 | ||
| 71 | #messagelistcontainer { | |
| 13ed1e | 72 | top: 0; |
| 77fad1 | 73 | bottom: 30px; |
| b1fa1a | 74 | overflow: auto; |
| T | 75 | } |
| 76 | ||
| 73ad4f | 77 | /* Real browsers accept this (not IE) */ |
| 2c03b7 | 78 | html>/**/body #messagelist { |
| 73ad4f | 79 | overflow: auto; |
| TB | 80 | overflow-x: hidden; |
| 81 | } | |
| 2c03b7 | 82 | |
| b1fa1a | 83 | #messagelistfooter { |
| T | 84 | position: absolute; |
| 85 | bottom: 0; | |
| 86 | left: 0; | |
| 87 | right: 0; | |
| 3d122f | 88 | height: 22px; |
| e466f6 | 89 | padding: 4px 6px; |
| 77fad1 | 90 | border-top: 1px solid #ddd; |
| TB | 91 | background: #ebebeb; |
| 92 | background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |
| 93 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); | |
| 94 | background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |
| 95 | background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); | |
| de6bf0 | 96 | background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%); |
| 77fad1 | 97 | border-radius: 0 0 4px 4px; |
| a340b3 | 98 | white-space: nowrap; |
| b1fa1a | 99 | } |
| T | 100 | |
| c7dcb3 | 101 | #messagelistfooter.rightalign { |
| T | 102 | text-align: right; |
| 103 | } | |
| 104 | ||
| b1fa1a | 105 | #messagelistfooter #countcontrols { |
| T | 106 | display: inline-block; |
| 107 | } | |
| 108 | ||
| 847d31 | 109 | #messagelistfooter #listcontrols, |
| T | 110 | #messagelistfooter #listselectors { |
| a4be51 | 111 | display: inline-block; |
| T | 112 | margin-right: 2em; |
| 3d122f | 113 | vertical-align: middle; |
| 77fad1 | 114 | } |
| TB | 115 | |
| 116 | #messagelistfooter #listselectors .menuselector { | |
| 117 | margin-top: -2px; | |
| a4be51 | 118 | } |
| T | 119 | |
| 120 | a.iconbutton.listmode { | |
| 121 | width: 26px; | |
| 122 | height: 20px; | |
| 68e13c | 123 | background-position: 0 -477px; |
| a4be51 | 124 | } |
| T | 125 | |
| 126 | a.iconbutton.threadmode { | |
| 127 | width: 26px; | |
| 128 | height: 20px; | |
| 68e13c | 129 | background-position: 0 -497px; |
| a4be51 | 130 | } |
| T | 131 | |
| 132 | a.iconbutton.listmode.selected { | |
| 68e13c | 133 | background-position: -26px -477px; |
| a4be51 | 134 | } |
| T | 135 | |
| 136 | a.iconbutton.threadmode.selected { | |
| 68e13c | 137 | background-position: -26px -497px; |
| a4be51 | 138 | } |
| T | 139 | |
| b7ea94 | 140 | #mailboxlist > li:first-child { |
| f690cf | 141 | border-top: 0; |
| 8faaa7 | 142 | } |
| TB | 143 | |
| 3cb61e | 144 | html.mozilla #mailboxlist > li:first-child { |
| AM | 145 | border-radius: 4px 4px 0 0; |
| 13ed1e | 146 | } |
| T | 147 | |
| cf7471 | 148 | .folderlist li.mailbox.unread > a { |
| 6efab0 | 149 | padding-right: 36px; |
| T | 150 | } |
| 151 | ||
| cf7471 | 152 | .folderlist li.unread { |
| dcf23b | 153 | font-weight: bold; |
| TB | 154 | } |
| 155 | ||
| cf7471 | 156 | .folderlist li.recent > a { |
| b6837c | 157 | color: #017cb4; |
| e654d9 | 158 | } |
| TB | 159 | |
| cf7471 | 160 | .folderlist li.mailbox .unreadcount { |
| 13ed1e | 161 | position: absolute; |
| cdb955 | 162 | top: 3px; |
| 13ed1e | 163 | right: 6px; |
| 847d31 | 164 | min-width: 1.8em; |
| 1af3d9 | 165 | line-height: 15px; |
| 847d31 | 166 | padding: 2px 4px; |
| 13ed1e | 167 | background: #82acb5; |
| c7dcb3 | 168 | background: -moz-linear-gradient(top, #82acb5 0%, #6a939f 100%); |
| T | 169 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f)); |
| 170 | background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%); | |
| 171 | background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%); | |
| de6bf0 | 172 | background: linear-gradient(to bottom, #82acb5 0%, #6a939f 100%); |
| 13ed1e | 173 | box-shadow: inset 0 1px 1px 0 #536d72; |
| T | 174 | -webkit-box-shadow: inset 0 1px 1px 0 #536d72; |
| 175 | border-radius: 9px; | |
| 176 | color: #fff; | |
| 177 | text-align: center; | |
| 178 | font-weight: bold; | |
| 179 | text-shadow: none; | |
| 180 | } | |
| 181 | ||
| cf7471 | 182 | .folderlist li.mailbox.selected > a .unreadcount { |
| 13ed1e | 183 | background: #005d76; |
| c7dcb3 | 184 | background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); |
| T | 185 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); |
| 186 | background: -o-linear-gradient(top, #005d76 0%, #004558 100%); | |
| 187 | background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); | |
| de6bf0 | 188 | background: linear-gradient(to bottom, #005d76 0%, #004558 100%); |
| 13ed1e | 189 | box-shadow: inset 0 1px 1px 0 #003645; |
| T | 190 | -webkit-box-shadow: inset 0 1px 1px 0 #003645; |
| b1fa1a | 191 | } |
| T | 192 | |
| cf7471 | 193 | .folderlist li.mailbox.recent > a .unreadcount { |
| 2fdc7c | 194 | background: #017cb4; |
| T | 195 | background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%); |
| 196 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4)); | |
| 197 | background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| 198 | background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%); | |
| de6bf0 | 199 | background: linear-gradient(to bottom, #017cb4 0%, #006ca4 100%); |
| 2fdc7c | 200 | box-shadow: inset 0 1px 1px 0 #005080; |
| T | 201 | -webkit-box-shadow: inset 0 1px 1px 0 #005080; |
| 202 | } | |
| 203 | ||
| 879b05 | 204 | #searchfilter { |
| 3d122f | 205 | position: absolute; |
| 77fad1 | 206 | right: 256px; |
| TB | 207 | width: auto; |
| dee159 | 208 | top: 2px; |
| 3d122f | 209 | } |
| AM | 210 | |
| 211 | #searchfilter select { | |
| c8dc07 | 212 | height: 26px; |
| 879b05 | 213 | } |
| T | 214 | |
| c7dcb3 | 215 | #mailview-left select.mailboxlist { |
| T | 216 | position: relative; |
| 217 | top: 10px; | |
| 218 | width: 100%; | |
| 219 | } | |
| 220 | ||
| 879b05 | 221 | #messagetoolbar { |
| T | 222 | position: absolute; |
| 13ed1e | 223 | top: -6px; |
| 77fad1 | 224 | left: 0; |
| 879b05 | 225 | height: 40px; |
| a4be51 | 226 | white-space: nowrap; |
| 1c079c | 227 | z-index: 10; |
| c7dcb3 | 228 | } |
| T | 229 | |
| 230 | #messagetoolbar.fullwidth { | |
| 77fad1 | 231 | right: 0; |
| c7dcb3 | 232 | } |
| T | 233 | |
| 77fad1 | 234 | #messagesearchtools { |
| TB | 235 | position: absolute; |
| 236 | right: 0; | |
| 237 | top: 0; | |
| c7dcb3 | 238 | } |
| T | 239 | |
| 240 | #mailpreviewtoggle { | |
| 241 | display: block; | |
| 242 | position: absolute; | |
| f331da | 243 | top: 7px; |
| e466f6 | 244 | right: 4px; |
| c7dcb3 | 245 | width: 20px; |
| T | 246 | height: 18px; |
| 68e13c | 247 | background: url(images/buttons.png) -3px -458px no-repeat; |
| c7dcb3 | 248 | } |
| T | 249 | |
| 250 | #mailpreviewtoggle.enabled { | |
| 68e13c | 251 | background-position: -28px -458px; |
| 879b05 | 252 | } |
| T | 253 | |
| 5802e0 | 254 | #s_interval { |
| AM | 255 | margin: 3px 8px; |
| 256 | } | |
| 879b05 | 257 | |
| T | 258 | /*** message list ***/ |
| 259 | ||
| 2c03b7 | 260 | table.messagelist { |
| TB | 261 | z-index: 1; |
| 262 | } | |
| 263 | ||
| 264 | table.messagelist.fixedcopy { | |
| 265 | z-index: 2; | |
| 266 | } | |
| 267 | ||
| 72afe3 | 268 | .messagelist thead th:first-child { |
| 8598fc | 269 | border-radius: 4px 0 0 0; /* for Chrome */ |
| 77fad1 | 270 | } |
| TB | 271 | |
| 72afe3 | 272 | .messagelist tr > .attachment, |
| TB | 273 | .messagelist tr > .threads, |
| 274 | .messagelist tr > .status, | |
| 275 | .messagelist tr > .flag, | |
| 276 | .messagelist tr > .priority { | |
| 13ed1e | 277 | width: 20px; |
| 9c513f | 278 | padding: 2px 3px !important; |
| 15f48a | 279 | } |
| T | 280 | |
| 72afe3 | 281 | .messagelist tr > .threads { |
| 879b05 | 282 | width: 26px; |
| T | 283 | } |
| 284 | ||
| d30a99 | 285 | .messagelist tr > .threads + td, |
| 9c513f | 286 | .messagelist tr > .threads + th { |
| 879b05 | 287 | border-left: 0; |
| T | 288 | } |
| 289 | ||
| 72afe3 | 290 | .messagelist tr > .size { |
| 879b05 | 291 | width: 60px; |
| 235680 | 292 | text-align: right; |
| 879b05 | 293 | } |
| T | 294 | |
| 72afe3 | 295 | .messagelist thead tr th.size { |
| e377ed | 296 | text-align: left; |
| AM | 297 | } |
| 298 | ||
| 72afe3 | 299 | .messagelist tr > .fromto, |
| TB | 300 | .messagelist tr > .from, |
| 301 | .messagelist tr > .to, | |
| 302 | .messagelist tr > .cc, | |
| 303 | .messagelist tr > .replyto { | |
| e493c8 | 304 | width: 200px; |
| 879b05 | 305 | } |
| T | 306 | |
| 72afe3 | 307 | .messagelist tr > .date { |
| ccc2ac | 308 | width: 155px; |
| 879b05 | 309 | } |
| T | 310 | |
| 72afe3 | 311 | .messagelist tr > .folder { |
| 628706 | 312 | width: 135px; |
| T | 313 | } |
| 314 | ||
| 72afe3 | 315 | .messagelist tr > .hidden { |
| 628706 | 316 | display: none; |
| T | 317 | } |
| 318 | ||
| 73ad4f | 319 | .messagelist tr.message { |
| 879b05 | 320 | /* background-color: #fff; */ |
| T | 321 | } |
| 322 | ||
| 73ad4f | 323 | .messagelist tr.thread.expanded td { |
| 03fe1c | 324 | background-color: #ededed; |
| T | 325 | } |
| 326 | ||
| 73ad4f | 327 | .messagelist tr.unread { |
| 879b05 | 328 | font-weight: bold; |
| T | 329 | /* background-color: #fff; */ |
| 330 | } | |
| 331 | ||
| 72afe3 | 332 | .messagelist tr.flagged th, |
| 73ad4f | 333 | .messagelist tr.flagged td, |
| TB | 334 | .messagelist tr.flagged td a { |
| 879b05 | 335 | color: #f30; |
| T | 336 | } |
| 337 | ||
| 72afe3 | 338 | .messagelist thead tr th.sortedASC a, |
| TB | 339 | .messagelist thead tr th.sortedDESC a { |
| 879b05 | 340 | color: #004458; |
| T | 341 | text-decoration: underline; |
| e8bcf0 | 342 | background-image: url(images/listicons.png); |
| TB | 343 | background-repeat: no-repeat; |
| 344 | background-position: right -912px; | |
| 879b05 | 345 | } |
| T | 346 | |
| 72afe3 | 347 | .messagelist thead tr th.sortedASC a { |
| 879b05 | 348 | background-position: right -944px; |
| T | 349 | } |
| 350 | ||
| 73ad4f | 351 | .messagelist td img { |
| 879b05 | 352 | vertical-align: middle; |
| T | 353 | display: inline-block; |
| 354 | } | |
| 355 | ||
| 73ad4f | 356 | .messagelist tbody td a { |
| 50d6e9 | 357 | color: #333; |
| T | 358 | text-decoration: none; |
| 359 | white-space: nowrap; | |
| 360 | cursor: default; | |
| 361 | } | |
| 362 | ||
| 73ad4f | 363 | .messagelist tbody tr td.flag, |
| TB | 364 | .messagelist tbody tr td.status, |
| 365 | .messagelist tbody tr td.subject span.status { | |
| 879b05 | 366 | cursor: pointer; |
| T | 367 | } |
| 368 | ||
| 72afe3 | 369 | .messagelist tr > .flag span, |
| TB | 370 | .messagelist tr > .status span, |
| 371 | .messagelist tr > .attachment span, | |
| 372 | .messagelist tr > .priority span { | |
| 879b05 | 373 | display: block; |
| 15f48a | 374 | width: 20px; |
| f25be2 | 375 | text-indent: -5000px; |
| TB | 376 | overflow: hidden; |
| 879b05 | 377 | } |
| T | 378 | |
| 73ad4f | 379 | .messagelist tr td div.collapsed, |
| TB | 380 | .messagelist tr td div.expanded, |
| 72afe3 | 381 | .messagelist tr > .threads .listmenu, |
| TB | 382 | .messagelist tr > .attachment span.attachment, |
| 383 | .messagelist tr > .attachment span.report, | |
| 384 | .messagelist tr > .priority span.priority, | |
| 385 | .messagelist tr > .priority span.prio1, | |
| 386 | .messagelist tr > .priority span.prio2, | |
| 387 | .messagelist tr > .priority span.prio3, | |
| 388 | .messagelist tr > .priority span.prio4, | |
| 389 | .messagelist tr > .priority span.prio5, | |
| 390 | .messagelist tr > .flag span.flagged, | |
| 391 | .messagelist tr > .flag span.unflagged, | |
| 392 | .messagelist tr > .flag span.unflagged:hover, | |
| 393 | .messagelist tr > .status span.status, | |
| 394 | .messagelist tr > .status span.msgicon, | |
| 395 | .messagelist tr > .status span.deleted, | |
| 396 | .messagelist tr > .status span.unread, | |
| 397 | .messagelist tr > .status span.unreadchildren, | |
| 398 | .messagelist tr > .subject span.msgicon, | |
| 399 | .messagelist tr > .subject span.deleted, | |
| 400 | .messagelist tr > .subject span.unread, | |
| 401 | .messagelist tr > .subject span.replied, | |
| 402 | .messagelist tr > .subject span.forwarded, | |
| 403 | .messagelist tr > .subject span.unreadchildren { | |
| 879b05 | 404 | display: inline-block; |
| T | 405 | vertical-align: middle; |
| 406 | height: 18px; | |
| 407 | width: 20px; | |
| 74d4c7 | 408 | padding: 0; |
| 879b05 | 409 | background: url(images/listicons.png) -100px 0 no-repeat; |
| T | 410 | } |
| 411 | ||
| 73ad4f | 412 | .messagelist tbody tr td.attachment span.attachment { |
| ce216f | 413 | background-position: 0 -996px; |
| 879b05 | 414 | } |
| 8c4f09 | 415 | |
| 72afe3 | 416 | .messagelist thead tr th.attachment span.attachment { |
| b8445c | 417 | background-position: -24px -996px; |
| 879b05 | 418 | } |
| T | 419 | |
| 73ad4f | 420 | .messagelist tbody tr td.attachment span.report { |
| 8c4f09 | 421 | background-position: -24px -1116px; |
| TB | 422 | } |
| 423 | ||
| 72afe3 | 424 | .messagelist thead tr th.priority span.priority { |
| b8445c | 425 | background-position: -25px -1845px; |
| 80b3c6 | 426 | } |
| TB | 427 | |
| 73ad4f | 428 | .messagelist tr td.priority span.prio5 { |
| 0344b1 | 429 | background-position: -2px -1905px; |
| 879b05 | 430 | } |
| T | 431 | |
| 73ad4f | 432 | .messagelist tr td.priority span.prio4 { |
| 0344b1 | 433 | background-position: -2px -1885px; |
| 879b05 | 434 | } |
| T | 435 | |
| 73ad4f | 436 | .messagelist tr td.priority span.prio2 { |
| 0344b1 | 437 | background-position: -2px -1865px; |
| 879b05 | 438 | } |
| T | 439 | |
| 73ad4f | 440 | .messagelist tr td.priority span.prio1 { |
| 0344b1 | 441 | background-position: -2px -1845px; |
| 879b05 | 442 | } |
| 004a08 | 443 | |
| 344b0a | 444 | /* thread parent message with flagged children */ |
| AM | 445 | .messagelist tbody tr.flaggedroot td.flag span { |
| 446 | background-position: -23px -1076px; | |
| 447 | } | |
| 448 | ||
| 73ad4f | 449 | .messagelist tbody tr td.flag span.flagged { |
| 879b05 | 450 | background-position: 0 -1036px; |
| T | 451 | } |
| 452 | ||
| 72afe3 | 453 | .messagelist thead tr th.flag span.flagged { |
| b8445c | 454 | background-position: -22px -1037px; |
| 879b05 | 455 | } |
| T | 456 | |
| 72afe3 | 457 | .messagelist tr:hover td.status span.msgicon { |
| TB | 458 | background-position: -23px -1057px; |
| 0b179e | 459 | } |
| T | 460 | |
| 72afe3 | 461 | .messagelist tr:hover td.flag span.unflagged { |
| 0b179e | 462 | background-position: -23px -1076px; |
| 879b05 | 463 | } |
| T | 464 | |
| 73ad4f | 465 | .messagelist tr td.subject span.msgicon, |
| TB | 466 | .messagelist tr td.subject span.unreadchildren { |
| 879b05 | 467 | background-position: 0 -1056px; |
| bab043 | 468 | margin: 0 1px 0 0; |
| T | 469 | width: 24px; |
| 879b05 | 470 | } |
| T | 471 | |
| 73ad4f | 472 | .messagelist tr td.subject span.replied { |
| 879b05 | 473 | background-position: 0 -1076px; |
| T | 474 | } |
| 475 | ||
| 73ad4f | 476 | .messagelist tr td.subject span.forwarded { |
| 879b05 | 477 | background-position: 0 -1096px; |
| T | 478 | } |
| 479 | ||
| 73ad4f | 480 | .messagelist tr td.subject span.replied.forwarded { |
| 879b05 | 481 | background-position: 0 -1116px; |
| T | 482 | } |
| 483 | ||
| 73ad4f | 484 | .messagelist tr td.status span.msgicon, |
| TB | 485 | .messagelist tr td.flag span.unflagged, |
| 486 | .messagelist tr td.status span.unreadchildren { | |
| 879b05 | 487 | background-position: 0 1056px; /* no icon */ |
| T | 488 | } |
| 489 | /* | |
| 73ad4f | 490 | .messagelist tr td.status span.msgicon:hover { |
| 879b05 | 491 | background-position: 0 -272px; |
| T | 492 | } |
| 493 | */ | |
| 73ad4f | 494 | .messagelist tr td.status span.deleted, |
| dc43ae | 495 | .messagelist tr:hover td.status span.deleted, |
| 73ad4f | 496 | .messagelist tr td.subject span.deleted { |
| dc43ae | 497 | background-position: -21px -1096px; |
| cc46fb | 498 | } |
| T | 499 | |
| 73ad4f | 500 | .messagelist tr td.status span.status, |
| TB | 501 | .messagelist tr td.status span.unread, |
| 502 | .messagelist tr td.subject span.unread, | |
| 503 | .messagelist tr td.status span.unread:hover { | |
| 53b742 | 504 | background-position: 0 -1017px !important; |
| bab043 | 505 | } |
| T | 506 | |
| 72afe3 | 507 | .messagelist thead tr th.status span.status { |
| f202a7 | 508 | background-position: -23px -1017px; |
| 879b05 | 509 | } |
| T | 510 | |
| 73ad4f | 511 | .messagelist tr td div.collapsed { |
| 90ff4c | 512 | background-position: 0 -1137px; |
| 879b05 | 513 | cursor: pointer; |
| T | 514 | } |
| 515 | ||
| 73ad4f | 516 | .messagelist tr td div.expanded { |
| 90ff4c | 517 | background-position: 0 -1157px; |
| 879b05 | 518 | cursor: pointer; |
| T | 519 | } |
| 520 | ||
| 72afe3 | 521 | .messagelist tr th.threads .listmenu { |
| TB | 522 | background-position: 4px -972px; |
| 879b05 | 523 | cursor: pointer; |
| 72afe3 | 524 | width: 24px; |
| b2992d | 525 | height: 21px; |
| TB | 526 | overflow: hidden; |
| 527 | text-indent: -5000px; | |
| 528 | margin: -3px -5px -2px -6px; | |
| 529 | padding: 3px 5px 2px 6px; | |
| 879b05 | 530 | } |
| T | 531 | |
| 72afe3 | 532 | .messagelist tr th.threads .listmenu:focus { |
| b2992d | 533 | background-color: rgba(73,180,210,0.7); |
| TB | 534 | outline: none; |
| 879b05 | 535 | } |
| T | 536 | |
| 72afe3 | 537 | .messagelist thead tr th.subject, |
| 73ad4f | 538 | .messagelist tbody tr td.subject { |
| 879b05 | 539 | width: 99%; |
| 0cd919 | 540 | white-space: nowrap; |
| 879b05 | 541 | } |
| T | 542 | |
| 73ad4f | 543 | .messagelist tbody tr td.subject a { |
| 879b05 | 544 | cursor: default; |
| T | 545 | vertical-align: middle; /* #1487091 */ |
| 546 | } | |
| 547 | ||
| 548 | /* thread parent message with unread children */ | |
| 73ad4f | 549 | .messagelist tbody tr.unroot td.subject a { |
| 879b05 | 550 | text-decoration: underline; |
| T | 551 | } |
| 552 | ||
| 553 | /**** tree indicators ****/ | |
| 554 | ||
| 73ad4f | 555 | .messagelist tbody tr td span.branch div { |
| 0cd919 | 556 | display: inline-block; |
| 879b05 | 557 | } |
| T | 558 | |
| 73ad4f | 559 | .messagelist tbody tr td span.branch div.tree { |
| 879b05 | 560 | width: 15px; |
| T | 561 | } |
| c7dcb3 | 562 | |
| 74d4c7 | 563 | #listoptions ul.proplist { |
| T | 564 | min-width: 16em; |
| 565 | } | |
| c7dcb3 | 566 | |
| T | 567 | /**** message view ****/ |
| 568 | ||
| b540ed | 569 | #mailpreviewframe { |
| T | 570 | display: none; |
| 571 | position: absolute; | |
| 572 | top: 0; | |
| 573 | left: 0; | |
| 574 | width: 100%; | |
| 34003c | 575 | bottom: 0px; |
| b540ed | 576 | } |
| T | 577 | |
| 578 | #messagecontframe { | |
| 579 | border: 0; | |
| fa7b31 | 580 | border-radius: 4px; |
| b540ed | 581 | } |
| T | 582 | |
| c7dcb3 | 583 | #messagecontent { |
| T | 584 | position: absolute; |
| dd5258 | 585 | top: 110px; |
| c7dcb3 | 586 | left: 0; |
| T | 587 | width: 100%; |
| 34003c | 588 | bottom: 1px; |
| c7dcb3 | 589 | overflow: auto; |
| 7f1960 | 590 | -webkit-overflow-scrolling: touch; |
| c7dcb3 | 591 | } |
| T | 592 | |
| c23aad | 593 | #messageheader, |
| 74d4c7 | 594 | #composeheaders { |
| b540ed | 595 | position: relative; |
| c7dcb3 | 596 | padding: 3px 0; |
| 071c78 | 597 | background: #f9f9f9; |
| 10467e | 598 | background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); |
| TB | 599 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); |
| 600 | background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); | |
| 601 | background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); | |
| de6bf0 | 602 | background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); |
| 10467e | 603 | border-bottom: 1px solid #dfdfdf; |
| a4be51 | 604 | } |
| T | 605 | |
| dd5258 | 606 | #mailview-right #messageheader { |
| TB | 607 | border-radius: 4px 4px 0 0; |
| 10467e | 608 | padding-left: 78px; |
| TB | 609 | /* avoid headers eating up all the vertical space */ |
| 610 | max-height: 50%; | |
| 611 | overflow: auto; | |
| dd5258 | 612 | } |
| TB | 613 | |
| a4be51 | 614 | h2.subject { |
| T | 615 | font-size: 15px; |
| 616 | margin: 0 15em 0 0; | |
| 617 | padding: 4px 8px 2px 8px; | |
| b540ed | 618 | white-space: nowrap; |
| T | 619 | overflow: hidden; |
| 620 | text-overflow: ellipsis; | |
| dd5258 | 621 | } |
| TB | 622 | |
| 623 | #mailview-right #messageheader h2.subject { | |
| 624 | margin-left: -56px; | |
| b540ed | 625 | } |
| T | 626 | |
| 627 | h3.subject { | |
| 628 | font-size: 14px; | |
| 776ddd | 629 | margin: 0 15em 0 0; |
| b540ed | 630 | padding: 8px 8px 4px 8px; |
| a4be51 | 631 | white-space: nowrap; |
| T | 632 | overflow: hidden; |
| 633 | text-overflow: ellipsis; | |
| c7dcb3 | 634 | } |
| T | 635 | |
| 636 | .headers-table td { | |
| 637 | color: #666; | |
| 8e5c44 | 638 | padding: 1px 8px; |
| c7dcb3 | 639 | } |
| T | 640 | |
| 10467e | 641 | .headers-table td.header, |
| TB | 642 | .ui-dialog-content.popup span.adr { |
| c7dcb3 | 643 | font-weight: bold; |
| dd5258 | 644 | } |
| TB | 645 | |
| 646 | .headers-table td.header-title { | |
| 647 | white-space: nowrap; | |
| c7dcb3 | 648 | } |
| T | 649 | |
| 10467e | 650 | .headers-table td.header a, |
| TB | 651 | .ui-dialog-content.popup span.adr a { |
| c7dcb3 | 652 | color: #666; |
| T | 653 | text-decoration: none; |
| 654 | } | |
| 655 | ||
| 10467e | 656 | .headers-table td.header a:hover, |
| TB | 657 | .ui-dialog-content.popup span.adr a:hover { |
| c7dcb3 | 658 | text-decoration: underline; |
| T | 659 | } |
| 660 | ||
| 661 | .headers-table td.subject { | |
| 662 | color: #333; | |
| 663 | font-weight: bold; | |
| 664 | } | |
| 665 | ||
| 10467e | 666 | .headers-table td.header span, |
| TB | 667 | .ui-dialog-content.popup span.adr { |
| 28e18c | 668 | white-space: nowrap; |
| 10467e | 669 | } |
| TB | 670 | |
| 671 | .headers-table td.header a.morelink { | |
| 672 | color: #0069a6; | |
| 673 | white-space: nowrap; | |
| 674 | font-weight: normal; | |
| 28e18c | 675 | } |
| T | 676 | |
| c7dcb3 | 677 | .rcmaddcontact { |
| T | 678 | position: relative; |
| 679 | top: 1px; | |
| 680 | margin-left: 0.5em; | |
| 28e18c | 681 | } |
| T | 682 | |
| 683 | .rcmaddcontact imp { | |
| 684 | width: 20px; | |
| 685 | height: 13px; | |
| c7dcb3 | 686 | } |
| T | 687 | |
| f4aaf8 | 688 | #preview-allheaders { |
| T | 689 | display: none; |
| 690 | } | |
| 691 | ||
| be72a0 | 692 | #preview-allheaders td.header-title, |
| f4aaf8 | 693 | #preview-shortheaders td.header-title { |
| be72a0 | 694 | padding-left: 0; |
| f4aaf8 | 695 | } |
| T | 696 | |
| 697 | #preview-shortheaders td.header { | |
| be72a0 | 698 | padding-right: 18px; |
| f4aaf8 | 699 | } |
| T | 700 | |
| edfe79 | 701 | .moreheaderstoggle { |
| be72a0 | 702 | display: block; |
| TB | 703 | position: absolute; |
| 704 | top: 0; | |
| 705 | left: 0; | |
| 706 | bottom: 0; | |
| 707 | width: 18px; | |
| 708 | padding: 0; | |
| 709 | outline: none; | |
| 710 | background: #f2f2f2; | |
| 711 | background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 712 | background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9)); | |
| 713 | background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 714 | background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 715 | background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 716 | border-right: 1px solid #dfdfdf; | |
| dd5258 | 717 | border-radius: 3px 0 0 0; /* for Opera */ |
| f4aaf8 | 718 | } |
| T | 719 | |
| a539ce | 720 | .moreheaderstoggle:focus { |
| TB | 721 | background: #f2f2f2; |
| 722 | background: -moz-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 723 | background: -webkit-gradient(linear, left top, right top, color-stop(0,#66bcd9), color-stop(100%,#49b3d2)); | |
| 724 | background: -o-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 725 | background: -ms-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 726 | background: linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 727 | border-right-color: #149cc5; | |
| f4aaf8 | 728 | } |
| T | 729 | |
| edfe79 | 730 | .moreheaderstoggle .iconlink { |
| be72a0 | 731 | display: inline-block; |
| TB | 732 | position: absolute; |
| 733 | top: 8px; | |
| 734 | left: 0; | |
| 735 | width: 18px; | |
| 736 | height: 16px; | |
| 737 | background: url(images/buttons.png) -27px -242px no-repeat; | |
| f4aaf8 | 738 | } |
| T | 739 | |
| edfe79 | 740 | .moreheaderstoggle.remove .iconlink { |
| be72a0 | 741 | top: auto; |
| c23aad | 742 | bottom: 5px; |
| be72a0 | 743 | background-position: -5px -242px; |
| f4aaf8 | 744 | } |
| T | 745 | |
| dd5258 | 746 | #full-headers { |
| TB | 747 | position: relative; |
| 748 | } | |
| 749 | ||
| c23aad | 750 | div.more-headers { |
| dd5258 | 751 | position: absolute; |
| TB | 752 | top: -12px; |
| 753 | right: 10px; | |
| 754 | width: 12px; | |
| c23aad | 755 | height: 10px; |
| dd5258 | 756 | cursor: pointer; |
| edfe79 | 757 | background: url(images/buttons.png) center -1579px no-repeat; |
| 543ccb | 758 | } |
| T | 759 | |
| c23aad | 760 | div.hide-headers { |
| 957690 | 761 | background-position: center -1590px; |
| 543ccb | 762 | } |
| T | 763 | |
| 764 | #all-headers { | |
| 793831 | 765 | position: relative; |
| dd5258 | 766 | margin: 4px 10px; |
| 76248c | 767 | padding: 0; |
| 543ccb | 768 | height: 180px; |
| dd5258 | 769 | border: 1px solid #ccc; |
| 76248c | 770 | border-radius: 4px; |
| dd5258 | 771 | background: #fdfdfd; |
| TB | 772 | box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); |
| 0c2fcd | 773 | -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); |
| 543ccb | 774 | } |
| T | 775 | |
| 776 | #headers-source { | |
| 777 | display: none; | |
| 778 | position: absolute; | |
| 76248c | 779 | top: 0; |
| 543ccb | 780 | left: 0; |
| T | 781 | right: 0; |
| 76248c | 782 | bottom: 0; |
| dd5258 | 783 | padding: 3px 6px; |
| 543ccb | 784 | overflow: auto; |
| T | 785 | text-align: left; |
| c23aad | 786 | color: #333; |
| dd5258 | 787 | } |
| TB | 788 | |
| 10467e | 789 | #messageheader.previewheader #all-headers { |
| dd5258 | 790 | margin-left: 0; |
| 543ccb | 791 | } |
| T | 792 | |
| 10467e | 793 | #messageheader.previewheader { |
| be72a0 | 794 | position: relative; |
| TB | 795 | height: auto; |
| f158dc | 796 | min-height: 52px; |
| 10467e | 797 | padding: 0 0 3px 72px; |
| b540ed | 798 | } |
| T | 799 | |
| 10467e | 800 | #messageheader.previewheader h3.subject { |
| be72a0 | 801 | padding: 8px 8px 2px 0; |
| b540ed | 802 | } |
| T | 803 | |
| 10467e | 804 | #messageheader.previewheader #contactphoto { |
| 793831 | 805 | display: block; |
| TB | 806 | position: absolute; |
| 807 | top: 11px; | |
| 808 | left: 30px; | |
| 809 | width: 32px; | |
| 810 | height: 32px; | |
| 811 | overflow: hidden; | |
| 812 | background: url(images/contactpic_32px.png) center center no-repeat #fff; | |
| 813 | border-radius: 3px; | |
| 814 | } | |
| 815 | ||
| 10467e | 816 | #messageheader.previewheader #contactphoto img { |
| 793831 | 817 | width: 32px; |
| TB | 818 | height: auto; |
| 819 | border-radius: 3px; | |
| 820 | } | |
| 821 | ||
| 020bde | 822 | #messageheader .message-headers { |
| TB | 823 | min-height: 60px; |
| 824 | } | |
| 825 | ||
| c23aad | 826 | #messageheader #contactphoto { |
| TB | 827 | display: block; |
| 828 | position: absolute; | |
| dd5258 | 829 | top: 34px; |
| 10467e | 830 | left: 30px; |
| 793831 | 831 | width: 48px; |
| TB | 832 | height: 48px; |
| c23aad | 833 | overflow: hidden; |
| 793831 | 834 | border-radius: 4px; |
| 10467e | 835 | border: 1px solid #e6e6e6; |
| dd5258 | 836 | background: url(images/contactpic_48px.png) center center no-repeat #fff; |
| 793831 | 837 | } |
| TB | 838 | |
| c23aad | 839 | #messageheader #contactphoto img { |
| 793831 | 840 | width: 48px; |
| TB | 841 | height: auto; |
| 842 | border-radius: 4px; | |
| 843 | } | |
| 844 | ||
| 6996de | 845 | #messageheader #countcontrols, |
| TB | 846 | #messageheader #formatcontrols { |
| a4be51 | 847 | position: absolute; |
| T | 848 | top: 8px; |
| c23aad | 849 | right: 8px; |
| a4be51 | 850 | text-align: right; |
| T | 851 | white-space: nowrap; |
| 852 | } | |
| 853 | ||
| 6996de | 854 | #messageheader #formatcontrols { |
| TB | 855 | top: 38px; |
| 856 | right: 8px; | |
| 857 | } | |
| 858 | ||
| c23aad | 859 | #messageheader .pagenav .countdisplay { |
| TB | 860 | padding-right: 0.5em; |
| 861 | white-space: nowrap; | |
| 862 | } | |
| 863 | ||
| 864 | #messagecontent .leftcol, | |
| b540ed | 865 | #messagepreview .leftcol { |
| 8ce602 | 866 | margin-right: 252px; |
| c7dcb3 | 867 | } |
| T | 868 | |
| dd5258 | 869 | #messagecontent .rightcol, |
| b540ed | 870 | #messagepreview .rightcol { |
| c7dcb3 | 871 | position: absolute; |
| 1656eb | 872 | right: 8px; |
| c7dcb3 | 873 | width: 230px; |
| T | 874 | min-height: 200px; |
| 875 | background: #f0f0f0; | |
| 876 | padding: 8px; | |
| 406bec | 877 | border-radius: 4px; |
| 1656eb | 878 | z-index: 1; |
| c7dcb3 | 879 | } |
| T | 880 | |
| 567d5a | 881 | #messagecontent .rightcol { |
| AM | 882 | margin-top: 8px; |
| 883 | } | |
| 884 | ||
| c7dcb3 | 885 | #messagebody { |
| 14d00d | 886 | position: relative; |
| c7dcb3 | 887 | margin: 8px; |
| T | 888 | } |
| 889 | ||
| 890 | #message-objects div, | |
| 891 | #messagebody span.part-notice { | |
| 892 | margin: 8px; | |
| 893 | } | |
| 894 | ||
| 519213 | 895 | #message-objects div.notice { |
| b540ed | 896 | display: block; |
| c7dcb3 | 897 | color: #960; |
| T | 898 | border: 1px solid #ffdf0e; |
| 899 | background-color: #fef893; | |
| bbdd62 | 900 | background-position: 5px -83px; |
| cfc84e | 901 | padding: 6px 12px 6px 30px; |
| 543ccb | 902 | white-space: normal; |
| c7dcb3 | 903 | } |
| T | 904 | |
| 905 | #message-objects div a.button, | |
| 906 | #messagebody span.part-notice a.button { | |
| 907 | margin-left: 10px; | |
| cfc84e | 908 | margin-top: -1px; |
| 519213 | 909 | } |
| TB | 910 | |
| c7dcb3 | 911 | div.message-part, |
| a8a72e | 912 | div.message-htmlpart, |
| TB | 913 | div.message-partheaders { |
| 914 | padding: 10px 2px; | |
| e327eb | 915 | border-top: 1px solid #ccc; |
| c7dcb3 | 916 | } |
| T | 917 | |
| 918 | #messagebody div:first-child { | |
| a8a72e | 919 | padding-top: 0; |
| c7dcb3 | 920 | border-top: 0; |
| T | 921 | } |
| 922 | ||
| 923 | div.message-part div.pre { | |
| 2f1d6c | 924 | margin: 0; |
| VB | 925 | padding: 0; |
| c7dcb3 | 926 | font-family: monospace; |
| f69eb5 | 927 | font-size: 12px; |
| c7dcb3 | 928 | } |
| T | 929 | |
| 930 | div.message-part span.sig { | |
| 2f1d6c | 931 | color: #666; |
| c7dcb3 | 932 | } |
| T | 933 | |
| 934 | div.message-part blockquote { | |
| 935 | color: blue; | |
| 936 | border-left: 2px solid blue; | |
| 937 | border-right: 2px solid blue; | |
| 938 | background-color: #F6F6F6; | |
| c0a5aa | 939 | margin: 2px 0; |
| eda92e | 940 | padding: 0 0.4em; |
| AM | 941 | overflow: hidden; |
| 942 | text-overflow: ellipsis; | |
| c7dcb3 | 943 | } |
| T | 944 | |
| 945 | div.message-part blockquote blockquote { | |
| 946 | color: green; | |
| 947 | border-left: 2px solid green; | |
| 948 | border-right: 2px solid green; | |
| 949 | } | |
| 950 | ||
| 951 | div.message-part blockquote blockquote blockquote { | |
| 2f1d6c | 952 | color: #900; |
| VB | 953 | border-left: 2px solid #b00; |
| 954 | border-right: 2px solid #b00; | |
| c7dcb3 | 955 | } |
| T | 956 | |
| a8a72e | 957 | div.message-partheaders { |
| TB | 958 | margin-top: 8px; |
| 959 | padding: 8px 0; | |
| 960 | } | |
| 961 | ||
| 962 | div.message-partheaders .headers-table { | |
| 963 | width: 100%; | |
| 964 | } | |
| 965 | ||
| 966 | div.message-partheaders .headers-table td.header-title { | |
| b87a79 | 967 | width: 1%; |
| a8a72e | 968 | padding-left: 0; |
| 8e5c44 | 969 | vertical-align: top; |
| a8a72e | 970 | } |
| TB | 971 | |
| 972 | div.message-partheaders .headers-table td.header { | |
| b87a79 | 973 | width: 99%; |
| a8a72e | 974 | } |
| TB | 975 | |
| c7dcb3 | 976 | #messagebody > hr { |
| T | 977 | color: #fff; |
| 978 | background: #fff; | |
| 979 | border: 0; | |
| b540ed | 980 | border-bottom: 2px solid #f0f0f0; |
| c7dcb3 | 981 | } |
| T | 982 | |
| 031491 | 983 | #messagebody fieldset.image-attachment { |
| TB | 984 | border: 0; |
| 985 | border-top: 1px solid #ccc; | |
| 986 | margin-top: 1em; | |
| 987 | } | |
| 988 | ||
| 989 | #messagebody fieldset.image-attachment p > img { | |
| c7dcb3 | 990 | max-width: 80%; |
| T | 991 | } |
| 992 | ||
| 031491 | 993 | #messagebody legend.image-filename { |
| TB | 994 | color: #999; |
| 995 | font-size: 0.9em; | |
| 996 | margin: 0 1em; | |
| 997 | } | |
| 998 | ||
| 999 | #messagebody p.image-attachment { | |
| 1000 | position: relative; | |
| 1001 | padding: 1em; | |
| 2f014f | 1002 | margin-bottom: 0; |
| 031491 | 1003 | border-top: 1px solid #ccc; |
| TB | 1004 | } |
| 1005 | ||
| 1006 | #messagebody p.image-attachment a.image-link { | |
| 1007 | float: left; | |
| 1008 | display: block; | |
| 1009 | margin-right: 2em; | |
| 1010 | min-width: 160px; | |
| 1011 | min-height: 60px; | |
| 1012 | text-align: center; | |
| 1013 | } | |
| 1014 | ||
| 1015 | #messagebody p.image-attachment .image-filename { | |
| 1016 | display: block; | |
| 1017 | font-weight: bold; | |
| 1018 | line-height: 1.6em; | |
| 1019 | } | |
| 1020 | ||
| 1021 | #messagebody p.image-attachment .image-filesize { | |
| 1022 | padding-right: 1em; | |
| 1023 | } | |
| 1024 | ||
| 1025 | #messagebody p.image-attachment .attachment-links a { | |
| 1026 | margin-right: 0.6em; | |
| 1027 | } | |
| 1028 | ||
| c7dcb3 | 1029 | #messagepartcontainer { |
| T | 1030 | position: absolute; |
| f8a9c2 | 1031 | top: 0; |
| 049428 | 1032 | left: 232px; |
| 2f1d6c | 1033 | right: 0; |
| VB | 1034 | bottom: 0; |
| c7dcb3 | 1035 | } |
| T | 1036 | |
| 1037 | #messagepartframe { | |
| 1038 | border: 0; | |
| d9f180 | 1039 | width: 100%; |
| TB | 1040 | height: 100%; |
| 74d4c7 | 1041 | } |
| T | 1042 | |
| 049428 | 1043 | #messagepartheader { |
| AM | 1044 | position: absolute; |
| f8a9c2 | 1045 | top: 0; |
| 049428 | 1046 | left: 0; |
| AM | 1047 | width: 220px; |
| 1048 | bottom: 0; | |
| 1049 | } | |
| 1050 | ||
| 1051 | #messagepartheader table { | |
| 1052 | table-layout: fixed; | |
| 1053 | overflow: hidden; | |
| 1054 | } | |
| 1055 | ||
| 1056 | #messagepartheader table td { | |
| 1057 | text-overflow: ellipsis; | |
| 94b113 | 1058 | overflow: hidden; |
| 049428 | 1059 | } |
| AM | 1060 | |
| 1061 | #messagepartheader table td.title { | |
| ad052b | 1062 | width: 60px; |
| AM | 1063 | padding-right: 0; |
| 049428 | 1064 | } |
| AM | 1065 | |
| 1066 | ||
| 74d4c7 | 1067 | /*** message composition ***/ |
| T | 1068 | |
| 1069 | #composeview-left { | |
| 1070 | position: absolute; | |
| 1071 | top: 0; | |
| 1072 | left: 0; | |
| a292e4 | 1073 | width: 200px; |
| 74d4c7 | 1074 | bottom: 0; |
| T | 1075 | } |
| 1076 | ||
| 1077 | #composeview-right { | |
| 1078 | position: absolute; | |
| 1079 | top: 0; | |
| a292e4 | 1080 | left: 212px; |
| 74d4c7 | 1081 | right: 0; |
| T | 1082 | bottom: 0; |
| 1083 | } | |
| 1084 | ||
| af05fe | 1085 | #compose-contacts { |
| T | 1086 | position: absolute; |
| f8a9c2 | 1087 | top: 0; |
| af05fe | 1088 | left: 0; |
| T | 1089 | width: 100%; |
| 1090 | bottom: 0; | |
| 1091 | } | |
| 1092 | ||
| 041da2 | 1093 | #compose-contacts .listsearchbox { |
| AM | 1094 | display: block; |
| 1095 | } | |
| 1096 | ||
| 7961f8 | 1097 | #compose-contacts #directorylist { |
| T | 1098 | border-bottom: 4px solid #c7e3ef; |
| 1099 | } | |
| 1100 | ||
| 071c78 | 1101 | #compose-contacts .scroller { |
| T | 1102 | top: 65px; |
| 1103 | border-top: 1px solid #fff; | |
| 1104 | } | |
| 1105 | ||
| 7961f8 | 1106 | #contacts-table { |
| T | 1107 | table-layout: fixed; |
| 1108 | } | |
| 1109 | ||
| 1110 | #contacts-table td { | |
| 1111 | width: 100%; | |
| 1112 | } | |
| 1113 | ||
| 1114 | #contacts-table td span { | |
| 1115 | display: block; | |
| 1116 | } | |
| 1117 | ||
| 83f2f6 | 1118 | #contacts-table td span.email { |
| TB | 1119 | display: inline; |
| 1120 | color: #69939e; | |
| 1121 | font-style: italic; | |
| 1122 | margin-left: 0.5em; | |
| 1123 | } | |
| 1124 | ||
| ea0866 | 1125 | #compose-contacts li a, |
| TB | 1126 | #contacts-table td { |
| 1127 | background-image: url(images/listicons.png); | |
| 1128 | background-position: -100px 0; | |
| 1129 | background-repeat: no-repeat; | |
| 7961f8 | 1130 | overflow: hidden; |
| T | 1131 | text-overflow: ellipsis; |
| ea0866 | 1132 | } |
| TB | 1133 | |
| 1134 | #compose-contacts li a { | |
| 1135 | padding-left: 36px; | |
| 7961f8 | 1136 | } |
| T | 1137 | |
| 86552f | 1138 | #contacts-table td.contactgroup a { |
| TB | 1139 | color: #376572; |
| 1140 | text-decoration: none; | |
| 1141 | } | |
| 1142 | ||
| 1143 | #contacts-table td.contactgroup a span { | |
| 1144 | display: inline-block; | |
| 1145 | font-size: 16px; | |
| 1146 | font-weight: bold; | |
| 1147 | line-height: 11px; | |
| 1148 | margin-left: 0.3em; | |
| 1149 | } | |
| 1150 | ||
| 071c78 | 1151 | #contacts-table tr:first-child td { |
| T | 1152 | border-top: 0; |
| 1153 | } | |
| 1154 | ||
| 7961f8 | 1155 | #compose-contacts li.addressbook a { |
| T | 1156 | background-position: 6px -766px; |
| 1157 | } | |
| 1158 | ||
| ea0866 | 1159 | #compose-contacts li.addressbook a:focus, |
| 7961f8 | 1160 | #compose-contacts li.addressbook.selected a { |
| T | 1161 | background-position: 6px -791px; |
| 1162 | } | |
| 1163 | ||
| 1164 | #contacts-table td.contactgroup { | |
| 1165 | background-position: 6px -1555px; | |
| 1166 | } | |
| 1167 | ||
| 1168 | #contacts-table tr.selected td.contactgroup { | |
| 1169 | background-position: 6px -1579px; | |
| 1170 | } | |
| 1171 | ||
| 1172 | #contacts-table td.contact { | |
| 1173 | background-position: 6px -1603px; | |
| 1174 | } | |
| 1175 | ||
| 1176 | #contacts-table tr.selected td.contact { | |
| 1177 | background-position: 6px -1627px; | |
| ea0866 | 1178 | } |
| TB | 1179 | |
| 74d4c7 | 1180 | #compose-content { |
| T | 1181 | position: absolute; |
| f8a9c2 | 1182 | top: 0; |
| 74d4c7 | 1183 | left: 0; |
| 9e36fb | 1184 | right: 0; |
| 34003c | 1185 | bottom: 0px; |
| 74d4c7 | 1186 | overflow: hidden; |
| T | 1187 | } |
| 1188 | ||
| 1189 | #composeheaders { | |
| 1190 | border-radius: 4px 4px 0 0; | |
| edfe79 | 1191 | padding-left: 19px; |
| 74d4c7 | 1192 | } |
| T | 1193 | |
| 1194 | #composebuttons { | |
| 1195 | position: absolute; | |
| edfe79 | 1196 | top: 6px; |
| TB | 1197 | right: 6px; |
| 74d4c7 | 1198 | width: auto; |
| T | 1199 | white-space: nowrap; |
| 1200 | z-index: 100; | |
| 1201 | } | |
| 1202 | ||
| 3bc6ae | 1203 | #composebuttons a.button.extwin { |
| TB | 1204 | padding: 2px 3px; |
| 1205 | } | |
| 1206 | ||
| 74d4c7 | 1207 | .compose-headers { |
| T | 1208 | width: 99%; |
| edfe79 | 1209 | margin-bottom: 2px; |
| 74d4c7 | 1210 | } |
| T | 1211 | |
| 1212 | .compose-headers td { | |
| edfe79 | 1213 | padding: 2px 4px; |
| 74d4c7 | 1214 | } |
| T | 1215 | |
| 1216 | .compose-headers td.title { | |
| 1217 | width: 11%; | |
| 1218 | white-space: nowrap; | |
| edfe79 | 1219 | padding-left: 6px; |
| 74d4c7 | 1220 | } |
| T | 1221 | |
| 1222 | .compose-headers td.title label { | |
| 1223 | float: left; | |
| 1224 | } | |
| 1225 | ||
| 1226 | .compose-headers td.title a.iconbutton { | |
| 1227 | float: right; | |
| 1228 | position: relative; | |
| 1229 | top: -2px; | |
| 1230 | width: 15px; | |
| 1231 | } | |
| 1232 | ||
| 1233 | .compose-headers td.editfield { | |
| 1234 | width: 90%; | |
| 1235 | padding-left: 4px; | |
| 1236 | } | |
| 1237 | ||
| 1238 | .compose-headers td.editfield a.iconlink { | |
| 1239 | margin-left: 0.5em; | |
| 1240 | } | |
| 1241 | ||
| 1242 | .compose-headers td.formlinks { | |
| 1243 | padding: 0 4px; | |
| 1244 | } | |
| 1245 | ||
| 1246 | .compose-headers td.top { | |
| 1247 | vertical-align: top; | |
| 1248 | padding-top: 10px; | |
| 1249 | } | |
| 1250 | ||
| 1251 | .compose-headers td textarea, | |
| 1252 | .compose-headers td input { | |
| 1253 | width: 100%; | |
| 1254 | resize: none; | |
| 1255 | } | |
| 1256 | ||
| 1257 | #compose-cc, #compose-bcc, #compose-replyto, #compose-followupto { | |
| 1258 | display: none; | |
| 1259 | } | |
| 1260 | ||
| 1261 | #composeoptions { | |
| 1262 | display: none; | |
| edfe79 | 1263 | padding: 2px 0 0 8px; |
| 74d4c7 | 1264 | white-space: normal; |
| edfe79 | 1265 | border-top: 1px solid #dfdfdf; |
| TB | 1266 | box-shadow: inset 0 1px 0 0 #fff; |
| 1267 | -webkit-box-shadow: inset 0 1px 0 0 #fff; | |
| 74d4c7 | 1268 | } |
| T | 1269 | |
| 1270 | .composeoption { | |
| edfe79 | 1271 | color: #666; |
| 74d4c7 | 1272 | padding-right: 22px; |
| T | 1273 | white-space: nowrap; |
| 1274 | } | |
| 1275 | ||
| 1276 | #composeoptions .composeoption { | |
| 1277 | display: inline-block; | |
| edfe79 | 1278 | padding: 4px 22px 4px 0; |
| 74d4c7 | 1279 | } |
| T | 1280 | |
| 1281 | #composeoptions .composeoption:last-child { | |
| 1282 | padding-right: 4px; | |
| 1283 | } | |
| 1284 | ||
| 9e2ff8 | 1285 | .mozilla .composeoption input { |
| AM | 1286 | vertical-align: -3px; |
| 74d4c7 | 1287 | } |
| T | 1288 | |
| 1289 | #composeview-bottom { | |
| 1290 | position: relative; | |
| 1291 | width: 100%; | |
| 1292 | height: 200px; | |
| 1293 | } | |
| 1294 | ||
| 1295 | #composebodycontainer { | |
| 1296 | position: absolute; | |
| 1297 | top: 0; | |
| 1298 | left: 0; | |
| 1299 | right: 260px; | |
| 1300 | bottom: 0; | |
| 34003c | 1301 | border-radius: 0 0 0 4px; |
| 74d4c7 | 1302 | } |
| T | 1303 | |
| edfe79 | 1304 | #composebodycontainer.buttons { |
| TB | 1305 | bottom: 42px; |
| 1306 | } | |
| 1307 | ||
| 3167e5 | 1308 | #composebodycontainer.mailvelope { |
| TB | 1309 | right: 0; |
| 1310 | z-index: 10; | |
| 1311 | } | |
| 1312 | ||
| 1cd376 | 1313 | #composebodycontainer.mailvelope > iframe[scrolling='no'] { |
| TB | 1314 | position: relative; |
| 1315 | top: -12px; | |
| 1316 | } | |
| 1317 | ||
| 74d4c7 | 1318 | #composebody { |
| T | 1319 | position: absolute; |
| 03970b | 1320 | top: 0; |
| 74d4c7 | 1321 | left: 0; |
| T | 1322 | bottom: 0; |
| 1323 | width: 99%; | |
| 1324 | border: 0; | |
| 34003c | 1325 | border-radius: 0 0 0 4px; |
| 421ed1 | 1326 | padding: 4px; |
| 74d4c7 | 1327 | resize: none; |
| T | 1328 | font-family: monospace; |
| 1329 | font-size: 9pt; | |
| 188634 | 1330 | outline: none; |
| 421ed1 | 1331 | box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| AM | 1332 | -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| 188634 | 1333 | } |
| T | 1334 | |
| 1335 | #composebody:active, | |
| 1336 | #composebody:focus { | |
| edfe79 | 1337 | box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); |
| TB | 1338 | -webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); |
| 74d4c7 | 1339 | } |
| T | 1340 | |
| 1341 | #compose-attachments { | |
| 1342 | position: absolute; | |
| 1343 | right: 0; | |
| bab043 | 1344 | top: 1px; |
| 74d4c7 | 1345 | bottom: 0; |
| T | 1346 | width: 240px; |
| 1347 | background: #f0f0f0; | |
| ae6d2d | 1348 | border-style: solid; |
| TB | 1349 | border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd; |
| 1350 | border-width: 1px; | |
| 74d4c7 | 1351 | padding: 8px; |
| T | 1352 | overflow: auto; |
| 1353 | } | |
| 1354 | ||
| ae6d2d | 1355 | #compose-attachments.droptarget { |
| TB | 1356 | background-image: url(images/filedrop.png); |
| 1357 | background-position: center bottom; | |
| 1358 | background-repeat: no-repeat; | |
| 1359 | } | |
| 1360 | ||
| 1361 | #compose-attachments.droptarget.hover, | |
| 1362 | #compose-attachments.droptarget.active { | |
| 1363 | border-color: #019bc6; | |
| 1364 | box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); | |
| 1365 | -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); | |
| 1366 | } | |
| 1367 | ||
| 1368 | #compose-attachments.droptarget.hover { | |
| 1369 | background-color: #d9ecf4; | |
| 1370 | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 1371 | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 1372 | } | |
| 1373 | ||
| bb1ed2 | 1374 | #compose-attachments .attachment-size { |
| AM | 1375 | color: #888; |
| 1376 | } | |
| 1377 | ||
| edfe79 | 1378 | #composeview-bottom .formbuttons.floating { |
| TB | 1379 | position: absolute; |
| 1380 | width: auto; | |
| 1381 | right: 260px; | |
| 1382 | z-index: 200; | |
| 1383 | padding-bottom: 8px; | |
| 1384 | } | |
| 1385 | ||
| 6fa5b4 | 1386 | #composebodycontainer .mce-tinymce { |
| 188634 | 1387 | border: 0 !important; |
| b21f8b | 1388 | margin-top: 1px; |
| 188634 | 1389 | } |
| 74d4c7 | 1390 | |
| 6fa5b4 | 1391 | #composebodycontainer .mce-panel { |
| AM | 1392 | border-color: #ccc !important; |
| 9e2ff8 | 1393 | background: #f0f0f0; |
| edfe79 | 1394 | } |
| TB | 1395 | |
| bab043 | 1396 | #composebody_toolbargroup { |
| T | 1397 | border-bottom: 1px solid #ddd; |
| 1398 | } | |
| 1399 | ||
| f5521a | 1400 | #uploadform a.iconlink { |
| T | 1401 | margin-left: 1em; |
| 900e62 | 1402 | text-indent: -5000px; |
| f5521a | 1403 | } |
| bab043 | 1404 | |
| f5521a | 1405 | #uploadform form div { |
| T | 1406 | margin: 4px 0; |
| 1407 | } | |
| 2965a9 | 1408 | |
| TB | 1409 | .mailvelopekeyimport div.key { |
| 1410 | position: relative; | |
| 1411 | margin-bottom: 2px; | |
| 1412 | padding: 1em; | |
| 1413 | background-color: #ebebeb; | |
| 1414 | } | |
| 1415 | ||
| 1416 | .mailvelopekeyimport div.key.revoked, | |
| 1417 | .mailvelopekeyimport div.key.disabled { | |
| 1418 | color: #a0a0a0; | |
| 1419 | } | |
| 1420 | ||
| 1421 | .mailvelopekeyimport div.key label { | |
| 1422 | display: inline-block; | |
| 1423 | margin-right: 0.5em; | |
| 1424 | } | |
| 1425 | ||
| 1426 | .mailvelopekeyimport div.key label:after { | |
| 1427 | content: ":"; | |
| 1428 | } | |
| 1429 | ||
| 1430 | .mailvelopekeyimport div.key label + a, | |
| 1431 | .mailvelopekeyimport div.key label + span { | |
| 1432 | display: inline-block; | |
| 1433 | margin-right: 2em; | |
| 1434 | white-space: nowrap; | |
| 1435 | } | |
| 1436 | ||
| 1437 | .mailvelopekeyimport div.key label + a { | |
| 1438 | font-weight: bold; | |
| 1439 | } | |
| 1440 | ||
| 1441 | .mailvelopekeyimport ul.uids { | |
| 1442 | margin: 1em 0 0 0; | |
| 1443 | padding: 0; | |
| 1444 | } | |
| 1445 | ||
| 1446 | .mailvelopekeyimport li.uid { | |
| 1447 | border: 0; | |
| 1448 | padding: 0.3em; | |
| 1449 | } | |
| 1450 | ||
| 1451 | .mailvelopekeyimport div.key input.button.importkey { | |
| 1452 | position: absolute; | |
| 1453 | top: 0.8em; | |
| 1454 | right: 0.8em; | |
| 1455 | padding: 4px 6px; | |
| 1456 | } | |
| 1457 | ||
| 1458 | .mailvelopekeyimport div.key input.button[disabled] { | |
| 1459 | display: none; | |
| 1460 | } | |
