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 |
} |