From e031e56563221122271598bfea93e2f36c045928 Mon Sep 17 00:00:00 2001
From: Nicolas Stepien <mayhemydg@gmail.com>
Date: Sun, 1 Jan 2012 16:21:31 +0100
Subject: [PATCH] Input hover & focus styling.

---
 4chan_x.user.js | 10 ++++++++++
 script.coffee   | 10 ++++++++++
 2 files changed, 20 insertions(+)

diff --git a/4chan_x.user.js b/4chan_x.user.js
index fd8bf3ea1..79dd61046 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1302,10 +1302,20 @@
 .field {\
   border: 1px solid #CCC;\
   box-sizing: border-box;\
+  color: #333;\
   font: 13px sans-serif;\
   margin: 0;\
   padding: 2px 4px 3px;\
   width: 30%;\
+  -webkit-transition: color .25s, border .25s;\
+  -moz-transition: color .25s, border .25s;\
+  -o-transition: color .25s, border .25s;\
+  transition: color .25s, border .25s;\
+}\
+.field:hover, .field:focus {\
+  border-color: #999;\
+  color: #000;\
+  outline: none;\
 }\
 textarea.field {\
   min-height: 120px;\
diff --git a/script.coffee b/script.coffee
index 7a5bf9621..f46dbf90a 100644
--- a/script.coffee
+++ b/script.coffee
@@ -967,10 +967,20 @@ qr =
 .field {
   border: 1px solid #CCC;
   box-sizing: border-box;
+  color: #333;
   font: 13px sans-serif;
   margin: 0;
   padding: 2px 4px 3px;
   width: 30%;
+  -webkit-transition: color .25s, border .25s;
+  -moz-transition: color .25s, border .25s;
+  -o-transition: color .25s, border .25s;
+  transition: color .25s, border .25s;
+}
+.field:hover, .field:focus {
+  border-color: #999;
+  color: #000;
+  outline: none;
 }
 textarea.field {
   min-height: 120px;