Default styles for all forms, still uncomplete

public/css/icinga/forms.less

@@ -1,91 +1,79 @@
-/* TODO: not here!! */
-.controls {
-/*  font-size: 0.8em; */
-}
 
-
-@petrol : #049baf;
-@black : #262625;
-/* END */
-
-/* =======================================================
-   Forms   ========================================================= */
-
-.form-inline .form-group {
-  display: inline-block;
-  margin-bottom: 0;
-  vertical-align: middle;
-}
 .form-group {
   margin-bottom: 1em;
 }
 
 label {
-  display: inline-block;
+  display: block;
   font-weight: bold;
   margin-bottom: 0.3em;
 }
 
-.input-sm {
-  border-radius: 0.2em;
-  font-size: 1em;
-  padding: 0.3em;
-}
-.form-control {
-  background-color: white;
-  border: 1px solid lightgrey;
-  border-radius: 4px;
-  padding: 5px;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-  color: darkgrey;
-  display: block;
-  vertical-align: middle;
-  width: 100%;
+input, select {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  background: #f5f5f5;
+  padding: 0.2em;
+  border: 1px solid #777;
+  border-left-width:0.3em;
+  border-right-width: 0.3em;
 }
 
+select {
+  /* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
+  -moz-appearance: none;
+  text-indent: 5px;
+  padding-right: 5px;
+  text-overflow: '';
+  -webkit-appearance: none;
+  cursor: pointer;
+}
 
-
-
-
-/* ==========================================================================
-   Buttons
-   ========================================================================== */
-
-.button {
+input[type=submit] {
+  font-weight: bold;
   text-align: center;
-  padding: 3px;
+  color: #eee;
   border-width: 1px;
-  border-style: solid;
-  border-radius: 3px;
+  background: #777;
+  outline: 0;
 }
 
-.btn-common {
-  border-color: @lightgrey;
-  color: @black;
-  background: rgb(255,255,255); /* Old browsers */
-  background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(245,245,245) 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(255,255,255)), color-stop(100%,rgb(245,245,245))); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* IE10+ */
-  background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* W3C */
+input:focus, select:focus {
+  border-color: #333;
+  background: white;
+  outline: 0;
 }
 
-.panel-row > a:hover,
-.btn-common:hover {
-  border-color: @black !important;
-  color: @black !important;
-  text-decoration: none;
+input[type=submit]:focus {
+  background-color: #333;
 }
 
-.btn-cta {
-  border-color: @petrol;
-  color: @petrol;
-  background: rgb(255,255,255); /* Old browsers */
-  background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(245,245,245) 100%); /* FF3.6+ */
-  background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* IE10+ */
-  background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(245,245,245) 100%); /* W3C */
+input::-moz-focus-inner {
+  border: 0;
+}
+
+select::-moz-focus-inner {
+  border: 0;
+  outline: 0;
+}
+
+
+input[type=submit]:hover, a.button:hover {
+  cursor: pointer;
+  color: white;
+  background: #333;
+}
+
+form ul.errors {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+form ul.errors li { 
+  color: @colorCritical;
+  font-weight: bold;
+  line-height: 1.5em;
 }