kivitendo-CSS: Inputs konsistent durch Browser gestylt

[mfinanz.git] / css / kivitendo / main.css

diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
index e9b54a136c03fc1d455693cf0a7576c5a0ef4c08..32209d313966d9948cc3d44198b14426d898b775 100644 (file)
--- a/css/kivitendo/main.css
+++ b/css/kivitendo/main.css
@@ -16,6 +16,60 @@ body {
     font-size: 9pt;
 }
 
+/* Input elements */
+input,
+textarea,
+select {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  -khtml-border-radius: 0;
+  background-color: white;
+  border: 1px;
+  border-color: darkgray lightgray lightgray;
+  border-radius: 0;
+  border-style: solid;
+  outline: none;
+  padding: 1px;
+}
+
+select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -o-appearance: none;
+  appearance : none;
+  background: white url('../../image/select-down.png') no-repeat scroll right center;
+  padding: 0 14px 0 0;
+}
+
+input:focus,
+textarea:focus,
+select:focus {
+  background-color: #ffffa0;
+  border: 1px solid #fe5f14;
+}
+
+input[type="button"],
+input[type="submit"],
+button {
+  background-color: whitesmoke;
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  padding: 0px 4px;
+}
+
+input[type="button"]:focus,
+input[type="submit"]:focus,
+button:focus {
+  background-color: #ffffa0;
+  border-color: #fe5f14;
+}
+
+button:hover:enabled,
+input[type="button"]:hover:enabled,
+input[type="submit"]:hover:enabled {
+  color: #fe5f14;
+}
 
 /* The look of links */
 a {
@@ -73,23 +127,11 @@ hr {
        height: 2px;
 }
 
-/* I.E. & Chrome können das nicht! */
-/* input[type="radio"], input[type="checkbox"]{
-       width:1.15em;
-       height:1.15em;
-       border:1px solid;
-       color: #006400;
-} */
-input:focus, textarea:focus, select:focus {
-       background-color: #FFFFA0;
-       border: 2px solid #FE5F14;
-       /* border-bottom: medium solid #FE5F14; */
-}
-/* Fängt den "Schrink" beim focus - problem für i.e. und chrome */
-/* input[type="radio"]:focus, input[type="checkbox"]:focus{
-       width:1.2em;
-       height:1.2em;
-} */
+tr.rule-before th, tr.rule-before td {
+  padding-top: 2px;
+  border-top: 2px solid #EBEBEB;
+}
+
 td {
        color: #000000;
        font-weight: normal;
@@ -387,13 +429,19 @@ label {
 }
 
 .part_picker {
-  padding-right: 16px;
+  display: inline-block;
+}
+.part_picker:before {
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
 }
 .chart_picker {
   padding-right: 16px;
 }
 .customer-vendor-picker-undefined,
 .chartpicker-undefined,
+.projectpicker-undefined,
 .partpicker-undefined {
   color: red;
   font-style: italic;
@@ -414,9 +462,7 @@ div.chart_picker_chart {
 }
 div.part_picker_part:hover,
 div.chart_picker_chart:hover {
-  background-color: #CCCCCC;
   color: #FE5F14;
-  border-color: gray;
 }
 
 div.ppp_block {
@@ -424,11 +470,25 @@ div.ppp_block {
   float:left;
   width: 350px;
 }
-/* div.cpc_block { */
-/*   overflow:hidden; */
-/*   float:left; */
-/*   width: 350px; */
-/* } */
+span.ppp_popup_button {
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: -24px;
+  height: 20px;
+  width: 20px;
+  cursor: pointer;
+  background: url("../../image/search.svg") no-repeat center right;
+  background-size: contain;
+}
+span.part_picker input {
+  padding-right: 20px;
+  box-sizing: padding-box;
+  -moz-box-sizing: padding-box;
+  -webkit-box-sizing: padding-box;
+}
+span.part_picker {
+  white-space: nowrap;
+}
 div.ppp_block span.ppp_block_number,
 div.cpc_block span.cpc_block_number
 {
@@ -465,3 +525,10 @@ div.cpc_block span.cpc_block_second_row {
 span.toggle_selected {
   font-weight: bold;
 }
+.dunned_invoice {
+  font-weight: bold;
+  color: #f00;
+}
+.customer_dunning_level {
+  font-weight: bold;
+}