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
259 padding: 15px 10px 10px 10px;
260 background-color: #F2F2F2;
263 .boxcontent table td.title
289 border-bottom: 1px solid #999;
290 background: url(images/listheader.gif) top left repeat-x #CCC;
301 border-top: 1px solid #999;
302 background: url(images/listheader.gif) top left repeat-x #CCC;
306 .boxfooter a.buttonPas
315 background: url(images/icons/groupactions.png) 0 0 no-repeat transparent;
316 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
319 .boxfooter a.groupactions
321 background-position: 0 -26px;
324 .boxfooter a.buttonPas
338 text-shadow: white 1px 1px;
352 background: url(images/pagenav.gif) 0 0 no-repeat transparent;
353 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
356 .pagenav a.buttonPas {
360 .pagenav a.firstpageSel {
361 background-position: 0 -11px;
364 .pagenav a.prevpage {
365 background-position: -11px 0;
368 .pagenav a.prevpageSel {
369 background-position: -11px -11px;
372 .pagenav a.nextpage {
373 background-position: -22px 0;
376 .pagenav a.nextpageSel {
377 background-position: -22px -11px;
380 .pagenav a.lastpage {
381 background-position: -33px 0;
384 .pagenav a.lastpageSel {
385 background-position: -33px -11px;
391 -moz-user-select: none;
392 -khtml-user-select: none;
394 background: url(images/dimple.png) center no-repeat;
399 cursor: n-resize; cursor: row-resize;
400 background-position: center 2px;
405 cursor: e-resize; cursor: col-resize;
406 background-position: 2px center;
416 background-color: #fff;
417 background-color: rgba(255, 255, 255, 0.95);
418 border: 1px solid #999;
422 -moz-border-radius: 3px;
423 -webkit-border-radius: 3px;
424 -moz-box-shadow: 1px 1px 12px #999;
425 -webkit-box-shadow: #999 1px 1px 12px;
448 text-decoration: none;
452 .popupmenu li a.active,
453 .popupmenu li a.active:active,
454 .popupmenu li a.active:visited
459 .popupmenu li a.active:hover
462 background-color: #c00;
467 background-color: #F2F2F2 !important;
479 /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */
485 background: url(images/dbutton.png) -53px 0 no-repeat transparent;
488 .dropbutton span:hover
491 background-position: -74px 0;
495 /***** common table settings ******/
497 table.records-table thead tr td
500 padding: 0px 4px 0px 4px;
501 vertical-align: middle;
502 border-bottom: 1px solid #999999;
504 background: url(images/listheader.gif) top left repeat-x #CCC;
509 table.records-table tbody tr td
512 padding: 2px 4px 2px 4px;
515 border-bottom: 1px solid #EBEBEB;
520 table.records-table tr
522 background-color: #FFFFFF;
525 table.records-table tr.selected td
528 background-color: #CC3333;
531 table.records-table tr.focused td
535 table.records-table tr.unfocused td
538 background-color: #929292;
542 /***** mac-style quicksearch field *****/
552 background: url(images/searchfield.gif) top left no-repeat;
560 text-decoration: none;
572 vertical-align: middle;
588 /***** roundcube webmail pre-defined classes *****/
604 width: auto !important;
606 border: 1px solid #999999;
607 background-color: #fff;
616 -moz-border-radius: 3px;
617 -webkit-border-radius: 3px;
618 -moz-box-shadow: 1px 1px 12px #999;
619 -webkit-box-shadow: #999 1px 1px 12px;
622 .draglayercopy:before
630 background: url(images/messageactions.png) -2px -128px no-repeat;
635 text-decoration: none;
638 a.rcmContactAddress:hover
640 text-decoration: underline;
645 background-color: #F9F9F9;
646 border: 1px solid #CCCCCC;
653 list-style-image: none;
654 list-style-type: none;
657 #rcmKSearchpane ul li
669 #rcmKSearchpane ul li.selected
672 background-color: #CC3333;
681 border: 1px solid #999;
684 #login-form table td.title
696 #rcmloginuser, #rcmloginpwd, #rcmloginhost
717 /***** onclick menu list *****/
721 margin: -4px 0 -4px 0;
738 padding: 1px 12px 3px 28px;
739 text-decoration: none;
743 ul.toolbarmenu li a.active,
744 ul.toolbarmenu li a.active:active,
745 ul.toolbarmenu li a.active:visited
750 ul.toolbarmenu li input
752 vertical-align: middle;
760 margin: 2px 1px 2px 1px;
763 ul.toolbarmenu li img
769 div.popupmenu ul li.separator_below,
770 ul.toolbarmenu li.separator_below
772 border-bottom: 1px solid #ccc;
777 div.popupmenu ul li.separator_above,
778 ul.toolbarmenu li.separator_above
780 border-top: 1px solid #ccc;
786 /***** tabbed interface elements *****/
796 border-bottom: 1px solid #999999;
808 span.tablink-selected
811 height: 23px !important;
814 background: url(images/tabs-left.gif) top left no-repeat;
822 span.tablink-selected
825 background-position: 0px -23px;
829 span.tablink-selected a
832 padding: 5px 10px 0 5px;
837 text-decoration: none;
839 text-overflow: ellipsis;
840 -o-text-overflow: ellipsis;
841 background: url(images/tabs-right.gif) top right no-repeat;
844 span.tablink-selected a
848 background-position: right -23px;
854 border: 1px solid #999999;
855 padding: 4px 8px 9px 8px;
873 border: 1px solid #999;
876 .quota_bg { background-color: white; }
877 .quota_high { background-color: #F33131; }
878 .quota_mid { background-color: #F5AD3C; }
879 .quota_low { background-color: #91E164; }
880 .quota_text_high { color: white; }
881 .quota_text_mid { color: #666; }
882 .quota_text_low { color: #666; }