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