| | |
| | | position: absolute; |
| | | top: 42px; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 28px; |
| | | } |
| | | |
| | | #mailview-top.fullheight { |
| | | border-radius: 4px 4px 0 0; |
| | | right: 0; |
| | | bottom: 0px; |
| | | overflow: visible; /* fixes display issues of fixed list header in IE */ |
| | | } |
| | | |
| | | #mailview-bottom { |
| | | display: none; |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 0; |
| | | width: 100%; |
| | | height: 27px; |
| | | right: 0; |
| | | height: 0; |
| | | border-radius: 4px; |
| | | border-top: none; |
| | | } |
| | | |
| | | #composeview-right #mailview-bottom { |
| | | border-radius: 0 0 4px 4px; |
| | | } |
| | | |
| | | #folderlist-header { |
| | | width: 100%; |
| | | height: 12px; |
| | | top: 32px; |
| | | } |
| | | |
| | | #mailboxcontainer, |
| | |
| | | background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); |
| | | background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); |
| | | border-radius: 0 0 4px 4px; |
| | | } |
| | | |
| | | #mailview-top.fullheight #messagelistfooter { |
| | | border-radius: 0; |
| | | } |
| | | |
| | | #messagelistfooter.rightalign { |
| | |
| | | background-position: 6px -406px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.trash.empty > a { |
| | | background-position: 6px -1924px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.trash.empty.selected > a { |
| | | background-position: 6px -1948px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox.archive > a { |
| | | background-position: 6px -1699px; |
| | | } |
| | |
| | | |
| | | #mailboxlist li.mailbox ul li.trash.selected > a { |
| | | background-position: 23px -406px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li.trash.empty > a { |
| | | background-position: 23px -1924px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li.trash.empty.selected > a { |
| | | background-position: 23px -1948px; |
| | | } |
| | | |
| | | #mailboxlist li.mailbox ul li.archive > a { |
| | |
| | | right: 0; |
| | | } |
| | | |
| | | #messagetoolbar .toolbarselect { |
| | | position: absolute; |
| | | bottom: 6px; |
| | | right: 3px; |
| | | } |
| | | |
| | | #messagesearchtools { |
| | | position: absolute; |
| | | right: 0; |
| | |
| | | |
| | | |
| | | /*** message list ***/ |
| | | |
| | | /* this is necessary to make FF3 display borders */ |
| | | body:-moz-last-node #messagelist { |
| | | border-collapse: separate; |
| | | } |
| | | |
| | | table.messagelist { |
| | | z-index: 1; |
| | |
| | | } |
| | | |
| | | .messagelist tr td.date { |
| | | width: 135px; |
| | | width: 155px; |
| | | } |
| | | |
| | | .messagelist tr.message { |
| | |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 28px; |
| | | bottom: 0px; |
| | | } |
| | | |
| | | #messagecontframe { |
| | |
| | | top: 110px; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 27px; |
| | | bottom: 1px; |
| | | overflow: auto; |
| | | -webkit-overflow-scrolling: touch; |
| | | } |
| | |
| | | margin: 8px; |
| | | } |
| | | |
| | | #message-objects div.notice, |
| | | #message-buttons div.notice { |
| | | #message-objects div.notice { |
| | | display: block; |
| | | color: #960; |
| | | border: 1px solid #ffdf0e; |
| | | background-color: #fef893; |
| | | background-position: 5px -83px; |
| | | padding: 6px 12px 4px 30px; |
| | | padding: 6px 12px 6px 30px; |
| | | white-space: normal; |
| | | } |
| | | |
| | | #message-objects div a.button, |
| | | #messagebody span.part-notice a.button { |
| | | margin-left: 10px; |
| | | margin-top: -1px; |
| | | } |
| | | |
| | | div.message-part, |
| | |
| | | } |
| | | |
| | | #compose-contacts li a, #contacts-table td { |
| | | background: url(images/listicons.png) -100px 0 no-repeat; |
| | | background-image: url(images/listicons.png); |
| | | background-position: -100px 0; |
| | | background-repeat: no-repeat; |
| | | overflow: hidden; |
| | | padding-left: 36px; |
| | | text-overflow: ellipsis; |
| | |
| | | position: absolute; |
| | | top: 42px; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 28px; |
| | | border-radius: 4px 4px 0 0; |
| | | border-bottom: none; |
| | | right: 0; |
| | | bottom: 0px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | |
| | | -o-box-shadow: inset 0 1px 0 0 #fff; |
| | | -webkit-box-shadow: inset 0 1px 0 0 #fff; |
| | | -moz-box-shadow: inset 0 1px 0 0 #fff; |
| | | |
| | | } |
| | | |
| | | .composeoption { |
| | |
| | | left: 0; |
| | | right: 260px; |
| | | bottom: 0; |
| | | border-radius: 0 0 0 4px; |
| | | } |
| | | |
| | | #composebodycontainer.buttons { |
| | |
| | | bottom: 0; |
| | | width: 99%; |
| | | border: 0; |
| | | border-radius: 0; |
| | | border-radius: 0 0 0 4px; |
| | | padding: 8px 0 8px 8px; |
| | | resize: none; |
| | | font-family: monospace; |