1 /***** Roundcube|Mail basic styles *****/
5 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
7 background-color: #F6F6F6;
15 background-color: #FFF;
23 td, th, div, p, select, input, textarea
39 a, a:active, a:visited
45 a.button, a.button:visited, a.tab, a.tab:visited, a.axislist
48 text-decoration: none;
61 background-color: #666;
67 input[type="password"],
70 border: 1px solid #666;
72 background-color: #FFF;
94 background: url(images/buttons/bg.gif) repeat-x #f0f0f0;
95 border: 1px solid #a4a4a4;
103 input.button[disabled],
104 input.button[disabled]:hover
113 border: 1px solid #999;
137 text-decoration: none;
140 .formlinks a.disabled,
141 .formlinks a.disabled:visited
146 /** common user interface objects */
174 background: url(images/taskbar.png) top right no-repeat;
175 padding: 10px 6px 5px 0px;
185 text-decoration: none;
186 padding: 6px 12px 6px 26px;
187 background: url(images/taskicons.gif) no-repeat;
195 #taskbar a.button-mail
197 background-position: 0 0;
200 #taskbar a.button-addressbook
202 background-position: 0 -25px;
205 #taskbar a.button-settings
207 background-position: 0 -50px;
210 #taskbar a.button-logout
212 background-position: 0 -75px;
231 padding: 8px 10px 8px 46px;
234 body > #message div.notice,
235 #message-objects div.notice
237 background: url(images/display/icons.png) 6px 3px no-repeat;
238 background-color: #F7FDCB;
239 border: 1px solid #C2D071;
242 body > #message div.error,
243 body > #message div.warning,
244 #message-objects div.warning,
245 #message-objects div.error
247 background: url(images/display/icons.png) 6px -97px no-repeat;
248 background-color: #EF9398;
249 border: 1px solid #DC5757;
252 body > #message div.confirmation,
253 #message-objects div.confirmation
255 background: url(images/display/icons.png) 6px -47px no-repeat;
256 background-color: #A6EF7B;
257 border: 1px solid #76C83F;
260 body > #message div.loading,
261 #message-objects div.loading
263 background: url(images/display/loading.gif) 6px 3px no-repeat;
264 background-color: #EBEBEB;
265 border: 1px solid #CCCCCC;
271 text-decoration: underline;
276 border: 1px solid #999;
281 height: 12px !important;
282 padding: 2px 10px 5px 5px;
283 border-bottom: 1px solid #999;
288 text-overflow: ellipsis;
289 -o-text-overflow: ellipsis;
291 background: url(images/listheader.gif) top left repeat-x #CCC;
294 .boxtitle .rightalign
299 body.iframe .boxtitle
309 padding: 15px 10px 10px 10px;
310 background-color: #F2F2F2;
313 .boxcontent table td.title
339 border-bottom: 1px solid #999;
340 background: url(images/listheader.gif) top left repeat-x #CCC;
351 border-top: 1px solid #999;
352 background: url(images/listheader.gif) top left repeat-x #CCC;
356 .boxfooter a.buttonPas
365 background: url(images/icons/groupactions.png) 0 0 no-repeat transparent;
366 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
369 .boxfooter a.groupactions
371 background-position: 0 -26px;
374 .boxfooter a.buttonPas
388 text-shadow: white 1px 1px;
402 background: url(images/pagenav.gif) 0 0 no-repeat transparent;
403 opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
406 .pagenav a.buttonPas {
410 .pagenav a.firstpageSel {
411 background-position: 0 -11px;
414 .pagenav a.prevpage {
415 background-position: -11px 0;
418 .pagenav a.prevpageSel {
419 background-position: -11px -11px;
422 .pagenav a.nextpage {
423 background-position: -22px 0;
426 .pagenav a.nextpageSel {
427 background-position: -22px -11px;
430 .pagenav a.lastpage {
431 background-position: -33px 0;
434 .pagenav a.lastpageSel {
435 background-position: -33px -11px;
441 -moz-user-select: none;
442 -khtml-user-select: none;
444 background: url(images/dimple.png) center no-repeat;
449 cursor: n-resize; cursor: row-resize;
450 background-position: center 2px;
455 cursor: e-resize; cursor: col-resize;
456 background-position: 2px center;
466 background-color: #fff;
467 background-color: rgba(255, 255, 255, 0.95);
468 border: 1px solid #999;
472 -moz-border-radius: 3px;
473 -webkit-border-radius: 3px;
474 -moz-box-shadow: 1px 1px 12px #999;
475 -webkit-box-shadow: #999 1px 1px 12px;
498 text-decoration: none;
502 .popupmenu li a.active,
503 .popupmenu li a.active:active,
504 .popupmenu li a.active:visited
509 .popupmenu li a.active:hover
512 background-color: #c00;
515 .popupmenu li.block input
522 background-color: #F2F2F2 !important;
534 /* background: url(images/dbutton.png) 0 0 no-repeat transparent; */
540 background: url(images/dbutton.png) -53px 0 no-repeat transparent;
543 .dropbutton span:hover
546 background-position: -74px 0;
550 /***** common table settings ******/
552 table.records-table thead tr td
555 padding: 0px 4px 0px 4px;
556 vertical-align: middle;
557 border-bottom: 1px solid #999999;
559 background: url(images/listheader.gif) top left repeat-x #CCC;
564 table.records-table tbody tr td
567 padding: 2px 4px 2px 4px;
570 border-bottom: 1px solid #EBEBEB;
575 table.records-table tr
577 background-color: #FFFFFF;
580 table.records-table tr.selected td
583 background-color: #CC3333;
586 table.records-table tr.focused td
590 table.records-table tr.unfocused td
593 background-color: #929292;
597 /***** mac-style quicksearch field *****/
607 background: url(images/searchfield.gif) top left no-repeat;
615 text-decoration: none;
627 vertical-align: middle;
642 /***** roundcube webmail pre-defined classes *****/
658 width: auto !important;
660 border: 1px solid #999999;
661 background-color: #fff;
670 -moz-border-radius: 3px;
671 -webkit-border-radius: 3px;
672 -moz-box-shadow: 1px 1px 12px #999;
673 -webkit-box-shadow: #999 1px 1px 12px;
676 .draglayercopy:before
684 background: url(images/messageactions.png) -2px -128px no-repeat;
689 text-decoration: none;
692 a.rcmContactAddress:hover
694 text-decoration: underline;
699 background-color: #F9F9F9;
700 border: 1px solid #CCCCCC;
707 list-style-image: none;
708 list-style-type: none;
711 #rcmKSearchpane ul li
723 #rcmKSearchpane ul li.selected
726 background-color: #CC3333;
735 border: 1px solid #999;
738 #login-form table td.title
750 #login-form table td.input input
771 /***** onclick menu list *****/
775 margin: -4px 0 -4px 0;
792 padding: 1px 12px 3px 28px;
793 text-decoration: none;
797 ul.toolbarmenu li a.active,
798 ul.toolbarmenu li a.active:active,
799 ul.toolbarmenu li a.active:visited
804 ul.toolbarmenu li input
806 vertical-align: middle;
814 margin: 2px 1px 2px 1px;
817 ul.toolbarmenu li img
823 div.popupmenu ul li.separator_below,
824 ul.toolbarmenu li.separator_below
826 border-bottom: 1px solid #ccc;
831 div.popupmenu ul li.separator_above,
832 ul.toolbarmenu li.separator_above
834 border-top: 1px solid #ccc;
844 #searchmenu ul.toolbarmenu
849 #searchmenu ul.toolbarmenu li
855 /***** tabbed interface elements *****/
865 border-bottom: 1px solid #999999;
877 span.tablink-selected
880 height: 23px !important;
883 background: url(images/tabs-left.gif) top left no-repeat;
891 span.tablink-selected
894 background-position: 0px -23px;
898 span.tablink-selected a
900 display: inline-block;
901 padding: 5px 10px 0 5px;
906 text-decoration: none;
908 text-overflow: ellipsis;
909 -o-text-overflow: ellipsis;
910 background: url(images/tabs-right.gif) top right no-repeat;
913 span.tablink-selected a
917 background-position: right -23px;
923 border: 1px solid #999999;
924 padding: 4px 8px 9px 8px;
942 border: 1px solid #999;
945 .quota_bg { background-color: white; }
946 .quota_high { background: url(images/quota-colors.png) repeat-x 0 -28px #f90509; }
947 .quota_mid { background: url(images/quota-colors.png) repeat-x 0 -14px #e3e909; }
948 .quota_low { background: url(images/quota-colors.png) repeat-x 0 0px #05f905; }
949 .quota_text_high { color: white; }
950 .quota_text_mid { color: #666; }
951 .quota_text_low { color: #666; }