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 c66187ea644c300832372c9c474446dd4f562d17..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 {
@@ -39,6 +93,18 @@ a.nomobile {
        background-color:transparent;
        border:none;
 }
+a.green {
+       background-color:#40FF00;
+       border:none;
+}
+a.orange {
+       background-color:#FF8000;
+       border:none;
+}
+a.red {
+       background-color:#FF0000;
+       border:none;
+}
 
 table {
     font-size: 90% !important;
@@ -61,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;
@@ -236,6 +290,16 @@ body.menu {
        color: black;
        vertical-align: top;
 }
+.listrow_error1, .listrow_error:nth-child(even) {
+       background-color: #F6CECE;
+       color: black;
+       vertical-align: top;
+}
+.listrow_error0, .listrow_error:nth-child(odd) {
+       background-color: #F5A9A9;
+       color: black;
+       vertical-align: top;
+}
 .listrowempty {
        background-color: #FFFFFF;
        color: black;
@@ -328,6 +392,13 @@ label {
        margin-bottom: 5px;
        padding: 5px;
 }
+.flash_message_ok {
+       background-color: #ADFFB6;
+       border: 1px solid #007F0F;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       padding: 5px;
+}
 .flash_message_warning {
        background-color: #FFE8C7;
        border: 1px solid #FF6600;
@@ -357,13 +428,27 @@ label {
   margin-right: 6px;
 }
 
+.part_picker {
+  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;
 }
 
-div.part_picker_part {
+div.part_picker_part,
+div.chart_picker_chart {
   padding: 5px;
   margin: 5px;
   border: 1px;
@@ -375,30 +460,75 @@ div.part_picker_part {
   background-color: white;
   cursor: pointer;
 }
-div.part_picker_part:hover {
-  background-color: #CCCCCC;
+div.part_picker_part:hover,
+div.chart_picker_chart:hover {
   color: #FE5F14;
-  border-color: gray;
 }
+
 div.ppp_block {
   overflow:hidden;
   float:left;
   width: 350px;
 }
-div.ppp_block span.ppp_block_number {
+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
+{
   float:left;
 }
 div.ppp_block span.ppp_block_description {
   float:right;
+  margin-left:1em;
+  font-weight:bold;
+}
+div.cpc_block span.cpc_block_description {
+  float:left;
+  margin-left:1em;
   font-weight:bold;
 }
-div.ppp_line span.ppp_block_description {
+div.ppp_line span.ppp_block_description,
+div.cpc_line span.cpc_block_description
+{
   margin-left:1em;
   font-weight:bold;
 }
-div.ppp_line span.ppp_block_sellprice {
+div.cpc_block span.cpc_block_balance {
+  float:right;
+}
+div.cpc_block span.cpc_line_balance {
   display:none;
 }
+div.cpc_line span.cpc_block_second_row {
+  display:none;
+}
+div.cpc_block span.cpc_block_second_row {
+  font-size:80%;
+}
 span.toggle_selected {
   font-weight: bold;
 }
+.dunned_invoice {
+  font-weight: bold;
+  color: #f00;
+}
+.customer_dunning_level {
+  font-weight: bold;
+}