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