| | |
| | | height: 35px; |
| | | white-space: nowrap; |
| | | /* border: 1px solid #cccccc; */ |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-400)+'px'); |
| | | } |
| | | |
| | | #messagetoolbar a |
| | |
| | | #messagetoolbar select.mboxlist |
| | | { |
| | | position: absolute; |
| | | left: 375px; |
| | | top: 8px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | #markmessagemenu, |
| | | #searchmenu |
| | | #searchmenu, |
| | | #messagemenu |
| | | { |
| | | position: absolute; |
| | | top: 32px; |
| | |
| | | border: 1px solid #CCC; |
| | | padding: 1px; |
| | | opacity: 0.9; |
| | | filter:alpha(opacity=90); |
| | | z-index: 240; |
| | | } |
| | | |
| | |
| | | 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; |
| | | padding: 2px 8px 3px 22px; |
| | | text-decoration: none; |
| | | min-height: 14px; |
| | | } |
| | | |
| | | ul.toolbarmenu li a.active:hover |
| | | ul.toolbarmenu li a.active, |
| | | ul.toolbarmenu li a.active:active, |
| | | ul.toolbarmenu li a.active:visited |
| | | { |
| | | background-color: #ddd; |
| | | color: #333; |
| | | } |
| | | |
| | | ul.toolbarmenu li input |
| | | { |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | ul.toolbarmenu li hr |
| | | { |
| | | color: #ccc; |
| | | width: 130px; |
| | | height: 1px; |
| | | margin: 2px 1px 2px 1px; |
| | | } |
| | | |
| | | ul.toolbarmenu li img |
| | | { |
| | | float: left; |
| | | margin: 0 2px; |
| | | } |
| | | |
| | | ul.toolbarmenu li.separator_below |
| | | { |
| | | border-bottom: 1px solid #ccc; |
| | | margin-bottom: 2px; |
| | | padding-bottom: 2px; |
| | | } |
| | | |
| | | ul.toolbarmenu li.separator_above |
| | | { |
| | | border-top: 1px solid #ccc; |
| | | margin-top: 2px; |
| | | padding-top: 2px; |
| | | } |
| | | |
| | | #messagemenu li a.active:hover, |
| | | #markmessagemenu li a.active:hover |
| | | { |
| | | color: #fff; |
| | | background-color: #c00; |
| | | } |
| | | |
| | | #messagemenu li a |
| | | { |
| | | background: url('images/messageactions.png') no-repeat 1px 0; |
| | | } |
| | | |
| | | #messagemenu li a.printlink |
| | | { |
| | | background-position: 1px 1px; |
| | | } |
| | | |
| | | #messagemenu li a.downloadlink |
| | | { |
| | | background-position: 1px -17px; |
| | | } |
| | | |
| | | #messagemenu li a.sourcelink |
| | | { |
| | | background-position: 1px -35px; |
| | | } |
| | | |
| | | #messagemenu li a.openlink |
| | | { |
| | | background-position: 1px -53px; |
| | | } |
| | | |
| | | #markmessagemenu a.readlink |
| | | { |
| | | background: url('images/icons/dot.png') no-repeat 2px; |
| | | } |
| | | |
| | | #markmessagemenu a.unreadlink |
| | | { |
| | | background: url('images/icons/unread.png') no-repeat 2px; |
| | | } |
| | | |
| | | #markmessagemenu a.flaggedlink |
| | | { |
| | | background: url('images/icons/flagged.png') no-repeat 2px; |
| | | } |
| | | |
| | | #markmessagemenu a.unflaggedlink |
| | | { |
| | | background: url('images/icons/unflagged.png') no-repeat 2px; |
| | | } |
| | | |
| | | #searchfilter |
| | |
| | | #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 |
| | | { |
| | |
| | | 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 |
| | |
| | | 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 |
| | |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| | | } |
| | | |
| | | #mailpreviewframe |
| | |
| | | bottom: 0px; |
| | | border: 1px solid #999999; |
| | | background-color: #F9F9F9; |
| | | /* css hack for IE */ |
| | | height: expression((parseInt(this.parentNode.offsetHeight)-205)+'px'); |
| | | } |
| | | |
| | | #messagecontframe |
| | |
| | | left: 220px; |
| | | right: 20px; |
| | | height: 40px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); |
| | | } |
| | | |
| | | #partheader table td |
| | |
| | | height: 12px; |
| | | margin: 0; |
| | | padding: 3px 10px 4px 10px; |
| | | background-color: #EBEBEB; |
| | | background-image: url(images/listheader_aqua.gif); |
| | | background: url('images/listheader.gif') top left repeat-x #CCC; |
| | | border-bottom: 1px solid #999; |
| | | color: #333333; |
| | | font-size: 11px; |
| | |
| | | border: 1px solid #999; |
| | | background-color: #F9F9F9; |
| | | overflow: auto; |
| | | /* css hack for IE */ |
| | | height: expression(parseInt(this.parentNode.offsetHeight)+'px'); |
| | | } |
| | | |
| | | #mailboxlist |
| | |
| | | display: block; |
| | | position: relative; |
| | | font-size: 11px; |
| | | background: url(images/icons/folder-closed.png) no-repeat; |
| | | background-position: 5px 1px; |
| | | background: url('images/icons/folders.png') 5px 1px no-repeat; |
| | | border-bottom: 1px solid #EBEBEB; |
| | | } |
| | | |
| | |
| | | |
| | | #mailboxlist li div.collapsed |
| | | { |
| | | background: url(images/icons/collapsed.png) bottom right no-repeat; |
| | | background: url('images/icons/collapsed.png') bottom right no-repeat; |
| | | } |
| | | |
| | | #mailboxlist li div.expanded |
| | | { |
| | | background: url(images/icons/expanded.png) bottom right no-repeat; |
| | | background: url('images/icons/expanded.png') bottom right no-repeat; |
| | | } |
| | | |
| | | #mailboxlist li.inbox |
| | | { |
| | | background-image: url(images/icons/folder-inbox.png); |
| | | background-position: 5px -19px; |
| | | } |
| | | |
| | | #mailboxlist li.drafts |
| | | { |
| | | background-image: url(images/icons/folder-drafts.png); |
| | | background-position: 5px -40px; |
| | | } |
| | | |
| | | #mailboxlist li.sent |
| | | { |
| | | background-image: url(images/icons/folder-sent.png); |
| | | background-position: 5px -60px; |
| | | } |
| | | |
| | | #mailboxlist li.junk |
| | | { |
| | | background-image: url(images/icons/folder-junk.png); |
| | | background-position: 5px -80px; |
| | | } |
| | | |
| | | #mailboxlist li.trash |
| | | { |
| | | background-image: url(images/icons/folder-trash.png); |
| | | background-position: 5px -100px; |
| | | } |
| | | |
| | | #mailboxlist li a |
| | |
| | | right: 20px; |
| | | bottom: 18px; |
| | | height: 20px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-40)+'px'); |
| | | } |
| | | |
| | | #mailfooter table tr td |
| | |
| | | width: 100%; |
| | | display: table; |
| | | table-layout: fixed; |
| | | /* css hack for IE */ |
| | | width: expression('auto'); |
| | | } |
| | | |
| | | #messagelist thead tr td |
| | |
| | | vertical-align: middle; |
| | | border-bottom: 1px solid #999999; |
| | | color: #333333; |
| | | background-color: #EBEBEB; |
| | | background-image: url(images/listheader_aqua.gif); |
| | | background: url('images/listheader.gif') top left repeat-x #CCC; |
| | | font-size: 11px; |
| | | font-weight: bold; |
| | | } |
| | |
| | | #messagelist thead tr td.sortedASC, |
| | | #messagelist thead tr td.sortedDESC |
| | | { |
| | | background-image: url(images/listheader_dark.gif); |
| | | background-position: 0 -20px; |
| | | } |
| | | |
| | | #messagelist thead tr td.sortedASC a |
| | | { |
| | | background: url(images/sort_asc.gif) top right no-repeat; |
| | | background: url('images/icons/sort.gif') right 0 no-repeat; |
| | | } |
| | | |
| | | #messagelist thead tr td.sortedDESC a |
| | | { |
| | | background: url(images/sort_desc.gif) top right no-repeat; |
| | | background: url('images/icons/sort.gif') right -14px no-repeat; |
| | | } |
| | | |
| | | #messagelist thead tr td a |
| | |
| | | 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 |
| | |
| | | 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 |
| | |
| | | color: #666666; |
| | | text-align: left; |
| | | padding-right: 10px; |
| | | vertical-align: center; |
| | | text-align: center; |
| | | padding: 2px 6px 4px 6px; |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | table.headers-table tr td.more-headers |
| | | { |
| | | cursor: pointer; |
| | | width: 100%; |
| | | height: 8px; |
| | | border-bottom: 0; |
| | | } |
| | | |
| | | #attachment-list |
| | |
| | | list-style-image: none; |
| | | list-style-type: none; |
| | | 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 |
| | |
| | | border-right: 2px solid #bb0000; |
| | | } |
| | | |
| | | body.iframe |
| | | { |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth))+'px'); |
| | | } |
| | | |
| | | body.iframe div.message-htmlpart |
| | | { |
| | | margin: 8px; |
| | |
| | | right: 25px; |
| | | bottom: 30px; |
| | | margin: 0px; |
| | | /* css hack for IE */ |
| | | width: expression((parseInt(document.documentElement.clientWidth)-210)+'px'); |
| | | height: expression((parseInt(document.documentElement.clientHeight)-120)+'px'); |
| | | } |
| | | |
| | | #spellcheck-control |
| | |
| | | #compose-headers td input |
| | | { |
| | | width: 100%; |
| | | width: expression('99%'); |
| | | } |
| | | |
| | | #compose-headers td textarea |
| | |
| | | #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 |