]> wagnertech.de Git - mfinanz.git/blobdiff - css/kivitendo/main.css
kivitendo-CSS: Inputs konsistent durch Browser gestylt
[mfinanz.git] / css / kivitendo / main.css
index 77fe0978dceb314f0a9934c389c0bbc4ad6a73ca..32209d313966d9948cc3d44198b14426d898b775 100644 (file)
@@ -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;
@@ -91,23 +145,26 @@ th {
        font-weight: bold;
 }
 /* login and admin */
-.login a, .login a:visited, .login a:hover {
+a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
        text-decoration: none !important;
        background-color:transparent !important;
        border:none;
 }
-.login a:hover {
+a.no-underlined-links:hover {
        background: none;
 }
 body.login {
        background-color: #FFFFE0;
        color: #000000;
 }
-h1.login {
+.login h1 {
+  text-align: center;
+  font-size: 20px;
 }
 table.login {
        background-color: #FFFFE0;
        padding: 20px;
+  width: 500px;
 }
 td.login {
        text-align: center;
@@ -115,10 +172,9 @@ td.login {
 th.login {
        text-align: right;
 }
-div.admin {
-       background-color: #FFFFE0;
-    padding: 8px;
-       color: #000000;
+.admin h1 {
+       background-color: #fe5f14;
+  text-color: #ffffff;
 }
 body.menu {
        color: #000000;
@@ -191,7 +247,7 @@ body.menu {
        background-color: #8ee085;
        color: #000000;
 } */
-.listheading {
+.listheading, #content h2 {
        padding: 0.2em;
        background-color: #EBEBEB;
        color: #006400;
@@ -224,16 +280,31 @@ body.menu {
        border-width: 1px;
        background: #FFFFE0;
 }
-.listrow1 {
+.listrow1, .listrow:nth-child(even) {
        background-color: #FFFFFF;
        color: black;
        vertical-align: top;
 }
-.listrow0 {
+.listrow0, .listrow:nth-child(odd) {
        background-color: #FFFF99;
        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;
+       vertical-align: top;
+}
 .listsubtotal {
        background-color: rgb(236,233,216);
        color: black;
@@ -302,19 +373,6 @@ fieldset {
        color: black;
        font-weight: bolder;
 }
-/* media stuff */
-@media screen {
-.noscreen {
-/* items with this class won't display */
-       display: none;
-}
-}
-@media print {
-.noprint {
-/* items with this class won't print */
-       display: none;
-}
-}
 .filecontent {
        border: 1px solid blue;
        padding-left: 2px;
@@ -327,13 +385,6 @@ label {
 .unbalanced_ledger {
        background-color: #ffa0a0;
 }
-.clearfix:after {
-       clear: both;
-       content: ".";
-       display: block;
-       height: 0;
-       visibility: hidden;
-}
 .flash_message_error {
        background-color: #FFD6D6;
        border: 1px solid #AE0014;
@@ -341,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;
@@ -355,3 +413,122 @@ label {
        margin-bottom: 5px;
        padding: 5px;
 }
+
+.flash_title {
+  font-weight: bold;
+}
+
+.dimmed-text {
+  color: #ccc;
+  font-style: italic;
+}
+
+.link_separator {
+  margin-left: 6px;
+  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.chart_picker_chart {
+  padding: 5px;
+  margin: 5px;
+  border: 1px;
+  border-color: darkgray;
+  border-style: solid;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  background-color: white;
+  cursor: pointer;
+}
+div.part_picker_part:hover,
+div.chart_picker_chart:hover {
+  color: #FE5F14;
+}
+
+div.ppp_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
+{
+  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.cpc_line span.cpc_block_description
+{
+  margin-left:1em;
+  font-weight:bold;
+}
+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;
+}