From 8bcd5ddeab13fec04f86af68cc65a3808dba2ab0 Mon Sep 17 00:00:00 2001
From: Jason Fowler <phalacee@gmail.com>
Date: Thu, 3 Oct 2013 14:34:22 +0800
Subject: [PATCH] MDL-42091 atto - fixing on hover and active states of buttons

---
 lib/editor/atto/styles.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/lib/editor/atto/styles.css b/lib/editor/atto/styles.css
index 4cbd3a3cf6b..a0c2feb42fd 100644
--- a/lib/editor/atto/styles.css
+++ b/lib/editor/atto/styles.css
@@ -43,10 +43,18 @@ div.editor_atto_toolbar button + button {
 
 div.editor_atto_toolbar button[disabled] {
     opacity: .45;
+    background: none;
+    cursor: default;
 }
 
-div.editor_atto_toolbar button:active {
-    background: #B7D6FF;
+.editor_atto_toolbar button:active {
+    background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
+    background-color: #dfdfdf;
+}
+
+.editor_atto_toolbar button:hover {
+    background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
+    background-color: #ebebeb;
 }
 
 div.editor_atto_toolbar button img {