From af05fecf245cc1bdeee0f6a1ee32559add539134 Mon Sep 17 00:00:00 2001
From: thomascube <thomas@roundcube.net>
Date: Sat, 17 Dec 2011 10:31:42 -0500
Subject: [PATCH] Iconized some menus
---
skins/larry/includes/mailtoolbar.html | 22 +++---
skins/larry/images/listicons.png | 0
skins/larry/styles.css | 82 +++++++++++++++++++++++++--
skins/larry/images/buttons.png | 0
skins/larry/mail.css | 8 ++
skins/larry/templates/compose.html | 9 +++
skins/larry/templates/messagepreview.html | 5 +
7 files changed, 108 insertions(+), 18 deletions(-)
diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
index c18f10f..84207cc 100644
--- a/skins/larry/images/buttons.png
+++ b/skins/larry/images/buttons.png
Binary files differ
diff --git a/skins/larry/images/listicons.png b/skins/larry/images/listicons.png
index dcd214f..0fb0bdc 100644
--- a/skins/larry/images/listicons.png
+++ b/skins/larry/images/listicons.png
Binary files differ
diff --git a/skins/larry/includes/mailtoolbar.html b/skins/larry/includes/mailtoolbar.html
index 246a715..d7cb212 100644
--- a/skins/larry/includes/mailtoolbar.html
+++ b/skins/larry/includes/mailtoolbar.html
@@ -42,23 +42,23 @@
</div>
<div id="messagemenu" class="popupmenu">
- <ul class="toolbarmenu iconized">
- <li><roundcube:button command="print" label="printmessage" class="printlink" classAct="printlink active" /></li>
- <li><roundcube:button command="download" label="emlsave" class="downloadlink" classAct="downloadlink active" /></li>
- <li><roundcube:button command="edit" label="editasnew" class="editlink" classAct="editlink active" /></li>
- <li><roundcube:button command="viewsource" label="viewsource" class="sourcelink" classAct="sourcelink active" /></li>
- <li><roundcube:button command="open" label="openinextwin" target="_blank" class="openlink" classAct="openlink active" /></li>
+ <ul class="toolbarmenu">
+ <li><roundcube:button command="print" label="printmessage" class="icon" classAct="icon active" innerclass="icon print" /></li>
+ <li><roundcube:button command="download" label="emlsave" class="icon" classAct="icon active" innerclass="icon download" /></li>
+ <li><roundcube:button command="edit" label="editasnew" class="icon" classAct="icon active" innerclass="icon edit" /></li>
+ <li><roundcube:button command="viewsource" label="viewsource" class="icon" classAct="icon active" innerclass="icon viewsource" /></li>
+ <li><roundcube:button command="open" label="openinextwin" target="_blank" class="icon" classAct="icon active" innerclass="icon extwin" /></li>
<roundcube:container name="messagemenu" id="messagemenu" />
</ul>
</div>
<roundcube:if condition="template:name == 'mail'" />
<div id="markmessagemenu" class="popupmenu">
- <ul class="toolbarmenu iconized">
- <li><roundcube:button command="mark" prop="read" label="markread" classAct="readlink active" class="readlink" /></li>
- <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="unreadlink active" class="unreadlink" /></li>
- <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="flaggedlink active" class="flaggedlink" /></li>
- <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="unflaggedlink active" class="unflaggedlink" /></li>
+ <ul class="toolbarmenu">
+ <li><roundcube:button command="mark" prop="read" label="markread" classAct="icon active" class="icon" innerclass="icon read" /></li>
+ <li><roundcube:button command="mark" prop="unread" label="markunread" classAct="icon active" class="icon" innerclass="icon unread" /></li>
+ <li><roundcube:button command="mark" prop="flagged" label="markflagged" classAct="icon active" class="icon" innerclass="icon flagged" /></li>
+ <li><roundcube:button command="mark" prop="unflagged" label="markunflagged" classAct="icon active" class="icon" innerclass="icon unflagged" /></li>
<roundcube:container name="markmenu" id="markmessagemenu" />
</ul>
</div>
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 3b8905c..6184874 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -956,6 +956,14 @@
bottom: 0;
}
+#compose-contacts {
+ position: absolute;
+ top: 42px;
+ left: 0;
+ width: 100%;
+ bottom: 0;
+}
+
#compose-content {
position: absolute;
top: 42px;
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index f5a4785..6db9197 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -244,14 +244,22 @@
}
.pagenav a.pageup span.inner {
- background-position: -7px -256px;
+ background-position: -7px -241px;
}
.pagenav a.pagedown span.inner {
+ background-position: -29px -241px;
+}
+
+.pagenav a.reply span.inner {
+ background-position: -7px -256px;
+}
+
+.pagenav a.forward span.inner {
background-position: -29px -256px;
}
-.pagenav a.viewsource span.inner {
+.pagenav a.replyall span.inner {
background-position: -7px -271px;
}
@@ -855,6 +863,17 @@
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(226,226,226,1) 100%);
+ box-shadow: inset 0 1px 0 0 #fff;
+ -moz-box-shadow: inset 0 1px 0 0 #fff;
+ -webkit-box-shadow: inset 0 1px 0 0 #fff;
+ -o-box-shadow: inset 0 1px 0 0 #fff;
+}
+
+#login-form input.button:hover {
+ box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #fff;
+ -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #fff;
+ -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #fff;
+ -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.6), inset 0 1px 0 0 #fff;
}
#login-form input.button:active {
@@ -1102,10 +1121,6 @@
background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
}
-ul.toolbarmenu.iconized li a {
- padding-left: 28px;
-}
-
ul.toolbarmenu li label {
display: block;
color: #fff;
@@ -1113,6 +1128,61 @@
text-shadow: 0px 1px 1px #333;
}
+ul.toolbarmenu li a.icon {
+ color: #eee;
+ padding: 2px 6px;
+}
+
+ul.toolbarmenu li span.icon {
+ display: block;
+ min-height: 14px;
+ padding: 4px 4px 4px 24px;
+ background-image: url(images/listicons.png);
+ background-position: -100px 0;
+ background-repeat: no-repeat;
+ opacity: 0.2;
+}
+
+ul.toolbarmenu li a.active span.icon {
+ opacity: 0.99;
+}
+
+ul.toolbarmenu li span.read {
+ background-position: 0 -1220px;
+}
+
+ul.toolbarmenu li span.unread {
+ background-position: 0 -1196px;
+}
+
+ul.toolbarmenu li span.flagged {
+ background-position: 0 -1244px;
+}
+
+ul.toolbarmenu li span.unflagged {
+ background-position: 0 -1268px;
+}
+
+ul.toolbarmenu li span.print {
+ background-position: 0 -1436px;
+}
+
+ul.toolbarmenu li span.download {
+ background-position: 0 -1412px;
+}
+
+ul.toolbarmenu li span.edit {
+ background-position: 0 -1388px;
+}
+
+ul.toolbarmenu li span.viewsource {
+ background-position: 0 -1460px;
+}
+
+ul.toolbarmenu li span.extwin {
+ background-position: 0 -1484px;
+}
+
#rcmKSearchpane {
border-radius: 0 0 4px 4px;
border-top: 0;
diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html
index 1fe740c..44180be 100644
--- a/skins/larry/templates/compose.html
+++ b/skins/larry/templates/compose.html
@@ -14,6 +14,15 @@
<div id="composeview-left">
<!-- inline address book -->
+<div id="compose-contacts" class="uibox listbox">
+<h2 class="boxtitle"><roundcube:label name="contacts" /></h2>
+<div class="scroller withfooter">
+
+</div>
+<div class="boxfooter">
+
+</div>
+</div>
</div>
diff --git a/skins/larry/templates/messagepreview.html b/skins/larry/templates/messagepreview.html
index 2ea007f..98ff6aa 100644
--- a/skins/larry/templates/messagepreview.html
+++ b/skins/larry/templates/messagepreview.html
@@ -13,8 +13,11 @@
<!-- record navigation -->
<div id="countcontrols" class="pagenav">
+ <roundcube:button command="reply" type="link" class="button reply" classSel="button reply pressed" innerClass="inner" title="replytomessage" content="<-" />
+ <roundcube:button command="replyall" type="link" class="button replyall" classSel="button replyall pressed" innerClass="inner" title="replytoallmessage" content="<<-" />
+ <roundcube:button command="forward" type="link" class="button forward" classSel="button forward pressed" innerClass="inner" title="forwardmessage" content="->" />
+
<roundcube:button command="permaurl" type="link" class="button extwin" classSel="button extwin pressed" innerClass="inner" title="openinextwin" content="[]" target="_blank" />
- <roundcube:button command="viewsource" type="link" class="button viewsource" classSel="button extwin pressed" innerClass="inner" title="viewsource" content="<>" />
<!--
<roundcube:button command="previousmessage" type="link" class="button pageup disabled" classAct="button pageup" classSel="button pageup pressed" innerClass="inner" title="previousmessage" content="&lt;" />
--
Gitblit v1.9.1