From a3644638aaf0418598196a870204e0b632a4c8ad Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Fri, 17 Apr 2015 06:28:40 -0400
Subject: [PATCH] Allow preference sections to define CSS class names

---
 skins/classic/addressbook.css |  165 +++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 117 insertions(+), 48 deletions(-)

diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css
index a398325..b54f057 100644
--- a/skins/classic/addressbook.css
+++ b/skins/classic/addressbook.css
@@ -21,7 +21,7 @@
   width: 32px;
   height: 32px;
   padding: 0;
-  margin-right: 10px;
+  margin: 0 5px;
   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 */
@@ -41,6 +41,16 @@
 
 #abooktoolbar a.composeSel {
   background-position: -32px -32px;
+}
+
+#abooktoolbar a.print {
+  background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
+  background-position: -256px 0;
+}
+
+#abooktoolbar a.printSel {
+  background: url(images/mail_toolbar.png) 0 0 no-repeat transparent;
+  background-position: -256px -32px;
 }
 
 #abooktoolbar a.delete {
@@ -64,6 +74,14 @@
 }
 
 #abooktoolbar a.exportSel {
+  background-position: -128px -32px;
+}
+
+#abooktoolbar a.exportAll {
+  background-position: -128px 0;
+}
+
+#abooktoolbar a.exportAllSel {
   background-position: -128px -32px;
 }
 
@@ -108,13 +126,6 @@
   overflow: hidden;
 }
 
-#directorylistbox input
-{
-  margin: 0px;
-  font-size: 11px;
-  width: 90%;
-}
-
 #addresslist
 {
   position: absolute;
@@ -136,60 +147,63 @@
   width: 280px;
 }
 
-#directorylist
-{
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  background-color: #FFFFFF;
-}
-
-#directorylist li
-{
-  display: block;
-  font-size: 11px;
-  background: url(images/icons/folders.png) 5px -108px no-repeat;
-  border-bottom: 1px solid #EBEBEB;
-  white-space: nowrap;
-}
-
-#directorylist li a
+#directorylist li a,
+#savedsearchlist li a
 {
   cursor: default;
   display: block;
   padding-left: 25px;
   padding-top: 2px;
   padding-bottom: 2px;
+  height: 16px;
   text-decoration: none;
   white-space: nowrap;
+  background-image: url(images/icons/folders.png);
+  background-position: 5px -108px;
+  background-repeat: no-repeat;
 }
 
-#directorylist li.contactgroup
+#directorylist ul li a
 {
-  padding-left: 15px;
-  background-position: 20px -143px;
+  padding-left: 45px;
+  background-position: 22px -108px;
 }
 
-#directorylist li.contactsearch
+#directorylist ul ul li a
+{
+  padding-left: 62px;
+  background-position: 39px -108px;
+}
+
+#directorylist ul ul ul li a
+{
+  padding-left: 79px;
+  background-position: 39px -108px;
+}
+
+#directorylist li.contactgroup a
+{
+  background-position: 5px -143px;
+}
+
+#directorylist ul li.contactgroup a
+{
+  background-position: 22px -143px;
+}
+
+#directorylist ul ul li.contactgroup a
+{
+  background-position: 39px -143px;
+}
+
+#directorylist ul ul ul li.contactgroup a
+{
+  background-position: 56px -143px;
+}
+
+#savedsearchlist li.contactsearch a
 {
   background-position: 6px -162px;
-}
-
-#directorylist li.selected
-{
-  background-color: #929292;
-  border-bottom: 1px solid #898989;
-}
-
-#directorylist li.selected a
-{
-  color: #FFF;
-  font-weight: bold;
-}
-
-#directorylist li.droptarget
-{
-  background-color: #FFFFA6;
 }
 
 #contacts-table
@@ -203,6 +217,55 @@
   cursor: default;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
+}
+
+/* This padding-left should be equal to the focused border-left + the focused padding-left */
+#contacts-table thead tr td:first-child,
+#contacts-table tbody tr td:first-child {
+	border-left: 0;
+	padding-left: 8px;
+}
+
+/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
+#contacts-table tbody tr.focused > td:first-child {
+	border-left: 2px solid #d4d4d4;
+	padding-left: 6px;
+}
+
+#contacts-table tbody tr.selected.focused > td:first-child {
+	border-left: 1px solid #ccc;
+	padding-left: 7px;
+}
+
+#contacts-table .contact.readonly td
+{
+  font-style: italic;
+}
+
+#contacts-table td.name
+{
+  width: 95%;
+}
+
+#contacts-table td.action
+{
+  width: 12px;
+  padding: 0px 6px 0 4px;
+  text-align: right;
+}
+
+#contacts-table td.action a
+{
+  font-size: 16px;
+  font-weight: bold;
+  font-style: normal;
+  text-decoration: none;
+  color: #333;
+}
+
+#contacts-table .selected td.action a
+{
+  color: #fff;
 }
 
 #contacts-box
@@ -246,6 +309,11 @@
 	margin-bottom: 1em;
 	border: 0;
 	padding: 0;
+}
+
+#contacthead > legend
+{
+	display: none;
 }
 
 #contacthead .names span.namefield,
@@ -307,7 +375,8 @@
 }
 
 #contactpic img {
-	width: 60px;
+	max-width: 60px;
+	max-height: 80px;
 }
 
 #contactpic.droptarget.hover {

--
Gitblit v1.9.1