summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--CHANGELOG1
-rw-r--r--skins/default/addresses.css60
-rw-r--r--skins/default/common.css46
-rw-r--r--skins/default/ie6hacks.css13
-rw-r--r--skins/default/iehacks.css23
-rw-r--r--skins/default/images/abook_toolbar.gifbin0 -> 6087 bytes
-rw-r--r--skins/default/images/abook_toolbar.pngbin0 -> 13619 bytes
-rw-r--r--skins/default/images/buttons/actions_act.pngbin1942 -> 0 bytes
-rw-r--r--skins/default/images/buttons/actions_pas.pngbin1890 -> 0 bytes
-rw-r--r--skins/default/images/buttons/add_contact_act.pngbin1361 -> 0 bytes
-rw-r--r--skins/default/images/buttons/add_contact_pas.pngbin1323 -> 0 bytes
-rw-r--r--skins/default/images/buttons/add_contact_sel.pngbin1254 -> 0 bytes
-rw-r--r--skins/default/images/buttons/adr_import_act.pngbin1380 -> 0 bytes
-rw-r--r--skins/default/images/buttons/adr_import_pas.pngbin1359 -> 0 bytes
-rw-r--r--skins/default/images/buttons/adr_import_sel.pngbin1297 -> 0 bytes
-rw-r--r--skins/default/images/buttons/attach_act.pngbin968 -> 0 bytes
-rw-r--r--skins/default/images/buttons/attach_pas.pngbin935 -> 0 bytes
-rw-r--r--skins/default/images/buttons/attach_sel.pngbin988 -> 0 bytes
-rw-r--r--skins/default/images/buttons/back_act.pngbin1126 -> 0 bytes
-rw-r--r--skins/default/images/buttons/back_pas.pngbin1086 -> 0 bytes
-rw-r--r--skins/default/images/buttons/back_sel.pngbin1047 -> 0 bytes
-rw-r--r--skins/default/images/buttons/compose_act.pngbin1391 -> 0 bytes
-rw-r--r--skins/default/images/buttons/compose_pas.pngbin1370 -> 0 bytes
-rw-r--r--skins/default/images/buttons/compose_sel.pngbin1272 -> 0 bytes
-rw-r--r--skins/default/images/buttons/contacts_act.pngbin1488 -> 0 bytes
-rw-r--r--skins/default/images/buttons/contacts_pas.pngbin1474 -> 0 bytes
-rw-r--r--skins/default/images/buttons/contacts_sel.pngbin1303 -> 0 bytes
-rw-r--r--skins/default/images/buttons/delete_act.pngbin1649 -> 0 bytes
-rw-r--r--skins/default/images/buttons/delete_pas.pngbin1644 -> 0 bytes
-rw-r--r--skins/default/images/buttons/delete_sel.pngbin1545 -> 0 bytes
-rw-r--r--skins/default/images/buttons/down_arrow.pngbin172 -> 0 bytes
-rw-r--r--skins/default/images/buttons/download_act.pngbin1748 -> 0 bytes
-rw-r--r--skins/default/images/buttons/download_pas.pngbin1714 -> 0 bytes
-rw-r--r--skins/default/images/buttons/download_sel.pngbin1619 -> 0 bytes
-rw-r--r--skins/default/images/buttons/drafts_act.pngbin1732 -> 0 bytes
-rw-r--r--skins/default/images/buttons/drafts_pas.pngbin1698 -> 0 bytes
-rw-r--r--skins/default/images/buttons/drafts_sel.pngbin1619 -> 0 bytes
-rw-r--r--skins/default/images/buttons/edit_contact_act.pngbin1793 -> 0 bytes
-rw-r--r--skins/default/images/buttons/edit_contact_pas.pngbin1776 -> 0 bytes
-rw-r--r--skins/default/images/buttons/edit_contact_sel.pngbin1628 -> 0 bytes
-rw-r--r--skins/default/images/buttons/first_act.pngbin213 -> 0 bytes
-rw-r--r--skins/default/images/buttons/first_pas.pngbin221 -> 0 bytes
-rw-r--r--skins/default/images/buttons/first_sel.pngbin210 -> 0 bytes
-rw-r--r--skins/default/images/buttons/forward_act.pngbin1286 -> 0 bytes
-rw-r--r--skins/default/images/buttons/forward_pas.pngbin1261 -> 0 bytes
-rw-r--r--skins/default/images/buttons/forward_sel.pngbin1217 -> 0 bytes
-rw-r--r--skins/default/images/buttons/inbox_act.pngbin1844 -> 0 bytes
-rw-r--r--skins/default/images/buttons/inbox_pas.pngbin1809 -> 0 bytes
-rw-r--r--skins/default/images/buttons/inbox_sel.pngbin1694 -> 0 bytes
-rw-r--r--skins/default/images/buttons/last_act.pngbin207 -> 0 bytes
-rw-r--r--skins/default/images/buttons/last_pas.pngbin214 -> 0 bytes
-rw-r--r--skins/default/images/buttons/last_sel.pngbin207 -> 0 bytes
-rw-r--r--skins/default/images/buttons/logout.gifbin818 -> 0 bytes
-rw-r--r--skins/default/images/buttons/logout.pngbin1685 -> 0 bytes
-rw-r--r--skins/default/images/buttons/markread_act.pngbin1722 -> 0 bytes
-rw-r--r--skins/default/images/buttons/next_act.pngbin183 -> 0 bytes
-rw-r--r--skins/default/images/buttons/next_pas.pngbin182 -> 0 bytes
-rw-r--r--skins/default/images/buttons/next_sel.pngbin185 -> 0 bytes
-rw-r--r--skins/default/images/buttons/previous_act.pngbin187 -> 0 bytes
-rw-r--r--skins/default/images/buttons/previous_pas.pngbin191 -> 0 bytes
-rw-r--r--skins/default/images/buttons/previous_sel.pngbin188 -> 0 bytes
-rw-r--r--skins/default/images/buttons/print_act.pngbin1209 -> 0 bytes
-rw-r--r--skins/default/images/buttons/print_pas.pngbin1207 -> 0 bytes
-rw-r--r--skins/default/images/buttons/print_sel.pngbin1073 -> 0 bytes
-rw-r--r--skins/default/images/buttons/reply_act.pngbin1475 -> 0 bytes
-rw-r--r--skins/default/images/buttons/reply_pas.pngbin1431 -> 0 bytes
-rw-r--r--skins/default/images/buttons/reply_sel.pngbin1371 -> 0 bytes
-rw-r--r--skins/default/images/buttons/replyall_act.pngbin1725 -> 0 bytes
-rw-r--r--skins/default/images/buttons/replyall_pas.pngbin1681 -> 0 bytes
-rw-r--r--skins/default/images/buttons/replyall_sel.pngbin1531 -> 0 bytes
-rw-r--r--skins/default/images/buttons/send_act.pngbin1565 -> 0 bytes
-rw-r--r--skins/default/images/buttons/send_pas.pngbin1584 -> 0 bytes
-rw-r--r--skins/default/images/buttons/send_sel.pngbin1443 -> 0 bytes
-rw-r--r--skins/default/images/buttons/source_act.pngbin1354 -> 0 bytes
-rw-r--r--skins/default/images/buttons/source_pas.pngbin1327 -> 0 bytes
-rw-r--r--skins/default/images/buttons/source_sel.pngbin1201 -> 0 bytes
-rw-r--r--skins/default/images/buttons/spacer.gifbin43 -> 0 bytes
-rw-r--r--skins/default/images/buttons/spellcheck_act.pngbin1159 -> 0 bytes
-rw-r--r--skins/default/images/buttons/spellcheck_pas.pngbin1100 -> 0 bytes
-rw-r--r--skins/default/images/buttons/spellcheck_sel.pngbin1138 -> 0 bytes
-rw-r--r--skins/default/images/buttons/up_arrow.pngbin172 -> 0 bytes
-rw-r--r--skins/default/images/mail_toolbar.gifbin0 -> 11126 bytes
-rw-r--r--skins/default/images/mail_toolbar.pngbin0 -> 34966 bytes
-rw-r--r--skins/default/images/pagenav.gifbin0 -> 426 bytes
-rw-r--r--skins/default/images/tab_act.gifbin519 -> 0 bytes
-rw-r--r--skins/default/images/tab_pas.gifbin511 -> 0 bytes
-rw-r--r--skins/default/images/tabs.gifbin0 -> 821 bytes
-rw-r--r--skins/default/mail.css126
-rw-r--r--skins/default/settings.css6
-rw-r--r--skins/default/templates/addressbook.html24
-rw-r--r--skins/default/templates/compose.html14
-rw-r--r--skins/default/templates/importcontacts.html2
-rw-r--r--skins/default/templates/mail.html38
-rw-r--r--skins/default/templates/message.html26
94 files changed, 323 insertions, 56 deletions
diff --git a/CHANGELOG b/CHANGELOG
index 3250c0d97..0aa061bde 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,6 +1,7 @@
CHANGELOG RoundCube Webmail
===========================
+- Speedup UI by using sprites for (toolbar) buttons
- Fix charset names with X- prefix handling
- Fix displaying of HTML messages with unknown/malformed tags (#1486003)
diff --git a/skins/default/addresses.css b/skins/default/addresses.css
index 70b148a2c..236bc3b5a 100644
--- a/skins/default/addresses.css
+++ b/skins/default/addresses.css
@@ -13,6 +13,66 @@
padding-right: 10px;
}
+#abooktoolbar a.button,
+#abooktoolbar a.buttonPas,
+#abooktoolbar span.separator {
+ display: block;
+ float: left;
+ width: 32px;
+ height: 32px;
+ padding: 0;
+ margin-right: 10px;
+ overflow: hidden;
+ background: url('images/abook_toolbar.png') 0 0 no-repeat transparent;
+ opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
+}
+
+#abooktoolbar a.buttonPas {
+ opacity: 0.35;
+}
+
+#abooktoolbar a.addcontactSel {
+ background-position: 0 -32px;
+}
+
+#abooktoolbar a.compose {
+ background-position: -32px 0;
+}
+
+#abooktoolbar a.composeSel {
+ background-position: -32px -32px;
+}
+
+#abooktoolbar a.delete {
+ background-position: -64px 0;
+}
+
+#abooktoolbar a.deleteSel {
+ background-position: -64px -32px;
+}
+
+#abooktoolbar a.import {
+ background-position: -96px 0;
+}
+
+#abooktoolbar a.importSel {
+ background-position: -96px -32px;
+}
+
+#abooktoolbar a.export {
+ background-position: -128px 0;
+}
+
+#abooktoolbar a.exportSel {
+ background-position: -128px -32px;
+}
+
+#abooktoolbar span.separator {
+ width: 5px;
+ background-image: url('images/abook_toolbar.png');
+ background-position: -162px 0;
+}
+
#abookcountbar
{
position: absolute;
diff --git a/skins/default/common.css b/skins/default/common.css
index d074e375e..bf59895d7 100644
--- a/skins/default/common.css
+++ b/skins/default/common.css
@@ -241,6 +241,52 @@ img
left: 20px;
}
+.pagenav a.button,
+.pagenav a.buttonPas
+{
+ display: block;
+ float: left;
+ width: 11px;
+ height: 11px;
+ padding: 0;
+ margin: 1px;
+ overflow: hidden;
+ background: url('images/pagenav.gif') 0 0 no-repeat transparent;
+ opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
+}
+
+.pagenav a.buttonPas {
+ opacity: 0.35;
+}
+
+.pagenav a.firstpageSel {
+ background-position: 0 -11px;
+}
+
+.pagenav a.prevpage {
+ background-position: -11px 0;
+}
+
+.pagenav a.prevpageSel {
+ background-position: -11px -11px;
+}
+
+.pagenav a.nextpage {
+ background-position: -22px 0;
+}
+
+.pagenav a.nextpageSel {
+ background-position: -22px -11px;
+}
+
+.pagenav a.lastpage {
+ background-position: -33px 0;
+}
+
+.pagenav a.lastpageSel {
+ background-position: -33px -11px;
+}
+
.splitter
{
user-select: none;
diff --git a/skins/default/ie6hacks.css b/skins/default/ie6hacks.css
index ac68a05b6..0d23d74d7 100644
--- a/skins/default/ie6hacks.css
+++ b/skins/default/ie6hacks.css
@@ -28,4 +28,15 @@ ul.toolbarmenu li
#mailboxlist li
{
background-image: url('images/icons/folders.gif');
-} \ No newline at end of file
+}
+
+#messagetoolbar a.button,
+#messagetoolbar a.buttonPas {
+ background-image: url('images/mail_toolbar.gif');
+}
+
+#abooktoolbar a.button,
+#abooktoolbar a.buttonPas,
+#abooktoolbar span.separator {
+ background-image: url('images/abook_toolbar.gif');
+}
diff --git a/skins/default/iehacks.css b/skins/default/iehacks.css
index 6ce3e2be4..0416f21cb 100644
--- a/skins/default/iehacks.css
+++ b/skins/default/iehacks.css
@@ -8,6 +8,11 @@ input, textarea
background-color: expression(this.type=='checkbox' || this.type=='radio' ? 'transparent' : '#ffffff');
}
+.pagenav a.buttonPas
+{
+ filter: alpha(opacity=35);
+}
+
#message
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
@@ -58,6 +63,24 @@ input, textarea
top: -8px;
}
+#abooktoolbar a.buttonPas
+{
+ filter: alpha(opacity=35);
+ background-image: url('images/abook_toolbar.gif');
+}
+
+#messagetoolbar a.buttonPas
+{
+ filter: alpha(opacity=35);
+ background-image: url('images/mail_toolbar.gif');
+}
+
+#messagetoolbar select.mboxlist
+{
+ margin: 0 8px;
+ top: 8px;
+}
+
#mainscreen
{
width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
diff --git a/skins/default/images/abook_toolbar.gif b/skins/default/images/abook_toolbar.gif
new file mode 100644
index 000000000..1de95da76
--- /dev/null
+++ b/skins/default/images/abook_toolbar.gif
Binary files differ
diff --git a/skins/default/images/abook_toolbar.png b/skins/default/images/abook_toolbar.png
new file mode 100644
index 000000000..cb7ae051f
--- /dev/null
+++ b/skins/default/images/abook_toolbar.png
Binary files differ
diff --git a/skins/default/images/buttons/actions_act.png b/skins/default/images/buttons/actions_act.png
deleted file mode 100644
index 86091f030..000000000
--- a/skins/default/images/buttons/actions_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/actions_pas.png b/skins/default/images/buttons/actions_pas.png
deleted file mode 100644
index f84184255..000000000
--- a/skins/default/images/buttons/actions_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/add_contact_act.png b/skins/default/images/buttons/add_contact_act.png
deleted file mode 100644
index 478c1f3f2..000000000
--- a/skins/default/images/buttons/add_contact_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/add_contact_pas.png b/skins/default/images/buttons/add_contact_pas.png
deleted file mode 100644
index ab3f2055a..000000000
--- a/skins/default/images/buttons/add_contact_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/add_contact_sel.png b/skins/default/images/buttons/add_contact_sel.png
deleted file mode 100644
index d3de05ccc..000000000
--- a/skins/default/images/buttons/add_contact_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/adr_import_act.png b/skins/default/images/buttons/adr_import_act.png
deleted file mode 100644
index 84b704ec7..000000000
--- a/skins/default/images/buttons/adr_import_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/adr_import_pas.png b/skins/default/images/buttons/adr_import_pas.png
deleted file mode 100644
index 50bf17ad7..000000000
--- a/skins/default/images/buttons/adr_import_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/adr_import_sel.png b/skins/default/images/buttons/adr_import_sel.png
deleted file mode 100644
index 50d336a98..000000000
--- a/skins/default/images/buttons/adr_import_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/attach_act.png b/skins/default/images/buttons/attach_act.png
deleted file mode 100644
index a6be6f409..000000000
--- a/skins/default/images/buttons/attach_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/attach_pas.png b/skins/default/images/buttons/attach_pas.png
deleted file mode 100644
index 2417fe2a0..000000000
--- a/skins/default/images/buttons/attach_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/attach_sel.png b/skins/default/images/buttons/attach_sel.png
deleted file mode 100644
index d3017f5a8..000000000
--- a/skins/default/images/buttons/attach_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/back_act.png b/skins/default/images/buttons/back_act.png
deleted file mode 100644
index a9b192f26..000000000
--- a/skins/default/images/buttons/back_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/back_pas.png b/skins/default/images/buttons/back_pas.png
deleted file mode 100644
index 0f510c1b6..000000000
--- a/skins/default/images/buttons/back_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/back_sel.png b/skins/default/images/buttons/back_sel.png
deleted file mode 100644
index defd06ec8..000000000
--- a/skins/default/images/buttons/back_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/compose_act.png b/skins/default/images/buttons/compose_act.png
deleted file mode 100644
index ece126e94..000000000
--- a/skins/default/images/buttons/compose_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/compose_pas.png b/skins/default/images/buttons/compose_pas.png
deleted file mode 100644
index 8d022f49d..000000000
--- a/skins/default/images/buttons/compose_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/compose_sel.png b/skins/default/images/buttons/compose_sel.png
deleted file mode 100644
index 2d4b71b0c..000000000
--- a/skins/default/images/buttons/compose_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/contacts_act.png b/skins/default/images/buttons/contacts_act.png
deleted file mode 100644
index 852f35f54..000000000
--- a/skins/default/images/buttons/contacts_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/contacts_pas.png b/skins/default/images/buttons/contacts_pas.png
deleted file mode 100644
index 78ca95aa2..000000000
--- a/skins/default/images/buttons/contacts_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/contacts_sel.png b/skins/default/images/buttons/contacts_sel.png
deleted file mode 100644
index bf7ea7c88..000000000
--- a/skins/default/images/buttons/contacts_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/delete_act.png b/skins/default/images/buttons/delete_act.png
deleted file mode 100644
index 67b587996..000000000
--- a/skins/default/images/buttons/delete_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/delete_pas.png b/skins/default/images/buttons/delete_pas.png
deleted file mode 100644
index d271ecd5f..000000000
--- a/skins/default/images/buttons/delete_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/delete_sel.png b/skins/default/images/buttons/delete_sel.png
deleted file mode 100644
index 22dd10dac..000000000
--- a/skins/default/images/buttons/delete_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/down_arrow.png b/skins/default/images/buttons/down_arrow.png
deleted file mode 100644
index b7f547276..000000000
--- a/skins/default/images/buttons/down_arrow.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/download_act.png b/skins/default/images/buttons/download_act.png
deleted file mode 100644
index 5e7a1c81d..000000000
--- a/skins/default/images/buttons/download_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/download_pas.png b/skins/default/images/buttons/download_pas.png
deleted file mode 100644
index 3601d2029..000000000
--- a/skins/default/images/buttons/download_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/download_sel.png b/skins/default/images/buttons/download_sel.png
deleted file mode 100644
index b0f11c2c6..000000000
--- a/skins/default/images/buttons/download_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/drafts_act.png b/skins/default/images/buttons/drafts_act.png
deleted file mode 100644
index 136bf7a46..000000000
--- a/skins/default/images/buttons/drafts_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/drafts_pas.png b/skins/default/images/buttons/drafts_pas.png
deleted file mode 100644
index 84b0a9647..000000000
--- a/skins/default/images/buttons/drafts_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/drafts_sel.png b/skins/default/images/buttons/drafts_sel.png
deleted file mode 100644
index 0e4e83c8c..000000000
--- a/skins/default/images/buttons/drafts_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/edit_contact_act.png b/skins/default/images/buttons/edit_contact_act.png
deleted file mode 100644
index a7fa78288..000000000
--- a/skins/default/images/buttons/edit_contact_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/edit_contact_pas.png b/skins/default/images/buttons/edit_contact_pas.png
deleted file mode 100644
index 3bad66dc3..000000000
--- a/skins/default/images/buttons/edit_contact_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/edit_contact_sel.png b/skins/default/images/buttons/edit_contact_sel.png
deleted file mode 100644
index b4d4fb0a7..000000000
--- a/skins/default/images/buttons/edit_contact_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/first_act.png b/skins/default/images/buttons/first_act.png
deleted file mode 100644
index 9364c77c8..000000000
--- a/skins/default/images/buttons/first_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/first_pas.png b/skins/default/images/buttons/first_pas.png
deleted file mode 100644
index ea986d30c..000000000
--- a/skins/default/images/buttons/first_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/first_sel.png b/skins/default/images/buttons/first_sel.png
deleted file mode 100644
index 63bc4aaeb..000000000
--- a/skins/default/images/buttons/first_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/forward_act.png b/skins/default/images/buttons/forward_act.png
deleted file mode 100644
index 5fb7ebb89..000000000
--- a/skins/default/images/buttons/forward_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/forward_pas.png b/skins/default/images/buttons/forward_pas.png
deleted file mode 100644
index 20a1b610f..000000000
--- a/skins/default/images/buttons/forward_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/forward_sel.png b/skins/default/images/buttons/forward_sel.png
deleted file mode 100644
index 980033823..000000000
--- a/skins/default/images/buttons/forward_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/inbox_act.png b/skins/default/images/buttons/inbox_act.png
deleted file mode 100644
index 974405562..000000000
--- a/skins/default/images/buttons/inbox_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/inbox_pas.png b/skins/default/images/buttons/inbox_pas.png
deleted file mode 100644
index 8d2f05de3..000000000
--- a/skins/default/images/buttons/inbox_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/inbox_sel.png b/skins/default/images/buttons/inbox_sel.png
deleted file mode 100644
index 40f0d8c45..000000000
--- a/skins/default/images/buttons/inbox_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/last_act.png b/skins/default/images/buttons/last_act.png
deleted file mode 100644
index 00451e0ba..000000000
--- a/skins/default/images/buttons/last_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/last_pas.png b/skins/default/images/buttons/last_pas.png
deleted file mode 100644
index 84f3ebd66..000000000
--- a/skins/default/images/buttons/last_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/last_sel.png b/skins/default/images/buttons/last_sel.png
deleted file mode 100644
index 99b1c2bbe..000000000
--- a/skins/default/images/buttons/last_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/logout.gif b/skins/default/images/buttons/logout.gif
deleted file mode 100644
index 93eb1aae7..000000000
--- a/skins/default/images/buttons/logout.gif
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/logout.png b/skins/default/images/buttons/logout.png
deleted file mode 100644
index 635800f41..000000000
--- a/skins/default/images/buttons/logout.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/markread_act.png b/skins/default/images/buttons/markread_act.png
deleted file mode 100644
index 69a5ca0a9..000000000
--- a/skins/default/images/buttons/markread_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/next_act.png b/skins/default/images/buttons/next_act.png
deleted file mode 100644
index 77b78a6f3..000000000
--- a/skins/default/images/buttons/next_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/next_pas.png b/skins/default/images/buttons/next_pas.png
deleted file mode 100644
index 2f3db1df3..000000000
--- a/skins/default/images/buttons/next_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/next_sel.png b/skins/default/images/buttons/next_sel.png
deleted file mode 100644
index e97de25c8..000000000
--- a/skins/default/images/buttons/next_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/previous_act.png b/skins/default/images/buttons/previous_act.png
deleted file mode 100644
index b116e5d8a..000000000
--- a/skins/default/images/buttons/previous_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/previous_pas.png b/skins/default/images/buttons/previous_pas.png
deleted file mode 100644
index 6578bfaaa..000000000
--- a/skins/default/images/buttons/previous_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/previous_sel.png b/skins/default/images/buttons/previous_sel.png
deleted file mode 100644
index 3afd4eb62..000000000
--- a/skins/default/images/buttons/previous_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/print_act.png b/skins/default/images/buttons/print_act.png
deleted file mode 100644
index 2c9b21acb..000000000
--- a/skins/default/images/buttons/print_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/print_pas.png b/skins/default/images/buttons/print_pas.png
deleted file mode 100644
index 7b6cde70f..000000000
--- a/skins/default/images/buttons/print_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/print_sel.png b/skins/default/images/buttons/print_sel.png
deleted file mode 100644
index 55b598a38..000000000
--- a/skins/default/images/buttons/print_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/reply_act.png b/skins/default/images/buttons/reply_act.png
deleted file mode 100644
index 1dc9af3a0..000000000
--- a/skins/default/images/buttons/reply_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/reply_pas.png b/skins/default/images/buttons/reply_pas.png
deleted file mode 100644
index cf1126908..000000000
--- a/skins/default/images/buttons/reply_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/reply_sel.png b/skins/default/images/buttons/reply_sel.png
deleted file mode 100644
index e614b3aa2..000000000
--- a/skins/default/images/buttons/reply_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/replyall_act.png b/skins/default/images/buttons/replyall_act.png
deleted file mode 100644
index 9c2834ec0..000000000
--- a/skins/default/images/buttons/replyall_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/replyall_pas.png b/skins/default/images/buttons/replyall_pas.png
deleted file mode 100644
index 694c8ce3a..000000000
--- a/skins/default/images/buttons/replyall_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/replyall_sel.png b/skins/default/images/buttons/replyall_sel.png
deleted file mode 100644
index 2e07de2e0..000000000
--- a/skins/default/images/buttons/replyall_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/send_act.png b/skins/default/images/buttons/send_act.png
deleted file mode 100644
index 40c118f35..000000000
--- a/skins/default/images/buttons/send_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/send_pas.png b/skins/default/images/buttons/send_pas.png
deleted file mode 100644
index b18695110..000000000
--- a/skins/default/images/buttons/send_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/send_sel.png b/skins/default/images/buttons/send_sel.png
deleted file mode 100644
index 73ff769e2..000000000
--- a/skins/default/images/buttons/send_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/source_act.png b/skins/default/images/buttons/source_act.png
deleted file mode 100644
index cb78a94f8..000000000
--- a/skins/default/images/buttons/source_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/source_pas.png b/skins/default/images/buttons/source_pas.png
deleted file mode 100644
index 80cd80808..000000000
--- a/skins/default/images/buttons/source_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/source_sel.png b/skins/default/images/buttons/source_sel.png
deleted file mode 100644
index 16b207eb8..000000000
--- a/skins/default/images/buttons/source_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/spacer.gif b/skins/default/images/buttons/spacer.gif
deleted file mode 100644
index 5bfd67a2d..000000000
--- a/skins/default/images/buttons/spacer.gif
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/spellcheck_act.png b/skins/default/images/buttons/spellcheck_act.png
deleted file mode 100644
index 052eca0ac..000000000
--- a/skins/default/images/buttons/spellcheck_act.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/spellcheck_pas.png b/skins/default/images/buttons/spellcheck_pas.png
deleted file mode 100644
index 5deb5d8fa..000000000
--- a/skins/default/images/buttons/spellcheck_pas.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/spellcheck_sel.png b/skins/default/images/buttons/spellcheck_sel.png
deleted file mode 100644
index 5e88293f5..000000000
--- a/skins/default/images/buttons/spellcheck_sel.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/buttons/up_arrow.png b/skins/default/images/buttons/up_arrow.png
deleted file mode 100644
index 23f81773d..000000000
--- a/skins/default/images/buttons/up_arrow.png
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/mail_toolbar.gif b/skins/default/images/mail_toolbar.gif
new file mode 100644
index 000000000..9a8fdc337
--- /dev/null
+++ b/skins/default/images/mail_toolbar.gif
Binary files differ
diff --git a/skins/default/images/mail_toolbar.png b/skins/default/images/mail_toolbar.png
new file mode 100644
index 000000000..ece87ad5a
--- /dev/null
+++ b/skins/default/images/mail_toolbar.png
Binary files differ
diff --git a/skins/default/images/pagenav.gif b/skins/default/images/pagenav.gif
new file mode 100644
index 000000000..92a73a440
--- /dev/null
+++ b/skins/default/images/pagenav.gif
Binary files differ
diff --git a/skins/default/images/tab_act.gif b/skins/default/images/tab_act.gif
deleted file mode 100644
index 9329db11f..000000000
--- a/skins/default/images/tab_act.gif
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/tab_pas.gif b/skins/default/images/tab_pas.gif
deleted file mode 100644
index 26adabf00..000000000
--- a/skins/default/images/tab_pas.gif
+++ /dev/null
Binary files differ
diff --git a/skins/default/images/tabs.gif b/skins/default/images/tabs.gif
new file mode 100644
index 000000000..14482273a
--- /dev/null
+++ b/skins/default/images/tabs.gif
Binary files differ
diff --git a/skins/default/mail.css b/skins/default/mail.css
index fa5dba31b..18117fde5 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -12,11 +12,124 @@
/* border: 1px solid #cccccc; */
}
-#messagetoolbar a
+#messagetoolbar > a
{
+ display: block;
+ float: left;
padding-right: 10px;
}
+#messagetoolbar a.button,
+#messagetoolbar a.buttonPas {
+ display: block;
+ float: left;
+ width: 32px;
+ height: 32px;
+ padding: 0;
+ margin-right: 10px;
+ overflow: hidden;
+ background: url('images/mail_toolbar.png') 0 0 no-repeat transparent;
+ opacity: 0.99; /* this is needed to make buttons appear correctly in Chrome */
+}
+
+#messagetoolbar a.buttonPas {
+ opacity: 0.35;
+}
+
+#messagetoolbar a.checkmailSel {
+ background-position: 0 -32px;
+}
+
+#messagetoolbar a.back {
+ background-position: -32px 0;
+}
+
+#messagetoolbar a.backSel {
+ background-position: -32px -32px;
+}
+
+#messagetoolbar a.compose {
+ background-position: -64px 0;
+}
+
+#messagetoolbar a.composeSel {
+ background-position: -64px -32px;
+}
+
+#messagetoolbar a.reply {
+ background-position: -96px 0;
+}
+
+#messagetoolbar a.replySel {
+ background-position: -96px -32px;
+}
+
+#messagetoolbar a.replyAll {
+ background-position: -128px 0;
+}
+
+#messagetoolbar a.replyAllSel {
+ background-position: -128px -32px;
+}
+
+#messagetoolbar a.forward {
+ background-position: -160px 0;
+}
+
+#messagetoolbar a.forwardSel {
+ background-position: -160px -32px;
+}
+
+#messagetoolbar a.delete {
+ background-position: -192px 0;
+}
+
+#messagetoolbar a.deleteSel {
+ background-position: -192px -32px;
+}
+
+#messagetoolbar a.markmessage {
+ background-position: -256px 0;
+}
+
+#messagetoolbar a.messagemenu {
+ width: 36px;
+ background-position: -288px 0;
+}
+
+#messagetoolbar a.spellcheck {
+ background-position: -386px 0;
+}
+
+#messagetoolbar a.spellcheckSel {
+ background-position: -386px -32px;
+}
+
+#messagetoolbar a.attach {
+ background-position: -354px 0;
+}
+
+#messagetoolbar a.attachSel {
+ background-position: -354px -32px;
+}
+
+#messagetoolbar a.savedraft {
+ background-position: -322px 0;
+}
+
+#messagetoolbar a.savedraftSel {
+ background-position: -322px -32px;
+}
+
+#messagetoolbar a.send {
+ background-position: -418px 0;
+}
+
+#messagetoolbar a.sendSel {
+ background-position: -418px -32px;
+}
+
+
#messagetoolbar select,
#compose-container select
{
@@ -30,7 +143,7 @@
{
position: relative;
margin: 0 8px;
- top: -12px;
+ top: 6px;
}
#messagetoolbar select.mboxlist option
@@ -548,6 +661,14 @@ td.formlinks a:visited
font-size: 11px;
}
+#countcontrols a.button,
+#countcontrols a.buttonPas,
+#messagecountbar a.button,
+#messagecountbar a.buttonPas
+{
+ float: right;
+}
+
/** message list styles */
@@ -762,6 +883,7 @@ body.messagelist
border: 1px solid #999;
background-color: #FFF;
overflow: auto;
+ z-index: 1;
}
#printmessageframe
diff --git a/skins/default/settings.css b/skins/default/settings.css
index 0171c30a9..c3487ba3c 100644
--- a/skins/default/settings.css
+++ b/skins/default/settings.css
@@ -19,12 +19,14 @@ span.tablink-selected
width: 100px;
height: 24px !important;
height: 22px;
- background: url('images/tab_pas.gif') top left no-repeat;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ background: url('images/tabs.gif') top left no-repeat;
}
span.tablink-selected
{
- background: url('images/tab_act.gif') top left no-repeat;
+ background-position: -102px 0;
}
span.tablink a,
diff --git a/skins/default/templates/addressbook.html b/skins/default/templates/addressbook.html
index 2fd3b1a25..5b250fa9f 100644
--- a/skins/default/templates/addressbook.html
+++ b/skins/default/templates/addressbook.html
@@ -30,11 +30,13 @@
<roundcube:include file="/includes/header.html" />
<div id="abooktoolbar">
-<roundcube:button command="add" imageSel="/images/buttons/add_contact_sel.png" imageAct="/images/buttons/add_contact_act.png" imagePas="/images/buttons/add_contact_pas.png" width="32" height="32" title="newcontact" />
-<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletecontact" />
-<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="composeto" />
-<roundcube:button command="import" imageSel="/images/buttons/adr_import_sel.png" imageAct="/images/buttons/adr_import_act.png" imagePas="/images/buttons/adr_import_pas.png" width="32" height="32" title="importcontacts" />
-<roundcube:button command="export" imageSel="/images/buttons/download_sel.png" imageAct="/images/buttons/download_act.png" imagePas="/images/buttons/download_pas.png" width="32" height="32" title="exportvcards" />
+<roundcube:button command="add" type="link" class="button addcontact" classAct="button addcontact" classSel="button addcontactSel" title="newcontact" content=" " />
+<roundcube:button command="compose" type="link" class="buttonPas compose" classAct="button compose" classSel="button composeSel" title="composeto" content=" " />
+<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletecontact" content=" " />
+<span class="separator">&nbsp;</span>
+<roundcube:button command="import" type="link" class="buttonPas import" classAct="button import" classSel="button importSel" title="importcontacts" content=" " />
+<roundcube:button command="export" type="link" class="buttonPas export" classAct="button export" classSel="button exportSel" title="exportvcards" content=" " />
+<roundcube:container name="toolbar" id="abooktoolbar" />
</div>
<div id="quicksearchbar">
@@ -67,12 +69,12 @@
</div>
-<div id="abookcountbar">
-<roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstpage" />
-<roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previouspage" />
-&nbsp;<roundcube:object name="recordsCountDisplay" />&nbsp;
-<roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextpage" />
-<roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastpage" />
+<div id="abookcountbar" class="pagenav">
+ <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstpage" content=" " />
+ <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previouspage" content=" " />
+ <roundcube:object name="recordsCountDisplay" style="padding:0 1em; float:left" />
+ <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextpage" content=" " />
+ <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastpage" content=" " />
</div>
</body>
diff --git a/skins/default/templates/compose.html b/skins/default/templates/compose.html
index e032c586b..7a5aa8dc6 100644
--- a/skins/default/templates/compose.html
+++ b/skins/default/templates/compose.html
@@ -16,17 +16,17 @@
<div id="messagetoolbar">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td id="compose-toolbar">
- <roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" />
- <roundcube:button command="send" imageSel="/images/buttons/send_sel.png" imageAct="/images/buttons/send_act.png" imagePas="/images/buttons/send_pas.png" width="32" height="32" title="sendmessage" />
- <roundcube:button command="spellcheck" imageSel="/images/buttons/spellcheck_sel.png" imageAct="/images/buttons/spellcheck_act.png" imagePas="/images/buttons/spellcheck_pas.png" width="32" height="32" title="checkspelling" />
- <roundcube:button command="add-attachment" imageSel="/images/buttons/attach_sel.png" imageAct="/images/buttons/attach_act.png" imagePas="/images/buttons/attach_pas.png" width="32" height="32" title="addattachment" />
- <roundcube:button command="savedraft" imageSel="/images/buttons/drafts_sel.png" imageAct="/images/buttons/drafts_act.png" imagePas="/images/buttons/drafts_pas.png" width="32" height="32" title="savemessage" />
+ <roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
+ <roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " />
+ <roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " />
+ <roundcube:button command="add-attachment" type="link" class="buttonPas attach" classAct="button attach" classSel="button attachSel" title="addattachment" content=" " />
+ <roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " />
</td>
<td id="priority-selector">
- <label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" />
+ <label for="rcmcomposepriority"><roundcube:label name="priority" />:</label>&nbsp;<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" />
</td>
<td id="receipt-selector">
- <roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label>
+ <roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />&nbsp;<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label>
</td>
</tr></table>
</div>
diff --git a/skins/default/templates/importcontacts.html b/skins/default/templates/importcontacts.html
index b005d3554..9eff96874 100644
--- a/skins/default/templates/importcontacts.html
+++ b/skins/default/templates/importcontacts.html
@@ -12,7 +12,7 @@
<div id="importbox">
<div class="boxtitle"><roundcube:label name="importcontacts" /></div>
-<div style="padding-left:20px; width:48em">
+<div style="padding-left:12px; width:48em">
<roundcube:object name="importstep" />
<p><br />
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index 28c21a634..9d24f4cec 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -76,8 +76,8 @@
</div>
<div id="mailfooter">
-<table cellpadding="1" cellspacing="0"><tr>
- <td width="90%">
+<table cellpadding="1" cellspacing="0" width="100%"><tr>
+ <td>
<span id="listcontrols">
<roundcube:label name="select" />:&nbsp;
<roundcube:button command="select-all" label="all" classAct="active" />&nbsp;
@@ -86,18 +86,18 @@
<roundcube:button command="select-none" label="none" classAct="active" /> &nbsp;
<roundcube:container name="listcontrols" id="listcontrols" />
</span>
+ </td>
<roundcube:if condition="env:quota" />
+ <td style="text-align:center">
<span id="quotabox"><roundcube:label name="quota" />: <roundcube:object name="quotaDisplay" display="image" width="100" id="quotadisplay" /></span>
- <roundcube:endif />
</td>
- <td width="10%">
- <span id="countcontrols">
- <roundcube:button command="firstpage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessages" />
- <roundcube:button command="previouspage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessages" />
- &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
- <roundcube:button command="nextpage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessages" />
- <roundcube:button command="lastpage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessages" />
- </span>
+ <roundcube:endif />
+ <td id="countcontrols" class="pagenav">
+ <roundcube:button command="lastpage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessages" content=" " />
+ <roundcube:button command="nextpage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessages" content=" " />
+ <roundcube:object name="messageCountDisplay" style="padding:0 1em; float:right" />
+ <roundcube:button command="previouspage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessages" content=" " />
+ <roundcube:button command="firstpage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessages" content=" " />
</td>
</tr></table>
</div>
@@ -107,15 +107,15 @@
<div id="messagetoolbar">
-<roundcube:button command="checkmail" imageSel="/images/buttons/inbox_sel.png" imageAct="/images/buttons/inbox_act.png" imagePas="/images/buttons/inbox_pas.png" width="32" height="32" title="checkmail" />
-<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" />
-<roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" />
-<roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" />
-<roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" />
-<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" />
+<roundcube:button command="checkmail" type="link" class="button checkmail" classAct="button checkmail" classSel="button checkmailSel" title="checkmail" content=" " />
+<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " />
+<roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " />
+<roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " />
+<roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " />
+<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " />
<roundcube:container name="toolbar" id="messagetoolbar" />
-<roundcube:button name="markreadbutton" id="markreadbutton" image="/images/buttons/markread_act.png" width="32" height="32" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" />
-<roundcube:button name="messagemenulink" id="messagemenulink" image="/images/buttons/actions_act.png" width="34" height="32" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" />
+<roundcube:button name="markreadbutton" id="markreadbutton" type="link" class="button markmessage" title="markmessages" onclick="rcmail_ui.show_markmenu();return false" content=" " />
+<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" content=" " />
<div id="markmessagemenu">
<ul class="toolbarmenu">
diff --git a/skins/default/templates/message.html b/skins/default/templates/message.html
index 01e620bf5..852f4b44c 100644
--- a/skins/default/templates/message.html
+++ b/skins/default/templates/message.html
@@ -18,14 +18,14 @@
<roundcube:include file="/includes/header.html" />
<div id="messagetoolbar">
-<roundcube:button command="list" image="/images/buttons/back_act.png" imageSel="/images/buttons/back_sel.png" imageAct="/images/buttons/back_act.png" width="32" height="32" title="backtolist" />
-<roundcube:button command="compose" imageSel="/images/buttons/compose_sel.png" imageAct="/images/buttons/compose_act.png" imagePas="/images/buttons/compose_pas.png" width="32" height="32" title="writenewmessage" />
-<roundcube:button command="reply" imageSel="/images/buttons/reply_sel.png" imageAct="/images/buttons/reply_act.png" imagePas="/images/buttons/reply_pas.png" width="32" height="32" title="replytomessage" />
-<roundcube:button command="reply-all" imageSel="/images/buttons/replyall_sel.png" imageAct="/images/buttons/replyall_act.png" imagePas="/images/buttons/replyall_pas.png" width="32" height="32" title="replytoallmessage" />
-<roundcube:button command="forward" imageSel="/images/buttons/forward_sel.png" imageAct="/images/buttons/forward_act.png" imagePas="/images/buttons/forward_pas.png" width="32" height="32" title="forwardmessage" />
-<roundcube:button command="delete" imageSel="/images/buttons/delete_sel.png" imageAct="/images/buttons/delete_act.png" imagePas="/images/buttons/delete_pas.png" width="32" height="32" title="deletemessage" />
+<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
+<roundcube:button command="compose" type="link" class="button compose" classAct="button compose" classSel="button composeSel" title="writenewmessage" content=" " />
+<roundcube:button command="reply" type="link" class="buttonPas reply" classAct="button reply" classSel="button replySel" title="replytomessage" content=" " />
+<roundcube:button command="reply-all" type="link" class="buttonPas replyAll" classAct="button replyAll" classSel="button replyAllSel" title="replytoallmessage" content=" " />
+<roundcube:button command="forward" type="link" class="buttonPas forward" classAct="button forward" classSel="button forwardSel" title="forwardmessage" content=" " />
+<roundcube:button command="delete" type="link" class="buttonPas delete" classAct="button delete" classSel="button deleteSel" title="deletemessage" content=" " />
<roundcube:container name="toolbar" id="messagetoolbar" />
-<roundcube:button name="messagemenulink" image="/images/buttons/actions_act.png" width="34" height="32" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" id="messagemenulink" />
+<roundcube:button name="messagemenulink" id="messagemenulink" type="link" class="button messagemenu" title="messageactions" onclick="rcmail_ui.show_messagemenu();return false" content=" " />
<roundcube:object name="mailboxlist" type="select" noSelection="moveto" maxlength="25" onchange="rcmail.command('moveto', this.options[this.selectedIndex].value)" class="mboxlist" />
<roundcube:include file="/includes/messagemenu.html" />
@@ -49,12 +49,12 @@
</div>
</div>
-<div id="messagecountbar">
- <roundcube:button command="firstmessage" imageSel="/images/buttons/first_sel.png" imageAct="/images/buttons/first_act.png" imagePas="/images/buttons/first_pas.png" width="11" height="11" title="firstmessage" />
- <roundcube:button command="previousmessage" imageSel="/images/buttons/previous_sel.png" imageAct="/images/buttons/previous_act.png" imagePas="/images/buttons/previous_pas.png" width="11" height="11" title="previousmessage" />
- &nbsp;<roundcube:object name="messageCountDisplay" />&nbsp;
- <roundcube:button command="nextmessage" imageSel="/images/buttons/next_sel.png" imageAct="/images/buttons/next_act.png" imagePas="/images/buttons/next_pas.png" width="11" height="11" title="nextmessage" />
- <roundcube:button command="lastmessage" imageSel="/images/buttons/last_sel.png" imageAct="/images/buttons/last_act.png" imagePas="/images/buttons/last_pas.png" width="11" height="11" title="lastmessage" />
+<div id="messagecountbar" class="pagenav">
+ <roundcube:button command="lastmessage" type="link" class="buttonPas lastpage" classAct="button lastpage" classSel="button lastpageSel" title="lastmessage" content=" " />
+ <roundcube:button command="nextmessage" type="link" class="buttonPas nextpage" classAct="button nextpage" classSel="button nextpageSel" title="nextmessage" content=" " />
+ <roundcube:object name="messageCountDisplay" style="padding:0 1em 0 1em; float:right" />
+ <roundcube:button command="previousmessage" type="link" class="buttonPas prevpage" classAct="button prevpage" classSel="button prevpageSel" title="previousmessage" content=" " />
+ <roundcube:button command="firstmessage" type="link" class="buttonPas firstpage" classAct="button firstpage" classSel="button firstpageSel" title="firstmessage" content=" " />
</div>
</div>