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;
86 background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
87 border: 1px solid #a4a4a4;
98 border: 1px solid #999;
117 /** common user interface objects */
145 background: url(images/taskbar.png) top right no-repeat;
146 padding: 10px 4px 5px 0px;
156 text-decoration: none;
157 padding: 6px 12px 6px 26px;
158 background: url(images/taskicons.gif) no-repeat;
166 #taskbar a.button-mail
168 background-position: 0 0;
171 #taskbar a.button-addressbook
173 background-position: 0 -25px;
176 #taskbar a.button-settings
178 background-position: 0 -50px;
181 #taskbar a.button-logout
183 background-position: 0 -75px;
202 padding: 8px 10px 8px 46px;
206 #remote-objects-message
208 background: url(images/display/icons.png) 6px 3px no-repeat;
209 background-color: #F7FDCB;
210 border: 1px solid #C2D071;
216 background: url(images/display/icons.png) 6px -97px no-repeat;
217 background-color: #EF9398;
218 border: 1px solid #DC5757;
221 #message div.confirmation
223 background: url(images/display/icons.png) 6px -47px no-repeat;
224 background-color: #A6EF7B;
225 border: 1px solid #76C83F;
230 background: url(images/display/loading.gif) 6px 3px no-repeat;
231 background-color: #EBEBEB;
232 border: 1px solid #CCCCCC;
237 border: 1px solid #999;
242 height: 12px !important;
243 padding: 2px 10px 5px 5px;
244 border-bottom: 1px solid #999;
249 background: url(images/listheader.gif) top left repeat-x #CCC;
252 .boxtitle .rightalign
257 body.iframe .boxtitle
267 padding: 15px 10px 10px 10px;
268 background-color: #F2F2F2;
271 .boxcontent table td.title
297 border-bottom: 1px solid #999;
298 background: url(images/listheader.gif) top left repeat-x #CCC;
309 border-top: 1px solid #999;
310 background: url(images/listheader.gif) top left repeat-x #CCC;
314 .boxfooter a.buttonPas
323 background: url(images/icons/groupactions.png) 0 0 no-repeat transparent;
324 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
327 .boxfooter a.groupactions
329 background-position: 0 -26px;
332 .boxfooter a.buttonPas
346 text-shadow: white 1px 1px;
360 background: url(images/pagenav.gif) 0 0 no-repeat transparent;
361 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
364 .pagenav a.buttonPas {
368 .pagenav a.firstpageSel {
369 background-position: 0 -11px;
372 .pagenav a.prevpage {
373 background-position: -11px 0;
376 .pagenav a.prevpageSel {
377 background-position: -11px -11px;
380 .pagenav a.nextpage {
381 background-position: -22px 0;
384 .pagenav a.nextpageSel {
385 background-position: -22px -11px;
388 .pagenav a.lastpage {
389 background-position: -33px 0;
392 .pagenav a.lastpageSel {
393 background-position: -33px -11px;
399 -moz-user-select: none;
400 -khtml-user-select: none;
402 background: url(images/dimple.png) center no-repeat;
407 cursor: n-resize; cursor: row-resize;
408 background-position: center 2px;
413 cursor: e-resize; cursor: col-resize;
414 background-position: 2px center;
424 background-color: #fff;
425 background-color: rgba(255, 255, 255, 0.95);
426 border: 1px solid #999;
430 -moz-border-radius: 3px;
431 -webkit-border-radius: 3px;
432 -moz-box-shadow: 1px 1px 12px #999;
433 -webkit-box-shadow: #999 1px 1px 12px;
456 text-decoration: none;
460 .popupmenu li a.active,
461 .popupmenu li a.active:active,
462 .popupmenu li a.active:visited
467 .popupmenu li a.active:hover
470 background-color: #c00;
475 background-color: #F2F2F2 !important;
487 /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */
493 background: url(images/dbutton.png) -53px 0 no-repeat transparent;
496 .dropbutton span:hover
499 background-position: -74px 0;
503 /***** common table settings ******/
505 table.records-table thead tr td
508 padding: 0px 4px 0px 4px;
509 vertical-align: middle;
510 border-bottom: 1px solid #999999;
512 background: url(images/listheader.gif) top left repeat-x #CCC;
517 table.records-table tbody tr td
520 padding: 2px 4px 2px 4px;
523 border-bottom: 1px solid #EBEBEB;
528 table.records-table tr
530 background-color: #FFFFFF;
533 table.records-table tr.selected td
536 background-color: #CC3333;
539 table.records-table tr.focused td
543 table.records-table tr.unfocused td
546 background-color: #929292;
550 /***** mac-style quicksearch field *****/
560 background: url(images/searchfield.gif) top left no-repeat;
568 text-decoration: none;
580 vertical-align: middle;
596 /***** roundcube webmail pre-defined classes *****/
612 width: auto !important;
614 border: 1px solid #999999;
615 background-color: #fff;
624 -moz-border-radius: 3px;
625 -webkit-border-radius: 3px;
626 -moz-box-shadow: 1px 1px 12px #999;
627 -webkit-box-shadow: #999 1px 1px 12px;
630 .draglayercopy:before
638 background: url(images/messageactions.png) -2px -128px no-repeat;
643 text-decoration: none;
646 a.rcmContactAddress:hover
648 text-decoration: underline;
653 background-color: #F9F9F9;
654 border: 1px solid #CCCCCC;
661 list-style-image: none;
662 list-style-type: none;
665 #rcmKSearchpane ul li
677 #rcmKSearchpane ul li.selected
680 background-color: #CC3333;
689 border: 1px solid #999;
692 #login-form table td.title
704 #rcmloginuser, #rcmloginpwd, #rcmloginhost
725 /***** onclick menu list *****/
729 margin: -4px 0 -4px 0;
746 padding: 1px 12px 3px 28px;
747 text-decoration: none;
751 ul.toolbarmenu li a.active,
752 ul.toolbarmenu li a.active:active,
753 ul.toolbarmenu li a.active:visited
758 ul.toolbarmenu li input
760 vertical-align: middle;
768 margin: 2px 1px 2px 1px;
771 ul.toolbarmenu li img
777 div.popupmenu ul li.separator_below,
778 ul.toolbarmenu li.separator_below
780 border-bottom: 1px solid #ccc;
785 div.popupmenu ul li.separator_above,
786 ul.toolbarmenu li.separator_above
788 border-top: 1px solid #ccc;
794 /***** tabbed interface elements *****/
804 border-bottom: 1px solid #999999;
816 span.tablink-selected
819 height: 23px !important;
822 background: url(images/tabs-left.gif) top left no-repeat;
830 span.tablink-selected
833 background-position: 0px -23px;
837 span.tablink-selected a
839 display: inline-block;
840 padding: 5px 10px 0 5px;
845 text-decoration: none;
847 text-overflow: ellipsis;
848 -o-text-overflow: ellipsis;
849 background: url(images/tabs-right.gif) top right no-repeat;
852 span.tablink-selected a
856 background-position: right -23px;
862 border: 1px solid #999999;
863 padding: 4px 8px 9px 8px;
881 border: 1px solid #999;
884 .quota_bg { background-color: white; }
885 .quota_high { background-color: #F33131; }
886 .quota_mid { background-color: #F5AD3C; }
887 .quota_low { background-color: #91E164; }
888 .quota_text_high { color: white; }
889 .quota_text_mid { color: #666; }
890 .quota_text_low { color: #666; }