Verkaufsrechnungen: aktuellen Mahnstatus anzeigen; Texte leichter verständlich
[kivitendo-erp.git] / css / kivitendo / main.css
index 4cd3644..9c5ea64 100644 (file)
@@ -39,6 +39,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,7 +73,7 @@ hr {
        height: 2px;
 }
 
-/* I.E. & Chrome können das nicht! */
+/* I.E. & Chrome können das nicht! */
 /* input[type="radio"], input[type="checkbox"]{
        width:1.15em;
        height:1.15em;
@@ -73,7 +85,7 @@ input:focus, textarea:focus, select:focus {
        border: 2px solid #FE5F14;
        /* border-bottom: medium solid #FE5F14; */
 }
-/* Fängt den "Schrink" beim focus - problem für i.e. und chrome */
+/* 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;
@@ -91,23 +103,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,9 +130,9 @@ td.login {
 th.login {
        text-align: right;
 }
-body.admin {
-       background-color: #FFFFE0;
-       color: #000000;
+.admin h1 {
+       background-color: #fe5f14;
+  text-color: #ffffff;
 }
 body.menu {
        color: #000000;
@@ -166,7 +181,7 @@ body.menu {
        border-width: thin;
 }
 /*    Headings */
-.listtop, h1, .tabcontent .listheading {
+.listtop, h1 {
     font-size:125%;
        background-color: #006400;
        text-align: left;
@@ -190,7 +205,7 @@ body.menu {
        background-color: #8ee085;
        color: #000000;
 } */
-.listheading {
+.listheading, #content h2 {
        padding: 0.2em;
        background-color: #EBEBEB;
        color: #006400;
@@ -223,16 +238,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;
@@ -301,19 +331,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;
@@ -326,13 +343,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;
@@ -340,6 +350,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;
@@ -354,3 +371,105 @@ 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 {
+  padding-right: 16px;
+}
+.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 {
+  background-color: #CCCCCC;
+  color: #FE5F14;
+  border-color: gray;
+}
+
+div.ppp_block {
+  overflow:hidden;
+  float:left;
+  width: 350px;
+}
+/* div.cpc_block { */
+/*   overflow:hidden; */
+/*   float:left; */
+/*   width: 350px; */
+/* } */
+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;
+}