-/* 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;
}
-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;
+} */
-html {
- height: 100%;
+ul {
}
-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%;
+hr {
+ background-color: #006400;
+ border: none;
+ color: #79B61B;
+ 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;
+} */
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;
+}
+.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;
+ margin-top: 15px;
+ color: black;
+ font-weight: bolder;
}
-
/* media stuff */
-
@media screen {
- .noscreen { /* items with this class won't display */
- display: none;
- }
+.noscreen {
+/* items with this class won't display */
+ display: none;
+}
}
-
@media print {
- .noprint { /* items with this class won't print */
- display: none;
- }
+.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;
+ background-color: #ffa0a0;
}
-
.clearfix:after {
- clear:both;
- content:".";
- display:block;
- font-size:0;
- height:0;
- visibility:hidden;
+ clear: both;
+ content: ".";
+ display: block;
+ height: 0;
+ visibility: hidden;
}
-
.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_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;
+.flash_title {
+ font-weight: bold;
+}
- background-color: #bec6a2;
- color: #333;
- border: 1px solid black;
- padding: 4px;
+.dimmed-text {
+ color: #ccc;
+ font-style: italic;
}
-.jqmContent {
- padding: 8px;
+.link_separator {
+ margin-left: 6px;
+ margin-right: 6px;
}
-.jqmWindow h1 {
- border: 0;
- padding: 0;
- background-color: #bec6a2;
+.small-text {
+ font-size: 0.75em;
}
-.jqmOverlay {
- background-color: #000;
+.float-left {
+ float: left;
}
-/* Kontenliste Styles */
+.block-context {
+ overflow: hidden;
+}
-.coa_listrow1 {
- background-color: rgb(208,207,201);
- color: black;
- vertical-align: top;
+.position-relative {
+ position: relative;
}
-.coa_listrow0 {
- background-color: rgb(236,233,216);
- color: black;
- vertical-align: top;
+.position-absolute {
+ position: absolute;
}
-.coa_detail_emph {
- font-size:10pt;
- font-weight:bold;
- color:darkred;
+.part_picker {
+ padding-right: 16px;
}
-.coa_details_header {
- font-size:8pt;
- padding:3px;
- font-weight:bolder;
- text-align:center;
- border-style:none;
- border-width:thin;
+div.part_picker_part {
+ float:left; width: 350px;
+ padding: 5px;
+ margin: 5px;
+ overflow:hidden;
+ border: 1px;
+ border-color: darkgray;
+ border-style: solid;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ background-color: whitesmoke;
+ cursor: pointer;
}
-.coa_details_header2 {
- font-size:8pt;
- padding:3px;
- font-weight:normal;
- text-align:left;
- border-style:none;
- border-width:thin;
+div.part_picker_part:hover {
+ background-color: #CCCCCC;
+ color: #FE5F14;
+ border-color: gray;
}