From 795e0a378d3e44d9cff2146508d17e4664f7f711 Mon Sep 17 00:00:00 2001
From: Thomas Gelf <thomas@gelf.net>
Date: Sun, 9 Mar 2014 01:56:34 +0100
Subject: [PATCH] Form restyle proposal

---
 public/css/icinga/forms.less | 39 +++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
index fb7da0f49..ff4789975 100644
--- a/public/css/icinga/forms.less
+++ b/public/css/icinga/forms.less
@@ -33,11 +33,10 @@ input, select {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  background: #f5f5f5;
+  background: #ddd;
+  color: #333;
   padding: 0.2em;
-  border: 1px solid #777;
-  border-left-width:0.3em;
-  border-right-width: 0.3em;
+  border: 2px solid #ddd;
 }
 
 select {
@@ -53,23 +52,41 @@ input[type=submit] {
   font-weight: bold;
   text-align: center;
   color: #eee;
-  border-width: 1px;
+  border-color: #777;
   background: #777;
   outline: 0;
 }
 
-input:focus, select:focus {
+input[type=submit]:hover, a.button:hover, input[type=submit]:focus {
+  background-color: #333;
   border-color: #333;
+}
+
+input[type=submit]:hover, a.button:hover {
+  cursor: pointer;
+  color: white;
+}
+
+input:focus, select:focus {
   background: white;
   outline: 0;
 }
 
-input[type=submit]:focus {
-  background-color: #333;
+input::-moz-placeholder {
+  color: #333;
+}
+
+input::-webkit-input-placeholder {
+  color: #333;
+}
+
+input:-ms-input-placeholder {
+  color: #333;
 }
 
 input::-moz-focus-inner {
   border: 0;
+  outline: 0;
 }
 
 select::-moz-focus-inner {
@@ -96,12 +113,6 @@ button.link-like:hover {
   text-decoration: underline;
 }
 
-input[type=submit]:hover, a.button:hover {
-  cursor: pointer;
-  color: white;
-  background: #333;
-}
-
 form ul.errors {
   list-style-type: none;
   margin: 0;