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 {