From 8d96b4242958c1d6f4f3f306baa28aacad9b3485 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fran=C3=A7ois=20Robichet?= Date: Tue, 17 May 2011 16:05:21 -0700 Subject: [PATCH] Added :active state on buttons --- stylesheets/base.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/stylesheets/base.css b/stylesheets/base.css index bc7b9c6..5c1c8f4 100644 --- a/stylesheets/base.css +++ b/stylesheets/base.css @@ -166,6 +166,19 @@ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } + + a.button:active, + button:active { + background: #eee; /* Old browsers */ + background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */ + background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */ + border: 1px solid #888; + border-bottom: 1px solid #aaa; + border-right: 1px solid #aaa; } .button.full-width { width: 100%;