1 /***** Roundcube|Mail basic styles *****/
6 background-color: #F6F6F6;
13 background-color: #FFF;
21 body, td, th, div, p, h3, select, input, textarea
23 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
37 a, a:active, a:visited
43 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
46 text-decoration: none;
59 background-color: #666666;
65 input[type="password"],
68 border: 1px solid #666666;
70 background-color: #ffffff;
92 background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
93 border: 1px solid #a4a4a4;
101 input.button[disabled],
102 input.button[disabled]:hover
111 border: 1px solid #999;
135 text-decoration: none;
138 .formlinks a.disabled,
139 .formlinks a.disabled:visited
144 /** common user interface objects */
172 background: url(images/taskbar.png) top right no-repeat;
173 padding: 10px 6px 5px 0px;
183 text-decoration: none;
184 padding: 6px 12px 6px 26px;
185 background: url(images/taskicons.gif) no-repeat;
193 #taskbar a.button-mail
195 background-position: 0 0;
198 #taskbar a.button-addressbook
200 background-position: 0 -25px;
203 #taskbar a.button-settings
205 background-position: 0 -50px;
208 #taskbar a.button-logout
210 background-position: 0 -75px;
229 padding: 8px 10px 8px 46px;
233 #remote-objects-message
235 background: url(images/display/icons.png) 6px 3px no-repeat;
236 background-color: #F7FDCB;
237 border: 1px solid #C2D071;
243 background: url(images/display/icons.png) 6px -97px no-repeat;
244 background-color: #EF9398;
245 border: 1px solid #DC5757;
248 #message div.confirmation
250 background: url(images/display/icons.png) 6px -47px no-repeat;
251 background-color: #A6EF7B;
252 border: 1px solid #76C83F;
257 background: url(images/display/loading.gif) 6px 3px no-repeat;
258 background-color: #EBEBEB;
259 border: 1px solid #CCCCCC;
265 text-decoration: underline;
270 border: 1px solid #999;
275 height: 12px !important;
276 padding: 2px 10px 5px 5px;
277 border-bottom: 1px solid #999;
282 background: url(images/listheader.gif) top left repeat-x #CCC;
285 .boxtitle .rightalign
290 body.iframe .boxtitle
300 padding: 15px 10px 10px 10px;
301 background-color: #F2F2F2;
304 .boxcontent table td.title
330 border-bottom: 1px solid #999;
331 background: url(images/listheader.gif) top left repeat-x #CCC;
342 border-top: 1px solid #999;
343 background: url(images/listheader.gif) top left repeat-x #CCC;
347 .boxfooter a.buttonPas
356 background: url(images/icons/groupactions.png) 0 0 no-repeat transparent;
357 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
360 .boxfooter a.groupactions
362 background-position: 0 -26px;
365 .boxfooter a.buttonPas
379 text-shadow: white 1px 1px;
393 background: url(images/pagenav.gif) 0 0 no-repeat transparent;
394 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
397 .pagenav a.buttonPas {
401 .pagenav a.firstpageSel {
402 background-position: 0 -11px;
405 .pagenav a.prevpage {
406 background-position: -11px 0;
409 .pagenav a.prevpageSel {
410 background-position: -11px -11px;
413 .pagenav a.nextpage {
414 background-position: -22px 0;
417 .pagenav a.nextpageSel {
418 background-position: -22px -11px;
421 .pagenav a.lastpage {
422 background-position: -33px 0;
425 .pagenav a.lastpageSel {
426 background-position: -33px -11px;
432 -moz-user-select: none;
433 -khtml-user-select: none;
435 background: url(images/dimple.png) center no-repeat;
440 cursor: n-resize; cursor: row-resize;
441 background-position: center 2px;
446 cursor: e-resize; cursor: col-resize;
447 background-position: 2px center;
457 background-color: #fff;
458 background-color: rgba(255, 255, 255, 0.95);
459 border: 1px solid #999;
463 -moz-border-radius: 3px;
464 -webkit-border-radius: 3px;
465 -moz-box-shadow: 1px 1px 12px #999;
466 -webkit-box-shadow: #999 1px 1px 12px;
489 text-decoration: none;
493 .popupmenu li a.active,
494 .popupmenu li a.active:active,
495 .popupmenu li a.active:visited
500 .popupmenu li a.active:hover
503 background-color: #c00;
506 .popupmenu li.block input
513 background-color: #F2F2F2 !important;
525 /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */
531 background: url(images/dbutton.png) -53px 0 no-repeat transparent;
534 .dropbutton span:hover
537 background-position: -74px 0;
541 /***** common table settings ******/
543 table.records-table thead tr td
546 padding: 0px 4px 0px 4px;
547 vertical-align: middle;
548 border-bottom: 1px solid #999999;
550 background: url(images/listheader.gif) top left repeat-x #CCC;
555 table.records-table tbody tr td
558 padding: 2px 4px 2px 4px;
561 border-bottom: 1px solid #EBEBEB;
566 table.records-table tr
568 background-color: #FFFFFF;
571 table.records-table tr.selected td
574 background-color: #CC3333;
577 table.records-table tr.focused td
581 table.records-table tr.unfocused td
584 background-color: #929292;
588 /***** mac-style quicksearch field *****/
598 background: url(images/searchfield.gif) top left no-repeat;
606 text-decoration: none;
618 vertical-align: middle;
633 /***** roundcube webmail pre-defined classes *****/
649 width: auto !important;
651 border: 1px solid #999999;
652 background-color: #fff;
661 -moz-border-radius: 3px;
662 -webkit-border-radius: 3px;
663 -moz-box-shadow: 1px 1px 12px #999;
664 -webkit-box-shadow: #999 1px 1px 12px;
667 .draglayercopy:before
675 background: url(images/messageactions.png) -2px -128px no-repeat;
680 text-decoration: none;
683 a.rcmContactAddress:hover
685 text-decoration: underline;
690 background-color: #F9F9F9;
691 border: 1px solid #CCCCCC;
698 list-style-image: none;
699 list-style-type: none;
702 #rcmKSearchpane ul li
714 #rcmKSearchpane ul li.selected
717 background-color: #CC3333;
726 border: 1px solid #999;
729 #login-form table td.title
741 #rcmloginuser, #rcmloginpwd, #rcmloginhost
762 /***** onclick menu list *****/
766 margin: -4px 0 -4px 0;
783 padding: 1px 12px 3px 28px;
784 text-decoration: none;
788 ul.toolbarmenu li a.active,
789 ul.toolbarmenu li a.active:active,
790 ul.toolbarmenu li a.active:visited
795 ul.toolbarmenu li input
797 vertical-align: middle;
805 margin: 2px 1px 2px 1px;
808 ul.toolbarmenu li img
814 div.popupmenu ul li.separator_below,
815 ul.toolbarmenu li.separator_below
817 border-bottom: 1px solid #ccc;
822 div.popupmenu ul li.separator_above,
823 ul.toolbarmenu li.separator_above
825 border-top: 1px solid #ccc;
835 #searchmenu ul.toolbarmenu
840 #searchmenu ul.toolbarmenu li
846 /***** tabbed interface elements *****/
856 border-bottom: 1px solid #999999;
868 span.tablink-selected
871 height: 23px !important;
874 background: url(images/tabs-left.gif) top left no-repeat;
882 span.tablink-selected
885 background-position: 0px -23px;
889 span.tablink-selected a
891 display: inline-block;
892 padding: 5px 10px 0 5px;
897 text-decoration: none;
899 text-overflow: ellipsis;
900 -o-text-overflow: ellipsis;
901 background: url(images/tabs-right.gif) top right no-repeat;
904 span.tablink-selected a
908 background-position: right -23px;
914 border: 1px solid #999999;
915 padding: 4px 8px 9px 8px;
933 border: 1px solid #999;
936 .quota_bg { background-color: white; }
937 .quota_high { background: url(images/quota-colors.png) repeat-x 0 -28px #f90509; }
938 .quota_mid { background: url(images/quota-colors.png) repeat-x 0 -14px #e3e909; }
939 .quota_low { background: url(images/quota-colors.png) repeat-x 0 0px #05f905; }
940 .quota_text_high { color: white; }
941 .quota_text_mid { color: #666; }
942 .quota_text_low { color: #666; }