From c73c712a56213b327b9d53262b81c80a3e23dcae Mon Sep 17 00:00:00 2001 From: Joris Guyonvarch Date: Sat, 21 Mar 2015 15:44:33 +0100 Subject: Hover change block color --- design/design.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/design/design.css b/design/design.css index a8a4ab7..e59f36a 100644 --- a/design/design.css +++ b/design/design.css @@ -99,6 +99,10 @@ } .block:hover { + background-color: #E6E6E6; +} + +.block:focus { border: 1px solid #AAAAAA; } @@ -107,18 +111,22 @@ box-shadow: 0px 2px #AAAAAA; } -.block:focus { - border: 1px solid #AAAAAA; -} - .timer.isRunning > :not(.remove) { background-color: #CDE4C2; } +.timer.isRunning > :not(.remove):hover { + background-color: #BAD4AD; +} + .timer.isRinging > :not(.remove) { background-color: #FED5AE; } +.timer.isRinging > :not(.remove):hover { + background-color: #F2CAA5; +} + .timer > button.name { width: 300px; } -- cgit v1.2.3