ntp4: slight most visited fixes

1. don't show press effects on thumbnail when user is clicking the [x]
2. don't show the [x] on thumbnail focus (the [x] itself is not focusable so it's really a mouse-only control)

BUG=none
TEST=manual

Review URL: http://codereview.chromium.org/7355024

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@92405 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 10 insertions, 7 deletions

diff --git a/chrome/browser/resources/ntp4/most_visited_page.css b/chrome/browser/resources/ntp4/most_visited_page.css
index a6b130a..3056da3 100644
--- a/chrome/browser/resources/ntp4/most_visited_page.css
+++ b/chrome/browser/resources/ntp4/most_visited_page.css
@@ -46,8 +46,7 @@
   -webkit-transition: opacity 0.15s;
 }
 
-.most-visited:hover .close-button,
-.most-visited:focus .close-button {
+.most-visited:hover .close-button {
   opacity: 1;
   -webkit-transition-delay: 0.5s;
 }
@@ -111,10 +110,6 @@
   opacity: 0.95;
 }
 
-.most-visited:active .thumbnail {
-  opacity: 0.9;
-}
-
 .most-visited:hover .thumbnail-shield,
 .most-visited:active .thumbnail-shield {
   background: -webkit-linear-gradient(rgba(255, 255, 255, 0),
@@ -122,7 +117,15 @@
                                       rgba(255, 255, 255, 0.9));
 }
 
-.most-visited:active .thumbnail-shield {
+/* The thumbnail gets lighter when clicked, but not when the click is on the
+ * close button. */
+.most-visited:active .close-button:not(:active) + .thumbnail {
+  opacity: 0.9;
+}
+
+/* The thumbnail gets a shadow when clicked, but not when the click is on the
+ * close button. */
+.most-visited:active .close-button:not(:active) + .thumbnail .thumbnail-shield {
   -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
 }