From 800c48079dc1abf58b7574dc98237ccd36f34468 Mon Sep 17 00:00:00 2001 From: alecpl <alec@alec.pl> Date: Tue, 13 May 2008 15:04:05 -0400 Subject: [PATCH] - #1484524 --- skins/default/mail.css | 169 +++++++++++++++++++++++++++++--------------------------- 1 files changed, 88 insertions(+), 81 deletions(-) diff --git a/skins/default/mail.css b/skins/default/mail.css index 3628e3d..954e304 100644 --- a/skins/default/mail.css +++ b/skins/default/mail.css @@ -6,7 +6,7 @@ position: absolute; top: 45px; left: 200px; - right: 250px; + right: 200px; height: 35px; white-space: nowrap; /* border: 1px solid #cccccc; */ @@ -41,6 +41,49 @@ 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; @@ -56,7 +99,9 @@ #listcontrols a:visited, #mailboxcontrols a, #mailboxcontrols a:active, -#mailboxcontrols a:visited +#mailboxcontrols a:visited, +td.formlinks a, +td.formlinks a:visited { color: #999999; font-size: 11px; @@ -68,7 +113,12 @@ #listcontrols a.active:visited, #mailboxcontrols a.active, #mailboxcontrols a.active:active, -#mailboxcontrols a.active:visited +#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 { color: #CC0000; } @@ -103,6 +153,9 @@ 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 @@ -148,13 +201,8 @@ #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; } @@ -187,14 +235,9 @@ #mailboxlist-header { -/* - position: absolute; - top: 85px; - left: 20px; - width: 140px !important; -*/ display: block; height: 12px; + margin: 0; padding: 3px 10px 4px 10px; background-color: #EBEBEB; background-image: url(images/listheader_aqua.gif); @@ -209,7 +252,7 @@ position: absolute; top: 85px; left: 20px; - width: 160px; + width: 170px; bottom: 40px; border: 1px solid #999; background-color: #F9F9F9; @@ -232,12 +275,10 @@ #mailboxlist li { - /* height: 18px; */ font-size: 11px; background: url(images/icons/folder-closed.png) no-repeat; background-position: 10px 1px; border-bottom: 1px solid #EBEBEB; -/* IE 5.5 margin-left: -16px; */ } #mailboxlist li.inbox @@ -274,22 +315,19 @@ 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.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; @@ -306,28 +344,10 @@ 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; } @@ -358,8 +378,12 @@ display: table; table-layout: fixed; /* css hack for IE */ - width: expression(document.getElementById('mailcontframe').clientWidth); + width: expression(parseInt(document.getElementById('mailcontframe').clientWidth)+'px'); } + +/* safari hack \*/ +html>body*#messagelist[id$="messagelist"]:not([class="none"]) { table-layout: auto; } +/**/ #messagelist thead tr td { @@ -598,7 +622,7 @@ 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'); + height: expression(Math.min(18, parseInt(document.documentElement.clientHeight))+'px'); } #attachment-list:after @@ -633,16 +657,20 @@ { 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; */ +} + +#messagebody div:first-child +{ + border-top: 0; } div.message-part a @@ -706,18 +734,10 @@ /** message compose styles */ -#priority-selector -{ - position: absolute; - left: 280px; - top: 10px; -} - +#priority-selector, #receipt-selector { - position: absolute; - left: 450px; - top: 10px; + padding-left: 30px; } #compose-container @@ -730,7 +750,7 @@ padding: 0px; margin: 0px; /* css hack for IE */ - width: expression(document.documentElement.clientWidth-240); + width: expression((parseInt(document.documentElement.clientWidth)-240)+'px'); height: expression((parseInt(document.documentElement.clientHeight)-130)+'px'); } @@ -782,29 +802,17 @@ white-space: nowrap; } -#compose-headers td.add-button +#compose-body, +#compose-headers td textarea, +#compose-headers td input { - width: 40px !important; - text-align: right; - vertical-align: bottom; -} - -#compose-headers td.add-button a -{ - color: #666666; - font-size: 11px; - text-decoration: none; + width: 100%; + width: expression('99%'); } #compose-headers td textarea { - width: 100%; - height: 40px; -} - -#compose-headers td input -{ - width: 100%; + height: 38px; } #compose-cc, @@ -818,7 +826,6 @@ { margin-top: 5px; margin-bottom: 10px; - width: 99%; height: 90%; min-height: 280px; font-size: 9pt; -- Gitblit v1.9.1