From 915a3a1b9da201181c28c352f3334e3452cd1f3c Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Thu, 10 Nov 2011 10:57:04 +0000
Subject: [PATCH] Changing the background color subtly when hovering over or
selecting a button.
issue #553
---
resources/static/dialog/css/popup.css | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css
index 1061954f6..d464b2a3b 100644
--- a/resources/static/dialog/css/popup.css
+++ b/resources/static/dialog/css/popup.css
@@ -366,7 +366,6 @@ button {
height: 28px;
padding: 0 10px;
float: right;
- background-color: #37A6FF;
vertical-align: middle;
border: 1px solid #37A6FF;
font-family: 'Droid Serif', Georgia, serif;
@@ -385,10 +384,19 @@ button {
-o-border-radius: 5px;
border-radius: 5px;
+ background-color: #37A6FF;
background-image: -moz-linear-gradient(center top , #76C2FF 0pt, #37A6FF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76C2FF), color-stop(100%, #37A6FF));
}
+button:hover,
+button:focus {
+ background-color: #76c2ff;
+ background-image: -moz-linear-gradient(center top , #76C2FF 50%, #37A6FF 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #76C2FF), color-stop(100%, #37A6FF));
+
+}
+
button[disabled] {
opacity: .5;
}
--
GitLab