|
0
|
1 /***** Roundcube|Mail basic styles *****/
|
|
|
2
|
|
|
3 body
|
|
|
4 {
|
|
|
5 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
|
6 margin: 8px;
|
|
|
7 background-color: #F6F6F6;
|
|
|
8 color: #000;
|
|
|
9 font-size: 12px;
|
|
|
10 }
|
|
|
11
|
|
|
12 body.iframe
|
|
|
13 {
|
|
|
14 margin: 20px 0 0 0;
|
|
|
15 background-color: #FFF;
|
|
|
16 }
|
|
|
17
|
|
|
18 body.extwin
|
|
|
19 {
|
|
|
20 margin: 10px;
|
|
|
21 }
|
|
|
22
|
|
|
23 select, input, textarea, button
|
|
|
24 {
|
|
|
25 font-size: inherit;
|
|
|
26 font-family: inherit;
|
|
|
27 }
|
|
|
28
|
|
|
29 th
|
|
|
30 {
|
|
|
31 font-weight: normal;
|
|
|
32 }
|
|
|
33
|
|
|
34 h3
|
|
|
35 {
|
|
|
36 font-size: 18px;
|
|
|
37 }
|
|
|
38
|
|
|
39 a, a:active, a:visited
|
|
|
40 {
|
|
|
41 color: #000;
|
|
|
42 outline: none;
|
|
|
43 }
|
|
|
44
|
|
|
45 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
|
|
|
46 {
|
|
|
47 color: #000;
|
|
|
48 text-decoration: none;
|
|
|
49 }
|
|
|
50
|
|
|
51 a.tab
|
|
|
52 {
|
|
|
53 width: 80px;
|
|
|
54 display: block;
|
|
|
55 text-align: center;
|
|
|
56 }
|
|
|
57
|
|
|
58 a.disabled
|
|
|
59 {
|
|
|
60 color: #999;
|
|
|
61 text-decoration: none;
|
|
|
62 cursor: default;
|
|
|
63 }
|
|
|
64
|
|
|
65 hr
|
|
|
66 {
|
|
|
67 height: 1px;
|
|
|
68 background-color: #666;
|
|
|
69 border-style: none;
|
|
|
70 }
|
|
|
71
|
|
|
72 input[type="text"],
|
|
|
73 input[type="button"],
|
|
|
74 input[type="password"],
|
|
|
75 textarea
|
|
|
76 {
|
|
|
77 border: 1px solid #666;
|
|
|
78 color: #333;
|
|
|
79 background-color: #FFF;
|
|
|
80 }
|
|
|
81
|
|
|
82 input, textarea
|
|
|
83 {
|
|
|
84 color: black;
|
|
|
85 padding: 1px 3px;
|
|
|
86 }
|
|
|
87
|
|
|
88 input.placeholder,
|
|
|
89 textarea.placeholder,
|
|
|
90 input:-moz-placeholder,
|
|
|
91 textarea:-moz-placeholder
|
|
|
92 {
|
|
|
93 color: #aaa;
|
|
|
94 }
|
|
|
95
|
|
|
96 input.button
|
|
|
97 {
|
|
|
98 height: 20px;
|
|
|
99 color: #333333;
|
|
|
100 font-size: 12px;
|
|
|
101 padding-left: 8px;
|
|
|
102 padding-right: 8px;
|
|
|
103 background: url(images/buttons/bg.gif?v=0200.203) repeat-x #f0f0f0;
|
|
|
104 border: 1px solid #a4a4a4;
|
|
|
105 }
|
|
|
106
|
|
|
107 input.button:hover
|
|
|
108 {
|
|
|
109 color: black;
|
|
|
110 }
|
|
|
111
|
|
|
112 input.button[disabled],
|
|
|
113 input.button[disabled]:hover
|
|
|
114 {
|
|
|
115 color: #aaa;
|
|
|
116 border-color: #ccc;
|
|
|
117 }
|
|
|
118
|
|
|
119 input.mainaction
|
|
|
120 {
|
|
|
121 font-weight: bold;
|
|
|
122 border: 1px solid #999;
|
|
|
123 }
|
|
|
124
|
|
|
125 img
|
|
|
126 {
|
|
|
127 border: 0;
|
|
|
128 }
|
|
|
129
|
|
|
130 .alttext
|
|
|
131 {
|
|
|
132 font-size: 11px;
|
|
|
133 }
|
|
|
134
|
|
|
135 .hint
|
|
|
136 {
|
|
|
137 color: #666;
|
|
|
138 font-size: 11px;
|
|
|
139 }
|
|
|
140
|
|
|
141 .formlinks a,
|
|
|
142 .formlinks a:visited
|
|
|
143 {
|
|
|
144 color: #CC0000;
|
|
|
145 font-size: 11px;
|
|
|
146 text-decoration: none;
|
|
|
147 }
|
|
|
148
|
|
|
149 .formlinks a.disabled,
|
|
|
150 .formlinks a.disabled:visited
|
|
|
151 {
|
|
|
152 color: #999999;
|
|
|
153 }
|
|
|
154
|
|
|
155 .voice
|
|
|
156 {
|
|
|
157 display: none;
|
|
|
158 }
|
|
|
159
|
|
|
160 .noselect
|
|
|
161 {
|
|
|
162 user-select: none;
|
|
|
163 -moz-user-select: none;
|
|
|
164 -khtml-user-select: none;
|
|
|
165 -ms-user-select: none;
|
|
|
166 -webkit-user-select: none;
|
|
|
167 }
|
|
|
168
|
|
|
169 /* fixes vertical alignment of checkboxes and labels */
|
|
|
170 label input,
|
|
|
171 label span
|
|
|
172 {
|
|
|
173 vertical-align: middle;
|
|
|
174 }
|
|
|
175
|
|
|
176
|
|
|
177 /** common user interface objects */
|
|
|
178
|
|
|
179 #mainscreen
|
|
|
180 {
|
|
|
181 position: absolute;
|
|
|
182 top: 85px;
|
|
|
183 right: 20px;
|
|
|
184 bottom: 20px;
|
|
|
185 left: 20px;
|
|
|
186 }
|
|
|
187
|
|
|
188 .extwin #mainscreen
|
|
|
189 {
|
|
|
190 top: 43px;
|
|
|
191 }
|
|
|
192
|
|
|
193 body > #logo
|
|
|
194 {
|
|
|
195 margin-left: 12px;
|
|
|
196 cursor: pointer;
|
|
|
197 }
|
|
|
198
|
|
|
199 #taskbar
|
|
|
200 {
|
|
|
201 position: absolute;
|
|
|
202 top: 0px;
|
|
|
203 right: 0px;
|
|
|
204 height: 24px;
|
|
|
205 left: 250px;
|
|
|
206 background: url(images/taskbar.png?v=11a3.1640) top right no-repeat;
|
|
|
207 padding: 10px 6px 5px 0px;
|
|
|
208 text-align: right;
|
|
|
209 white-space: nowrap;
|
|
|
210 z-index: 2;
|
|
|
211 }
|
|
|
212
|
|
|
213 #taskbar a
|
|
|
214 {
|
|
|
215 font-size: 11px;
|
|
|
216 color: #666666;
|
|
|
217 text-decoration: none;
|
|
|
218 padding: 6px 12px 6px 26px;
|
|
|
219 background: url(images/taskicons.gif?v=9719.2207) no-repeat;
|
|
|
220 }
|
|
|
221
|
|
|
222 #taskbar a:hover
|
|
|
223 {
|
|
|
224 color: #333333;
|
|
|
225 }
|
|
|
226
|
|
|
227 #taskbar a.button-mail
|
|
|
228 {
|
|
|
229 background-position: 0 0;
|
|
|
230 }
|
|
|
231
|
|
|
232 #taskbar a.button-addressbook
|
|
|
233 {
|
|
|
234 background-position: 0 -25px;
|
|
|
235 }
|
|
|
236
|
|
|
237 #taskbar a.button-settings
|
|
|
238 {
|
|
|
239 background-position: 0 -50px;
|
|
|
240 }
|
|
|
241
|
|
|
242 #taskbar a.button-logout
|
|
|
243 {
|
|
|
244 background-position: 0 -75px;
|
|
|
245 }
|
|
|
246
|
|
|
247 body > #message
|
|
|
248 {
|
|
|
249 position: absolute;
|
|
|
250 display: none;
|
|
|
251 top: -1px;
|
|
|
252 margin-left: -225px;
|
|
|
253 left: 50%;
|
|
|
254 z-index: 5000;
|
|
|
255 opacity: 0.85;
|
|
|
256 }
|
|
|
257
|
|
|
258 body > #message div
|
|
|
259 {
|
|
|
260 width: 400px;
|
|
|
261 margin: 0px;
|
|
|
262 min-height: 22px;
|
|
|
263 padding: 8px 10px 8px 46px;
|
|
|
264 }
|
|
|
265
|
|
|
266 body > #message div.notice,
|
|
|
267 body > #messagebody .part-notice,
|
|
|
268 body > #mainscreen #messagebody .part-notice,
|
|
|
269 #message-objects div.notice
|
|
|
270 {
|
|
|
271 background: url(images/display/icons.png?v=e866.4201) 6px 3px no-repeat;
|
|
|
272 background-color: #F7FDCB;
|
|
|
273 border: 1px solid #C2D071;
|
|
|
274 }
|
|
|
275
|
|
|
276 body > #message div.error,
|
|
|
277 body > #message div.warning,
|
|
|
278 #message-objects div.warning,
|
|
|
279 #message-objects div.error
|
|
|
280 {
|
|
|
281 background: url(images/display/icons.png?v=e866.4201) 6px -97px no-repeat;
|
|
|
282 background-color: #EF9398;
|
|
|
283 border: 1px solid #DC5757;
|
|
|
284 }
|
|
|
285
|
|
|
286 body > #message div.confirmation,
|
|
|
287 #message-objects div.confirmation
|
|
|
288 {
|
|
|
289 background: url(images/display/icons.png?v=e866.4201) 6px -47px no-repeat;
|
|
|
290 background-color: #A6EF7B;
|
|
|
291 border: 1px solid #76C83F;
|
|
|
292 }
|
|
|
293
|
|
|
294 body > #message div.loading,
|
|
|
295 body > #message div.uploading,
|
|
|
296 #message-objects div.loading
|
|
|
297 {
|
|
|
298 background: url(images/display/loading.gif?v=9bae.2710) 6px 3px no-repeat;
|
|
|
299 background-color: #EBEBEB;
|
|
|
300 border: 1px solid #CCCCCC;
|
|
|
301 }
|
|
|
302
|
|
|
303 body > #message div.voice
|
|
|
304 {
|
|
|
305 position: absolute;
|
|
|
306 top: -1000px;
|
|
|
307 clip: rect(0 0 0 0);
|
|
|
308 }
|
|
|
309
|
|
|
310 body > #message a
|
|
|
311 {
|
|
|
312 cursor: pointer;
|
|
|
313 text-decoration: underline;
|
|
|
314 }
|
|
|
315
|
|
|
316 body.extwin #closelink
|
|
|
317 {
|
|
|
318 position: absolute;
|
|
|
319 top: 5px;
|
|
|
320 right: 20px;
|
|
|
321 text-align: right;
|
|
|
322 z-index:100;
|
|
|
323 }
|
|
|
324
|
|
|
325 .box
|
|
|
326 {
|
|
|
327 border: 1px solid #999;
|
|
|
328 }
|
|
|
329
|
|
|
330 .boxtitle
|
|
|
331 {
|
|
|
332 height: 12px !important;
|
|
|
333 padding: 3px 10px 4px 5px;
|
|
|
334 border-bottom: 1px solid #999;
|
|
|
335 color: #333;
|
|
|
336 font-size: 11px;
|
|
|
337 font-weight: bold;
|
|
|
338 overflow: hidden;
|
|
|
339 text-overflow: ellipsis;
|
|
|
340 -o-text-overflow: ellipsis;
|
|
|
341 white-space: nowrap;
|
|
|
342 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
|
|
|
343 }
|
|
|
344
|
|
|
345 .boxtitle .rightalign
|
|
|
346 {
|
|
|
347 float: right;
|
|
|
348 }
|
|
|
349
|
|
|
350 body.iframe .boxtitle
|
|
|
351 {
|
|
|
352 position: fixed;
|
|
|
353 top: 0;
|
|
|
354 left: 0;
|
|
|
355 width: 100%;
|
|
|
356 }
|
|
|
357
|
|
|
358 .boxcontent
|
|
|
359 {
|
|
|
360 padding: 15px 10px 10px 10px;
|
|
|
361 background-color: #F2F2F2;
|
|
|
362 }
|
|
|
363
|
|
|
364 .boxcontent .boxwarning
|
|
|
365 {
|
|
|
366 margin: 0 0 10px;
|
|
|
367 display: block;
|
|
|
368 min-height: 22px;
|
|
|
369 background: url(images/display/icons.png?v=e866.4201) #EF9398 6px -95px no-repeat;
|
|
|
370 border: 1px solid #DC5757;
|
|
|
371 padding: 8px 10px 8px 46px;
|
|
|
372 }
|
|
|
373
|
|
|
374 .boxcontent table td.title
|
|
|
375 {
|
|
|
376 color: #666;
|
|
|
377 padding-right: 10px;
|
|
|
378 }
|
|
|
379
|
|
|
380 .boxlistcontent
|
|
|
381 {
|
|
|
382 position: absolute;
|
|
|
383 top: 20px;
|
|
|
384 bottom: 22px;
|
|
|
385 left: 0;
|
|
|
386 right: 0;
|
|
|
387 width: 100%;
|
|
|
388 overflow-y: auto;
|
|
|
389 overflow-x: hidden;
|
|
|
390 }
|
|
|
391
|
|
|
392 .boxsubject
|
|
|
393 {
|
|
|
394 position: absolute;
|
|
|
395 top: 0px;
|
|
|
396 left: 0px;
|
|
|
397 right: 0px;
|
|
|
398 overflow: hidden;
|
|
|
399 height: 22px;
|
|
|
400 border-bottom: 1px solid #999;
|
|
|
401 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
|
|
|
402 }
|
|
|
403
|
|
|
404 .boxfooter
|
|
|
405 {
|
|
|
406 position: absolute;
|
|
|
407 bottom: 0px;
|
|
|
408 left: 0px;
|
|
|
409 right: 0px;
|
|
|
410 overflow: hidden;
|
|
|
411 height: 22px;
|
|
|
412 border-top: 1px solid #999;
|
|
|
413 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
|
|
|
414 }
|
|
|
415
|
|
|
416 .boxfooter a.button,
|
|
|
417 .boxfooter a.buttonPas
|
|
|
418 {
|
|
|
419 display: block;
|
|
|
420 float: left;
|
|
|
421 width: 34px;
|
|
|
422 height: 22px;
|
|
|
423 padding: 0px;
|
|
|
424 margin: 0;
|
|
|
425 overflow: hidden;
|
|
|
426 background: url(images/icons/groupactions.png?v=6760.604) 0 0 no-repeat transparent;
|
|
|
427 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
|
428 }
|
|
|
429
|
|
|
430 .boxfooter a.groupactions
|
|
|
431 {
|
|
|
432 background-position: 0 -26px;
|
|
|
433 }
|
|
|
434
|
|
|
435 .boxfooter a.delgroup {
|
|
|
436 background-position: 0 -49px;
|
|
|
437 }
|
|
|
438
|
|
|
439 .boxfooter a.buttonPas
|
|
|
440 {
|
|
|
441 opacity: 0.35;
|
|
|
442 }
|
|
|
443
|
|
|
444 .pagenav span
|
|
|
445 {
|
|
|
446 color: #444;
|
|
|
447 font-size: 11px;
|
|
|
448 text-shadow: white 1px 1px;
|
|
|
449 white-space: nowrap;
|
|
|
450 }
|
|
|
451
|
|
|
452 .pagenav a.button,
|
|
|
453 .pagenav a.buttonPas
|
|
|
454 {
|
|
|
455 display: block;
|
|
|
456 float: left;
|
|
|
457 width: 11px;
|
|
|
458 height: 11px;
|
|
|
459 padding: 0;
|
|
|
460 margin: 1px;
|
|
|
461 overflow: hidden;
|
|
|
462 background: url(images/pagenav.gif?v=8464.1147) 0 0 no-repeat transparent;
|
|
|
463 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
|
464 }
|
|
|
465
|
|
|
466 .pagenav a.buttonPas {
|
|
|
467 opacity: 0.35;
|
|
|
468 }
|
|
|
469
|
|
|
470 .pagenav a.firstpageSel {
|
|
|
471 background-position: 0 -11px;
|
|
|
472 }
|
|
|
473
|
|
|
474 .pagenav a.prevpage {
|
|
|
475 background-position: -11px 0;
|
|
|
476 }
|
|
|
477
|
|
|
478 .pagenav a.prevpageSel {
|
|
|
479 background-position: -11px -11px;
|
|
|
480 }
|
|
|
481
|
|
|
482 .pagenav a.nextpage {
|
|
|
483 background-position: -22px 0;
|
|
|
484 }
|
|
|
485
|
|
|
486 .pagenav a.nextpageSel {
|
|
|
487 background-position: -22px -11px;
|
|
|
488 }
|
|
|
489
|
|
|
490 .pagenav a.lastpage {
|
|
|
491 background-position: -33px 0;
|
|
|
492 }
|
|
|
493
|
|
|
494 .pagenav a.lastpageSel {
|
|
|
495 background-position: -33px -11px;
|
|
|
496 }
|
|
|
497
|
|
|
498 #rcmcountdisplay
|
|
|
499 {
|
|
|
500 float: left;
|
|
|
501 margin-right: 10px;
|
|
|
502 }
|
|
|
503
|
|
|
504 #countcontrols #pagejumper
|
|
|
505 {
|
|
|
506 margin: 0 5px;
|
|
|
507 float: right;
|
|
|
508 text-align: center;
|
|
|
509 padding: 0;
|
|
|
510 cursor: default;
|
|
|
511 font-size: 10px;
|
|
|
512 }
|
|
|
513
|
|
|
514 .toolbarseparator {
|
|
|
515 display: block;
|
|
|
516 float: left;
|
|
|
517 width: 5px;
|
|
|
518 height: 32px;
|
|
|
519 padding: 0;
|
|
|
520 margin: 0 5px;
|
|
|
521 overflow: hidden;
|
|
|
522 background: url(images/abook_toolbar.png?v=8259.4881) -162px 0 no-repeat transparent;
|
|
|
523 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
|
|
|
524 }
|
|
|
525
|
|
|
526 .splitter
|
|
|
527 {
|
|
|
528 user-select: none;
|
|
|
529 -moz-user-select: none;
|
|
|
530 -khtml-user-select: none;
|
|
|
531 position: absolute;
|
|
|
532 background: url(images/dimple.png?v=42a0.158) center no-repeat;
|
|
|
533 }
|
|
|
534
|
|
|
535 .splitter-h
|
|
|
536 {
|
|
|
537 cursor: n-resize; cursor: row-resize;
|
|
|
538 background-position: center 2px;
|
|
|
539 }
|
|
|
540
|
|
|
541 .splitter-v
|
|
|
542 {
|
|
|
543 cursor: e-resize; cursor: col-resize;
|
|
|
544 background-position: 2px center;
|
|
|
545 }
|
|
|
546
|
|
|
547 .popupmenu
|
|
|
548 {
|
|
|
549 position: absolute;
|
|
|
550 top: 32px;
|
|
|
551 left: 90px;
|
|
|
552 width: auto;
|
|
|
553 max-height: 70%;
|
|
|
554 overflow: -moz-scrollbars-vertical;
|
|
|
555 overflow-y: auto;
|
|
|
556 display: none;
|
|
|
557 background-color: #fff;
|
|
|
558 background-color: rgba(255, 255, 255, 0.95);
|
|
|
559 border: 1px solid #999;
|
|
|
560 padding: 4px;
|
|
|
561 z-index: 240;
|
|
|
562 border-radius: 3px;
|
|
|
563 -moz-border-radius: 3px;
|
|
|
564 -webkit-border-radius: 3px;
|
|
|
565 box-shadow: 1px 1px 12px #999;
|
|
|
566 -moz-box-shadow: 1px 1px 12px #999;
|
|
|
567 -webkit-box-shadow: #999 1px 1px 12px;
|
|
|
568 }
|
|
|
569
|
|
|
570 .popupmenu ul
|
|
|
571 {
|
|
|
572 margin: -4px 0;
|
|
|
573 padding: 0;
|
|
|
574 list-style: none;
|
|
|
575 }
|
|
|
576
|
|
|
577 .popupmenu ul li
|
|
|
578 {
|
|
|
579 font-size: 11px;
|
|
|
580 white-space: nowrap;
|
|
|
581 min-width: 100px;
|
|
|
582 margin: 3px -4px;
|
|
|
583 }
|
|
|
584
|
|
|
585 .popupmenu li a,
|
|
|
586 .popupmenu li label
|
|
|
587 {
|
|
|
588 display: block;
|
|
|
589 color: #a0a0a0;
|
|
|
590 padding: 3px 16px 3px 10px;
|
|
|
591 text-decoration: none;
|
|
|
592 min-height: 14px;
|
|
|
593 line-height: 14px;
|
|
|
594 background: transparent;
|
|
|
595 }
|
|
|
596
|
|
|
597 .popupmenu li label.comment
|
|
|
598 {
|
|
|
599 color: #999;
|
|
|
600 font-style: italic;
|
|
|
601 padding-top: 4px;
|
|
|
602 padding-bottom: 3px;
|
|
|
603 }
|
|
|
604
|
|
|
605 .popupmenu li a.active,
|
|
|
606 .popupmenu li a.active:active,
|
|
|
607 .popupmenu li a.active:visited
|
|
|
608 {
|
|
|
609 color: #333;
|
|
|
610 cursor: pointer;
|
|
|
611 }
|
|
|
612
|
|
|
613 .popupmenu li a.active:hover,
|
|
|
614 .popupmenu.selectable li a.selected:hover
|
|
|
615 {
|
|
|
616 color: #fff;
|
|
|
617 background-color: #c00;
|
|
|
618 }
|
|
|
619
|
|
|
620 .popupmenu li.block input
|
|
|
621 {
|
|
|
622 float: left;
|
|
|
623 }
|
|
|
624
|
|
|
625 .popupmenu.selectable li a.selected
|
|
|
626 {
|
|
|
627 background: url(images/messageicons.png?v=c493.2511) 2px -372px no-repeat;
|
|
|
628 }
|
|
|
629
|
|
|
630 .popupmenu.selectable li a
|
|
|
631 {
|
|
|
632 padding-left: 20px;
|
|
|
633 }
|
|
|
634
|
|
|
635 .darkbg
|
|
|
636 {
|
|
|
637 background-color: #F2F2F2 !important;
|
|
|
638 }
|
|
|
639
|
|
|
640 .dropbutton,
|
|
|
641 .dropbutton span
|
|
|
642 {
|
|
|
643 float: left;
|
|
|
644 height: 32px;
|
|
|
645 }
|
|
|
646
|
|
|
647 .dropbutton:hover
|
|
|
648 {
|
|
|
649 /* background: url(images/dbutton.png?v=4d5a.230) 0 0 no-repeat transparent; */
|
|
|
650 }
|
|
|
651
|
|
|
652 .dropbutton span
|
|
|
653 {
|
|
|
654 width: 9px;
|
|
|
655 background: url(images/dbutton.png?v=4d5a.230) -53px 0 no-repeat transparent;
|
|
|
656 }
|
|
|
657
|
|
|
658 .dropbutton span:hover
|
|
|
659 {
|
|
|
660 cursor: pointer;
|
|
|
661 background-position: -74px 0;
|
|
|
662 }
|
|
|
663
|
|
|
664 img.uploading
|
|
|
665 {
|
|
|
666 width: 16px;
|
|
|
667 height: 16px;
|
|
|
668 }
|
|
|
669
|
|
|
670 .popup label > input {
|
|
|
671 margin-left: 10px;
|
|
|
672 }
|
|
|
673
|
|
|
674 /***** common table settings ******/
|
|
|
675
|
|
|
676 table.records-table thead tr th,
|
|
|
677 table.records-table thead tr td
|
|
|
678 {
|
|
|
679 height: 20px;
|
|
|
680 padding: 0px 4px 0px 4px;
|
|
|
681 vertical-align: middle;
|
|
|
682 border-bottom: 1px solid #999999;
|
|
|
683 color: #333333;
|
|
|
684 background: url(images/listheader.gif?v=ab42.314) top left repeat-x #CCC;
|
|
|
685 font-size: 11px;
|
|
|
686 font-weight: bold;
|
|
|
687 text-align: left;
|
|
|
688 }
|
|
|
689
|
|
|
690 table.records-table tbody tr td
|
|
|
691 {
|
|
|
692 height: 16px;
|
|
|
693 padding: 2px 4px 2px 4px;
|
|
|
694 font-size: 11px;
|
|
|
695 white-space: nowrap;
|
|
|
696 border-bottom: 1px solid #EBEBEB;
|
|
|
697 overflow: hidden;
|
|
|
698 text-align: left;
|
|
|
699 outline: none;
|
|
|
700 }
|
|
|
701
|
|
|
702 table.records-table tr
|
|
|
703 {
|
|
|
704 background-color: #FFFFFF;
|
|
|
705 }
|
|
|
706
|
|
|
707 table.records-table tr.selected td
|
|
|
708 {
|
|
|
709 color: #FFFFFF;
|
|
|
710 background-color: #CC3333;
|
|
|
711 }
|
|
|
712
|
|
|
713 table.records-table tr.selected td a
|
|
|
714 {
|
|
|
715 color: #FFFFFF;
|
|
|
716 }
|
|
|
717
|
|
|
718 table.records-table tr.focused td
|
|
|
719 {
|
|
|
720 }
|
|
|
721
|
|
|
722 table.records-table tr.unfocused td
|
|
|
723 {
|
|
|
724 color: #FFFFFF;
|
|
|
725 background-color: #929292;
|
|
|
726 }
|
|
|
727
|
|
|
728 ul.treelist li
|
|
|
729 {
|
|
|
730 position: relative;
|
|
|
731 }
|
|
|
732
|
|
|
733 ul.treelist li div.treetoggle
|
|
|
734 {
|
|
|
735 position: absolute;
|
|
|
736 left: 8px;
|
|
|
737 top: 2px;
|
|
|
738 width: 14px;
|
|
|
739 height: 16px;
|
|
|
740 cursor: pointer;
|
|
|
741 }
|
|
|
742
|
|
|
743 ul.treelist ul li div.treetoggle
|
|
|
744 {
|
|
|
745 left: 25px;
|
|
|
746 }
|
|
|
747
|
|
|
748 ul.treelist ul ul li div.treetoggle
|
|
|
749 {
|
|
|
750 left: 42px;
|
|
|
751 }
|
|
|
752
|
|
|
753 ul.treelist li div.collapsed
|
|
|
754 {
|
|
|
755 background: url(images/icons/collapsed.png?v=45aa.97) bottom right no-repeat;
|
|
|
756 }
|
|
|
757
|
|
|
758 ul.treelist li div.expanded
|
|
|
759 {
|
|
|
760 background: url(images/icons/expanded.png?v=3a53.89) bottom right no-repeat;
|
|
|
761 }
|
|
|
762
|
|
|
763 ul.treelist,
|
|
|
764 ul.treelist li ul
|
|
|
765 {
|
|
|
766 list-style: none;
|
|
|
767 margin: 0;
|
|
|
768 padding: 0;
|
|
|
769 background-color: #FFFFFF;
|
|
|
770 }
|
|
|
771
|
|
|
772 ul.treelist li ul
|
|
|
773 {
|
|
|
774 border-top: 1px solid #EBEBEB;
|
|
|
775 }
|
|
|
776
|
|
|
777 ul.treelist li
|
|
|
778 {
|
|
|
779 display: block;
|
|
|
780 font-size: 11px;
|
|
|
781 border-bottom: 1px solid #EBEBEB;
|
|
|
782 white-space: nowrap;
|
|
|
783 overflow: hidden;
|
|
|
784 }
|
|
|
785
|
|
|
786 ul.treelist li a
|
|
|
787 {
|
|
|
788 cursor: default;
|
|
|
789 display: block;
|
|
|
790 padding-left: 25px;
|
|
|
791 padding-top: 2px;
|
|
|
792 padding-bottom: 2px;
|
|
|
793 height: 16px;
|
|
|
794 line-height: 16px;
|
|
|
795 text-decoration: none;
|
|
|
796 white-space: nowrap;
|
|
|
797 }
|
|
|
798
|
|
|
799 ul.treelist li ul li a
|
|
|
800 {
|
|
|
801 padding-left: 45px;
|
|
|
802 }
|
|
|
803
|
|
|
804 ul.treelist ul ul li a
|
|
|
805 {
|
|
|
806 padding-left: 65px;
|
|
|
807 }
|
|
|
808
|
|
|
809 ul.treelist li ul li:last-child
|
|
|
810 {
|
|
|
811 border-bottom: 0;
|
|
|
812 }
|
|
|
813
|
|
|
814 ul.treelist li.selected > a,
|
|
|
815 ul.treelist li.selected > div a
|
|
|
816 {
|
|
|
817 color: #FFF;
|
|
|
818 font-weight: bold;
|
|
|
819 background-color: #929292;
|
|
|
820 }
|
|
|
821
|
|
|
822 ul.treelist li.droptarget
|
|
|
823 {
|
|
|
824 background-color: #FFFFA6;
|
|
|
825 }
|
|
|
826
|
|
|
827 /***** folders list *****/
|
|
|
828
|
|
|
829 .folderlist li ul li:last-child
|
|
|
830 {
|
|
|
831 border-bottom: 0 none;
|
|
|
832 }
|
|
|
833
|
|
|
834 .folderlist li.inbox a
|
|
|
835 {
|
|
|
836 background-position: 5px -18px;
|
|
|
837 }
|
|
|
838
|
|
|
839 .folderlist li.drafts a
|
|
|
840 {
|
|
|
841 background-position: 5px -36px;
|
|
|
842 }
|
|
|
843
|
|
|
844 .folderlist li.sent a
|
|
|
845 {
|
|
|
846 background-position: 5px -53px;
|
|
|
847 }
|
|
|
848
|
|
|
849 .folderlist li.junk a
|
|
|
850 {
|
|
|
851 background-position: 5px -72px;
|
|
|
852 }
|
|
|
853
|
|
|
854 .folderlist li.trash a
|
|
|
855 {
|
|
|
856 background-position: 5px -180px;
|
|
|
857 }
|
|
|
858
|
|
|
859 .folderlist li.trash.empty a
|
|
|
860 {
|
|
|
861 background-position: 5px -90px;
|
|
|
862 }
|
|
|
863
|
|
|
864 .folderlist li a
|
|
|
865 {
|
|
|
866 cursor: default;
|
|
|
867 display: block;
|
|
|
868 position: relative;
|
|
|
869 padding-left: 25px;
|
|
|
870 padding-top: 2px;
|
|
|
871 padding-bottom: 2px;
|
|
|
872 text-decoration: none;
|
|
|
873 height: 15px;
|
|
|
874 background: url(images/icons/folders.png?v=7c4f.5218) 5px 1px no-repeat;
|
|
|
875 }
|
|
|
876
|
|
|
877 .folderlist li.virtual > a
|
|
|
878 {
|
|
|
879 color: #666;
|
|
|
880 }
|
|
|
881
|
|
|
882 .folderlist li.selected,
|
|
|
883 .folderlist li.droptarget li.selected
|
|
|
884 {
|
|
|
885 background-color: #929292;
|
|
|
886 }
|
|
|
887
|
|
|
888 .folderlist li.selected > a,
|
|
|
889 .folderlist li.droptarget li.selected a
|
|
|
890 {
|
|
|
891 color: #FFF;
|
|
|
892 font-weight: bold;
|
|
|
893 }
|
|
|
894
|
|
|
895 .folderlist li.droptarget
|
|
|
896 {
|
|
|
897 background-color: #FFFFA6;
|
|
|
898 }
|
|
|
899
|
|
|
900 /* styles for nested folders */
|
|
|
901 .folderlist ul {
|
|
|
902 list-style: none;
|
|
|
903 padding: 0;
|
|
|
904 margin: 0;
|
|
|
905 border-top: 1px solid #EBEBEB;
|
|
|
906 background-color: #FFF;
|
|
|
907 font-weight: normal;
|
|
|
908 }
|
|
|
909
|
|
|
910 .folderlist li.mailbox ul li a {
|
|
|
911 padding-left: 40px; /* 24 + 1 x 16 */
|
|
|
912 background-position: 20px 1px; /* 4 + 1 x 16 */
|
|
|
913 }
|
|
|
914 .folderlist li.mailbox ul li div.treetoggle {
|
|
|
915 left: 23px !important;
|
|
|
916 }
|
|
|
917
|
|
|
918 .folderlist li.mailbox ul ul li.mailbox a {
|
|
|
919 padding-left: 56px; /* 2x */
|
|
|
920 background-position: 36px 1px;
|
|
|
921 }
|
|
|
922 .folderlist li.mailbox ul ul li div.treetoggle {
|
|
|
923 left: 39px !important;
|
|
|
924 }
|
|
|
925
|
|
|
926 .folderlist li.mailbox ul ul ul li.mailbox a {
|
|
|
927 padding-left: 72px; /* 3x */
|
|
|
928 background-position: 52px 1px;
|
|
|
929 }
|
|
|
930 .folderlist li.mailbox ul ul ul li div.treetoggle {
|
|
|
931 left: 55px !important;
|
|
|
932 }
|
|
|
933
|
|
|
934 .folderlist li.mailbox ul ul ul ul li.mailbox a {
|
|
|
935 padding-left: 88px; /* 4x */
|
|
|
936 background-position: 68px 1px;
|
|
|
937 }
|
|
|
938 .folderlist li.mailbox ul ul ul ul li div.treetoggle {
|
|
|
939 left: 71px !important;
|
|
|
940 }
|
|
|
941
|
|
|
942 /* indent folders on levels > 4 */
|
|
|
943 .folderlist li.mailbox ul ul ul ul ul li {
|
|
|
944 padding-left: 16px;
|
|
|
945 }
|
|
|
946 .folderlist li.mailbox ul ul ul ul ul li div.treetoggle {
|
|
|
947 left: 87px !important;
|
|
|
948 }
|
|
|
949
|
|
|
950 .folderlist li.mailbox ul li.drafts a
|
|
|
951 {
|
|
|
952 background-position: 21px -36px;
|
|
|
953 }
|
|
|
954
|
|
|
955 .folderlist li.mailbox ul li.sent a
|
|
|
956 {
|
|
|
957 background-position: 21px -53px;
|
|
|
958 }
|
|
|
959
|
|
|
960 .folderlist li.mailbox ul li.junk a
|
|
|
961 {
|
|
|
962 background-position: 21px -72px;
|
|
|
963 }
|
|
|
964
|
|
|
965 .folderlist li.mailbox ul li.trash a
|
|
|
966 {
|
|
|
967 background-position: 21px -180px;
|
|
|
968 }
|
|
|
969
|
|
|
970 .folderlist li.mailbox ul li.trash.empty a
|
|
|
971 {
|
|
|
972 background-position: 21px -90px;
|
|
|
973 }
|
|
|
974
|
|
|
975
|
|
|
976 /***** mac-style quicksearch field *****/
|
|
|
977
|
|
|
978 div.searchbox,
|
|
|
979 #quicksearchbar
|
|
|
980 {
|
|
|
981 position: relative;
|
|
|
982 width: 190px;
|
|
|
983 height: 20px;
|
|
|
984 text-align: right;
|
|
|
985 background: url(images/searchfield.gif?v=36a5.397) top left no-repeat;
|
|
|
986 }
|
|
|
987
|
|
|
988 #quicksearchbar
|
|
|
989 {
|
|
|
990 position: absolute;
|
|
|
991 top: 55px;
|
|
|
992 right: 10px;
|
|
|
993 }
|
|
|
994
|
|
|
995 #searchreset,
|
|
|
996 div.searchbox a.searchreset
|
|
|
997 {
|
|
|
998 position: absolute;
|
|
|
999 top: 3px;
|
|
|
1000 right: 12px;
|
|
|
1001 text-decoration: none;
|
|
|
1002 }
|
|
|
1003
|
|
|
1004 #searchmenulink,
|
|
|
1005 div.searchbox a.searchmenu,
|
|
|
1006 div.searchbox a.searchicon
|
|
|
1007 {
|
|
|
1008 position: absolute;
|
|
|
1009 top: 3px;
|
|
|
1010 right: 168px;
|
|
|
1011 }
|
|
|
1012
|
|
|
1013 div.searchbox a.searchreset
|
|
|
1014 {
|
|
|
1015 display: block;
|
|
|
1016 width: 14px;
|
|
|
1017 height: 14px;
|
|
|
1018 overflow: hidden;
|
|
|
1019 white-space: nowrap;
|
|
|
1020 text-indent: 50000px;
|
|
|
1021 background: url(images/icons/reset.gif?v=a31d.164) top left no-repeat;
|
|
|
1022 }
|
|
|
1023
|
|
|
1024 div.searchbox a.searchicon
|
|
|
1025 {
|
|
|
1026 display: inline-block;
|
|
|
1027 width: 16px;
|
|
|
1028 height: 16px;
|
|
|
1029 overflow: hidden;
|
|
|
1030 background: url(images/icons/glass.png?v=dcbc.302) top left no-repeat;
|
|
|
1031 }
|
|
|
1032
|
|
|
1033 #quicksearchbar img
|
|
|
1034 {
|
|
|
1035 vertical-align: middle;
|
|
|
1036 }
|
|
|
1037
|
|
|
1038 #quicksearchbox,
|
|
|
1039 div.searchbox > input
|
|
|
1040 {
|
|
|
1041 position: absolute;
|
|
|
1042 top: 2px;
|
|
|
1043 left: 24px;
|
|
|
1044 width: 140px;
|
|
|
1045 height: 15px;
|
|
|
1046 font-size: 11px;
|
|
|
1047 padding: 0px;
|
|
|
1048 border: none;
|
|
|
1049 outline: none;
|
|
|
1050 }
|
|
|
1051
|
|
|
1052 .propform div.prop
|
|
|
1053 {
|
|
|
1054 margin-bottom: 0.5em;
|
|
|
1055 }
|
|
|
1056
|
|
|
1057 .propform div.prop.block label
|
|
|
1058 {
|
|
|
1059 display: block;
|
|
|
1060 margin-bottom: 2px;
|
|
|
1061 }
|
|
|
1062
|
|
|
1063 .propform div.prop.block input,
|
|
|
1064 .propform div.prop.block textarea
|
|
|
1065 {
|
|
|
1066 width: 97%;
|
|
|
1067 }
|
|
|
1068
|
|
|
1069 .listsearchbox
|
|
|
1070 {
|
|
|
1071 border-bottom: solid 1px #ddd;
|
|
|
1072 padding: 2px 4px 1px;
|
|
|
1073 display: none;
|
|
|
1074 background-color: #f2f2f2;
|
|
|
1075 }
|
|
|
1076
|
|
|
1077 .listsearchbox a.iconbutton.reset
|
|
|
1078 {
|
|
|
1079 background: url(images/icons/reset.gif?v=a31d.164) no-repeat 0 0;
|
|
|
1080 width: 13px;
|
|
|
1081 height: 13px;
|
|
|
1082 text-indent: 50000px;
|
|
|
1083 position: absolute;
|
|
|
1084 top: 3px;
|
|
|
1085 left: 165px;
|
|
|
1086 overflow: hidden;
|
|
|
1087 }
|
|
|
1088
|
|
|
1089 /***** roundcube webmail pre-defined classes *****/
|
|
|
1090
|
|
|
1091 #rcmversion
|
|
|
1092 {
|
|
|
1093 position: absolute;
|
|
|
1094 bottom: 10px;
|
|
|
1095 right: 20px;
|
|
|
1096 text-align: right;
|
|
|
1097 white-space: nowrap;
|
|
|
1098 font-size: 8pt;
|
|
|
1099 color: #999;
|
|
|
1100 }
|
|
|
1101
|
|
|
1102 #rcmdraglayer
|
|
|
1103 {
|
|
|
1104 min-width: 300px;
|
|
|
1105 width: auto !important;
|
|
|
1106 width: 300px;
|
|
|
1107 border: 1px solid #999999;
|
|
|
1108 background-color: #fff;
|
|
|
1109 padding-left: 8px;
|
|
|
1110 padding-right: 8px;
|
|
|
1111 padding-top: 3px;
|
|
|
1112 padding-bottom: 3px;
|
|
|
1113 font-size: 11px;
|
|
|
1114 white-space: nowrap;
|
|
|
1115 opacity: 0.82;
|
|
|
1116 border-radius: 3px;
|
|
|
1117 -moz-border-radius: 3px;
|
|
|
1118 -webkit-border-radius: 3px;
|
|
|
1119 box-shadow: 1px 1px 12px #999;
|
|
|
1120 -moz-box-shadow: 1px 1px 12px #999;
|
|
|
1121 -webkit-box-shadow: #999 1px 1px 12px;
|
|
|
1122 }
|
|
|
1123
|
|
|
1124 .draglayercopy:before
|
|
|
1125 {
|
|
|
1126 position: absolute;
|
|
|
1127 bottom: -5px;
|
|
|
1128 left: -6px;
|
|
|
1129 content: " ";
|
|
|
1130 width: 14px;
|
|
|
1131 height: 14px;
|
|
|
1132 background: url(images/messageactions.png?v=8c64.2615) -2px -128px no-repeat;
|
|
|
1133 }
|
|
|
1134
|
|
|
1135 a.rcmContactAddress
|
|
|
1136 {
|
|
|
1137 text-decoration: none;
|
|
|
1138 }
|
|
|
1139
|
|
|
1140 a.rcmContactAddress:hover
|
|
|
1141 {
|
|
|
1142 text-decoration: underline;
|
|
|
1143 }
|
|
|
1144
|
|
|
1145 #rcmKSearchpane
|
|
|
1146 {
|
|
|
1147 background-color: #F9F9F9;
|
|
|
1148 border: 1px solid #CCCCCC;
|
|
|
1149 }
|
|
|
1150
|
|
|
1151 #rcmKSearchpane ul
|
|
|
1152 {
|
|
|
1153 margin: 0px;
|
|
|
1154 padding: 2px;
|
|
|
1155 list-style-image: none;
|
|
|
1156 list-style-type: none;
|
|
|
1157 }
|
|
|
1158
|
|
|
1159 #rcmKSearchpane ul li
|
|
|
1160 {
|
|
|
1161 display: block;
|
|
|
1162 height: 16px;
|
|
|
1163 font-size: 11px;
|
|
|
1164 padding-left: 6px;
|
|
|
1165 padding-top: 2px;
|
|
|
1166 padding-right: 6px;
|
|
|
1167 white-space: nowrap;
|
|
|
1168 cursor: pointer;
|
|
|
1169 }
|
|
|
1170
|
|
|
1171 #rcmKSearchpane ul li.selected,
|
|
|
1172 #pagejump-selector ul li.selected
|
|
|
1173 {
|
|
|
1174 color: #ffffff;
|
|
|
1175 background-color: #CC3333;
|
|
|
1176 }
|
|
|
1177
|
|
|
1178 #login-form
|
|
|
1179 {
|
|
|
1180 margin-left: auto;
|
|
|
1181 margin-right: auto;
|
|
|
1182 margin-top: 50px;
|
|
|
1183 width: 400px;
|
|
|
1184 border: 1px solid #999;
|
|
|
1185 }
|
|
|
1186
|
|
|
1187 #login-form table td.title
|
|
|
1188 {
|
|
|
1189 text-align: right;
|
|
|
1190 white-space: nowrap;
|
|
|
1191 }
|
|
|
1192
|
|
|
1193 #login-form table
|
|
|
1194 {
|
|
|
1195 width: 1%;
|
|
|
1196 margin: auto;
|
|
|
1197 }
|
|
|
1198
|
|
|
1199 #login-form table td.input input
|
|
|
1200 {
|
|
|
1201 width: 200px;
|
|
|
1202 }
|
|
|
1203
|
|
|
1204 #login-bottomline
|
|
|
1205 {
|
|
|
1206 width: 400px;
|
|
|
1207 margin: 5em auto;
|
|
|
1208 font-size: 85%;
|
|
|
1209 text-align: center;
|
|
|
1210 color: #666;
|
|
|
1211 }
|
|
|
1212
|
|
|
1213 #login-noscriptwarning
|
|
|
1214 {
|
|
|
1215 margin: 2em auto 0 auto;
|
|
|
1216 width: 400px;
|
|
|
1217 color: #cf2734;
|
|
|
1218 font-weight: bold;
|
|
|
1219 }
|
|
|
1220
|
|
|
1221 .disabled,
|
|
|
1222 a.disabled
|
|
|
1223 {
|
|
|
1224 color: #999;
|
|
|
1225 }
|
|
|
1226
|
|
|
1227 font.bold
|
|
|
1228 {
|
|
|
1229 font-weight: bold;
|
|
|
1230 }
|
|
|
1231
|
|
|
1232 .formbuttons
|
|
|
1233 {
|
|
|
1234 text-align: center;
|
|
|
1235 }
|
|
|
1236
|
|
|
1237 /***** onclick menu list *****/
|
|
|
1238
|
|
|
1239 ul.toolbarmenu
|
|
|
1240 {
|
|
|
1241 margin: -4px 0 -4px 0;
|
|
|
1242 padding: 0;
|
|
|
1243 list-style: none;
|
|
|
1244 }
|
|
|
1245
|
|
|
1246 ul.toolbarmenu li
|
|
|
1247 {
|
|
|
1248 font-size: 11px;
|
|
|
1249 white-space: nowrap;
|
|
|
1250 min-width: 130px;
|
|
|
1251 margin: 2px -4px;
|
|
|
1252 }
|
|
|
1253
|
|
|
1254 ul.toolbarmenu li a
|
|
|
1255 {
|
|
|
1256 display: block;
|
|
|
1257 color: #a0a0a0;
|
|
|
1258 padding: 3px 12px 3px 28px;
|
|
|
1259 text-decoration: none;
|
|
|
1260 min-height: 14px;
|
|
|
1261 line-height: 14px;
|
|
|
1262 }
|
|
|
1263
|
|
|
1264 ul.toolbarmenu li a.active,
|
|
|
1265 ul.toolbarmenu li a.active:active,
|
|
|
1266 ul.toolbarmenu li a.active:visited
|
|
|
1267 {
|
|
|
1268 color: #333;
|
|
|
1269 }
|
|
|
1270
|
|
|
1271 ul.toolbarmenu li input
|
|
|
1272 {
|
|
|
1273 vertical-align: middle;
|
|
|
1274 }
|
|
|
1275
|
|
|
1276 ul.toolbarmenu li hr
|
|
|
1277 {
|
|
|
1278 color: #ccc;
|
|
|
1279 width: 130px;
|
|
|
1280 height: 1px;
|
|
|
1281 margin: 2px 1px 2px 1px;
|
|
|
1282 }
|
|
|
1283
|
|
|
1284 ul.toolbarmenu li img
|
|
|
1285 {
|
|
|
1286 float: left;
|
|
|
1287 margin: 0 2px;
|
|
|
1288 }
|
|
|
1289
|
|
|
1290 div.popupmenu ul li.separator_below,
|
|
|
1291 ul.toolbarmenu li.separator_below
|
|
|
1292 {
|
|
|
1293 border-bottom: 1px solid #ccc;
|
|
|
1294 margin-bottom: 2px;
|
|
|
1295 padding-bottom: 2px;
|
|
|
1296 }
|
|
|
1297
|
|
|
1298 div.popupmenu ul li.separator_above,
|
|
|
1299 ul.toolbarmenu li.separator_above
|
|
|
1300 {
|
|
|
1301 border-top: 1px solid #ccc;
|
|
|
1302 margin-top: 2px;
|
|
|
1303 padding-top: 2px;
|
|
|
1304 }
|
|
|
1305
|
|
|
1306 #searchmenu
|
|
|
1307 {
|
|
|
1308 width: 160px;
|
|
|
1309 }
|
|
|
1310
|
|
|
1311 #searchmenu ul.toolbarmenu
|
|
|
1312 {
|
|
|
1313 margin: 0;
|
|
|
1314 }
|
|
|
1315
|
|
|
1316 #searchmenu ul.toolbarmenu li
|
|
|
1317 {
|
|
|
1318 margin: 1px 4px 1px;
|
|
|
1319 }
|
|
|
1320
|
|
|
1321 #searchmenu ul.toolbarmenu li label
|
|
|
1322 {
|
|
|
1323 padding: 2px 0;
|
|
|
1324 color: black;
|
|
|
1325 }
|
|
|
1326
|
|
|
1327 #searchmenu ul.toolbarmenu li label.comment
|
|
|
1328 {
|
|
|
1329 color: #999;
|
|
|
1330 }
|
|
|
1331
|
|
|
1332 #searchmenu select
|
|
|
1333 {
|
|
|
1334 width: 100%;
|
|
|
1335 }
|
|
|
1336
|
|
|
1337 #pagejump-selector
|
|
|
1338 {
|
|
|
1339 max-height: 250px;
|
|
|
1340 overflow-x: hidden;
|
|
|
1341 }
|
|
|
1342
|
|
|
1343 #pagejump-selector ul li
|
|
|
1344 {
|
|
|
1345 min-width: 45px;
|
|
|
1346 padding: 2px 5px;
|
|
|
1347 cursor: default;
|
|
|
1348 }
|
|
|
1349
|
|
|
1350
|
|
|
1351 /*** folder selector ***/
|
|
|
1352
|
|
|
1353 #folder-selector li a
|
|
|
1354 {
|
|
|
1355 padding: 0;
|
|
|
1356 }
|
|
|
1357
|
|
|
1358 #folder-selector li a span
|
|
|
1359 {
|
|
|
1360 background: url(images/icons/folders.png?v=7c4f.5218) no-repeat 6px 0;
|
|
|
1361 display: block;
|
|
|
1362 height: 15px;
|
|
|
1363 min-height: 14px;
|
|
|
1364 padding: 2px 4px 2px 28px;
|
|
|
1365 overflow: hidden;
|
|
|
1366 max-width: 120px;
|
|
|
1367 text-overflow: ellipsis;
|
|
|
1368 }
|
|
|
1369
|
|
|
1370 #folder-selector li a.virtual
|
|
|
1371 {
|
|
|
1372 color: #A0A0A0;
|
|
|
1373 }
|
|
|
1374
|
|
|
1375 #folder-selector li a.active:hover span
|
|
|
1376 {
|
|
|
1377 color: white;
|
|
|
1378 }
|
|
|
1379
|
|
|
1380 #folder-selector li a.inbox span
|
|
|
1381 {
|
|
|
1382 background-position: 6px -18px;
|
|
|
1383 }
|
|
|
1384 #folder-selector li a.drafts span
|
|
|
1385 {
|
|
|
1386 background-position: 6px -37px;
|
|
|
1387 }
|
|
|
1388 #folder-selector li a.sent span
|
|
|
1389 {
|
|
|
1390 background-position: 6px -54px;
|
|
|
1391 }
|
|
|
1392 #folder-selector li a.trash span
|
|
|
1393 {
|
|
|
1394 background-position: 6px -91px;
|
|
|
1395 }
|
|
|
1396 #folder-selector li a.junk span
|
|
|
1397 {
|
|
|
1398 background-position: 6px -73px;
|
|
|
1399 }
|
|
|
1400
|
|
|
1401
|
|
|
1402 /***** tabbed interface elements *****/
|
|
|
1403
|
|
|
1404 div.tabsbar,
|
|
|
1405 #tabsbar
|
|
|
1406 {
|
|
|
1407 position: absolute;
|
|
|
1408 top: 50px;
|
|
|
1409 left: 220px;
|
|
|
1410 right: 20px;
|
|
|
1411 height: 22px;
|
|
|
1412 border-bottom: 1px solid #999999;
|
|
|
1413 white-space: nowrap;
|
|
|
1414 }
|
|
|
1415
|
|
|
1416 div.tabsbar
|
|
|
1417 {
|
|
|
1418 top: 35px;
|
|
|
1419 left: 12px;
|
|
|
1420 right: 12px;
|
|
|
1421 }
|
|
|
1422
|
|
|
1423 span.tablink,
|
|
|
1424 span.tablink-selected
|
|
|
1425 {
|
|
|
1426 float: left;
|
|
|
1427 height: 23px !important;
|
|
|
1428 height: 22px;
|
|
|
1429 overflow: hidden;
|
|
|
1430 background: url(images/tabs-left.gif?v=d7b0.230) top left no-repeat;
|
|
|
1431 }
|
|
|
1432
|
|
|
1433 span.tablink
|
|
|
1434 {
|
|
|
1435 cursor: pointer;
|
|
|
1436 }
|
|
|
1437
|
|
|
1438 span.tablink-selected
|
|
|
1439 {
|
|
|
1440 cursor: default;
|
|
|
1441 background-position: 0px -23px;
|
|
|
1442 }
|
|
|
1443
|
|
|
1444 span.tablink a,
|
|
|
1445 span.tablink-selected a
|
|
|
1446 {
|
|
|
1447 display: inline-block;
|
|
|
1448 padding: 5px 10px 0 5px;
|
|
|
1449 margin-left: 5px;
|
|
|
1450 height: 23px;
|
|
|
1451 color: #555555;
|
|
|
1452 max-width: 185px;
|
|
|
1453 text-decoration: none;
|
|
|
1454 overflow: hidden;
|
|
|
1455 text-overflow: ellipsis;
|
|
|
1456 -o-text-overflow: ellipsis;
|
|
|
1457 background: url(images/tabs-right.gif?v=5c83.1417) top right no-repeat;
|
|
|
1458 }
|
|
|
1459
|
|
|
1460 span.tablink-selected a
|
|
|
1461 {
|
|
|
1462 cursor: inherit;
|
|
|
1463 color: #000000;
|
|
|
1464 background-position: right -23px;
|
|
|
1465 }
|
|
|
1466
|
|
|
1467 fieldset
|
|
|
1468 {
|
|
|
1469 margin-bottom: 1em;
|
|
|
1470 border: 1px solid #999999;
|
|
|
1471 padding: 4px 8px 9px 8px;
|
|
|
1472 }
|
|
|
1473
|
|
|
1474 legend
|
|
|
1475 {
|
|
|
1476 color: #999999;
|
|
|
1477 }
|
|
|
1478
|
|
|
1479 fieldset.tabbed
|
|
|
1480 {
|
|
|
1481 margin-top: 22px;
|
|
|
1482 padding-top: 12px;
|
|
|
1483 }
|
|
|
1484
|
|
|
1485 .quota_text {
|
|
|
1486 text-align: center;
|
|
|
1487 font-size: 10px;
|
|
|
1488 color: #666;
|
|
|
1489 border: 1px solid #999;
|
|
|
1490 cursor: default;
|
|
|
1491 }
|
|
|
1492 .quota_bg { background-color: white; }
|
|
|
1493 .quota_high { background: url(images/quota-colors.png?v=e7fa.219) repeat-x 0 -28px #f90509; }
|
|
|
1494 .quota_mid { background: url(images/quota-colors.png?v=e7fa.219) repeat-x 0 -14px #e3e909; }
|
|
|
1495 .quota_low { background: url(images/quota-colors.png?v=e7fa.219) repeat-x 0 0px #05f905; }
|
|
|
1496 .quota_text_high { color: white; }
|
|
|
1497 .quota_text_mid { color: #666; }
|
|
|
1498 .quota_text_low { color: #666; }
|
|
|
1499
|
|
|
1500 table.quota-info {
|
|
|
1501 border-spacing: 0;
|
|
|
1502 border-collapse: collapse;
|
|
|
1503 table-layout: fixed;
|
|
|
1504 margin: 2px;
|
|
|
1505 }
|
|
|
1506
|
|
|
1507 table.quota-info td,
|
|
|
1508 table.quota-info th {
|
|
|
1509 border: 1px solid #999;
|
|
|
1510 padding: 2px 3px;
|
|
|
1511 text-align: center;
|
|
|
1512 min-width: 80px;
|
|
|
1513 color: #333;
|
|
|
1514 font-size: 11px;
|
|
|
1515 }
|
|
|
1516
|
|
|
1517 table.quota-info th {
|
|
|
1518 font-weight: bold;
|
|
|
1519 background-color: #ddd;
|
|
|
1520 }
|
|
|
1521
|
|
|
1522 table.quota-info td.name {
|
|
|
1523 text-align: left;
|
|
|
1524 }
|
|
|
1525
|
|
|
1526 table.quota-info td.root {
|
|
|
1527 font-style: italic;
|
|
|
1528 }
|
|
|
1529
|
|
|
1530 /********** TinyMCE styles **********/
|
|
|
1531 .mce-btn-small button
|
|
|
1532 {
|
|
|
1533 height: 22px;
|
|
|
1534 }
|
|
|
1535
|
|
|
1536 .mce-btn-small i
|
|
|
1537 {
|
|
|
1538 line-height: 16px !important;
|
|
|
1539 vertical-align: text-top !important;
|
|
|
1540 }
|
|
|
1541
|
|
|
1542 .mce-combobox button
|
|
|
1543 {
|
|
|
1544 padding: 6px 8px !important;
|
|
|
1545 }
|
|
|
1546
|
|
|
1547 .mce-tinymce
|
|
|
1548 {
|
|
|
1549 border-radius: 0 !important;
|
|
|
1550 {
|
|
|
1551
|
|
|
1552 .mce-panel.mce-toolbar-grp
|
|
|
1553 {
|
|
|
1554 border: 0 !important;
|
|
|
1555 }
|
|
|
1556
|
|
|
1557 #image-selector-form.droptarget {
|
|
|
1558 background: url(images/filedrop.png?v=080e.581) center bottom no-repeat;
|
|
|
1559 }
|
|
|
1560
|
|
|
1561 #image-selector-form.droptarget.hover
|
|
|
1562 {
|
|
|
1563 background-color: #F0F0EE;
|
|
|
1564 box-shadow: 0 0 5px 0 #999;
|
|
|
1565 -moz-box-shadow: 0 0 5px 0 #999;
|
|
|
1566 -o-box-shadow: 0 0 5px 0 #999;
|
|
|
1567 }
|
|
|
1568
|
|
|
1569 /** PGP key import dialog **/
|
|
|
1570 .pgpkeyimport div.key {
|
|
|
1571 position: relative;
|
|
|
1572 margin-bottom: 2px;
|
|
|
1573 padding: 1em 1em 5px;
|
|
|
1574 background-color: #ebebeb;
|
|
|
1575 }
|
|
|
1576
|
|
|
1577 .pgpkeyimport div.key.revoked,
|
|
|
1578 .pgpkeyimport div.key.disabled {
|
|
|
1579 color: #a0a0a0;
|
|
|
1580 }
|
|
|
1581
|
|
|
1582 .pgpkeyimport div.key label {
|
|
|
1583 display: inline-block;
|
|
|
1584 margin-right: 0.5em;
|
|
|
1585 }
|
|
|
1586
|
|
|
1587 .pgpkeyimport div.key label:after {
|
|
|
1588 content: ":";
|
|
|
1589 }
|
|
|
1590
|
|
|
1591 .pgpkeyimport div.key label + a,
|
|
|
1592 .pgpkeyimport div.key label + span {
|
|
|
1593 display: inline-block;
|
|
|
1594 margin-right: 2em;
|
|
|
1595 white-space: nowrap;
|
|
|
1596 }
|
|
|
1597
|
|
|
1598 .pgpkeyimport div.key label + a {
|
|
|
1599 font-weight: bold;
|
|
|
1600 }
|
|
|
1601
|
|
|
1602 .pgpkeyimport ul.uids {
|
|
|
1603 margin: 5px 1em 0 1em;
|
|
|
1604 padding: 0;
|
|
|
1605 }
|
|
|
1606
|
|
|
1607 .pgpkeyimport li.uid {
|
|
|
1608 border: 0;
|
|
|
1609 padding: 2px;
|
|
|
1610 }
|
|
|
1611
|
|
|
1612 .pgpkeyimport div.key input.button.importkey {
|
|
|
1613 position: absolute;
|
|
|
1614 top: 0.8em;
|
|
|
1615 right: 0.8em;
|
|
|
1616 padding: 2px 6px;
|
|
|
1617 }
|
|
|
1618
|
|
|
1619 .pgpkeyimport div.key input.button[disabled] {
|
|
|
1620 display: none;
|
|
|
1621 }
|
