summaryrefslogtreecommitdiff
path: root/skins
diff options
context:
space:
mode:
authorThomas Bruederli <thomas@roundcube.net>2014-05-27 17:39:26 +0200
committerThomas Bruederli <thomas@roundcube.net>2014-05-27 17:39:26 +0200
commit1791a1e7a23c0aaf126ba099a73564e8c4e88cee (patch)
treea46d4a99fea9b2d7d391fa0bfb9a7cf5c6c76d90 /skins
parentf5de03208e80bec1a9be689b55c93d4faade2de0 (diff)
Remove list row 'unfocused' state and keep 'selected' classes even when list loses focus. For visual distinguishing .focus tr.selected can be used
Diffstat (limited to 'skins')
-rw-r--r--skins/classic/mail.css12
-rw-r--r--skins/larry/addressbook.css10
-rw-r--r--skins/larry/styles.css15
3 files changed, 11 insertions, 26 deletions
diff --git a/skins/classic/mail.css b/skins/classic/mail.css
index 43a658b7c..0a4653a3a 100644
--- a/skins/classic/mail.css
+++ b/skins/classic/mail.css
@@ -1060,21 +1060,15 @@ table.messagelist.fixedcopy
.messagelist tr.selected td
{
color: #FFFFFF;
- background-color: #CC3333;
-}
-
-.messagelist tr.unfocused td
-{
- color: #FFFFFF;
background-color: #929292;
}
-.messagelist tr.selected td a
+.messagelist.focus tr.selected td
{
- color: #FFFFFF;
+ background-color: #CC3333;
}
-.messagelist tr.unfocused td a
+.messagelist tr.selected td a
{
color: #FFFFFF;
}
diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css
index 75dc0d8c3..8350d0a59 100644
--- a/skins/larry/addressbook.css
+++ b/skins/larry/addressbook.css
@@ -146,13 +146,12 @@
background-position: 4px -1603px;
}
-#contacts-table .contact.selected td.name,
-#contacts-table .contact.unfocused td.name {
+#contacts-table .contact.selected td.name {
background-position: 6px -1627px;
font-weight: bold;
}
-#contacts-table .contact.selected.focused td.name {
+#contacts-table.focus .contact.selected.focused td.name {
background-position: 4px -1627px;
}
@@ -164,13 +163,12 @@
background-position: 4px -1555px;
}
-#contacts-table .group.selected td.name,
-#contacts-table .group.unfocused td.name {
+#contacts-table .group.selected td.name {
background-position: 6px -1579px;
font-weight: bold;
}
-#contacts-table .group.selected.focused td.name {
+#contacts-table.focus .group.selected.focused td.name {
background-position: 4px -1579px;
}
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index e1dbeeaa9..a84202800 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -1224,7 +1224,6 @@ a.iconlink.upload {
.listbox .tablink.selected,
.listbox .listitem.selected > a,
.listbox .tablink.selected > a,
-.listing tbody tr.unfocused td,
.listing tbody tr.selected td,
.listing li.selected,
.listing li.selected > a {
@@ -1577,6 +1576,10 @@ table.records-table {
.records-table tr.selected td {
color: #fff !important;
+ background-color: #4db0d2 !important;
+}
+
+.records-table.focus tr.selected td {
background: #019bc6;
background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
@@ -1590,16 +1593,6 @@ table.records-table {
color: #fff !important;
}
-.records-table tr.unfocused td {
- color: #fff !important;
- background-color: #4db0d2 !important;
-}
-
-.records-table tr.unfocused td a,
-.records-table tr.unfocused td span {
- color: #fff !important;
-}
-
.records-table tr.deleted td,
.records-table tr.deleted td a {
color: #ccc !important;