[ux] remove focus for buttons and validity selectors for forms

public/css/_reset.styl

@@ -184,11 +184,6 @@ textarea
   vertical-align: top
   resize: vertical
 
-input:valid, textarea:valid
-
-input:invalid, textarea:invalid
-  background-color: #f0dddd
-
 table
   border-collapse: collapse
   border-spacing: 0

public/css/app/chat.styl

@@ -64,7 +64,6 @@
       line-height: 25px
       min-width: 60px
       text-transform: capitalize
-      cursor: pointer
 
     .activeCall
       transition(height 250ms)

public/css/app/forms.styl

@@ -4,7 +4,7 @@ input[type=text], input[type=email], input[type=search], input[type=password], t
   -webkit-appearance: none
   roundall(3px)
   padding: 0 10px
-  background: white
+  background-color: white
   border: 1px solid $grayOutline
   font-size: $fontSmall
   color: $baseText
@@ -58,6 +58,9 @@ button, a.button
   text-align: center
   cursor: pointer
 
+  &:focus
+    outline: none
+
   &:hover
     background: darken($activeBlue, 30%)
 

public/css/app/settings.styl

@@ -24,6 +24,8 @@
 
   input
     width: 100%
+    padding: 5px
+    borderbox()
 
   img
     margin: 10px 0

public/css/otalk.css

@@ -219,12 +219,6 @@ textarea {
   vertical-align: top;
   resize: vertical;
 }
-input:valid,
-textarea:valid,
-input:invalid,
-textarea:invalid {
-  background-color: #f0dddd;
-}
 table {
   border-collapse: collapse;
   border-spacing: 0;
@@ -718,7 +712,6 @@ h3 {
   line-height: 25px;
   min-width: 60px;
   text-transform: capitalize;
-  cursor: pointer;
 }
 .conversation header .activeCall {
   -webkit-transition: height 250ms;
@@ -920,6 +913,10 @@ h3 {
 }
 .uploadRegion input {
   width: 100%;
+  padding: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
 .uploadRegion img {
   margin: 10px 0;
@@ -1000,7 +997,7 @@ textarea,
   -border-radius: 3px;
   border-radius: 3px;
   padding: 0 10px;
-  background: #fff;
+  background-color: #fff;
   border: 1px solid #e4e4e4;
   font-size: 12px;
   color: #565656;
@@ -1070,6 +1067,10 @@ a.button {
   text-align: center;
   cursor: pointer;
 }
+button:focus,
+a.button:focus {
+  outline: none;
+}
 button:hover,
 a.button:hover {
   background: #007aa7;

public/x-manifest.cache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1382533384141
+# 0.0.1 1382535083157
 
 CACHE:
 /app.js