From 31a573e1b2450976216d60c11e98b7156af1908a Wed, 7 Sep 2011 00:10:41 +0200
From: Bram Goffings <bramgoffings@gmail.com>
Date: Wed, 7 Sep 2011 00:10:26 +0200
Subject: [PATCH] fade effect textfields on focus

diff --git a/themes/seven/style.css b/themes/seven/style.css
index 009fc26..b03ee39 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 {
+	outline: none;
   color: #000;
-  border-color: #ace;
+  border-color: #b4d7f0;
+  border-color: rgba(180, 215, 240, 0.8);
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(180, 215, 240, 0.6);
+  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(180, 215, 240, 0.6);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(180, 215, 240, 0.6);
 }
 html.js input.form-autocomplete {
   background-position: 100% 4px;