| | |
| | | margin: 10px; |
| | | } |
| | | |
| | | td, th, div, p, select, input, textarea |
| | | select, input, textarea |
| | | { |
| | | font-size: 12px; |
| | | font-family: inherit; |
| | |
| | | width: 80px; |
| | | display: block; |
| | | text-align: center; |
| | | } |
| | | |
| | | a.disabled |
| | | { |
| | | color: #999; |
| | | text-decoration: none; |
| | | cursor: default; |
| | | } |
| | | |
| | | hr |
| | |
| | | { |
| | | color: #999999; |
| | | } |
| | | |
| | | /* fixes vertical alignment of checkboxes and labels */ |
| | | label input, |
| | | label span |
| | | { |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | |
| | | /** common user interface objects */ |
| | | |
| | |
| | | { |
| | | cursor: pointer; |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | body.extwin #closelink |
| | | { |
| | | position: absolute; |
| | | top: 5px; |
| | | right: 20px; |
| | | text-align: right; |
| | | z-index:100; |
| | | } |
| | | |
| | | .box |
| | |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | max-height: 70%; |
| | | overflow: -moz-scrollbars-vertical; |
| | | overflow-y: auto; |
| | | display: none; |
| | | background-color: #fff; |
| | | background-color: rgba(255, 255, 255, 0.95); |
| | |
| | | border-radius: 3px; |
| | | -moz-border-radius: 3px; |
| | | -webkit-border-radius: 3px; |
| | | box-shadow: 1px 1px 12px #999; |
| | | -moz-box-shadow: 1px 1px 12px #999; |
| | | -webkit-box-shadow: #999 1px 1px 12px; |
| | | } |
| | |
| | | margin: 3px -4px; |
| | | } |
| | | |
| | | .popupmenu li a |
| | | .popupmenu li a, |
| | | .popupmenu li label |
| | | { |
| | | display: block; |
| | | color: #a0a0a0; |
| | | padding: 2px 10px; |
| | | padding: 2px 16px 2px 10px; |
| | | text-decoration: none; |
| | | min-height: 14px; |
| | | background: transparent; |
| | | } |
| | | |
| | | .popupmenu li label.comment |
| | | { |
| | | color: #999; |
| | | font-style: italic; |
| | | padding-top: 4px; |
| | | padding-bottom: 3px; |
| | | } |
| | | |
| | | .popupmenu li a.active, |
| | |
| | | background-color: #929292; |
| | | } |
| | | |
| | | ul.treelist li |
| | | { |
| | | position: relative; |
| | | } |
| | | |
| | | ul.treelist li div.treetoggle |
| | | { |
| | | position: absolute; |
| | | left: 8px !important; |
| | | left: -16px; |
| | | top: 1px; |
| | | width: 14px; |
| | | height: 16px; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | ul.treelist li ul li div.treetoggle |
| | | { |
| | | left: 28px !important; |
| | | left: 4px; |
| | | } |
| | | |
| | | ul.treelist li div.collapsed |
| | | { |
| | | background: url(images/icons/collapsed.png) bottom right no-repeat; |
| | | } |
| | | |
| | | ul.treelist li div.expanded |
| | | { |
| | | background: url(images/icons/expanded.png) bottom right no-repeat; |
| | | } |
| | | |
| | | |
| | | ul.treelist, |
| | | ul.treelist li ul |
| | | { |
| | | list-style: none; |
| | | margin: 0; |
| | | padding: 0; |
| | | background-color: #FFFFFF; |
| | | } |
| | | |
| | | ul.treelist li ul |
| | | { |
| | | border-top: 1px solid #EBEBEB; |
| | | } |
| | | |
| | | ul.treelist li |
| | | { |
| | | display: block; |
| | | font-size: 11px; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | ul.treelist li a |
| | | { |
| | | cursor: default; |
| | | display: block; |
| | | padding-left: 25px; |
| | | padding-top: 2px; |
| | | padding-bottom: 2px; |
| | | height: 16px; |
| | | text-decoration: none; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | ul.treelist li ul li a |
| | | { |
| | | padding-left: 45px; |
| | | } |
| | | |
| | | ul.treelist ul ul li a |
| | | { |
| | | padding-left: 65px; |
| | | } |
| | | |
| | | ul.treelist li ul li:last-child |
| | | { |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | ul.treelist li.selected > a |
| | | { |
| | | color: #FFF; |
| | | font-weight: bold; |
| | | background-color: #929292; |
| | | } |
| | | |
| | | ul.treelist li.droptarget |
| | | { |
| | | background-color: #FFFFA6; |
| | | } |
| | | |
| | | |
| | | /***** mac-style quicksearch field *****/ |
| | | |
| | |
| | | font-size: 11px; |
| | | padding: 0px; |
| | | border: none; |
| | | outline: none; |
| | | } |
| | | |
| | | .propform div.prop |
| | | { |
| | | margin-bottom: 0.5em; |
| | | } |
| | | |
| | | .propform div.prop.block label |
| | | { |
| | | display: block; |
| | | margin-bottom: 2px; |
| | | } |
| | | |
| | | .propform div.prop.block input, |
| | | .propform div.prop.block textarea |
| | | { |
| | | width: 97%; |
| | | } |
| | | |
| | | |
| | | /***** roundcube webmail pre-defined classes *****/ |
| | | |
| | |
| | | border-radius: 3px; |
| | | -moz-border-radius: 3px; |
| | | -webkit-border-radius: 3px; |
| | | box-shadow: 1px 1px 12px #999; |
| | | -moz-box-shadow: 1px 1px 12px #999; |
| | | -webkit-box-shadow: #999 1px 1px 12px; |
| | | } |
| | |
| | | color: #666; |
| | | } |
| | | |
| | | #console |
| | | #login-noscriptwarning |
| | | { |
| | | opacity: 0.8; |
| | | margin: 2em auto 0 auto; |
| | | width: 400px; |
| | | color: #cf2734; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .disabled, |
| | |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .formbuttons |
| | | { |
| | | text-align: center; |
| | | } |
| | | |
| | | /***** onclick menu list *****/ |
| | | |
| | |
| | | } |
| | | |
| | | |
| | | /*** folder selector ***/ |
| | | |
| | | #folder-selector li a |
| | | { |
| | | padding: 0; |
| | | } |
| | | |
| | | #folder-selector li a span |
| | | { |
| | | background: url(images/icons/folders.png) no-repeat 6px 0; |
| | | display: block; |
| | | height: 15px; |
| | | min-height: 14px; |
| | | padding: 2px 4px 2px 28px; |
| | | overflow: hidden; |
| | | max-width: 120px; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #folder-selector li a.virtual |
| | | { |
| | | color: #A0A0A0; |
| | | } |
| | | |
| | | #folder-selector li a.active:hover span |
| | | { |
| | | color: white; |
| | | } |
| | | |
| | | #folder-selector li a.inbox span |
| | | { |
| | | background-position: 6px -18px; |
| | | } |
| | | #folder-selector li a.drafts span |
| | | { |
| | | background-position: 6px -37px; |
| | | } |
| | | #folder-selector li a.sent span |
| | | { |
| | | background-position: 6px -54px; |
| | | } |
| | | #folder-selector li a.trash span |
| | | { |
| | | background-position: 6px -91px; |
| | | } |
| | | #folder-selector li a.junk span |
| | | { |
| | | background-position: 6px -73px; |
| | | } |
| | | |
| | | |
| | | /***** tabbed interface elements *****/ |
| | | |
| | | div.tabsbar, |