diff options
Diffstat (limited to 'skins/larry/mail.css')
| -rw-r--r-- | skins/larry/mail.css | 183 |
1 files changed, 139 insertions, 44 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css index ab87cd865..695697f6b 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -18,6 +18,7 @@ left: 0; width: 220px; bottom: 0; + z-index: 2; } #mailview-right { @@ -26,6 +27,7 @@ left: 232px; right: 0; bottom: 0; + z-index: 3; } #mailview-top { @@ -36,6 +38,10 @@ bottom: 28px; } +#mailview-top.fullheight { + border-radius: 4px 4px 0 0; +} + #mailview-bottom { position: absolute; left: 0; @@ -44,12 +50,6 @@ height: 26px; } -#mailviewsplitter { - right: 30px; - width: 30px; - left: auto !important; -} - #folderlist-header { width: 100%; height: 12px; @@ -67,7 +67,7 @@ #messagelistcontainer { top: 0; - bottom: 32px; + bottom: 30px; overflow: auto; } @@ -76,8 +76,20 @@ bottom: 0; left: 0; right: 0; - height: 26px; - padding: 2px; + height: 22px; + padding: 4px 6px; + border-top: 1px solid #ddd; + background: #ebebeb; + background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6)); + background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%); + border-radius: 0 0 4px 4px; +} + +#mailview-top.fullheight #messagelistfooter { + border-radius: 0; } #messagelistfooter.rightalign { @@ -92,6 +104,11 @@ #messagelistfooter #listselectors { display: inline-block; margin-right: 2em; + vertical-align: middle; +} + +#messagelistfooter #listselectors .menuselector { + margin-top: -2px; } a.iconbutton.listmode { @@ -301,7 +318,14 @@ a.iconbutton.threadmode.selected { } #searchfilter { - width: 16em; + position: absolute; + right: 256px; + width: auto; + top: 7px; +} + +#searchfilter select { + height: 26px; } #mailview-left select.mailboxlist { @@ -313,25 +337,35 @@ a.iconbutton.threadmode.selected { #messagetoolbar { position: absolute; top: -6px; - right: 0; - left: 15em; + right: 390px; + left: 0; height: 40px; white-space: nowrap; + z-index: 10; } #messagetoolbar.fullwidth { - left: 0; + right: 0; } -#mailtoolbar { - text-align: right; +#messagetoolbar .toolbarselect { + position: absolute; + bottom: 6px; + right: 3px; +} + +#messagesearchtools { + position: absolute; + right: 0; + top: 0; + width: 240px; } #mailpreviewtoggle { display: block; position: absolute; - top: 4px; - right: 2px; + top: 6px; + right: 4px; width: 20px; height: 18px; background: url(images/buttons.png) -3px -458px no-repeat; @@ -344,6 +378,14 @@ a.iconbutton.threadmode.selected { /*** message list ***/ +#messagelist thead td:first-child { + border-radius: 4px 0 0 0; +} + +#messagelist thead td:last-child { + border-radius: 0 4px 0 0; +} + #messagelist tr td.attachment, #messagelist tr td.threads, #messagelist tr td.status, @@ -482,28 +524,29 @@ a.iconbutton.threadmode.selected { #messagelist tbody tr td.attachment span.attachment { background-position: 0 -996px; } + #messagelist thead tr td.attachment span.attachment { background-position: -24px -997px; } -#messagelist tr td.priority { - padding-right: 0; +#messagelist tbody tr td.attachment span.report { + background-position: -24px -1116px; } #messagelist tr td.priority span.prio5 { - background-position: right -1905px; + background-position: 0 -1905px; } #messagelist tr td.priority span.prio4 { - background-position: right -1885px; + background-position: 0 -1885px; } #messagelist tr td.priority span.prio2 { - background-position: right -1865px; + background-position: 0 -1865px; } #messagelist tr td.priority span.prio1 { - background-position: right -1845px; + background-position: 0 -1845px; } #messagelist tbody tr td.flag span.flagged { @@ -714,29 +757,47 @@ h3.subject { display: none; } +#preview-allheaders td.header-title, #preview-shortheaders td.header-title { - padding-right: 0; + padding-left: 0; } #preview-shortheaders td.header { - padding-right: 12px; + padding-right: 18px; } #previewheaderstoggle { - width: 16px; - height: 16px; - padding: 0; - margin-top: 5px; - position: absolute; - outline: none; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 18px; + padding: 0; + outline: none; + background: #f2f2f2; + background: -moz-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0,#fbfbfb), color-stop(100%,#e9e9e9)); + background: -o-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%); + border-right: 1px solid #dfdfdf; } -#previewheaderstoggle.iconlink.add { - background-position: -32px -227px; +#previewheaderstoggle .iconlink { + display: inline-block; + position: absolute; + top: 8px; + left: 0; + width: 18px; + height: 16px; + background: url(images/buttons.png) -27px -242px no-repeat; } -#previewheaderstoggle.iconlink.remove { - background-position: -32px -242px; +#previewheaderstoggle.remove .iconlink { + top: auto; + bottom: 5px; + background-position: -5px -242px; } div.more-headers { @@ -750,7 +811,7 @@ div.hide-headers { } #all-headers { - position: relative; + position: relative; margin: 0 10px; padding: 0; height: 180px; @@ -773,17 +834,50 @@ div.hide-headers { } #messagepreviewheader { - margin: 0 8px; - padding-bottom: 8px; + position: relative; + height: auto; + margin: 0 8px 0 0; + padding: 0 0 6px 72px; border-bottom: 2px solid #f0f0f0; } -#messagepreviewheader .headers-table { - margin-left: 8px; +#messagepreviewheader h3.subject { + padding: 8px 8px 2px 0; } -#messagepreviewheader h3.subject { - padding-left: 0; +#messagepreviewheader #contactphoto { + display: block; + position: absolute; + top: 11px; + left: 30px; + width: 32px; + height: 32px; + overflow: hidden; + background: url(images/contactpic_32px.png) center center no-repeat #fff; + border-radius: 3px; +} + +#messagepreviewheader #contactphoto img { + width: 32px; + height: auto; + border-radius: 3px; +} + +#messageheader #contactphoto { + display: block; + position: absolute; + top: 40px; + right: 10px; + width: 48px; + height: 48px; + overflow: hidden; + border-radius: 4px; +} + +#messageheader #contactphoto img { + width: 48px; + height: auto; + border-radius: 4px; } #messagepreviewheader #countcontrols, @@ -791,7 +885,7 @@ div.hide-headers { position: absolute; top: 8px; right: 8px; - width: 18em; + width: 20em; text-align: right; white-space: nowrap; } @@ -865,6 +959,7 @@ div.message-part div.pre { margin: 0px; padding: 0px; font-family: monospace; + font-size: 12px; white-space: -moz-pre-wrap !important; white-space: pre-wrap !important; white-space: pre; @@ -1210,7 +1305,7 @@ div.message-part blockquote blockquote blockquote { #uploadform a.iconlink { margin-left: 1em; - text-indent: -1000px; + text-indent: -5000px; } #uploadform form div { |