| 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 { |
| 77b5d7 | 429 | background-position: -2px -1905px; |
| 879b05 | 430 | } |
| T | 431 | |
| 73ad4f | 432 | .messagelist tr td.priority span.prio4 { |
| 77b5d7 | 433 | background-position: -2px -1885px; |
| 879b05 | 434 | } |
| T | 435 | |
| 73ad4f | 436 | .messagelist tr td.priority span.prio2 { |
| 77b5d7 | 437 | background-position: -2px -1865px; |
| 879b05 | 438 | } |
| T | 439 | |
| 73ad4f | 440 | .messagelist tr td.priority span.prio1 { |
| 77b5d7 | 441 | background-position: -2px -1845px; |
| 879b05 | 442 | } |
| 004a08 | 443 | |
| 73ad4f | 444 | .messagelist tbody tr td.flag span.flagged { |
| 879b05 | 445 | background-position: 0 -1036px; |
| T | 446 | } |
| 447 | ||
| 72afe3 | 448 | .messagelist thead tr th.flag span.flagged { |
| b8445c | 449 | background-position: -22px -1037px; |
| 879b05 | 450 | } |
| T | 451 | |
| 72afe3 | 452 | .messagelist tr:hover td.status span.msgicon { |
| TB | 453 | background-position: -23px -1057px; |
| 0b179e | 454 | } |
| T | 455 | |
| 72afe3 | 456 | .messagelist tr:hover td.flag span.unflagged { |
| 0b179e | 457 | background-position: -23px -1076px; |
| 879b05 | 458 | } |
| T | 459 | |
| 73ad4f | 460 | .messagelist tr td.subject span.msgicon, |
| TB | 461 | .messagelist tr td.subject span.unreadchildren { |
| 879b05 | 462 | background-position: 0 -1056px; |
| bab043 | 463 | margin: 0 1px 0 0; |
| T | 464 | width: 24px; |
| 879b05 | 465 | } |
| T | 466 | |
| 73ad4f | 467 | .messagelist tr td.subject span.replied { |
| 879b05 | 468 | background-position: 0 -1076px; |
| T | 469 | } |
| 470 | ||
| 73ad4f | 471 | .messagelist tr td.subject span.forwarded { |
| 879b05 | 472 | background-position: 0 -1096px; |
| T | 473 | } |
| 474 | ||
| 73ad4f | 475 | .messagelist tr td.subject span.replied.forwarded { |
| 879b05 | 476 | background-position: 0 -1116px; |
| T | 477 | } |
| 478 | ||
| 73ad4f | 479 | .messagelist tr td.status span.msgicon, |
| TB | 480 | .messagelist tr td.flag span.unflagged, |
| 481 | .messagelist tr td.status span.unreadchildren { | |
| 879b05 | 482 | background-position: 0 1056px; /* no icon */ |
| T | 483 | } |
| 484 | /* | |
| 73ad4f | 485 | .messagelist tr td.status span.msgicon:hover { |
| 879b05 | 486 | background-position: 0 -272px; |
| T | 487 | } |
| 488 | */ | |
| 73ad4f | 489 | .messagelist tr td.status span.deleted, |
| dc43ae | 490 | .messagelist tr:hover td.status span.deleted, |
| 73ad4f | 491 | .messagelist tr td.subject span.deleted { |
| dc43ae | 492 | background-position: -21px -1096px; |
| cc46fb | 493 | } |
| T | 494 | |
| 73ad4f | 495 | .messagelist tr td.status span.status, |
| TB | 496 | .messagelist tr td.status span.unread, |
| 497 | .messagelist tr td.subject span.unread, | |
| 498 | .messagelist tr td.status span.unread:hover { | |
| 53b742 | 499 | background-position: 0 -1017px !important; |
| bab043 | 500 | } |
| T | 501 | |
| 72afe3 | 502 | .messagelist thead tr th.status span.status { |
| f202a7 | 503 | background-position: -23px -1017px; |
| 879b05 | 504 | } |
| T | 505 | |
| 73ad4f | 506 | .messagelist tr td div.collapsed { |
| 90ff4c | 507 | background-position: 0 -1137px; |
| 879b05 | 508 | cursor: pointer; |
| T | 509 | } |
| 510 | ||
| 73ad4f | 511 | .messagelist tr td div.expanded { |
| 90ff4c | 512 | background-position: 0 -1157px; |
| 879b05 | 513 | cursor: pointer; |
| T | 514 | } |
| 515 | ||
| 72afe3 | 516 | .messagelist tr th.threads .listmenu { |
| TB | 517 | background-position: 4px -972px; |
| 879b05 | 518 | cursor: pointer; |
| 72afe3 | 519 | width: 24px; |
| b2992d | 520 | height: 21px; |
| TB | 521 | overflow: hidden; |
| 522 | text-indent: -5000px; | |
| 523 | margin: -3px -5px -2px -6px; | |
| 524 | padding: 3px 5px 2px 6px; | |
| 879b05 | 525 | } |
| T | 526 | |
| 72afe3 | 527 | .messagelist tr th.threads .listmenu:focus { |
| b2992d | 528 | background-color: rgba(73,180,210,0.7); |
| TB | 529 | outline: none; |
| 879b05 | 530 | } |
| T | 531 | |
| 72afe3 | 532 | .messagelist thead tr th.subject, |
| 73ad4f | 533 | .messagelist tbody tr td.subject { |
| 879b05 | 534 | width: 99%; |
| 0cd919 | 535 | white-space: nowrap; |
| 879b05 | 536 | } |
| T | 537 | |
| 73ad4f | 538 | .messagelist tbody tr td.subject a { |
| 879b05 | 539 | cursor: default; |
| T | 540 | vertical-align: middle; /* #1487091 */ |
| 541 | } | |
| 542 | ||
| 543 | /* thread parent message with unread children */ | |
| 73ad4f | 544 | .messagelist tbody tr.unroot td.subject a { |
| 879b05 | 545 | text-decoration: underline; |
| T | 546 | } |
| 547 | ||
| 548 | /**** tree indicators ****/ | |
| 549 | ||
| 73ad4f | 550 | .messagelist tbody tr td span.branch div { |
| 0cd919 | 551 | display: inline-block; |
| 879b05 | 552 | } |
| T | 553 | |
| 73ad4f | 554 | .messagelist tbody tr td span.branch div.tree { |
| 879b05 | 555 | width: 15px; |
| T | 556 | } |
| c7dcb3 | 557 | |
| 74d4c7 | 558 | #listoptions ul.proplist { |
| T | 559 | min-width: 16em; |
| 560 | } | |
| c7dcb3 | 561 | |
| T | 562 | /**** message view ****/ |
| 563 | ||
| b540ed | 564 | #mailpreviewframe { |
| T | 565 | display: none; |
| 566 | position: absolute; | |
| 567 | top: 0; | |
| 568 | left: 0; | |
| 569 | width: 100%; | |
| 34003c | 570 | bottom: 0px; |
| b540ed | 571 | } |
| T | 572 | |
| 573 | #messagecontframe { | |
| 574 | border: 0; | |
| fa7b31 | 575 | border-radius: 4px; |
| b540ed | 576 | } |
| T | 577 | |
| c7dcb3 | 578 | #messagecontent { |
| T | 579 | position: absolute; |
| dd5258 | 580 | top: 110px; |
| c7dcb3 | 581 | left: 0; |
| T | 582 | width: 100%; |
| 34003c | 583 | bottom: 1px; |
| c7dcb3 | 584 | overflow: auto; |
| 7f1960 | 585 | -webkit-overflow-scrolling: touch; |
| c7dcb3 | 586 | } |
| T | 587 | |
| c23aad | 588 | #messageheader, |
| 74d4c7 | 589 | #composeheaders { |
| b540ed | 590 | position: relative; |
| c7dcb3 | 591 | padding: 3px 0; |
| 071c78 | 592 | background: #f9f9f9; |
| 10467e | 593 | background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); |
| TB | 594 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); |
| 595 | background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); | |
| 596 | background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); | |
| de6bf0 | 597 | background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); |
| 10467e | 598 | border-bottom: 1px solid #dfdfdf; |
| a4be51 | 599 | } |
| T | 600 | |
| dd5258 | 601 | #mailview-right #messageheader { |
| TB | 602 | border-radius: 4px 4px 0 0; |
| 10467e | 603 | padding-left: 78px; |
| TB | 604 | /* avoid headers eating up all the vertical space */ |
| 605 | max-height: 50%; | |
| 606 | overflow: auto; | |
| dd5258 | 607 | } |
| TB | 608 | |
| a4be51 | 609 | h2.subject { |
| T | 610 | font-size: 15px; |
| 611 | margin: 0 15em 0 0; | |
| 612 | padding: 4px 8px 2px 8px; | |
| b540ed | 613 | white-space: nowrap; |
| T | 614 | overflow: hidden; |
| 615 | text-overflow: ellipsis; | |
| dd5258 | 616 | } |
| TB | 617 | |
| 618 | #mailview-right #messageheader h2.subject { | |
| 619 | margin-left: -56px; | |
| b540ed | 620 | } |
| T | 621 | |
| 622 | h3.subject { | |
| 623 | font-size: 14px; | |
| 776ddd | 624 | margin: 0 15em 0 0; |
| b540ed | 625 | padding: 8px 8px 4px 8px; |
| a4be51 | 626 | white-space: nowrap; |
| T | 627 | overflow: hidden; |
| 628 | text-overflow: ellipsis; | |
| c7dcb3 | 629 | } |
| T | 630 | |
| 631 | .headers-table td { | |
| 632 | color: #666; | |
| 8e5c44 | 633 | padding: 1px 8px; |
| c7dcb3 | 634 | } |
| T | 635 | |
| 10467e | 636 | .headers-table td.header, |
| TB | 637 | .ui-dialog-content.popup span.adr { |
| c7dcb3 | 638 | font-weight: bold; |
| dd5258 | 639 | } |
| TB | 640 | |
| 641 | .headers-table td.header-title { | |
| 642 | white-space: nowrap; | |
| c7dcb3 | 643 | } |
| T | 644 | |
| 10467e | 645 | .headers-table td.header a, |
| TB | 646 | .ui-dialog-content.popup span.adr a { |
| c7dcb3 | 647 | color: #666; |
| T | 648 | text-decoration: none; |
| 649 | } | |
| 650 | ||
| 10467e | 651 | .headers-table td.header a:hover, |
| TB | 652 | .ui-dialog-content.popup span.adr a:hover { |
| c7dcb3 | 653 | text-decoration: underline; |
| T | 654 | } |
| 655 | ||
| 656 | .headers-table td.subject { | |
| 657 | color: #333; | |
| 658 | font-weight: bold; | |
| 659 | } | |
| 660 | ||
| 10467e | 661 | .headers-table td.header span, |
| TB | 662 | .ui-dialog-content.popup span.adr { |
| 28e18c | 663 | white-space: nowrap; |
| 10467e | 664 | } |
| TB | 665 | |
| 666 | .headers-table td.header a.morelink { | |
| 667 | color: #0069a6; | |
| 668 | white-space: nowrap; | |
| 669 | font-weight: normal; | |
| 28e18c | 670 | } |
| T | 671 | |
| c7dcb3 | 672 | .rcmaddcontact { |
| T | 673 | position: relative; |
| 674 | top: 1px; | |
| 675 | margin-left: 0.5em; | |
| 28e18c | 676 | } |
| T | 677 | |
| 678 | .rcmaddcontact imp { | |
| 679 | width: 20px; | |
| 680 | height: 13px; | |
| c7dcb3 | 681 | } |
| T | 682 | |
| f4aaf8 | 683 | #preview-allheaders { |
| T | 684 | display: none; |
| 685 | } | |
| 686 | ||
| be72a0 | 687 | #preview-allheaders td.header-title, |
| f4aaf8 | 688 | #preview-shortheaders td.header-title { |
| be72a0 | 689 | padding-left: 0; |
| f4aaf8 | 690 | } |
| T | 691 | |
| 692 | #preview-shortheaders td.header { | |
| be72a0 | 693 | padding-right: 18px; |
| f4aaf8 | 694 | } |
| T | 695 | |
| edfe79 | 696 | .moreheaderstoggle { |
| be72a0 | 697 | display: block; |
| TB | 698 | position: absolute; |
| 699 | top: 0; | |
| 700 | left: 0; | |
| 701 | bottom: 0; | |
| 702 | width: 18px; | |
| 703 | padding: 0; | |
| 704 | outline: none; | |
| 705 | background: #f2f2f2; | |
| 706 | background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 707 | background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9)); | |
| 708 | background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 709 | background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 710 | background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); | |
| 711 | border-right: 1px solid #dfdfdf; | |
| dd5258 | 712 | border-radius: 3px 0 0 0; /* for Opera */ |
| f4aaf8 | 713 | } |
| T | 714 | |
| a539ce | 715 | .moreheaderstoggle:focus { |
| TB | 716 | background: #f2f2f2; |
| 717 | background: -moz-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 718 | background: -webkit-gradient(linear, left top, right top, color-stop(0,#66bcd9), color-stop(100%,#49b3d2)); | |
| 719 | background: -o-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 720 | background: -ms-linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 721 | background: linear-gradient(left, #66bcd9 0, #49b3d2 100%); | |
| 722 | border-right-color: #149cc5; | |
| f4aaf8 | 723 | } |
| T | 724 | |
| edfe79 | 725 | .moreheaderstoggle .iconlink { |
| be72a0 | 726 | display: inline-block; |
| TB | 727 | position: absolute; |
| 728 | top: 8px; | |
| 729 | left: 0; | |
| 730 | width: 18px; | |
| 731 | height: 16px; | |
| 732 | background: url(images/buttons.png) -27px -242px no-repeat; | |
| f4aaf8 | 733 | } |
| T | 734 | |
| edfe79 | 735 | .moreheaderstoggle.remove .iconlink { |
| be72a0 | 736 | top: auto; |
| c23aad | 737 | bottom: 5px; |
| be72a0 | 738 | background-position: -5px -242px; |
| f4aaf8 | 739 | } |
| T | 740 | |
| dd5258 | 741 | #full-headers { |
| TB | 742 | position: relative; |
| 743 | } | |
| 744 | ||
| c23aad | 745 | div.more-headers { |
| dd5258 | 746 | position: absolute; |
| TB | 747 | top: -12px; |
| 748 | right: 10px; | |
| 749 | width: 12px; | |
| c23aad | 750 | height: 10px; |
| dd5258 | 751 | cursor: pointer; |
| edfe79 | 752 | background: url(images/buttons.png) center -1579px no-repeat; |
| 543ccb | 753 | } |
| T | 754 | |
| c23aad | 755 | div.hide-headers { |
| 957690 | 756 | background-position: center -1590px; |
| 543ccb | 757 | } |
| T | 758 | |
| 759 | #all-headers { | |
| 793831 | 760 | position: relative; |
| dd5258 | 761 | margin: 4px 10px; |
| 76248c | 762 | padding: 0; |
| 543ccb | 763 | height: 180px; |
| dd5258 | 764 | border: 1px solid #ccc; |
| 76248c | 765 | border-radius: 4px; |
| dd5258 | 766 | background: #fdfdfd; |
| TB | 767 | box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); |
| 0c2fcd | 768 | -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1); |
| 543ccb | 769 | } |
| T | 770 | |
| 771 | #headers-source { | |
| 772 | display: none; | |
| 773 | position: absolute; | |
| 76248c | 774 | top: 0; |
| 543ccb | 775 | left: 0; |
| T | 776 | right: 0; |
| 76248c | 777 | bottom: 0; |
| dd5258 | 778 | padding: 3px 6px; |
| 543ccb | 779 | overflow: auto; |
| T | 780 | text-align: left; |
| c23aad | 781 | color: #333; |
| dd5258 | 782 | } |
| TB | 783 | |
| 10467e | 784 | #messageheader.previewheader #all-headers { |
| dd5258 | 785 | margin-left: 0; |
| 543ccb | 786 | } |
| T | 787 | |
| 10467e | 788 | #messageheader.previewheader { |
| be72a0 | 789 | position: relative; |
| TB | 790 | height: auto; |
| f158dc | 791 | min-height: 52px; |
| 10467e | 792 | padding: 0 0 3px 72px; |
| b540ed | 793 | } |
| T | 794 | |
| 10467e | 795 | #messageheader.previewheader h3.subject { |
| be72a0 | 796 | padding: 8px 8px 2px 0; |
| b540ed | 797 | } |
| T | 798 | |
| 10467e | 799 | #messageheader.previewheader #contactphoto { |
| 793831 | 800 | display: block; |
| TB | 801 | position: absolute; |
| 802 | top: 11px; | |
| 803 | left: 30px; | |
| 804 | width: 32px; | |
| 805 | height: 32px; | |
| 806 | overflow: hidden; | |
| 807 | background: url(images/contactpic_32px.png) center center no-repeat #fff; | |
| 808 | border-radius: 3px; | |
| 809 | } | |
| 810 | ||
| 10467e | 811 | #messageheader.previewheader #contactphoto img { |
| 793831 | 812 | width: 32px; |
| TB | 813 | height: auto; |
| 814 | border-radius: 3px; | |
| 815 | } | |
| 816 | ||
| 020bde | 817 | #messageheader .message-headers { |
| TB | 818 | min-height: 60px; |
| 819 | } | |
| 820 | ||
| c23aad | 821 | #messageheader #contactphoto { |
| TB | 822 | display: block; |
| 823 | position: absolute; | |
| dd5258 | 824 | top: 34px; |
| 10467e | 825 | left: 30px; |
| 793831 | 826 | width: 48px; |
| TB | 827 | height: 48px; |
| c23aad | 828 | overflow: hidden; |
| 793831 | 829 | border-radius: 4px; |
| 10467e | 830 | border: 1px solid #e6e6e6; |
| dd5258 | 831 | background: url(images/contactpic_48px.png) center center no-repeat #fff; |
| 793831 | 832 | } |
| TB | 833 | |
| c23aad | 834 | #messageheader #contactphoto img { |
| 793831 | 835 | width: 48px; |
| TB | 836 | height: auto; |
| 837 | border-radius: 4px; | |
| 838 | } | |
| 839 | ||
| 6996de | 840 | #messageheader #countcontrols, |
| TB | 841 | #messageheader #formatcontrols { |
| a4be51 | 842 | position: absolute; |
| T | 843 | top: 8px; |
| c23aad | 844 | right: 8px; |
| a4be51 | 845 | text-align: right; |
| T | 846 | white-space: nowrap; |
| 847 | } | |
| 848 | ||
| 6996de | 849 | #messageheader #formatcontrols { |
| TB | 850 | top: 38px; |
| 851 | right: 8px; | |
| 852 | } | |
| 853 | ||
| c23aad | 854 | #messageheader .pagenav .countdisplay { |
| TB | 855 | padding-right: 0.5em; |
| 856 | white-space: nowrap; | |
| 857 | } | |
| 858 | ||
| 859 | #messagecontent .leftcol, | |
| b540ed | 860 | #messagepreview .leftcol { |
| 8ce602 | 861 | margin-right: 252px; |
| c7dcb3 | 862 | } |
| T | 863 | |
| dd5258 | 864 | #messagecontent .rightcol, |
| b540ed | 865 | #messagepreview .rightcol { |
| c7dcb3 | 866 | position: absolute; |
| 1656eb | 867 | right: 8px; |
| c7dcb3 | 868 | width: 230px; |
| T | 869 | min-height: 200px; |
| 870 | background: #f0f0f0; | |
| 871 | padding: 8px; | |
| 406bec | 872 | border-radius: 4px; |
| 1656eb | 873 | z-index: 1; |
| c7dcb3 | 874 | } |
| T | 875 | |
| 567d5a | 876 | #messagecontent .rightcol { |
| AM | 877 | margin-top: 8px; |
| 878 | } | |
| 879 | ||
| c7dcb3 | 880 | #messagebody { |
| 14d00d | 881 | position: relative; |
| c7dcb3 | 882 | margin: 8px; |
| T | 883 | } |
| 884 | ||
| 885 | #message-objects div, | |
| 886 | #messagebody span.part-notice { | |
| 887 | margin: 8px; | |
| 888 | } | |
| 889 | ||
| 519213 | 890 | #message-objects div.notice { |
| b540ed | 891 | display: block; |
| c7dcb3 | 892 | color: #960; |
| T | 893 | border: 1px solid #ffdf0e; |
| 894 | background-color: #fef893; | |
| bbdd62 | 895 | background-position: 5px -83px; |
| cfc84e | 896 | padding: 6px 12px 6px 30px; |
| 543ccb | 897 | white-space: normal; |
| c7dcb3 | 898 | } |
| T | 899 | |
| 900 | #message-objects div a.button, | |
| 901 | #messagebody span.part-notice a.button { | |
| 902 | margin-left: 10px; | |
| cfc84e | 903 | margin-top: -1px; |
| 519213 | 904 | } |
| TB | 905 | |
| c7dcb3 | 906 | div.message-part, |
| a8a72e | 907 | div.message-htmlpart, |
| TB | 908 | div.message-partheaders { |
| 909 | padding: 10px 2px; | |
| e327eb | 910 | border-top: 1px solid #ccc; |
| c7dcb3 | 911 | } |
| T | 912 | |
| 913 | #messagebody div:first-child { | |
| a8a72e | 914 | padding-top: 0; |
| c7dcb3 | 915 | border-top: 0; |
| T | 916 | } |
| 917 | ||
| 918 | div.message-part div.pre { | |
| 2f1d6c | 919 | margin: 0; |
| VB | 920 | padding: 0; |
| c7dcb3 | 921 | font-family: monospace; |
| f69eb5 | 922 | font-size: 12px; |
| c7dcb3 | 923 | } |
| T | 924 | |
| 925 | div.message-part span.sig { | |
| 2f1d6c | 926 | color: #666; |
| c7dcb3 | 927 | } |
| T | 928 | |
| 929 | div.message-part blockquote { | |
| 930 | color: blue; | |
| 931 | border-left: 2px solid blue; | |
| 932 | border-right: 2px solid blue; | |
| 933 | background-color: #F6F6F6; | |
| c0a5aa | 934 | margin: 2px 0; |
| eda92e | 935 | padding: 0 0.4em; |
| AM | 936 | overflow: hidden; |
| 937 | text-overflow: ellipsis; | |
| c7dcb3 | 938 | } |
| T | 939 | |
| 940 | div.message-part blockquote blockquote { | |
| 941 | color: green; | |
| 942 | border-left: 2px solid green; | |
| 943 | border-right: 2px solid green; | |
| 944 | } | |
| 945 | ||
| 946 | div.message-part blockquote blockquote blockquote { | |
| 2f1d6c | 947 | color: #900; |
| VB | 948 | border-left: 2px solid #b00; |
| 949 | border-right: 2px solid #b00; | |
| c7dcb3 | 950 | } |
| T | 951 | |
| a8a72e | 952 | div.message-partheaders { |
| TB | 953 | margin-top: 8px; |
| 954 | padding: 8px 0; | |
| 955 | } | |
| 956 | ||
| 957 | div.message-partheaders .headers-table { | |
| 958 | width: 100%; | |
| 959 | } | |
| 960 | ||
| 961 | div.message-partheaders .headers-table td.header-title { | |
| b87a79 | 962 | width: 1%; |
| a8a72e | 963 | padding-left: 0; |
| 8e5c44 | 964 | vertical-align: top; |
| a8a72e | 965 | } |
| TB | 966 | |
| 967 | div.message-partheaders .headers-table td.header { | |
| b87a79 | 968 | width: 99%; |
| a8a72e | 969 | } |
| TB | 970 | |
| c7dcb3 | 971 | #messagebody > hr { |
| T | 972 | color: #fff; |
| 973 | background: #fff; | |
| 974 | border: 0; | |
| b540ed | 975 | border-bottom: 2px solid #f0f0f0; |
| c7dcb3 | 976 | } |
| T | 977 | |
| 031491 | 978 | #messagebody fieldset.image-attachment { |
| TB | 979 | border: 0; |
| 980 | border-top: 1px solid #ccc; | |
| 981 | margin-top: 1em; | |
| 982 | } | |
| 983 | ||
| 984 | #messagebody fieldset.image-attachment p > img { | |
| c7dcb3 | 985 | max-width: 80%; |
| T | 986 | } |
| 987 | ||
| 031491 | 988 | #messagebody legend.image-filename { |
| TB | 989 | color: #999; |
| 990 | font-size: 0.9em; | |
| 991 | margin: 0 1em; | |
| 992 | } | |
| 993 | ||
| 994 | #messagebody p.image-attachment { | |
| 995 | position: relative; | |
| 996 | padding: 1em; | |
| 2f014f | 997 | margin-bottom: 0; |
| 031491 | 998 | border-top: 1px solid #ccc; |
| TB | 999 | } |
| 1000 | ||
| 1001 | #messagebody p.image-attachment a.image-link { | |
| 1002 | float: left; | |
| 1003 | display: block; | |
| 1004 | margin-right: 2em; | |
| 1005 | min-width: 160px; | |
| 1006 | min-height: 60px; | |
| 1007 | text-align: center; | |
| 1008 | } | |
| 1009 | ||
| 1010 | #messagebody p.image-attachment .image-filename { | |
| 1011 | display: block; | |
| 1012 | font-weight: bold; | |
| 1013 | line-height: 1.6em; | |
| 1014 | } | |
| 1015 | ||
| 1016 | #messagebody p.image-attachment .image-filesize { | |
| 1017 | padding-right: 1em; | |
| 1018 | } | |
| 1019 | ||
| 1020 | #messagebody p.image-attachment .attachment-links a { | |
| 1021 | margin-right: 0.6em; | |
| 1022 | } | |
| 1023 | ||
| c7dcb3 | 1024 | #messagepartcontainer { |
| T | 1025 | position: absolute; |
| f8a9c2 | 1026 | top: 0; |
| 049428 | 1027 | left: 232px; |
| 2f1d6c | 1028 | right: 0; |
| VB | 1029 | bottom: 0; |
| c7dcb3 | 1030 | } |
| T | 1031 | |
| 1032 | #messagepartframe { | |
| 1033 | border: 0; | |
| d9f180 | 1034 | width: 100%; |
| TB | 1035 | height: 100%; |
| 74d4c7 | 1036 | } |
| T | 1037 | |
| 049428 | 1038 | #messagepartheader { |
| AM | 1039 | position: absolute; |
| f8a9c2 | 1040 | top: 0; |
| 049428 | 1041 | left: 0; |
| AM | 1042 | width: 220px; |
| 1043 | bottom: 0; | |
| 1044 | } | |
| 1045 | ||
| 1046 | #messagepartheader table { | |
| 1047 | table-layout: fixed; | |
| 1048 | overflow: hidden; | |
| 1049 | } | |
| 1050 | ||
| 1051 | #messagepartheader table td { | |
| 1052 | text-overflow: ellipsis; | |
| 94b113 | 1053 | overflow: hidden; |
| 049428 | 1054 | } |
| AM | 1055 | |
| 1056 | #messagepartheader table td.title { | |
| ad052b | 1057 | width: 60px; |
| AM | 1058 | padding-right: 0; |
| 049428 | 1059 | } |
| AM | 1060 | |
| 1061 | ||
| 74d4c7 | 1062 | /*** message composition ***/ |
| T | 1063 | |
| 1064 | #composeview-left { | |
| 1065 | position: absolute; | |
| 1066 | top: 0; | |
| 1067 | left: 0; | |
| a292e4 | 1068 | width: 200px; |
| 74d4c7 | 1069 | bottom: 0; |
| T | 1070 | } |
| 1071 | ||
| 1072 | #composeview-right { | |
| 1073 | position: absolute; | |
| 1074 | top: 0; | |
| a292e4 | 1075 | left: 212px; |
| 74d4c7 | 1076 | right: 0; |
| T | 1077 | bottom: 0; |
| 1078 | } | |
| 1079 | ||
| af05fe | 1080 | #compose-contacts { |
| T | 1081 | position: absolute; |
| f8a9c2 | 1082 | top: 0; |
| af05fe | 1083 | left: 0; |
| T | 1084 | width: 100%; |
| 1085 | bottom: 0; | |
| 1086 | } | |
| 1087 | ||
| 041da2 | 1088 | #compose-contacts .listsearchbox { |
| AM | 1089 | display: block; |
| 1090 | } | |
| 1091 | ||
| 7961f8 | 1092 | #compose-contacts #directorylist { |
| T | 1093 | border-bottom: 4px solid #c7e3ef; |
| 1094 | } | |
| 1095 | ||
| 071c78 | 1096 | #compose-contacts .scroller { |
| T | 1097 | top: 65px; |
| 1098 | border-top: 1px solid #fff; | |
| 1099 | } | |
| 1100 | ||
| 7961f8 | 1101 | #contacts-table { |
| T | 1102 | table-layout: fixed; |
| 1103 | } | |
| 1104 | ||
| 1105 | #contacts-table td { | |
| 1106 | width: 100%; | |
| 1107 | } | |
| 1108 | ||
| 1109 | #contacts-table td span { | |
| 1110 | display: block; | |
| 1111 | } | |
| 1112 | ||
| 83f2f6 | 1113 | #contacts-table td span.email { |
| TB | 1114 | display: inline; |
| 1115 | color: #69939e; | |
| 1116 | font-style: italic; | |
| 1117 | margin-left: 0.5em; | |
| 1118 | } | |
| 1119 | ||
| ea0866 | 1120 | #compose-contacts li a, |
| TB | 1121 | #contacts-table td { |
| 1122 | background-image: url(images/listicons.png); | |
| 1123 | background-position: -100px 0; | |
| 1124 | background-repeat: no-repeat; | |
| 7961f8 | 1125 | overflow: hidden; |
| T | 1126 | text-overflow: ellipsis; |
| ea0866 | 1127 | } |
| TB | 1128 | |
| 1129 | #compose-contacts li a { | |
| 1130 | padding-left: 36px; | |
| 7961f8 | 1131 | } |
| T | 1132 | |
| 86552f | 1133 | #contacts-table td.contactgroup a { |
| TB | 1134 | color: #376572; |
| 1135 | text-decoration: none; | |
| 1136 | } | |
| 1137 | ||
| 1138 | #contacts-table td.contactgroup a span { | |
| 1139 | display: inline-block; | |
| 1140 | font-size: 16px; | |
| 1141 | font-weight: bold; | |
| 1142 | line-height: 11px; | |
| 1143 | margin-left: 0.3em; | |
| 1144 | } | |
| 1145 | ||
| 071c78 | 1146 | #contacts-table tr:first-child td { |
| T | 1147 | border-top: 0; |
| 1148 | } | |
| 1149 | ||
| 7961f8 | 1150 | #compose-contacts li.addressbook a { |
| T | 1151 | background-position: 6px -766px; |
| 1152 | } | |
| 1153 | ||
| ea0866 | 1154 | #compose-contacts li.addressbook a:focus, |
| 7961f8 | 1155 | #compose-contacts li.addressbook.selected a { |
| T | 1156 | background-position: 6px -791px; |
| 1157 | } | |
| 1158 | ||
| 1159 | #contacts-table td.contactgroup { | |
| 1160 | background-position: 6px -1555px; | |
| 1161 | } | |
| 1162 | ||
| 1163 | #contacts-table tr.selected td.contactgroup { | |
| 1164 | background-position: 6px -1579px; | |
| 1165 | } | |
| 1166 | ||
| 1167 | #contacts-table td.contact { | |
| 1168 | background-position: 6px -1603px; | |
| 1169 | } | |
| 1170 | ||
| 1171 | #contacts-table tr.selected td.contact { | |
| 1172 | background-position: 6px -1627px; | |
| ea0866 | 1173 | } |
| TB | 1174 | |
| 74d4c7 | 1175 | #compose-content { |
| T | 1176 | position: absolute; |
| f8a9c2 | 1177 | top: 0; |
| 74d4c7 | 1178 | left: 0; |
| 9e36fb | 1179 | right: 0; |
| 34003c | 1180 | bottom: 0px; |
| 74d4c7 | 1181 | overflow: hidden; |
| T | 1182 | } |
| 1183 | ||
| 1184 | #composeheaders { | |
| 1185 | border-radius: 4px 4px 0 0; | |
| edfe79 | 1186 | padding-left: 19px; |
| 74d4c7 | 1187 | } |
| T | 1188 | |
| 1189 | #composebuttons { | |
| 1190 | position: absolute; | |
| edfe79 | 1191 | top: 6px; |
| TB | 1192 | right: 6px; |
| 74d4c7 | 1193 | width: auto; |
| T | 1194 | white-space: nowrap; |
| 1195 | z-index: 100; | |
| 1196 | } | |
| 1197 | ||
| 3bc6ae | 1198 | #composebuttons a.button.extwin { |
| TB | 1199 | padding: 2px 3px; |
| 1200 | } | |
| 1201 | ||
| 74d4c7 | 1202 | .compose-headers { |
| T | 1203 | width: 99%; |
| edfe79 | 1204 | margin-bottom: 2px; |
| 74d4c7 | 1205 | } |
| T | 1206 | |
| 1207 | .compose-headers td { | |
| edfe79 | 1208 | padding: 2px 4px; |
| 74d4c7 | 1209 | } |
| T | 1210 | |
| 1211 | .compose-headers td.title { | |
| 1212 | width: 11%; | |
| 1213 | white-space: nowrap; | |
| edfe79 | 1214 | padding-left: 6px; |
| 74d4c7 | 1215 | } |
| T | 1216 | |
| 1217 | .compose-headers td.title label { | |
| 1218 | float: left; | |
| 1219 | } | |
| 1220 | ||
| 1221 | .compose-headers td.title a.iconbutton { | |
| 1222 | float: right; | |
| 1223 | position: relative; | |
| 1224 | top: -2px; | |
| 1225 | width: 15px; | |
| 1226 | } | |
| 1227 | ||
| 1228 | .compose-headers td.editfield { | |
| 1229 | width: 90%; | |
| 1230 | padding-left: 4px; | |
| 1231 | } | |
| 1232 | ||
| 1233 | .compose-headers td.editfield a.iconlink { | |
| 1234 | margin-left: 0.5em; | |
| 1235 | } | |
| 1236 | ||
| 1237 | .compose-headers td.formlinks { | |
| 1238 | padding: 0 4px; | |
| 1239 | } | |
| 1240 | ||
| 1241 | .compose-headers td.top { | |
| 1242 | vertical-align: top; | |
| 1243 | padding-top: 10px; | |
| 1244 | } | |
| 1245 | ||
| 1246 | .compose-headers td textarea, | |
| 1247 | .compose-headers td input { | |
| 1248 | width: 100%; | |
| 1249 | resize: none; | |
| 1250 | } | |
| 1251 | ||
| 1252 | #compose-cc, #compose-bcc, #compose-replyto, #compose-followupto { | |
| 1253 | display: none; | |
| 1254 | } | |
| 1255 | ||
| 1256 | #composeoptions { | |
| 1257 | display: none; | |
| edfe79 | 1258 | padding: 2px 0 0 8px; |
| 74d4c7 | 1259 | white-space: normal; |
| edfe79 | 1260 | border-top: 1px solid #dfdfdf; |
| TB | 1261 | box-shadow: inset 0 1px 0 0 #fff; |
| 1262 | -webkit-box-shadow: inset 0 1px 0 0 #fff; | |
| 74d4c7 | 1263 | } |
| T | 1264 | |
| 1265 | .composeoption { | |
| edfe79 | 1266 | color: #666; |
| 74d4c7 | 1267 | padding-right: 22px; |
| T | 1268 | white-space: nowrap; |
| 1269 | } | |
| 1270 | ||
| 1271 | #composeoptions .composeoption { | |
| 1272 | display: inline-block; | |
| edfe79 | 1273 | padding: 4px 22px 4px 0; |
| 74d4c7 | 1274 | } |
| T | 1275 | |
| 1276 | #composeoptions .composeoption:last-child { | |
| 1277 | padding-right: 4px; | |
| 1278 | } | |
| 1279 | ||
| 9e2ff8 | 1280 | .mozilla .composeoption input { |
| AM | 1281 | vertical-align: -3px; |
| 74d4c7 | 1282 | } |
| T | 1283 | |
| 1284 | #composeview-bottom { | |
| 1285 | position: relative; | |
| 1286 | width: 100%; | |
| 1287 | height: 200px; | |
| 1288 | } | |
| 1289 | ||
| 1290 | #composebodycontainer { | |
| 1291 | position: absolute; | |
| 1292 | top: 0; | |
| 1293 | left: 0; | |
| 1294 | right: 260px; | |
| 1295 | bottom: 0; | |
| 34003c | 1296 | border-radius: 0 0 0 4px; |
| 74d4c7 | 1297 | } |
| T | 1298 | |
| edfe79 | 1299 | #composebodycontainer.buttons { |
| TB | 1300 | bottom: 42px; |
| 1301 | } | |
| 1302 | ||
| 3167e5 | 1303 | #composebodycontainer.mailvelope { |
| TB | 1304 | right: 0; |
| 1305 | z-index: 10; | |
| 1306 | } | |
| 1307 | ||
| 1cd376 | 1308 | #composebodycontainer.mailvelope > iframe[scrolling='no'] { |
| TB | 1309 | position: relative; |
| 1310 | top: -12px; | |
| 1311 | } | |
| 1312 | ||
| 74d4c7 | 1313 | #composebody { |
| T | 1314 | position: absolute; |
| 03970b | 1315 | top: 0; |
| 74d4c7 | 1316 | left: 0; |
| T | 1317 | bottom: 0; |
| 1318 | width: 99%; | |
| 1319 | border: 0; | |
| 34003c | 1320 | border-radius: 0 0 0 4px; |
| 421ed1 | 1321 | padding: 4px; |
| 74d4c7 | 1322 | resize: none; |
| T | 1323 | font-family: monospace; |
| 1324 | font-size: 9pt; | |
| 188634 | 1325 | outline: none; |
| 421ed1 | 1326 | box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| AM | 1327 | -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| 188634 | 1328 | } |
| T | 1329 | |
| 1330 | #composebody:active, | |
| 1331 | #composebody:focus { | |
| edfe79 | 1332 | box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); |
| TB | 1333 | -webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9); |
| 74d4c7 | 1334 | } |
| T | 1335 | |
| 1336 | #compose-attachments { | |
| 1337 | position: absolute; | |
| 1338 | right: 0; | |
| bab043 | 1339 | top: 1px; |
| 74d4c7 | 1340 | bottom: 0; |
| T | 1341 | width: 240px; |
| 1342 | background: #f0f0f0; | |
| ae6d2d | 1343 | border-style: solid; |
| TB | 1344 | border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd; |
| 1345 | border-width: 1px; | |
| 74d4c7 | 1346 | padding: 8px; |
| T | 1347 | overflow: auto; |
| 1348 | } | |
| 1349 | ||
| ae6d2d | 1350 | #compose-attachments.droptarget { |
| TB | 1351 | background-image: url(images/filedrop.png); |
| 1352 | background-position: center bottom; | |
| 1353 | background-repeat: no-repeat; | |
| 1354 | } | |
| 1355 | ||
| 1356 | #compose-attachments.droptarget.hover, | |
| 1357 | #compose-attachments.droptarget.active { | |
| 1358 | border-color: #019bc6; | |
| 1359 | box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); | |
| 1360 | -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); | |
| 1361 | } | |
| 1362 | ||
| 1363 | #compose-attachments.droptarget.hover { | |
| 1364 | background-color: #d9ecf4; | |
| 1365 | box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 1366 | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); | |
| 1367 | } | |
| 1368 | ||
| bb1ed2 | 1369 | #compose-attachments .attachment-size { |
| AM | 1370 | color: #888; |
| 1371 | } | |
| 1372 | ||
| edfe79 | 1373 | #composeview-bottom .formbuttons.floating { |
| TB | 1374 | position: absolute; |
| 1375 | width: auto; | |
| 1376 | right: 260px; | |
| 1377 | z-index: 200; | |
| 1378 | padding-bottom: 8px; | |
| 1379 | } | |
| 1380 | ||
| 6fa5b4 | 1381 | #composebodycontainer .mce-tinymce { |
| 188634 | 1382 | border: 0 !important; |
| b21f8b | 1383 | margin-top: 1px; |
| 188634 | 1384 | } |
| 74d4c7 | 1385 | |
| 6fa5b4 | 1386 | #composebodycontainer .mce-panel { |
| AM | 1387 | border-color: #ccc !important; |
| 9e2ff8 | 1388 | background: #f0f0f0; |
| edfe79 | 1389 | } |
| TB | 1390 | |
| bab043 | 1391 | #composebody_toolbargroup { |
| T | 1392 | border-bottom: 1px solid #ddd; |
| 1393 | } | |
| 1394 | ||
| f5521a | 1395 | #uploadform a.iconlink { |
| T | 1396 | margin-left: 1em; |
| 900e62 | 1397 | text-indent: -5000px; |
| f5521a | 1398 | } |
| bab043 | 1399 | |
| f5521a | 1400 | #uploadform form div { |
| T | 1401 | margin: 4px 0; |
| 1402 | } | |
| 2965a9 | 1403 | |
| TB | 1404 | .mailvelopekeyimport div.key { |
| 1405 | position: relative; | |
| 1406 | margin-bottom: 2px; | |
| 1407 | padding: 1em; | |
| 1408 | background-color: #ebebeb; | |
| 1409 | } | |
| 1410 | ||
| 1411 | .mailvelopekeyimport div.key.revoked, | |
| 1412 | .mailvelopekeyimport div.key.disabled { | |
| 1413 | color: #a0a0a0; | |
| 1414 | } | |
| 1415 | ||
| 1416 | .mailvelopekeyimport div.key label { | |
| 1417 | display: inline-block; | |
| 1418 | margin-right: 0.5em; | |
| 1419 | } | |
| 1420 | ||
| 1421 | .mailvelopekeyimport div.key label:after { | |
| 1422 | content: ":"; | |
| 1423 | } | |
| 1424 | ||
| 1425 | .mailvelopekeyimport div.key label + a, | |
| 1426 | .mailvelopekeyimport div.key label + span { | |
| 1427 | display: inline-block; | |
| 1428 | margin-right: 2em; | |
| 1429 | white-space: nowrap; | |
| 1430 | } | |
| 1431 | ||
| 1432 | .mailvelopekeyimport div.key label + a { | |
| 1433 | font-weight: bold; | |
| 1434 | } | |
| 1435 | ||
| 1436 | .mailvelopekeyimport ul.uids { | |
| 1437 | margin: 1em 0 0 0; | |
| 1438 | padding: 0; | |
| 1439 | } | |
| 1440 | ||
| 1441 | .mailvelopekeyimport li.uid { | |
| 1442 | border: 0; | |
| 1443 | padding: 0.3em; | |
| 1444 | } | |
| 1445 | ||
| 1446 | .mailvelopekeyimport div.key input.button.importkey { | |
| 1447 | position: absolute; | |
| 1448 | top: 0.8em; | |
| 1449 | right: 0.8em; | |
| 1450 | padding: 4px 6px; | |
| 1451 | } | |
| 1452 | ||
| 1453 | .mailvelopekeyimport div.key input.button[disabled] { | |
| 1454 | display: none; | |
| 1455 | } | |
