Form restyle proposal

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;