From e75d5e813a900d65ad3e853d3f3f214c0536dba7 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Tue, 3 Jun 2014 18:43:05 +0200
Subject: [PATCH] Simplify CSS boder/background styles for listing elements
 with focus indicator

---
 skins/larry/addressbook.css | 16 ++--------------
 skins/larry/styles.css      | 28 +++++++++++++---------------
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css
index e590831a1..c44a26c92 100644
--- a/skins/larry/addressbook.css
+++ b/skins/larry/addressbook.css
@@ -139,32 +139,20 @@
 }
 
 #contacts-table .contact td.name {
-	background-position: 6px -1603px;
-}
-
-#contacts-table.focus .contact.focused td.name {
 	background-position: 4px -1603px;
 }
 
 #contacts-table .contact.selected td.name {
-	background-position: 6px -1627px;
-	font-weight: bold;
-}
-
-#contacts-table.focus .contact.selected.focused td.name {
 	background-position: 4px -1627px;
+	font-weight: bold;
 }
 
 #contacts-table .group td.name {
-	background-position: 6px -1555px;
-}
-
-#contacts-table.focus .group.focused td.name {
 	background-position: 4px -1555px;
 }
 
 #contacts-table .group.selected td.name {
-	background-position: 6px -1579px;
+	background-position: 4px -1579px;
 	font-weight: bold;
 }
 
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 85757f6e7..27a0cb99c 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1166,6 +1166,7 @@ a.iconlink.upload {
 }
 
 .listbox .listitem a,
+.listbox .listitem span,
 .listbox .tablink a,
 .listing tbody td,
 .listing li a {
@@ -1200,33 +1201,24 @@ a.iconlink.upload {
 /* This padding-left minus the focused padding left should be half of the focused border-left */
 .listing thead tr td:first-child,
 .listing tbody tr td:first-child {
-	border-left: 0;
+	border-left: 2px solid transparent;
 	padding-left: 6px;
 }
 
 .listing.iconized thead tr td:first-child,
 .listing.iconized tbody tr td:first-child {
-	padding-left: 36px;
+	padding-left: 34px;
 }
 
 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
 .listing.focus tbody tr.focused > td:first-child {
 	border-left: 2px solid #b0ccd7;
-	padding-left: 4px;
-}
-
-.listing.iconized.focus tbody tr.focused > td:first-child {
-	padding-left: 34px;
 }
 
 .listing.focus tbody tr.selected.focused > td:first-child {
 	border-left-color: #9ec2d0;
 }
 
-.listing.inconized.focus tr.focused td:first-child {
-	padding-left: 34px;
-}
-
 .listbox .listitem.selected,
 .listbox .tablink.selected,
 .listbox .listitem.selected > a,
@@ -1297,7 +1289,10 @@ ul.treelist li a {
 	text-overflow: ellipsis;
 }
 
-ul.treelist li a:focus {
+ul.treelist li a:focus,
+ul.listing .listitem a:focus,
+ul.listing .listitem span:focus,
+ul.listing.focus .listitem.focused span {
 	color: #fff !important;
 	background-color: rgba(73,180,210,0.6);
 	text-shadow: 0px 1px 1px #666;
@@ -1568,14 +1563,13 @@ table.records-table {
 /* This padding-left minus the focused padding left should be half of the focused border-left */
 .records-table thead tr td:first-child,
 .records-table tbody tr td:first-child {
-	border-left: 0;
-	padding-left: 6px;
+	border-left: 2px solid transparent;
+	padding-left: 4px;
 }
 
 /* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
 .records-table.focus tbody tr.focused > td:first-child {
 	border-left: 2px solid #b0ccd7;
-	padding-left: 4px;
 }
 
 .records-table.focus tbody tr.selected.focused > td:first-child {
@@ -2770,6 +2764,10 @@ ul.toolbarmenu li span.copy {
 	background: none;
 }
 
+.boxcontent.tabbed.ui-tabs {
+	padding: 10px;
+}
+
 .ui-tabs .tabsbar.ui-tabs-nav {
 	margin-bottom: 10px;
 }