diff options
| -rw-r--r-- | skins/larry/ie7hacks.css | 7 | ||||
| -rw-r--r-- | skins/larry/iehacks.css | 2 | ||||
| -rw-r--r-- | skins/larry/images/contactpic_32px.png | bin | 4883 -> 333 bytes | |||
| -rw-r--r-- | skins/larry/images/contactpic_48px.png | bin | 5203 -> 409 bytes | |||
| -rw-r--r-- | skins/larry/mail.css | 54 | ||||
| -rw-r--r-- | skins/larry/svggradients.css | 2 | ||||
| -rw-r--r-- | skins/larry/templates/message.html | 4 | ||||
| -rw-r--r-- | skins/larry/templates/messagepreview.html | 6 |
8 files changed, 42 insertions, 33 deletions
diff --git a/skins/larry/ie7hacks.css b/skins/larry/ie7hacks.css index f15a615ef..6bd07e87e 100644 --- a/skins/larry/ie7hacks.css +++ b/skins/larry/ie7hacks.css @@ -67,16 +67,11 @@ a.deletebutton, text-align: left; } -#messagepreviewheader .iconlink { +#messageheader.previewheader .iconlink { color: #fff; height: 14px; } -#mailview-right #messageheader h2.subject { - position: relative; - left: -56px; -} - #uploadform a.iconlink { text-indent: 0px; } diff --git a/skins/larry/iehacks.css b/skins/larry/iehacks.css index 288202111..93f483c11 100644 --- a/skins/larry/iehacks.css +++ b/skins/larry/iehacks.css @@ -144,7 +144,7 @@ ul.toolbarmenu li a.active:hover, } #messageheader, #partheader, #composeheaders { - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0); } #previewheaderstoggle { diff --git a/skins/larry/images/contactpic_32px.png b/skins/larry/images/contactpic_32px.png Binary files differindex 276f1974f..233bb1496 100644 --- a/skins/larry/images/contactpic_32px.png +++ b/skins/larry/images/contactpic_32px.png diff --git a/skins/larry/images/contactpic_48px.png b/skins/larry/images/contactpic_48px.png Binary files differindex ec6e22cc3..e536ddf0e 100644 --- a/skins/larry/images/contactpic_48px.png +++ b/skins/larry/images/contactpic_48px.png diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 23bbc607c..53b34105a 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -688,17 +688,20 @@ a.iconbutton.threadmode.selected { position: relative; padding: 3px 0; background: #f9f9f9; - background: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e9e9e9)); - background: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%); - background: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%); - background: linear-gradient(top, #fff 0%, #e9e9e9 100%); + background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f0f0f0)); + background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: linear-gradient(top, #fff 0%, #f0f0f0 100%); + border-bottom: 1px solid #dfdfdf; } #mailview-right #messageheader { border-radius: 4px 4px 0 0; - padding-left: 58px; - border-bottom: 2px solid #e6e6e6; + padding-left: 78px; + /* avoid headers eating up all the vertical space */ + max-height: 50%; + overflow: auto; } h2.subject { @@ -728,7 +731,8 @@ h3.subject { padding: 2px 8px; } -.headers-table td.header { +.headers-table td.header, +.ui-dialog-content.popup span.adr { font-weight: bold; } @@ -736,12 +740,14 @@ h3.subject { white-space: nowrap; } -.headers-table td.header a { +.headers-table td.header a, +.ui-dialog-content.popup span.adr a { color: #666; text-decoration: none; } -.headers-table td.header a:hover { +.headers-table td.header a:hover, +.ui-dialog-content.popup span.adr a:hover { text-decoration: underline; } @@ -751,8 +757,15 @@ h3.subject { font-weight: bold; } -.headers-table td.header span { +.headers-table td.header span, +.ui-dialog-content.popup span.adr { + white-space: nowrap; +} + +.headers-table td.header a.morelink { + color: #0069a6; white-space: nowrap; + font-weight: normal; } .rcmaddcontact { @@ -859,24 +872,22 @@ div.hide-headers { color: #333; } -#messagepreviewheader #all-headers { +#messageheader.previewheader #all-headers { margin-left: 0; } -#messagepreviewheader { +#messageheader.previewheader { position: relative; height: auto; min-height: 52px; - margin: 0 8px 0 0; - padding: 0 0 0px 72px; - border-bottom: 2px solid #f0f0f0; + padding: 0 0 3px 72px; } -#messagepreviewheader h3.subject { +#messageheader.previewheader h3.subject { padding: 8px 8px 2px 0; } -#messagepreviewheader #contactphoto { +#messageheader.previewheader #contactphoto { display: block; position: absolute; top: 11px; @@ -888,7 +899,7 @@ div.hide-headers { border-radius: 3px; } -#messagepreviewheader #contactphoto img { +#messageheader.previewheader #contactphoto img { width: 32px; height: auto; border-radius: 3px; @@ -898,11 +909,12 @@ div.hide-headers { display: block; position: absolute; top: 34px; - left: 10px; + left: 30px; width: 48px; height: 48px; overflow: hidden; border-radius: 4px; + border: 1px solid #e6e6e6; background: url(images/contactpic_48px.png) center center no-repeat #fff; } @@ -912,7 +924,6 @@ div.hide-headers { border-radius: 4px; } -#messagepreviewheader #countcontrols, #messageheader #countcontrols { position: absolute; top: 8px; @@ -1147,6 +1158,7 @@ div.message-part blockquote blockquote blockquote { -webkit-box-shadow: 0 2px 3px 0 #999; -moz-box-shadow: 0 2px 3px 0 #999; box-shadow: 0 2px 3px 0 #999; + border-bottom: 0; } #composebuttons { diff --git a/skins/larry/svggradients.css b/skins/larry/svggradients.css index 143fb375f..5b3fedbfc 100644 --- a/skins/larry/svggradients.css +++ b/skins/larry/svggradients.css @@ -134,7 +134,7 @@ ul.toolbarmenu li a.active:hover, } #messageheader, #partheader, #composeheaders { - background-image: url(svggradient.php?c=ffffff;e9e9e9); + background-image: url(svggradient.php?c=ffffff;f0f0f0); } #previewheaderstoggle { diff --git a/skins/larry/templates/message.html b/skins/larry/templates/message.html index 50ac84473..e99f2066a 100644 --- a/skins/larry/templates/message.html +++ b/skins/larry/templates/message.html @@ -34,8 +34,10 @@ <div id="mailview-right" class="offset uibox"> <div id="messageheader"> +<span id="previewheaderstoggle"></span> + <h2 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h2> -<roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject" /> +<roundcube:object name="messageHeaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject" max="20" /> <roundcube:object name="messageFullHeaders" id="full-headers" /> <!-- record navigation --> diff --git a/skins/larry/templates/messagepreview.html b/skins/larry/templates/messagepreview.html index 792c1bd63..de02b050b 100644 --- a/skins/larry/templates/messagepreview.html +++ b/skins/larry/templates/messagepreview.html @@ -6,10 +6,10 @@ </head> <body class="iframe fullheight"> -<div id="messagepreviewheader"> +<div id="messageheader" class="previewheader"> <h3 class="subject"><roundcube:object name="messageHeaders" valueOf="subject" /></h3> -<a href="#details" id="previewheaderstoggle"><span class="iconlink"></span></a> +<a href="#details" id="previewheaderstoggle"><span class="iconlink" title="<roundcube:label name='togglemoreheaders' />"></span></a> <div id="contactphoto"><roundcube:object name="contactphoto" /></div> <table class="headers-table" id="preview-shortheaders"><tbody><tr> @@ -24,7 +24,7 @@ <td class="header date"><span><roundcube:object name="messageHeaders" valueOf="date" /></span></td> </tr></tbody></table> -<roundcube:object name="messageHeaders" id="preview-allheaders" class="headers-table" addicon="/images/addcontact.png" exclude="subject,replyto" /> +<roundcube:object name="messageHeaders" id="preview-allheaders" class="headers-table" addicon="/images/addcontact.png" max="10" exclude="subject,replyto" /> <roundcube:object name="messageFullHeaders" id="full-headers" /> |
