summaryrefslogtreecommitdiff
path: root/skins
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2014-06-03 18:43:05 +0200
committerThomas Bruederli <thomas@roundcube.net>2014-06-03 18:43:05 +0200
commite75d5e813a900d65ad3e853d3f3f214c0536dba7 (patch)
treefe49916290e6ba0024439b6381f876ff68f48fcb /skins
parent4984078a56771a4f1be9af69eaedf8faefc2019b (diff)
Simplify CSS boder/background styles for listing elements with focus indicator
Diffstat (limited to 'skins')
-rw-r--r--skins/larry/addressbook.css16
-rw-r--r--skins/larry/styles.css28
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;
}