diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png index 54ebc8378..f5117558d 100644 Binary files a/skins/larry/images/buttons.png and b/skins/larry/images/buttons.png differ diff --git a/skins/larry/includes/mailtoolbar.html b/skins/larry/includes/mailtoolbar.html index 09a6f81c1..246a71576 100644 --- a/skins/larry/includes/mailtoolbar.html +++ b/skins/larry/includes/mailtoolbar.html @@ -14,7 +14,10 @@ - + + + + diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 247873539..15046d2a3 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -76,6 +76,31 @@ display: inline-block; } +#messagelistfooter #listcontrols { + display: inline-block; + margin-right: 2em; +} + +a.iconbutton.listmode { + width: 26px; + height: 20px; + background-position: 0 -437px; +} + +a.iconbutton.threadmode { + width: 26px; + height: 20px; + background-position: 0 -457px; +} + +a.iconbutton.listmode.selected { + background-position: -26px -437px; +} + +a.iconbutton.threadmode.selected { + background-position: -26px -457px; +} + #mailboxlist li.mailbox { position: relative; background-repeat: no-repeat; @@ -234,6 +259,7 @@ right: 0; left: 15em; height: 40px; + white-space: nowrap; } #messagetoolbar.fullwidth { @@ -251,11 +277,11 @@ right: 2px; width: 20px; height: 18px; - background: url(images/buttons.png) -5px -318px no-repeat; + background: url(images/buttons.png) -3px -418px no-repeat; } #mailpreviewtoggle.enabled { - background-position: -28px -318px; + background-position: -28px -418px; } @@ -603,19 +629,29 @@ html.chrome #messagelist tr td.threads { top: 140px; left: 0; width: 100%; - bottom: 32px; + bottom: 0; overflow: auto; + border-radius: 4px 4px 0 0; } #messageheader, #partheader { padding: 3px 0; background: #fff; - 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%); + 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%); +} + +h2.subject { + font-size: 15px; + margin: 0 15em 0 0; + padding: 4px 8px 2px 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .headers-table td { @@ -649,6 +685,21 @@ html.chrome #messagelist tr td.threads { margin-left: 0.5em; } +#messageheader #countcontrols { + position: absolute; + top: 8px; + right: 8px; + width: 18em; + text-align: right; + white-space: nowrap; +} + +#messageheader .pagenav .countdisplay { + min-width: 0; + padding-right: 0.5em; + white-space: nowrap; +} + #messagecontent .leftcol { margin-right: 250px; } diff --git a/skins/larry/styles.css b/skins/larry/styles.css index ebfe63e04..18c987d65 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -130,11 +130,11 @@ input.mainaction { a.button { display: inline-block; - margin: 0 3px; + margin: 0 2px; padding: 2px 5px; color: #525252; text-shadow: 1px 1px 1px #fff; - border: 1px solid #ddd; + border: 1px solid #c6c6c6; border-radius: 4px; background: #f7f7f7; background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); @@ -142,10 +142,10 @@ a.button { background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); - box-shadow: 0 2px 2px 0 #999; - -o-box-shadow: 0 2px 2px 0 #999; - -webkit-box-shadow: 0 2px 2px 0 #999; - -moz-box-shadow: 0 2px 2px 0 #999; + box-shadow: 0 1px 1px 0 #ccc; + -o-box-shadow: 0 1px 1px 0 #ccc; + -webkit-box-shadow: 0 1px 1px 0 #ccc; + -moz-box-shadow: 0 1px 1px 0 #ccc; text-decoration: none; } @@ -167,7 +167,7 @@ a.button:active { background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); } -.pagenav a.button { +.pagenav.dark a.button { font-weight: bold; border-color: #e6e6e6; background: #f7f7f7; @@ -176,9 +176,13 @@ a.button:active { background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); + box-shadow: 0 1px 1px 0 #999; + -o-box-shadow: 0 1px 1px 0 #999; + -webkit-box-shadow: 0 1px 1px 0 #999; + -moz-box-shadow: 0 1px 1px 0 #999; } -.pagenav a.button.pressed { +.pagenav.dark a.button.pressed { background: #bababa; background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); @@ -221,6 +225,7 @@ a.iconbutton { width: 24px; height: 18px; text-decoration: none; + text-indent: -1000px; background: url(images/buttons.png) -1000px 0 no-repeat; } @@ -550,7 +555,7 @@ table.listing { } .boxfooter .listbutton.groupactions .inner { - background-position: 4px -1212px; + background-position: 4px -1292px; } .errobox h3 { @@ -780,45 +785,57 @@ table.propform td.title { top: 0; height: 42px; width: 18px; - background: url(images/buttons.png) -24px -1049px no-repeat; + background: url(images/buttons.png) -24px -1129px no-repeat; cursor: pointer; } .dropbutton .dropbuttontip:hover { - background-position: 0 -1049px; + background-position: 0 -1129px; } .toolbar a.button.back { - background-position: 0 -370px; + background-position: 0 -1170px; } .toolbar a.button.checkmail { - background-position: center -410px; + background-position: center -490px; } .toolbar a.button.compose { - background-position: center -450px; + background-position: center -530px; } .toolbar a.button.reply { - background-position: center -490px; + background-position: center -570px; } .toolbar a.button.reply-all { - background-position: center -530px; + background-position: center -610px; } .toolbar a.button.forward { - background-position: center -570px; + background-position: center -650px; } .toolbar a.button.delete { - background-position: center -610px; + background-position: center -690px; +} + +.toolbar a.button.archive { + background-position: center -730px; +} + +.toolbar a.button.junk { + background-position: center -770px; +} + +.toolbar a.button.print { + background-position: center -810px; } .toolbar a.button.markmessage, .toolbar a.button.more { - background-position: center -770px; + background-position: center -850px; } /*** popup menus ***/ diff --git a/skins/larry/templates/mail.html b/skins/larry/templates/mail.html index b6f333983..cc056ac8b 100644 --- a/skins/larry/templates/mail.html +++ b/skins/larry/templates/mail.html @@ -56,10 +56,11 @@
- + List + Threads
-