| | |
| | | /***** RoundCube|Mail basic styles *****/ |
| | | /***** Roundcube|Mail basic styles *****/ |
| | | |
| | | body |
| | | { |
| | |
| | | margin: 10px; |
| | | } |
| | | |
| | | body, td, th, div, p, h3 |
| | | body, td, th, div, p, h3, select, input, textarea |
| | | { |
| | | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| | | font-size: 12px; |
| | | color: #000000; |
| | | } |
| | | |
| | | th |
| | |
| | | input[type="password"], |
| | | textarea |
| | | { |
| | | padding: 1px; |
| | | padding-left: 3px; |
| | | padding-right: 3px; |
| | | border: 1px solid #666666; |
| | | color: #333333; |
| | | background-color: #ffffff; |
| | |
| | | |
| | | input, textarea |
| | | { |
| | | font-size: 9pt; |
| | | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| | | color: black; |
| | | padding-left: 3px; |
| | | padding-right: 3px; |
| | | } |
| | | |
| | | select |
| | | { |
| | | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| | | color: black; |
| | | padding: 1px 3px; |
| | | } |
| | | |
| | | input.button |
| | |
| | | |
| | | /** common user interface objects */ |
| | | |
| | | #mainscreen |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | right: 20px; |
| | | bottom: 20px; |
| | | left: 20px; |
| | | } |
| | | |
| | | #header |
| | | { |
| | | position: absolute; |
| | |
| | | position: absolute; |
| | | top: 0px; |
| | | right: 0px; |
| | | width: 600px; |
| | | height: 24px; |
| | | width: 100%; |
| | | background: url(images/taskbar.png) top right no-repeat; |
| | | padding: 10px 4px 5px 0px; |
| | | text-align: right; |
| | |
| | | border: 1px solid #CCCCCC; |
| | | } |
| | | |
| | | #pagecontent |
| | | .box |
| | | { |
| | | border: 1px solid #999; |
| | | } |
| | | |
| | | .boxtitle |
| | | { |
| | | height: 12px !important; |
| | | padding: 2px 10px 5px 5px; |
| | | border-bottom: 1px solid #999; |
| | | color: #333; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | overflow: hidden; |
| | | background: url(images/listheader.gif) top left repeat-x #CCC; |
| | | } |
| | | |
| | | .boxcontent |
| | | { |
| | | padding: 15px 10px 10px 10px; |
| | | background-color: #F2F2F2; |
| | | } |
| | | |
| | | .boxcontent table td.title |
| | | { |
| | | color: #666; |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | .boxlistcontent |
| | | { |
| | | position: absolute; |
| | | top: 95px; |
| | | left: 20px; |
| | | top: 20px; |
| | | bottom: 22px; |
| | | left: 0; |
| | | right: 0; |
| | | width: 100%; |
| | | overflow-y: auto; |
| | | overflow-x: hidden; |
| | | } |
| | | |
| | | .boxsubject |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | overflow: hidden; |
| | | height: 22px; |
| | | border-bottom: 1px solid #999; |
| | | background: url(images/listheader.gif) top left repeat-x #CCC; |
| | | } |
| | | |
| | | .boxfooter |
| | | { |
| | | position: absolute; |
| | | bottom: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | overflow: hidden; |
| | | height: 22px; |
| | | border-top: 1px solid #999; |
| | | background: url(images/listheader.gif) top left repeat-x #CCC; |
| | | } |
| | | |
| | | .boxfooter a.button, |
| | | .boxfooter a.buttonPas |
| | | { |
| | | display: block; |
| | | float: left; |
| | | width: 34px; |
| | | height: 22px; |
| | | padding: 0px; |
| | | margin: 0; |
| | | overflow: hidden; |
| | | background: url(images/icons/groupactions.png) 0 0 no-repeat transparent; |
| | | opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */ |
| | | } |
| | | |
| | | .boxfooter a.groupactions |
| | | { |
| | | background-position: 0 -26px; |
| | | } |
| | | |
| | | .boxfooter a.buttonPas |
| | | { |
| | | opacity: 0.35; |
| | | } |
| | | |
| | | .pagenav |
| | | { |
| | | min-width: 250px; |
| | | } |
| | | |
| | | .pagenav span |
| | | { |
| | | color: #444; |
| | | font-size: 11px; |
| | | text-shadow: white 1px 1px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .pagenav a.button, |
| | |
| | | background-position: 2px center; |
| | | } |
| | | |
| | | .boxtitle |
| | | { |
| | | height: 12px !important; |
| | | padding: 2px 10px 5px 5px; |
| | | border-bottom: 1px solid #999; |
| | | color: #333; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | background: url(images/listheader.gif) top left repeat-x #CCC; |
| | | } |
| | | |
| | | .boxcontent |
| | | { |
| | | padding: 15px 10px 10px 10px; |
| | | background-color: #F2F2F2; |
| | | } |
| | | |
| | | .boxcontent table td.title |
| | | { |
| | | color: #666; |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | .popupmenu |
| | | { |
| | | position: absolute; |
| | |
| | | background-color: #c00; |
| | | } |
| | | |
| | | |
| | | .darkbg |
| | | { |
| | | background-color: #F2F2F2 !important; |
| | | } |
| | | |
| | | |
| | | /***** common table settings ******/ |
| | | |
| | |
| | | text-decoration: none; |
| | | } |
| | | |
| | | #searchmod |
| | | #searchmenulink |
| | | { |
| | | position: absolute; |
| | | top: 3px; |
| | |
| | | opacity: 0.8; |
| | | } |
| | | |
| | | |
| | | |
| | | /***** onclick menu list *****/ |
| | | |
| | | ul.toolbarmenu |
| | |
| | | font-size: 11px; |
| | | white-space: nowrap; |
| | | min-width: 130px; |
| | | margin: 3px -4px; |
| | | margin: 2px -4px; |
| | | } |
| | | |
| | | ul.toolbarmenu li a |
| | |
| | | margin: 0 2px; |
| | | } |
| | | |
| | | div.popupmenu ul li.separator_below, |
| | | ul.toolbarmenu li.separator_below |
| | | { |
| | | border-bottom: 1px solid #ccc; |
| | |
| | | padding-bottom: 2px; |
| | | } |
| | | |
| | | div.popupmenu ul li.separator_above, |
| | | ul.toolbarmenu li.separator_above |
| | | { |
| | | border-top: 1px solid #ccc; |
| | |
| | | { |
| | | color: #999; |
| | | } |
| | | |
| | | font.bold |
| | | { |
| | | font-weight: bold; |
| | | } |
| | | |