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 @@