-/* 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
+/* Stylesheet for kivitendo * Name:kivitendo.css
+
+Color table
+-----------
+
+Background: #EBEBEB burlywood
+Links: #006400 DarkGreen
+Link-hover #FE5F14 Orange / #FFFFE0 lightyellow
+Titles, BG/VG: #79B61B Mid-green FFFFFF White
+Tabcolor: #CAFFA3
*/
body {
- font-family: Verdana, Arial, Helvetica;
- background-color: #FFFFFF;
- color: #000000;
- font-size: 9pt;
+ background-color: #FFFFFF;
+ color: #000000;
+ font-family: sans-serif;
+ font-size: 80%;
+}
+
+/* Input elements */
+input,
+textarea,
+select,
+div.cke_textarea_inline {
+ -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;
+}
+
+input[type="text"], input[type="password"]
+textarea,
+select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -o-appearance: none;
+}
+
+select {
+ 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,
+div.cke_textarea_inline: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 {
- padding: 0 0.2em;
- text-decoration: none;
- /* border-bottom: thin solid; */
- /* font-weight: bold; */
+ padding: 0 0.2em;
+ text-decoration: none;
}
A:link, A:visited, A:active {
- color: #000000;
- border-bottom: thin solid #FE5F14;
+ color: #000000;
+ border-bottom: thin solid #FE5F14;
}
a:hover {
- color: #FE5F14;
- background-color: #D1D1D1;
+ color: #FE5F14;
+ background-color: whitesmoke;
}
a.selected:hover {
- color:#EBEBEB;
+ color:#EBEBEB;
}
a.nomobile {
- background-color:transparent;
- border:none;
+ background-color:transparent;
+ border:none;
+}
+a.green {
+ background-color: DarkGreen;
+ color: white !important;
+ border:none;
+}
+a.orange {
+ background-color:#FF8000;
+ border:none;
+}
+a.red {
+ background-color:#FF0000;
+ border:none;
}
table {
- font-size: 90% !important;
- table-layout: auto;
- border-spacing: 0.3em;
+ font-size: 90% !important;
+ table-layout: auto;
+ border-spacing: 0.3em;
}
-/* table a {
- color:#FE5F14 !important;
- border-bottom:none;
-} */
+hr {
+ background-color: #006400;
+ border: none;
+ color: #79B61B;
+ height: 2px;
+}
-ul {
+tr.rule-before th, tr.rule-before td {
+ padding-top: 2px;
+ border-top: 2px solid #EBEBEB;
}
-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 {
- color: #000000;
- font-weight: normal;
+ color: #000000;
+ font-weight: normal;
}
-/* td.hover:hover {
- color: #006400;
- background-color: #FFFFE0;
-} */
th {
- color: #000000;
- font-weight: bold;
+ color: #000000;
+ font-weight: bold;
}
/* login and admin */
a.no-underlined-links, a.no-underlined-links:visited, a.no-underlined-links:hover {
- text-decoration: none !important;
- background-color:transparent !important;
- border:none;
+ text-decoration: none !important;
+ background-color:transparent !important;
+ border:none;
}
a.no-underlined-links:hover {
- background: none;
+ background: none;
}
body.login {
- background-color: #FFFFE0;
- color: #000000;
+ background-color: #FFFFE0;
+ color: #000000;
}
.login h1 {
text-align: center;
- font-size: 20px;
+ font-size: 150%;
}
table.login {
- background-color: #FFFFE0;
- 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;
}
.admin h1 {
- background-color: #fe5f14;
+ background-color: #fe5f14;
text-color: #ffffff;
}
body.menu {
- color: #000000;
+ color: #000000;
}
/* Warnings */
.message_error_login {
- color: #000000;
- border: 1px solid #8b0000;
- background-color: #ffcccc;
- padding: 3px;
+ color: #000000;
+ border: 1px solid #8b0000;
+ background-color: #ffcccc;
+ padding: 3px;
}
.message_ok {
- 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 {
- padding: 5px;
- background-color: #CC0000;
- color: white;
- 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 {
- padding: 0.5em;
- background-color: #FFEE66;
- 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 {
- padding: 0.5em;
- background-color: #E00000;
+ padding: 0.5em;
+ background-color: #E00000;
color: white;
- font-weight: normal;
- text-align: left;
- border-style: solid;
- border-width: thin;
+ font-weight: normal;
+ text-align: left;
+ border-style: solid;
+ border-width: thin;
}
-/* Headings */
+/* Headings */
.listtop, h1 {
- 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-color: #8ee085;
- color: #000000;
-} */
-.listheading, #content h2 {
- padding: 0.2em;
- background-color: #EBEBEB;
- color: #006400;
- font-weight: bolder;
- text-align: left;
- border-style: none;
+ background-color: #006400;
+ text-align: left;
+ padding: 0.5em;
+ color: #FFFFFF;
+ font-size:100%;
+ 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);
}
-/* .listheadingcontent {
- background-color: #EBEBEB;
- color: #006400;
- font-weight: bolder;
- text-align: left;
-} */
+.listheading, #content h2 {
+ padding: 0.2em;
+ background-color: #EBEBEB;
+ color: #006400;
+ font-size: 95%;
+ font-weight: bolder;
+ text-align: left;
+ border-style: none;
+}
.accountlistheading {
- padding: 0.3em;
- color: #006400;
- font-weight: bold;
- text-align: left;
- background-color: #EBEBEB;
+ padding: 0.3em;
+ color: #006400;
+ font-weight: bold;
+ text-align: left;
+ background-color: #EBEBEB;
}
.subsubheading {
- color: #000000;
- font-weight: bolder;
- text-decoration: underline;
+ color: #000000;
+ font-weight: bolder;
+ text-decoration: underline;
}
.optionen {
- border: dashed;
- border-width: 1px;
- background: #FFFFE0;
+ border: dashed;
+ border-width: 1px;
+ background: #FFFFE0;
}
.listrow1, .listrow:nth-child(even) {
- background-color: #FFFFFF;
- color: black;
- vertical-align: top;
+ background-color: #FFFFFF;
+ color: black;
+ vertical-align: top;
}
.listrow0, .listrow:nth-child(odd) {
- background-color: #FFFF99;
- color: black;
- vertical-align: top;
+ 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;
+ background-color: #FFFFFF;
+ color: black;
+ vertical-align: top;
}
.listsubtotal {
- background-color: rgb(236,233,216);
- color: black;
- font-weight: bolder;
+ 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;
+ background-color: rgb(236,233,216);
+ color: black;
+ font-weight: bolder;
}
/* Verkaufsbericht */
.listmainsortheader {
- background-color: rgb(236,233,216);
- color: red;
- font-weight: bolder;
- padding-left: 10px;
- padding-top: 0px;
+ 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;
+ 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
+ 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
+ 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
+ background-color: rgb(236,233,216);
+ color: black;
+ font-weight: normal;
+ padding-left: 30px
}
.submit {
- font-family: Verdana, Arial, Helvetica;
- color: #000000;
+ color: #000000;
}
.checkbox, .radio {
- font-family: Verdana, Arial, Helvetica;
- color: #778899;
+ color: #778899;
}
.plus0 {
-/* font color for negative numbers */
- color: red;
+ /* font color for negative numbers */
+ color: red;
}
.plus1 {
- color: green;
+ color: green;
}
h2.confirm {
- color: blue;
+ color: blue;
}
h2.error {
- color: red;
+ color: red;
}
fieldset {
- margin-top: 15px;
- color: black;
- font-weight: bolder;
+ margin-top: 15px;
+ color: black;
+ font-weight: bolder;
}
.filecontent {
- border: 1px solid blue;
- padding-left: 2px;
- padding-right: 2px;
+ border: 1px solid blue;
+ padding-left: 2px;
+ padding-right: 2px;
}
label {
- cursor: pointer;
- vertical-align: top;
+ cursor: pointer;
+ vertical-align: top;
}
.unbalanced_ledger {
- background-color: #ffa0a0;
+ 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;
}
.flash_title {
margin-right: 6px;
}
-.part_picker {
- padding-right: 16px;
-}
+.chart_picker,
+.part_picker,
+.project_picker,
+ display: inline-block;
+}
+.chart_picker:before,
+.part_picker:before,
+.project_picker:before {
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+}
+.kivi-validator-invalid,
.customer-vendor-picker-undefined,
+.chartpicker-undefined,
+.projectpicker-undefined,
.partpicker-undefined {
color: red;
font-style: italic;
}
-div.part_picker_part {
+div.project_picker_project,
+div.part_picker_part,
+div.chart_picker_chart {
padding: 5px;
margin: 5px;
border: 1px;
background-color: white;
cursor: pointer;
}
-div.part_picker_part:hover {
- background-color: #CCCCCC;
+div.project_picker_project:hover,
+div.part_picker_part:hover,
+div.chart_picker_chart:hover {
color: #FE5F14;
- border-color: gray;
}
+
+div.cpc_block,
div.ppp_block {
overflow:hidden;
float:left;
width: 350px;
}
-div.ppp_block span.ppp_block_number {
+span.cpc_popup_button,
+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.chart_picker input,
+span.part_picker input,
+span.project_picker input {
+ padding-right: 20px;
+ box-sizing: padding-box;
+ -moz-box-sizing: padding-box;
+ -webkit-box-sizing: padding-box;
+}
+span.chart_picker,
+span.part_picker,
+span.project_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_ean {
float:left;
+ margin-left:1em;
}
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_number,
+div.ppp_line span.ppp_block_ean {
+ float:left;
+ margin-left:1em;
+}
+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 {
+}
span.toggle_selected {
font-weight: bold;
}
+.dunned_invoice {
+ font-weight: bold;
+ color: #f00;
+}
+.customer_dunning_level {
+ font-weight: bold;
+}
+
+#expand_all, .expand {
+ cursor: pointer;
+ display: block;
+ max-width: 16px;
+ max-height: 16px;
+}
+#update_from_master {
+ cursor: pointer;
+ display: block;
+ max-width: 16px;
+ max-height: 16px;
+}
+#update_from_master:hover {
+ background: #ddd;
+}
+
+/* Bank transactions */
+#bank_transactions_proposals .invoice_number_highlight a,
+#bank_transactions_proposals span.invoice_number_highlight {
+ background-color: #006400;
+ color: #FFFFFF;
+}
+
+/* actionbar styling */
+div.layout-actionbar {
+ background-color: white;
+}
+
+div.layout-actionbar div.layout-actionbar-link,
+div.layout-actionbar div.layout-actionbar-submit,
+div.layout-actionbar div.layout-actionbar-scriptbutton,
+div.layout-actionbar div.layout-actionbar-link:focus,
+div.layout-actionbar div.layout-actionbar-submit:focus,
+div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
+ border-color: darkgray;
+ background-color: whitesmoke;
+}
+
+div.layout-actionbar div.layout-actionbar-link:hover,
+div.layout-actionbar div.layout-actionbar-submit:hover,
+div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
+ color: #FE5F14;
+}
+
+div.layout-actionbar div.layout-actionbar-action-disabled,
+div.layout-actionbar div.layout-actionbar-action-disabled:hover {
+ color: gray;
+ background-color: whitesmoke;
+ border-color: lightgray;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
+ border-color: darkgray;
+ background-color: whitesmoke;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
+ color: #FE5F14;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
+ border-color: black transparent;
+}
+
+div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover:after {
+ color: #FE5F14;
+ border-color: #FE5F14 transparent;
+}
+div.layout-actionbar .layout-actionbar-default-action {
+ font-weight: bold;
+}
+
+/* Admin section: the menu itself doesn't occupy space. So make room
+ at the top of the div covering the whole admin area. */
+body > div.admin {
+ padding-top: 24px;
+}
+
+/* cke editor */
+.cke_top {
+ padding: 0 !important;
+}
+.cke_toolgroup {
+ margin-bottom: 0 !important;
+ margin-top: 0 !important;
+}
+.cke_button {
+ padding: 0px; 6px !important;
+}
+
+/* selects with text filters */
+div.filtered_select input, div.filtered_select select {
+ display: block;
+}
+
+div.filtered_select input {
+ background-image: url(../../image/glass14x14.png);
+ background-repeat: no-repeat;
+ background-position: 2px 2px;
+ border-radius: 0px;
+ border: solid #a0a0a0 1px;
+ border-bottom: none;
+ padding: 0px;
+ padding-left: 20px;
+ margin: 0;
+ width: 500px;
+}
+
+div.filtered_select select {
+ width: 522px;
+}