Mercurial > hg > rc1

comparison skins/classic/common.css @ 0:1e000243b222

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:50:29 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1e000243b222
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 }