From c07b7b7143ea8bd42c545b25423fc012d0591539 Mon Sep 17 00:00:00 2001 From: cmcnulty Date: Mon, 11 Nov 2013 07:54:56 -0600 Subject: apply focused styles to address book and classic skin --- skins/classic/addressbook.css | 13 +++++++++++++ skins/classic/mail.css | 14 ++++++++++++++ 2 files changed, 27 insertions(+) (limited to 'skins/classic') diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css index 9575ae25f..e4e88ca4c 100644 --- a/skins/classic/addressbook.css +++ b/skins/classic/addressbook.css @@ -224,6 +224,19 @@ -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: 4px solid #EBEBEB; + padding-left: 4px; +} + #contacts-table .contact.readonly td { font-style: italic; diff --git a/skins/classic/mail.css b/skins/classic/mail.css index dce49b36f..23350dda4 100644 --- a/skins/classic/mail.css +++ b/skins/classic/mail.css @@ -958,6 +958,20 @@ table.messagelist.fixedcopy color: #CC0000; } +/* This padding-left minus the focused padding left should be half of the focused border-left */ +.messagelist thead tr td:first-child, +.messagelist tbody tr td:first-child { + border-left: 0; + padding-left: 6px; +} + + +/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ +.messagelist tbody tr.focused > td:first-child { + border-left: 8px solid #EBEBEB; + padding-left: 2px; +} + .messagelist tr.selected td { color: #FFFFFF; -- cgit v1.2.3