X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fkivitendo%2Fmain.css;h=fc6b38fd9bae45a2ade80e3da7a2f58cc2c94b31;hb=2134f89abb07c18b07b3121e80d243af03ede0e0;hp=e69e0efe215108123bcb57268cfc984823688e7a;hpb=4c8bc4a9ce7bcd4d26d939129accecebc4567488;p=kivitendo-erp.git

diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
index e69e0efe2..fc6b38fd9 100644
--- a/css/kivitendo/main.css
+++ b/css/kivitendo/main.css
@@ -1,452 +1,480 @@
-/* Stylesheet for Lx-Office
+/* Stylesheet for kivitendo * Name:kivitendo.css*/
+/* Colortable
+
+Background: 	#EBEBEB burlywood
+Links:		 	#006400 DarkGreen
+Link-hover		#FE5F14 Orange / #FFFFE0 lightyellow
+Titles, BG/VG:	#79B61B Mid-green FFFFFF White
+Tabcolor: #CAFFA3
+*/
 
 
-/* The look of links */
-A:link { color: #597d12; text-decoration: none; }
-A:visited { color: #597d12; text-decoration: none; }
-A:active { color: black; text-decoration: none; }
-A:hover { color: black;
-           background-color: #bec6a2;
-           text-decoration: none;
-         }
-a, div {
-  transition: background-color 0.2s;
-  -moz-transition: background-color 0.2s;
-  -webkit-transition: background-color 0.2s;
+body {
+	font-family: Verdana, Arial, Helvetica;
+	background-color: #FFFFFF;
+	color: #000000;
+    font-size: 9pt;
 }
 
-input, textarea, select {
-  border: 1px;
-  border-color: darkgray lightgray lightgray;
-  border-style: solid;
-  padding: 1px;
-  background-color: white;
+
+/* The look of links */
+a {
+	padding: 0 0.2em;
+	text-decoration: none;
+	/* border-bottom: thin solid; */
+	/* font-weight: bold; */
 }
-img:hover {
-  display:block !important;
+A:link, A:visited, A:active {
+	color: #000000;
+	border-bottom: thin solid #FE5F14;
 }
-
-select {
-  padding: 0px;
+a:hover {
+	color: #FE5F14;
+	background-color: #D1D1D1;
 }
-
-input:focus, textarea:focus, select:focus {
-  background-color: whitesmoke;
-  border: 1px;
-  border-color: gray lightgray lightgray;
-  border-style: solid;
+a.selected:hover {
+	color:#EBEBEB;
 }
-
-input:hover, textarea:hover, select:hover {
-  border-color: dimgray darkgray darkgray;
+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;
 }
 
-input[type="button"],
-input[type="submit"],
-button,
-input[type="button"]:focus,
-input[type="submit"]:focus,
-button:focus {
-  border: 1px;
-  border-color: darkgray;
-  border-style: solid;
-  padding: 0px 4px;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-  background-color: whitesmoke;
+table {
+    font-size: 90% !important;
+	table-layout: auto;
+	border-spacing: 0.3em;
 }
 
-button:hover,
-input[type="button"]:hover,
-input[type="submit"]:hover {
-  border: 1px;
-  background-color: lightgray;
-  border-color: gray;
-  border-style: solid;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
+/* table a {
+	color:#FE5F14 !important;
+	border-bottom:none;
+} */
+
+ul {
 }
 
-html {
-  height: 100%;
+hr {
+	background-color: #006400;
+	border: none;
+	color: #79B61B;
+	height: 2px;
 }
 
-body {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size: 10pt;
-  background-color: white;
-  background-image: url("../../image/fade.png"); background-repeat:repeat-x;
-  color: black;
-  height: 100%;
+tr.rule-before th, tr.rule-before td {
+  padding-top: 2px;
+  border-top: 2px solid #EBEBEB;
 }
 
+/* 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;
+} */
 td {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
-}
-td.hover:hover {
-    color: black;
-/*          background-color: #FFFFCC;
-          font-size: 8pt;
-          text-decoration: none;
-          border:none;
-          borderWidth:0px;
-          borderColor:2557AD;
-*/
+	color: #000000;
+	font-weight: normal;
 }
-
-
+/* td.hover:hover {
+	color: #006400;
+	background-color: #FFFFE0;
+} */
 th {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: black;
-  font-size: 8pt;
-  font-weight: normal;
+	color: #000000;
+	font-weight: bold;
 }
-
 /* login and admin */
-.login {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
+a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
+	text-decoration: none !important;
+	background-color:transparent !important;
+	border:none;
 }
-div.login {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  background: #bec6a2;
-  color: #A0A0A0;
+a.no-underlined-links:hover {
+	background: none;
 }
-h1.login {
-  font-size: 18pt;
+body.login {
+	background-color: #FFFFE0;
+	color: #000000;
 }
-h3.login {
-  color:#fe5f14;
+.login h1 {
+  text-align: center;
+  font-size: 20px;
 }
 table.login {
-  background-color: #efedde;
-  padding: 20px;
+	background-color: #FFFFE0;
+	padding: 20px;
+  width: 500px;
 }
 td.login {
-  text-align: center;
+	text-align: center;
 }
 th.login {
-  text-align: right;
+	text-align: right;
 }
-
-div.admin {
-  color: black;
-  margin: 8px;
+.admin h1 {
+	background-color: #fe5f14;
+  text-color: #ffffff;
 }
-
+body.menu {
+	color: #000000;
+}
+/* Warnings */
 .message_error_login {
-    color: #fe5f14;
-    border: 1px solid #fe5f14;
-    background-color: #ffffff;
-    padding: 3px;
+	color: #000000;
+	border: 1px solid #8b0000;
+	background-color: #ffcccc;
+	padding: 3px;
 }
 .message_ok {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #ADFFB6;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
+	padding: 5px;
+	background-color: #ADFFB6;
+	color: black;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
 }
 .message_error {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFAAAA;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
+	padding: 5px;
+	background-color: #CC0000;
+	color: white;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
 }
 .message_hint {
-    font-size: 12pt;
-    padding:5px;
-    background-color: #FFFE66;
-    color: black;
-    font-weight: bolder;
-    text-align:center;
-    border-style:solid;
-    border-width:thin;
+	padding: 0.5em;
+	background-color: #FFEE66;
+	color: black;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
 }
 .message_error_label {
-    font-size: 0.8em;
-    padding:5px;
-    background-color: #FEE;
-    font-weight:normal;
-    text-align:left;
-    border-style:solid;
-    border-width:thin;
-}
-
-/*
-    Überschriftsbalken
-*/
+	padding: 0.5em;
+	background-color: #E00000;
+  color: white;
+	font-weight: normal;
+	text-align: left;
+	border-style: solid;
+	border-width: thin;
+}
+/*    Headings */
 .listtop, h1 {
-    background-color: rgb(236,233,216);
-    text-align:center;
-    padding:5px;
-    font-size: 10pt;
-    color: black;
-    font-weight: bolder;
-    border-style:dashed;
-    border-width:thin;
-}
-
-
-.listelement {
-    background-image: url("../../image/fade2.png");
-    background-repeat:repeat-x;
-    border-style:dashed;
-    border-width:thin;
+    font-size:125%;
+	background-color: #006400;
+	text-align: left;
+	padding: 0.5em;
+	color: #FFFFFF;
+	font-weight: bolder;
+	border-style: none;
+	border-width: thin;
+	-moz-border-radius:0.4em; /* Firefox */
+	-webkit-border-radius:0.4em; /* Safari, Chrome */
+	-khtml-border-radius:0.4em; /* Konqueror */
+	border-radius:0.4em; /* CSS3 */
+	behavior:url(border-radius.htc);
+}
+
+/* .listelement {
+	background-color: #f8ffb3;
+	color: #000000;
 }
-
 .listelement2 {
-    background-image: url("../../image/fade2.png");
-    background-repeat:repeat-x;
-    border-style:dashed;
-    border-width:thin;
-}
-
-.listheading, .listheading th {
-    font-size: 9pt;
-    padding:3px;
-    background-color:
-    rgb(236,233,216);
-    color: black;
-    font-weight: bolder;
-    text-align:left;
-    background-image: url("../../image/fade.png");
-    border-style:dotted;
-    border-width:thin;
-}
-
-.listheadingcontent {
-    font-size: 9pt;
-    background-color:
-    rgb(236,233,216);
-    color: black;
-    font-weight: bolder;
-    text-align:left;
-}
+	background-color: #8ee085;
+	color: #000000;
+} */
+.listheading, #content h2 {
+	padding: 0.2em;
+	background-color: #EBEBEB;
+	color: #006400;
+	font-weight: bolder;
+	text-align: left;
+	border-style: none;
+}
+
+/* .listheadingcontent {
+	background-color: #EBEBEB;
+	color: #006400;
+	font-weight: bolder;
+	text-align: left;
+} */
 
 .accountlistheading {
-    font-size: 10pt;
-    padding:3px;
-    color: white;
-    font-weight: bold;
-    text-align:left;
-    background-color:rgb(133,132,129);
+	padding: 0.3em;
+	color: #006400;
+	font-weight: bold;
+	text-align: left;
+	background-color: #EBEBEB;
 }
-
 .subsubheading {
-  color: black;
-  font-weight: bolder;
-  text-decoration: underline;
+	color: #000000;
+	font-weight: bolder;
+	text-decoration: underline;
 }
-
 .optionen {
-    border:dashed;
-/*  padding-top:10px;
-    padding-bottom:10px;
-    padding-left:10px;
-*/
-    border-width:1px;
-    background:#efedde;
+	border: dashed;
+	border-width: 1px;
+	background: #FFFFE0;
+}
+.listrow1, .listrow:nth-child(even) {
+	background-color: #FFFFFF;
+	color: black;
+	vertical-align: top;
+}
+.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;
+	font-weight: bolder;
+}
+.listtotal, .listtotal td {
+	background-color: rgb(236,233,216);
+	color: black;
+	font-weight: bolder;
 }
-
-
-.listrow1 { background-color: rgb(208,207,201); color: black; vertical-align: top; }
-.listrow0 { background-color: rgb(236,233,216); color: black; vertical-align: top; }
-.listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
-
-.redrow1 { background-color: rgb(250,167, 161); color: black; vertical-align: top; }
-.redrow0 { background-color: rgb(255,193,176); color: black; vertical-align: top; }
-
-.greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
-.greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
-
-.listsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
-
-.listtotal, .listtotal td { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: bolder;}
-
 /* Verkaufsbericht */
-.listmainsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
-.listmainsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
-.listsubsortheader { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsubsortsubtotal { font-size: 8pt; background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
-.listsortdescription { font-size: 8pt; background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
-
-
+.listmainsortheader {
+	background-color: rgb(236,233,216);
+	color: red;
+	font-weight: bolder;
+	padding-left: 10px;
+	padding-top: 0px;
+}
+.listmainsortsubtotal {
+	background-color: rgb(236,233,216);
+	color: red;
+	font-weight: bolder;
+	padding-left: 10px;
+}
+.listsubsortheader {
+	background-color: rgb(236,233,216);
+	color: green;
+	font-weight: bolder;
+	padding-left: 20px
+}
+.listsubsortsubtotal {
+	background-color: rgb(236,233,216);
+	color: green;
+	font-weight: bolder;
+	padding-left: 20px
+}
+.listsortdescription {
+	background-color: rgb(236,233,216);
+	color: black;
+	font-weight: normal;
+	padding-left: 30px
+}
 .submit {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #000000;
+	font-family: Verdana, Arial, Helvetica;
+	color: #000000;
 }
 .checkbox, .radio {
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  color: #778899;
+	font-family: Verdana, Arial, Helvetica;
+	color: #778899;
 }
-
-.plus0 {    /* font color for negative numbers */
-  color: red;
+.plus0 {
+/* font color for negative numbers */
+	color: red;
 }
-
 .plus1 {
-  color: green;
-}
-
-td.numeric { /* class for numeric columns in tables */
-  text-align: right
+	color: green;
 }
-
 h2.confirm {
-  color: blue;
-  font-size: 14pt;
+	color: blue;
 }
-
 h2.error {
-  color: red;
-  font-size: 14pt;
+	color: red;
 }
-
 fieldset {
-  margin-top:15px;
-  color: black;
-  font-weight: bolder;
-}
-
-/* media stuff */
-
-@media screen {
-  .noscreen {   /* items with this class won't display */
-    display: none;
-  }
+	margin-top: 15px;
+	color: black;
+	font-weight: bolder;
 }
-
-@media print {
-  .noprint {   /* items with this class won't print */
-    display: none;
-  }
-}
-
 .filecontent {
-  border: 1px solid blue;
-  padding-left: 2px;
-  padding-right: 2px;
+	border: 1px solid blue;
+	padding-left: 2px;
+	padding-right: 2px;
 }
-
 label {
-  cursor:pointer;
+	cursor: pointer;
+	vertical-align: top;
 }
-
 .unbalanced_ledger {
-  background-color: #ffa0a0;
-}
-
-.clearfix:after {
-  clear:both;
-  content:".";
-  display:block;
-  font-size:0;
-  height:0;
-  visibility:hidden;
+	background-color: #ffa0a0;
 }
-
 .flash_message_error {
-  background-color:#FFD6D6;
-  border: 1px solid #AE0014;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
+	background-color: #FFD6D6;
+	border: 1px solid #AE0014;
+	margin-top: 5px;
+	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;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
+	background-color: #FFE8C7;
+	border: 1px solid #FF6600;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	padding: 5px;
 }
-
 .flash_message_info {
-  background-color:#DCF2FF;
-  border: 1px solid #4690FF;
-  margin-top: 5px;
-  margin-bottom: 5px;
-  padding: 5px;
+	background-color: #DCF2FF;
+	border: 1px solid #4690FF;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	padding: 5px;
 }
 
-.jqmWindow {
-  display: none;
-
-  position: fixed;
-  top: 17%;
-  left: 40%;
-
-  margin-left: -200px;
-  width: 700px;
-
-  background-color: #bec6a2;
-  color: #333;
-  border: 1px solid black;
-  padding: 4px;
+.flash_title {
+  font-weight: bold;
 }
 
-.jqmContent {
-  padding: 8px;
+.dimmed-text {
+  color: #ccc;
+  font-style: italic;
 }
 
-.jqmWindow h1 {
-  border: 0;
-  padding: 0;
-  background-color: #bec6a2;
+.link_separator {
+  margin-left: 6px;
+  margin-right: 6px;
 }
 
-.jqmOverlay {
-  background-color: #000;
+.part_picker {
+  padding-right: 16px;
 }
-
-/* Kontenliste Styles */
-
-.coa_listrow1 {
-  background-color: rgb(208,207,201);
-  color: black;
-  vertical-align: top;
+.chart_picker {
+  padding-right: 16px;
+}
+.customer-vendor-picker-undefined,
+.chartpicker-undefined,
+.projectpicker-undefined,
+.partpicker-undefined {
+  color: red;
+  font-style: italic;
 }
 
-.coa_listrow0 {
-  background-color: rgb(236,233,216);
-  color: black;
-  vertical-align: top;
+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;
 }
 
-.coa_detail_emph {
-  font-size:10pt;
+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;
-  color:darkred;
 }
-
-.coa_details_header {
-  font-size:8pt;
-  padding:3px;
-  font-weight:bolder;
-  text-align:center;
-  border-style:none;
-  border-width:thin;
+div.cpc_block span.cpc_block_description {
+  float:left;
+  margin-left:1em;
+  font-weight:bold;
 }
-
-.coa_details_header2 {
-  font-size:8pt;
-  padding:3px;
-  font-weight:normal;
-  text-align:left;
-  border-style:none;
-  border-width:thin;
+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;
 }