| | |
| | | #messagetoolbar |
| | | { |
| | | position: absolute; |
| | | top: 45px; |
| | | top: 47px; |
| | | left: 200px; |
| | | right: 200px; |
| | | height: 35px; |
| | | white-space: nowrap; |
| | | /* border: 1px solid #cccccc; */ |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-400)+'px'); |
| | | } |
| | | |
| | | #messagetoolbar a |
| | |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | #messagetoolbar select |
| | | #messagetoolbar select, |
| | | #compose-container select |
| | | { |
| | | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| | | font-size: 11px; |
| | | color: #333333; |
| | | height: 21px; |
| | | } |
| | | |
| | | #messagetoolbar select.mboxlist |
| | | { |
| | | position: absolute; |
| | | left: 375px; |
| | | top: 10px; |
| | | top: 8px; |
| | | } |
| | | |
| | | #messagetoolbar select.mboxlist option |
| | |
| | | padding-left: 2px; |
| | | } |
| | | |
| | | #markmessagemenu |
| | | #markmessagemenu, |
| | | #searchmenu |
| | | { |
| | | position: absolute; |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | visibility: hidden; |
| | | display: none; |
| | | background-color: #F9F9F9; |
| | | border: 1px solid #CCC; |
| | | padding: 1px; |
| | | opacity: 0.9; |
| | | filter:alpha(opacity=90); |
| | | z-index: 240; |
| | | } |
| | | |
| | | #searchmenu |
| | | { |
| | | width: 172px; |
| | | } |
| | | |
| | | ul.toolbarmenu |
| | |
| | | background-color: #ddd; |
| | | } |
| | | |
| | | #listcontrols |
| | | ul.toolbarmenu li input |
| | | { |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #searchfilter |
| | | { |
| | | position: absolute; |
| | | left: 200px; |
| | | bottom: 20px; |
| | | height: 16px; |
| | | width: 500px; |
| | | right: 18px; |
| | | top: 8px; |
| | | text-align: right; |
| | | } |
| | | |
| | | #searchfilter label |
| | | { |
| | | font-size: 11px; |
| | | } |
| | | |
| | |
| | | #mailboxcontrols a.active:hover |
| | | { |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | #listcontrols, |
| | | #mailboxcontrols |
| | | { |
| | | padding-right: 2em; |
| | | } |
| | | |
| | | #messagecountbar |
| | |
| | | #mailboxlist |
| | | { |
| | | position:relative; |
| | | width: 100%; |
| | | height: auto; |
| | | margin: 0px; |
| | | padding: 0px; |
| | |
| | | } |
| | | |
| | | |
| | | #mailboxcontrols |
| | | #mailfooter |
| | | { |
| | | position: absolute; |
| | | left: 20px; |
| | | width: 185px; |
| | | bottom: 20px; |
| | | height: 16px; |
| | | overflow: hidden; |
| | | right: 20px; |
| | | bottom: 18px; |
| | | height: 20px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| | | } |
| | | |
| | | #mailfooter table tr td |
| | | { |
| | | white-space: nowrap; |
| | | vertical-align: bottom; |
| | | } |
| | | |
| | | #mailboxcontrols, |
| | | #listcontrols, |
| | | #countcontrols, |
| | | #quotabox |
| | | { |
| | | white-space: nowrap; |
| | | font-size: 11px; |
| | | } |
| | | |
| | |
| | | display: table; |
| | | table-layout: fixed; |
| | | /* css hack for IE */ |
| | | width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px'); |
| | | width: expression('auto'); |
| | | } |
| | | |
| | | /* safari hack \*/ |
| | | html>body*#messagelist[id$="messagelist"]:not([class="none"]) { table-layout: auto; } |
| | | html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border:0; } |
| | | /**/ |
| | | |
| | | #messagelist thead tr td |
| | | { |
| | |
| | | cursor: inherit; |
| | | } |
| | | |
| | | #messagelist tbody tr td.subject a |
| | | { |
| | | cursor: default; |
| | | } |
| | | |
| | | #messagelist col |
| | | { |
| | | display: table-column; |
| | |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #messagelist tbody tr td.flag img:hover, |
| | | #messagelist thead tr td.flag img |
| | | { |
| | | background: url(images/icons/unflagged.png) center no-repeat; |
| | | } |
| | | |
| | | #messagelist tr td.subject |
| | | { |
| | | overflow: hidden; |
| | |
| | | width: 70px; |
| | | text-align: right; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #messagelist thead tr td.size |
| | | { |
| | | text-align: left; |
| | | } |
| | | |
| | | #messagelist tr td.from, |
| | |
| | | background-color: #FFFFFF; |
| | | } |
| | | |
| | | #messagelist tr.flagged td, |
| | | #messagelist tr.flagged td a |
| | | { |
| | | color: #CC0000; |
| | | } |
| | | |
| | | #messagelist tr.selected td |
| | | { |
| | | color: #FFFFFF; |
| | |
| | | color: #FFFFFF; |
| | | } |
| | | |
| | | #messagelist tr.deleted td a |
| | | { |
| | | color: #CCCCCC; |
| | | } |
| | | |
| | | #messagelist tr.deleted td, |
| | | #messagelist tr.deleted td a |
| | | { |
| | | color: #CCCCCC; |
| | | } |
| | | |
| | | /* safari hacks \*/ |
| | | html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99.8%; } |
| | | html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.flag, |
| | | html>body*#messagelist[id$="messagelist"]:not([class="none"]) tr td.icon { width: 20px; } |
| | | html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border: 0; } |
| | | /**/ |
| | | |
| | | #quotadisplay |
| | | { |
| | |
| | | { |
| | | vertical-align: middle; |
| | | margin-left: 4px; |
| | | border: 1px solid #666666; |
| | | border: 1px solid #999; |
| | | } |
| | | |
| | | |
| | | /** message view styles */ |
| | | |
| | | |
| | | #messageframe |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 170px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999; |
| | | background-color: #FFF; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); |
| | | height: expression((parseInt(this.parentNode.offsetHeight))+'px'); |
| | | } |
| | | |
| | | #messagecanvas |
| | | { |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(this.parentNode.offsetWidth)-20)+'px'); |
| | | } |
| | | |
| | | #printmessageframe |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | |
| | | |
| | | div.messageheaderbox |
| | | { |
| | | position: relative; |
| | | margin: 6px 8px 0px 8px; |
| | | border: 1px solid #ccc; |
| | | } |
| | |
| | | |
| | | table.headers-table td.header-title |
| | | { |
| | | width: 85px; |
| | | width: 80px; |
| | | color: #666666; |
| | | font-weight: bold; |
| | | text-align: right; |
| | |
| | | #messagebody |
| | | { |
| | | position:relative; |
| | | min-height: 300px; |
| | | padding-bottom: 10px; |
| | | background-color: #FFFFFF; |
| | | } |
| | |
| | | color: #0000CC; |
| | | } |
| | | |
| | | div.message-part pre, |
| | | div.message-htmlpart pre, |
| | | div.message-part div.pre |
| | | { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | font-family: monospace; |
| | | white-space: -moz-pre-wrap !important; |
| | | white-space: -o-pre-wrap !important; |
| | | white-space: pre-wrap !important; |
| | | white-space: pre; |
| | | word-wrap: break-word; /* IE (and Safari) */ |
| | | } |
| | |
| | | color: #990000; |
| | | border-left: 2px solid #bb0000; |
| | | border-right: 2px solid #bb0000; |
| | | } |
| | | |
| | | body.iframe |
| | | { |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth))+'px'); |
| | | } |
| | | |
| | | body.iframe div.message-htmlpart |
| | |
| | | #messageviewlink |
| | | { |
| | | position: absolute; |
| | | top: 1px; |
| | | right: 1px; |
| | | top: 8px; |
| | | right: 10px; |
| | | width: 15px; |
| | | height: 15px; |
| | | border: 0; |
| | |
| | | { |
| | | position: absolute; |
| | | top: 90px; |
| | | left: 200px; |
| | | left: 190px; |
| | | right: 25px; |
| | | bottom: 30px; |
| | | padding: 0px; |
| | | margin: 0px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-130)+'px'); |
| | | width: expression((parseInt(document.documentElement.clientWidth)-210)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-120)+'px'); |
| | | } |
| | | |
| | | /* |
| | | #compose-headers |
| | | #spellcheck-control |
| | | { |
| | | text-align: right; |
| | | padding-top: 3px; |
| | | } |
| | | |
| | | #editor-select |
| | | { |
| | | float: left; |
| | | } |
| | | |
| | | #compose-div |
| | | { |
| | | position: absolute; |
| | | top: 70px; |
| | | left: 200px; |
| | | height: 84px; |
| | | border-top: 1px solid #cccccc; |
| | | overflow: auto; |
| | | top: 130px; |
| | | bottom: 30px; |
| | | width: 100%; |
| | | vertical-align: top; |
| | | padding-top: 2px; |
| | | } |
| | | |
| | | #compose-headers td |
| | | { |
| | | padding-top: 1px; |
| | | padding-bottom: 1px; |
| | | border-right: 1px solid #cccccc; |
| | | border-bottom: 1px solid #cccccc; |
| | | } |
| | | */ |
| | | |
| | | #compose-headers |
| | | { |
| | | width: 100%; |
| | | } |
| | | |
| | | /* |
| | | #compose-headers td |
| | | { |
| | | width: 100%; |
| | | } |
| | | */ |
| | | |
| | | #compose-headers td.top |
| | | { |
| | |
| | | |
| | | #compose-body |
| | | { |
| | | margin-top: 5px; |
| | | margin-bottom: 10px; |
| | | height: 90%; |
| | | min-height: 280px; |
| | | min-height: 100px; |
| | | height: 100%; |
| | | font-size: 9pt; |
| | | font-family: "Courier New", Courier, monospace; |
| | | } |
| | |
| | | overflow: hidden; |
| | | } |
| | | |
| | | #compose-attachments ul li img |
| | | { |
| | | padding-right: 2px; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #attachment-title |
| | | { |
| | | background: url(images/icons/attachment.png) top left no-repeat; |