Merged CSS changes from CSS sprites implementation from default theme CSS file to npk theme.

1 files changed, 79 insertions, 12 deletions

diff --git a/roundcubemail/skins/npk/mail.css b/roundcubemail/skins/npk/mail.css
index 2e202424f..1f587f8c3 100644
--- a/roundcubemail/skins/npk/mail.css
+++ b/roundcubemail/skins/npk/mail.css
@@ -427,6 +427,56 @@ td.formlinks a:visited
   height: 16px;
 }
 
+#mailboxlist li div.icon-holder {
+  position: static;
+  height: 16px;
+  width: 16px;
+  margin: 2px 4px 2px 4px;
+  overflow: hidden;
+  float: left;
+}
+
+div.icon-holder {
+  position: static;
+  height: 16px;
+  width: 16px;
+  overflow: hidden;
+}
+div.icon-holder.attachment {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -48px -16px;
+}
+div.icon-holder.unflagged {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -48px -32px;
+}
+div.icon-holder.flagged {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -32px -32px;
+}
+div.icon-holder.replied {
+  background: url(images/icons/rc_icons.png) no-repeat scroll 0 -48px;
+}
+div.icon-holder.forwarded {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -16px -48px;
+}
+div.icon-holder.forwardedreplied {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -32px -48px;
+}
+div.icon-holder.unread {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -64px -16px;
+}
+div.icon-holder.message {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -64px 0;
+}
+div.icon-holder.delete {
+  background: url(images/icons/rc_icons.png) no-repeat scroll 0 -32px;
+}
+div.icon-holder.deleted {
+  background: url(images/icons/rc_icons.png) no-repeat scroll -16px -32px;
+}
+div.icon-holder.rename {
+  background: #ffffff url(images/icons/rc_icons.png) no-repeat scroll -48px -48px;
+}
+
+
 #mailboxlist li div.collapsed,
 #mailboxlist li div.expanded
 {
@@ -443,29 +493,38 @@ td.formlinks a:visited
   background: url(images/icons/expanded.png) bottom right no-repeat;
 }
 
-#mailboxlist li.inbox
+#mailboxlist li.inbox div.icon-holder
+{
+  background: url(images/icons/rc_icons.png) no-repeat scroll;
+}
+
+#mailboxlist li.drafts div.icon-holder
 {
-  background-image: url(images/icons/folder-inbox.png);
+  background: url(images/icons/rc_icons.png) no-repeat scroll -16px 0;
 }
 
-#mailboxlist li.drafts
+#mailboxlist li.sent div.icon-holder
 {
-  background-image: url(images/icons/folder-drafts.png);
+  background: url(images/icons/rc_icons.png) no-repeat scroll -32px 0;
 }
 
-#mailboxlist li.sent
+#mailboxlist li.junk div.icon-holder
 {
-  background-image: url(images/icons/folder-sent.png);
+  background: url(images/icons/rc_icons.png) no-repeat scroll -48px 0;
 }
 
-#mailboxlist li.junk
+#mailboxlist li.trash div.icon-holder
 {
-  background-image: url(images/icons/folder-junk.png);
+  background: url(images/icons/rc_icons.png) no-repeat scroll 0 -16px;
 }
 
-#mailboxlist li.trash
+#mailboxlist li div.icon-holder
+{
+  background: url(images/icons/rc_icons.png) no-repeat scroll -16px -16px;
+}
+#mailboxlist li.selected > div.icon-holder
 {
-  background-image: url(images/icons/folder-trash.png);
+  background: url(images/icons/rc_icons.png) no-repeat scroll -32px -16px;
 }
 
 #mailboxlist li a
@@ -473,7 +532,6 @@ td.formlinks a:visited
   cursor: default;
   display: block;
   position: relative;
-  padding-left: 25px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-decoration: none;
@@ -674,8 +732,17 @@ body.messagelist
 
 #messagelist tbody tr td.flag img:hover,
 #messagelist thead tr td.flag img
+
+#messagelist tbody tr.flagged td.flag div.icon-holder
+{
+  background: url(images/icons/rc_icons.png) no-repeat scroll -32px -32px;
+}
+
+#messagelist tbody tr.flagged td.flag div.icon-holder:hover,
+#messagelist tbody tr td.flag div:hover,
+#messagelist thead tr td.flag div 
 {
-  background: url(images/icons/unflagged.png) center no-repeat;
+  background: url(images/icons/rc_icons.png) no-repeat scroll -48px -32px;
 }
 
 #messagelist tr td.subject