| | |
| | | bottom: 28px; |
| | | } |
| | | |
| | | #mailview-top.fullheight { |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | #mailview-bottom { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 0; |
| | | width: 100%; |
| | | height: 26px; |
| | | } |
| | | |
| | | #mailview-top.fullheight { |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | #folderlist-header { |
| | |
| | | #messagetoolbar { |
| | | position: absolute; |
| | | top: -6px; |
| | | right: 390px; |
| | | left: 0; |
| | | height: 40px; |
| | | white-space: nowrap; |
| | |
| | | position: absolute; |
| | | right: 0; |
| | | top: 0; |
| | | width: 240px; |
| | | width: 400px; |
| | | } |
| | | |
| | | #mailpreviewtoggle { |
| | |
| | | |
| | | #messagecontent { |
| | | position: absolute; |
| | | top: 140px; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | bottom: 0; |
| | | bottom: 28px; |
| | | overflow: auto; |
| | | border-radius: 4px 4px 0 0; |
| | | } |
| | | |
| | | #messageheader, |
| | | #partheader, |
| | | #composeheaders { |
| | | position: relative; |
| | |
| | | |
| | | h3.subject { |
| | | font-size: 14px; |
| | | margin: 0 8em 0 0; |
| | | margin: 0 13em 0 0; |
| | | padding: 8px 8px 4px 8px; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | |
| | | background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); |
| | | background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); |
| | | border-right: 1px solid #dfdfdf; |
| | | border-radius: 3px 0 0 0; /* for Opera */ |
| | | } |
| | | |
| | | #previewheaderstoggle .iconlink { |
| | |
| | | |
| | | #previewheaderstoggle.remove .iconlink { |
| | | top: auto; |
| | | bottom: 5px; |
| | | bottom: 15px; |
| | | background-position: -5px -242px; |
| | | } |
| | | |
| | | div.more-headers { |
| | | cursor: pointer; |
| | | height: 10px; |
| | | background: url(images/buttons.png) center -1619px no-repeat; |
| | | #previewheaderstoggle .iconlink.allheaders { |
| | | display: none; |
| | | } |
| | | |
| | | div.hide-headers { |
| | | background-position: center -1629px; |
| | | #previewheaderstoggle.remove .iconlink.allheaders { |
| | | top: auto; |
| | | bottom: 2px; |
| | | display: inline-block; |
| | | background-position: -27px -242px; |
| | | } |
| | | |
| | | #all-headers { |
| | | position: relative; |
| | | margin: 0 10px; |
| | | margin: 2px 0; |
| | | padding: 0; |
| | | height: 180px; |
| | | border: 1px solid #bbb; |
| | | background-color: #f0f0f0; |
| | | overflow: hidden; |
| | | border-radius: 4px; |
| | | background: #fff; |
| | | } |
| | | |
| | | #headers-source { |
| | |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | padding: 2px 5px; |
| | | padding: 2px; |
| | | overflow: auto; |
| | | text-align: left; |
| | | color: #333; |
| | | color: #666; |
| | | } |
| | | |
| | | #messagepreviewheader { |
| | | #messageheader { |
| | | position: relative; |
| | | height: auto; |
| | | margin: 0 8px 0 0; |
| | | padding: 0 0 6px 72px; |
| | | padding: 0 0 0 72px; |
| | | border-bottom: 2px solid #f0f0f0; |
| | | } |
| | | |
| | | #messagepreviewheader h3.subject { |
| | | #messagecontent #messageheader { |
| | | padding: 0 0 0 90px; |
| | | min-height: 68px; |
| | | } |
| | | |
| | | #messageheader h3.subject { |
| | | padding: 8px 8px 2px 0; |
| | | } |
| | | |
| | | #messagepreviewheader #contactphoto { |
| | | #messageheader #contactphoto { |
| | | display: block; |
| | | position: absolute; |
| | | top: 11px; |
| | |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | #messagepreviewheader #contactphoto img { |
| | | #messageheader #contactphoto img { |
| | | width: 32px; |
| | | height: auto; |
| | | border-radius: 3px; |
| | | } |
| | | |
| | | #messageheader #contactphoto { |
| | | display: block; |
| | | position: absolute; |
| | | top: 40px; |
| | | right: 10px; |
| | | #messagecontent #messageheader #contactphoto { |
| | | top: 11px; |
| | | left: 31px; |
| | | width: 48px; |
| | | height: 48px; |
| | | overflow: hidden; |
| | | background: url(images/contactpic_48px.png) center center no-repeat #fff; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #messageheader #contactphoto img { |
| | | #messagecontent #messageheader #contactphoto img { |
| | | width: 48px; |
| | | height: auto; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #messagepreviewheader #countcontrols, |
| | | #messageheader #countcontrols { |
| | | position: absolute; |
| | | top: 8px; |
| | | right: 8px; |
| | | width: 20em; |
| | | right: 0; |
| | | text-align: right; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #messageheader .pagenav .countdisplay { |
| | | min-width: 0; |
| | | padding-right: 0.5em; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #messagecontent .leftcol, |
| | | #messagepreview .leftcol { |
| | | margin-right: 252px; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | #messagecontent .rightcol, |
| | | #messagepreview .rightcol { |
| | | float: right; |
| | | /* |
| | |
| | | min-height: 200px; |
| | | background: #f0f0f0; |
| | | padding: 8px; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | #messagebody { |