| | |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); |
| | | background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); |
| | | background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); |
| | | background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); |
| | | background: linear-gradient(to bottom, #ebebeb 0%, #c6c6c6 100%); |
| | | border-radius: 0 0 4px 4px; |
| | | white-space: nowrap; |
| | | } |
| | |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.unread > a { |
| | | .folderlist li.mailbox.unread > a { |
| | | padding-right: 36px; |
| | | } |
| | | |
| | | #mailboxlist li.unread { |
| | | .folderlist li.unread { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | #mailboxlist li.recent > a { |
| | | .folderlist li.recent > a { |
| | | color: #017cb4; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox .unreadcount { |
| | | .folderlist li.mailbox .unreadcount { |
| | | position: absolute; |
| | | top: 3px; |
| | | right: 6px; |
| | |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82acb5), color-stop(100%,#6a939f)); |
| | | background: -o-linear-gradient(top, #82acb5 0%, #6a939f 100%); |
| | | background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%); |
| | | background: linear-gradient(top, #82acb5 0%, #6a939f 100%); |
| | | background: linear-gradient(to bottom, #82acb5 0%, #6a939f 100%); |
| | | box-shadow: inset 0 1px 1px 0 #536d72; |
| | | -webkit-box-shadow: inset 0 1px 1px 0 #536d72; |
| | | border-radius: 9px; |
| | |
| | | text-shadow: none; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.selected > a .unreadcount { |
| | | .folderlist li.mailbox.selected > a .unreadcount { |
| | | background: #005d76; |
| | | background: -moz-linear-gradient(top, #005d76 0%, #004558 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558)); |
| | | background: -o-linear-gradient(top, #005d76 0%, #004558 100%); |
| | | background: -ms-linear-gradient(top, #005d76 0%, #004558 100%); |
| | | background: linear-gradient(top, #005d76 0%, #004558 100%); |
| | | background: linear-gradient(to bottom, #005d76 0%, #004558 100%); |
| | | box-shadow: inset 0 1px 1px 0 #003645; |
| | | -webkit-box-shadow: inset 0 1px 1px 0 #003645; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.recent > a .unreadcount { |
| | | .folderlist li.mailbox.recent > a .unreadcount { |
| | | background: #017cb4; |
| | | background: -moz-linear-gradient(top, #017cb4 0%, #006ca4 100%); |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017cb4), color-stop(100%,#006ca4)); |
| | | background: -o-linear-gradient(top, #017cb4 0%, #006ca4 100%); |
| | | background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%); |
| | | background: linear-gradient(top, #017cb4 0%, #006ca4 100%); |
| | | background: linear-gradient(to bottom, #017cb4 0%, #006ca4 100%); |
| | | box-shadow: inset 0 1px 1px 0 #005080; |
| | | -webkit-box-shadow: inset 0 1px 1px 0 #005080; |
| | | } |
| | |
| | | background-position: -28px -458px; |
| | | } |
| | | |
| | | #s_interval { |
| | | margin: 3px 8px; |
| | | } |
| | | |
| | | /*** message list ***/ |
| | | |
| | |
| | | } |
| | | |
| | | .messagelist tr td.priority span.prio5 { |
| | | background-position: 0 -1905px; |
| | | background-position: -2px -1905px; |
| | | } |
| | | |
| | | .messagelist tr td.priority span.prio4 { |
| | | background-position: 0 -1885px; |
| | | background-position: -2px -1885px; |
| | | } |
| | | |
| | | .messagelist tr td.priority span.prio2 { |
| | | background-position: 0 -1865px; |
| | | background-position: -2px -1865px; |
| | | } |
| | | |
| | | .messagelist tr td.priority span.prio1 { |
| | | background-position: 0 -1845px; |
| | | background-position: -2px -1845px; |
| | | } |
| | | |
| | | .messagelist tbody tr td.flag span.flagged { |
| | |
| | | .messagelist tr td.status span.unread, |
| | | .messagelist tr td.subject span.unread, |
| | | .messagelist tr td.status span.unread:hover { |
| | | background-position: 0 -1017px; |
| | | background-position: 0 -1017px !important; |
| | | } |
| | | |
| | | .messagelist thead tr th.status span.status { |
| | |
| | | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); |
| | | background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); |
| | | background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); |
| | | background: linear-gradient(top, #fff 0%, #f0f0f0 100%); |
| | | background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%); |
| | | border-bottom: 1px solid #dfdfdf; |
| | | } |
| | | |
| | |
| | | |
| | | .headers-table td { |
| | | color: #666; |
| | | padding: 2px 8px; |
| | | padding: 1px 8px; |
| | | } |
| | | |
| | | .headers-table td.header, |
| | |
| | | |
| | | .headers-table td.subject { |
| | | color: #333; |
| | | font-size: 110%; |
| | | font-weight: bold; |
| | | } |
| | | |
| | |
| | | #messagecontent .leftcol, |
| | | #messagepreview .leftcol { |
| | | margin-right: 252px; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | #messagecontent .rightcol, |
| | | #messagepreview .rightcol { |
| | | float: right; |
| | | /* |
| | | position: absolute; |
| | | top: 10px; |
| | | right: 10px; |
| | | height: 90%; |
| | | */ |
| | | right: 8px; |
| | | width: 230px; |
| | | margin: 8px; |
| | | min-height: 200px; |
| | | background: #f0f0f0; |
| | | padding: 8px; |
| | | border-radius: 4px; |
| | | z-index: 1; |
| | | } |
| | | |
| | | #messagecontent .rightcol { |
| | | margin-top: 8px; |
| | | } |
| | | |
| | | #messagebody { |
| | |
| | | } |
| | | |
| | | div.message-partheaders .headers-table td.header-title { |
| | | width: auto; |
| | | width: 1%; |
| | | padding-left: 0; |
| | | vertical-align: top; |
| | | } |
| | | |
| | | div.message-partheaders .headers-table td.header { |
| | | width: 88%; |
| | | width: 99%; |
| | | } |
| | | |
| | | #messagebody > hr { |
| | |
| | | #messagebody p.image-attachment { |
| | | position: relative; |
| | | padding: 1em; |
| | | margin-bottom: 0; |
| | | border-top: 1px solid #ccc; |
| | | } |
| | | |
| | |
| | | bottom: 42px; |
| | | } |
| | | |
| | | #composebodycontainer.mailvelope { |
| | | right: 0; |
| | | z-index: 10; |
| | | } |
| | | |
| | | #composebodycontainer.mailvelope > iframe[scrolling='no'] { |
| | | position: relative; |
| | | top: -12px; |
| | | } |
| | | |
| | | #composebody { |
| | | position: absolute; |
| | | top: 0; |
| | |
| | | width: 99%; |
| | | border: 0; |
| | | border-radius: 0 0 0 4px; |
| | | padding: 8px 0 8px 8px; |
| | | padding: 4px; |
| | | resize: none; |
| | | font-family: monospace; |
| | | font-size: 9pt; |
| | | outline: none; |
| | | box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); |
| | | -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2); |
| | | box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); |
| | | } |
| | | |
| | | #composebody:active, |
| | |
| | | -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); |
| | | } |
| | | |
| | | #compose-attachments .attachment-size { |
| | | color: #888; |
| | | } |
| | | |
| | | #composeview-bottom .formbuttons.floating { |
| | | position: absolute; |
| | | width: auto; |
| | |
| | | margin: 4px 0; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key { |
| | | position: relative; |
| | | margin-bottom: 2px; |
| | | padding: 1em; |
| | | background-color: #ebebeb; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key.revoked, |
| | | .mailvelopekeyimport div.key.disabled { |
| | | color: #a0a0a0; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key label { |
| | | display: inline-block; |
| | | margin-right: 0.5em; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key label:after { |
| | | content: ":"; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key label + a, |
| | | .mailvelopekeyimport div.key label + span { |
| | | display: inline-block; |
| | | margin-right: 2em; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key label + a { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .mailvelopekeyimport ul.uids { |
| | | margin: 1em 0 0 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | .mailvelopekeyimport li.uid { |
| | | border: 0; |
| | | padding: 0.3em; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key input.button.importkey { |
| | | position: absolute; |
| | | top: 0.8em; |
| | | right: 0.8em; |
| | | padding: 4px 6px; |
| | | } |
| | | |
| | | .mailvelopekeyimport div.key input.button[disabled] { |
| | | display: none; |
| | | } |