| | |
| | | padding-left: 2px; |
| | | } |
| | | |
| | | #markmessagemenu |
| | | { |
| | | position: absolute; |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | visibility: hidden; |
| | | background-color: #F9F9F9; |
| | | border: 1px solid #CCC; |
| | | padding: 1px; |
| | | opacity: 0.9; |
| | | z-index: 240; |
| | | } |
| | | |
| | | ul.toolbarmenu |
| | | { |
| | | margin: 0; |
| | | padding: 0; |
| | | list-style: none; |
| | | } |
| | | |
| | | ul.toolbarmenu li |
| | | { |
| | | font-size: 11px; |
| | | white-space: nowrap; |
| | | min-width: 130px; |
| | | width: auto !important; |
| | | width: 130px; |
| | | } |
| | | |
| | | ul.toolbarmenu li a |
| | | { |
| | | display: block; |
| | | color: #a0a0a0; |
| | | padding: 2px 8px 3px 12px; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | ul.toolbarmenu li a.active:hover |
| | | { |
| | | background-color: #ddd; |
| | | } |
| | | |
| | | #listcontrols |
| | | { |
| | | position: absolute; |
| | |
| | | #mailboxcontrols a.active, |
| | | #mailboxcontrols a.active:active, |
| | | #mailboxcontrols a.active:visited, |
| | | ul.toolbarmenu li a.active, |
| | | ul.toolbarmenu li a.active:active, |
| | | ul.toolbarmenu li a.active:visited, |
| | | td.formlinks a, |
| | | td.formlinks a:visited |
| | | { |
| | |
| | | { |
| | | position: absolute; |
| | | bottom: 16px; |
| | | right: 30px; |
| | | right: 20px; |
| | | width: 300px; |
| | | height: 20px; |
| | | text-align: right; |
| | |
| | | color: #333333; |
| | | } |
| | | |
| | | #mainscreen |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | right: 20px; |
| | | bottom: 40px; |
| | | left: 20px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| | | } |
| | | |
| | | #mailrightcontainer |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 170px; |
| | | bottom: 0px; |
| | | right: 0px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px'); |
| | | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| | | } |
| | | |
| | | #messagepartcontainer |
| | | { |
| | | position: absolute; |
| | |
| | | left: 20px; |
| | | right: 20px; |
| | | bottom: 20px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-100)+'px'); |
| | | } |
| | | |
| | | #mailcontframe |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | left: 200px; |
| | | right: 30px; |
| | | bottom: 40px; |
| | | width: 100%; |
| | | top: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-230)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| | | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| | | } |
| | | |
| | | #mailpreviewframe |
| | | { |
| | | position: absolute; |
| | | top: 305px; |
| | | left: 200px; |
| | | right: 30px; |
| | | bottom: 40px; |
| | | width: 100%; |
| | | top: 205px; |
| | | bottom: 0px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-230)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px'); |
| | | height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px'); |
| | | } |
| | | |
| | | #messagecontframe |
| | | { |
| | | position: absolute; |
| | | position: relative; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-230)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-135-document.getElementById('mailcontframe').offsetHeight)+'px'); |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | #messagepartframe |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | width: auto; |
| | | height: auto; |
| | | width: 100%; |
| | | height: 100%; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | } |
| | |
| | | position: absolute; |
| | | top: 10px; |
| | | left: 220px; |
| | | right: 20px; |
| | | height: 40px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); |
| | | } |
| | | |
| | | #partheader table td |
| | |
| | | { |
| | | display: block; |
| | | height: 12px; |
| | | margin: 0; |
| | | padding: 3px 10px 4px 10px; |
| | | background-color: #EBEBEB; |
| | | background-image: url(images/listheader_aqua.gif); |
| | |
| | | #mailboxlist-container |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | left: 20px; |
| | | top: 0px; |
| | | left: 0px; |
| | | width: 160px; |
| | | bottom: 40px; |
| | | bottom: 0px; |
| | | border: 1px solid #999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| | | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| | | } |
| | | |
| | | #mailboxlist |
| | | { |
| | | position:relative; |
| | | width: 100%; |
| | | height: auto; |
| | | margin: 0px; |
| | |
| | | |
| | | #mailboxlist li |
| | | { |
| | | /* height: 18px; */ |
| | | display: block; |
| | | position: relative; |
| | | font-size: 11px; |
| | | background: url(images/icons/folder-closed.png) no-repeat; |
| | | background-position: 10px 1px; |
| | | background-position: 5px 1px; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | /* IE 5.5 margin-left: -16px; */ |
| | | } |
| | | |
| | | #mailboxlist li div |
| | | { |
| | | position: absolute; |
| | | left: 8px !important; |
| | | left: -16px; |
| | | top: 2px; |
| | | width: 14px; |
| | | height: 16px; |
| | | } |
| | | |
| | | #mailboxlist li div.collapsed, |
| | | #mailboxlist li div.expanded |
| | | { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #mailboxlist li div.collapsed |
| | | { |
| | | background: url(images/icons/collapsed.png) bottom right no-repeat; |
| | | } |
| | | |
| | | #mailboxlist li div.expanded |
| | | { |
| | | background: url(images/icons/expanded.png) bottom right no-repeat; |
| | | } |
| | | |
| | | #mailboxlist li.inbox |
| | |
| | | |
| | | #mailboxlist li a |
| | | { |
| | | cursor: default; |
| | | display: block; |
| | | padding-left: 32px; |
| | | position: relative; |
| | | padding-left: 25px; |
| | | padding-top: 2px; |
| | | padding-bottom: 2px; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | #mailboxlist li, #mailboxlist li.unread |
| | | { |
| | | /* background-image: url(images/mailbox_list.gif); */ |
| | | } |
| | | |
| | | #mailboxlist li.unread |
| | |
| | | font-weight: bold; |
| | | } |
| | | |
| | | #mailboxlist li.selected |
| | | #mailboxlist li.virtual > a |
| | | { |
| | | color: #666; |
| | | } |
| | | |
| | | #mailboxlist li.selected, |
| | | #mailboxlist li.droptarget li.selected |
| | | { |
| | | background-color: #929292; |
| | | } |
| | | |
| | | #mailboxlist li.selected a |
| | | #mailboxlist li.selected > a, |
| | | #mailboxlist li.droptarget li.selected a |
| | | { |
| | | color: #FFF; |
| | | font-weight: bold; |
| | |
| | | padding: 0; |
| | | margin:0; |
| | | border-top: 1px solid #EBEBEB; |
| | | } |
| | | |
| | | #mailboxlist ul li { |
| | | padding-left: 15px; |
| | | background-position: 25px 1px; |
| | | } |
| | | |
| | | #mailboxlist li.selected li, |
| | | #mailboxlist li.droptarget li { |
| | | background-color: #F9F9F9; |
| | | } |
| | | |
| | | #mailboxlist li.unread li { |
| | | font-weight: normal; |
| | | } |
| | | |
| | | #mailboxlist li.unread li.unread { |
| | | font-weight: bold; |
| | | } |
| | | |
| | | #mailboxlist li.selected li a{ |
| | | color: black; |
| | | color: blue; |
| | | font-weight: normal; |
| | | } |
| | | |
| | |
| | | { |
| | | position: absolute; |
| | | left: 20px; |
| | | width: 170px; |
| | | width: 185px; |
| | | bottom: 20px; |
| | | height: 16px; |
| | | overflow: hidden; |
| | |
| | | /* css hack for IE */ |
| | | width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px'); |
| | | } |
| | | |
| | | /* safari hack \*/ |
| | | html>body*#messagelist[id$="messagelist"]:not([class="none"]) { width: 99%; } |
| | | html>body*input[type$="file"]:not([class="none"]) { background-color: transparent; border:0; } |
| | | /**/ |
| | | |
| | | #messagelist thead tr td |
| | | { |
| | |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | cursor: pointer; |
| | | cursor: default; |
| | | } |
| | | |
| | | #messagelist tbody tr td a |
| | |
| | | color: #000; |
| | | text-decoration: none; |
| | | white-space: nowrap; |
| | | cursor: inherit; |
| | | } |
| | | |
| | | #messagelist tr td.subject a |
| | | { |
| | | cursor: default; |
| | | } |
| | | |
| | | #messagelist col |
| | |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | #messagelist tr td.icon |
| | | #messagelist tr td.icon, |
| | | #messagelist tr td.flag |
| | | { |
| | | width: 16px; |
| | | vertical-align: middle; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | #messagelist tr td.subject |
| | |
| | | #messageframe |
| | | { |
| | | position: absolute; |
| | | top: 85px; |
| | | left: 200px; |
| | | right: 30px; |
| | | bottom: 40px; |
| | | top: 0px; |
| | | left: 170px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999; |
| | | background-color: #FFF; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | /* margin-bottom: 10px; */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-230)+'px'); |
| | | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| | | } |
| | | |
| | | #printmessageframe |
| | | { |
| | | position: absolute; |
| | | top: 0px; |
| | | left: 0px; |
| | | right: 0px; |
| | | bottom: 0px; |
| | | border: 1px solid #999; |
| | | background-color: #FFF; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-125)+'px'); |
| | | } |
| | | |
| | | div.messageheaderbox |
| | | { |
| | | position: relative; |
| | | margin: 6px 8px 0px 8px; |
| | | border: 1px solid #ccc; |
| | | } |
| | |
| | | margin: 6px 8px; |
| | | background-color: #F4F4F4; |
| | | border: 1px solid #ccc; |
| | | } |
| | | |
| | | #messageframe table.headers-table |
| | | { |
| | | border-bottom: 1px solid #ccc; |
| | | } |
| | | |
| | | table.headers-table tr td |
| | |
| | | |
| | | table.headers-table tr td.subject |
| | | { |
| | | width: 95%; |
| | | width: 90%; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | table.headers-table tr td.all |
| | | { |
| | | width: 100%; |
| | | color: #666666; |
| | | text-align: left; |
| | | padding-right: 10px; |
| | | vertical-align: center; |
| | | text-align: center; |
| | | } |
| | | |
| | | #attachment-list |
| | | { |
| | | margin: 0px; |
| | | padding: 0px 0px 0px 68px; |
| | | min-height: 18px; |
| | | padding: 0px 0px 0px 72px; |
| | | min-height: 16px; |
| | | list-style-image: none; |
| | | list-style-type: none; |
| | | background: url(images/icons/attachment.png) 52px 1px no-repeat #DFDFDF; |
| | | /* css hack for IE */ |
| | | height: expression(Math.min(18, parseInt(this.clientHeight))+'px'); |
| | | background: url(images/icons/attachment.png) 60px 2px no-repeat #DFDFDF; |
| | | /* IE6 hack */ |
| | | _height: expression(Math.min(16, parseInt(document.documentElement.clientHeight))+'px'); |
| | | } |
| | | |
| | | #attachment-list:after |
| | |
| | | float: left; |
| | | height: 18px; |
| | | font-size: 11px; |
| | | padding: 2px 10px 0px 10px; |
| | | padding: 2px 0px 0px 15px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #attachment-list li a |
| | |
| | | { |
| | | position:relative; |
| | | min-height: 300px; |
| | | padding-top: 10px; |
| | | padding-bottom: 10px; |
| | | background-color: #FFFFFF; |
| | | } |
| | | |
| | | div.message-part |
| | | { |
| | | padding: 8px; |
| | | padding-top: 10px; |
| | | overflow: hidden; |
| | | padding: 10px 8px; |
| | | border-top: 1px solid #ccc; |
| | | /* overflow: hidden; */ |
| | | } |
| | | |
| | | div.message-part a |
| | | #messagebody div:first-child |
| | | { |
| | | border-top: 0; |
| | | } |
| | | |
| | | div.message-part a, |
| | | div.message-htmlpart a |
| | | { |
| | | color: #0000CC; |
| | | } |
| | |
| | | { |
| | | margin: 0px; |
| | | padding: 0px; |
| | | font-family: monospace; |
| | | white-space: -moz-pre-wrap !important; |
| | | white-space: pre; |
| | | font-family: monospace; |
| | | word-wrap: break-word; /* IE (and Safari) */ |
| | | } |
| | | |
| | | div.message-part blockquote |
| | |
| | | border-right: 2px solid #bb0000; |
| | | } |
| | | |
| | | body.iframe div.message-htmlpart |
| | | { |
| | | margin: 8px; |
| | | } |
| | | |
| | | div.message-htmlpart div.rcmBody |
| | | { |
| | | margin: 8px; |
| | | } |
| | | |
| | | #remote-objects-message |
| | | { |
| | | display: none; |
| | | height: 20px; |
| | | margin: 8px; |
| | | min-height: 20px; |
| | | margin: 8px 8px 0px 8px; |
| | | padding: 10px 10px 6px 46px; |
| | | padding: 10px 10px 6px 46px; |
| | | } |
| | | |
| | | #remote-objects-message a |
| | |
| | | color: #333333; |
| | | } |
| | | |
| | | #messageviewlink |
| | | { |
| | | position: absolute; |
| | | top: 1px; |
| | | right: 1px; |
| | | width: 15px; |
| | | height: 15px; |
| | | border: 0; |
| | | } |
| | | |
| | | /** message compose styles */ |
| | | |
| | | #compose-toolbar |
| | | { |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #priority-selector, |
| | | #receipt-selector |
| | | { |
| | | padding-left: 30px; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #compose-container |
| | |
| | | position: absolute; |
| | | top: 90px; |
| | | left: 200px; |
| | | right: 40px; |
| | | bottom: 40px; |
| | | right: 25px; |
| | | bottom: 30px; |
| | | padding: 0px; |
| | | margin: 0px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); |
| | | width: expression((parseInt(document.documentElement.clientWidth)-220)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-130)+'px'); |
| | | } |
| | | |
| | |
| | | top: 150px; |
| | | left: 20px; |
| | | z-index: 200; |
| | | padding: 8px; |
| | | padding: 6px; |
| | | visibility: hidden; |
| | | border: 1px solid #CCCCCC; |
| | | background-color: #F9F9F9; |
| | | } |
| | | |
| | | #attachment-form input.button |
| | | #attachment-form div |
| | | { |
| | | margin-top: 8px; |
| | | padding: 2px; |
| | | } |
| | | |
| | | #attachment-form div.buttons |
| | | { |
| | | margin-top: 4px; |
| | | } |
| | | |
| | | table.headers-table tr td.more-headers |
| | | { |
| | | cursor: pointer; |
| | | width: 100%; |
| | | height: 8px; |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | table.headers-table tr td.all |
| | | { |
| | | padding: 2px 6px 4px 6px; |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | td.show-headers |
| | | { |
| | | background: url(images/icons/down_small.gif) no-repeat center; |
| | | } |
| | | |
| | | td.hide-headers |
| | | { |
| | | background: url(images/icons/up_small.gif) no-repeat center; |
| | | } |
| | | |
| | | #all-headers |
| | | { |
| | | height: 150px; |
| | | display: none; |
| | | } |
| | | |
| | | #headers-source |
| | | { |
| | | margin: 0 5px; |
| | | padding: 0.5em; |
| | | height: 145px; |
| | | background: white; |
| | | overflow: auto; |
| | | font-size: 11px; |
| | | white-space: nowrap; |
| | | border: 1px solid #999999; |
| | | display: none; |
| | | text-align: left; |
| | | color: #333; |
| | | } |
| | | |
| | | font.bold |
| | | { |
| | | font-weight: bold; |
| | | } |