From fe44501df41cac855ee4983f65bfaf486041aa22 Wed, 7 Sep 2011 01:13:34 +0200
From: Bram Goffings <bramgoffings@gmail.com>
Date: Wed, 7 Sep 2011 01:13:26 +0200
Subject: [PATCH] fade effect textfields on focus

diff --git a/themes/seven/style.css b/themes/seven/style.css
index 009fc26..d36aefe 100644
--- a/themes/seven/style.css
+++ b/themes/seven/style.css
@@ -704,13 +704,21 @@
   border-top-color: #999;
   background: #fff;
   color: #333;
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 input.form-text:focus,
 input.form-file:focus,
 textarea.form-textarea:focus,
 select.form-select:focus {
   color: #000;
-  border-color: #ace;
+  border-color: #0074bd;
+  border-color: rgba(0, 116, 189, 0.8);
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 116, 189, 0.6);
+  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 116, 189, 0.6);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(0, 116, 189, 0.6);
+  outline-color: rgba(0, 116, 189, 0.8);
 }
 html.js input.form-autocomplete {
   background-position: 100% 4px;