projekt kivitendo

/* Stylesheet for kivitendo

 * Name: lx-office-erp.css*/

/* The look of links */

A:link { color: mediumblue; text-decoration: none; }

A:visited { color: mediumblue; text-decoration: none; }

A:active { color: black; text-decoration: none; }

A:hover { color: black;

           background-color: lemonchiffon;

           text-decoration: none;

         }

input, textarea, select {

  border: 1px;

  border-color: darkgray lightgray lightgray;

  border-style: solid;

  padding: 1px;

  background-color: white;

}

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: whitesmoke;

  border: 1px;

  border-color: gray lightgray lightgray;

  border-style: solid;

}

input:hover, textarea:hover, select:hover {

  border-color: dimgray darkgray darkgray;

}

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;

}

button:hover:enabled,

input[type="button"]:hover:enabled,

input[type="submit"]:hover:enabled {

  border: 1px;

  background-color: lightgray;

  border-color: gray;

  border-style: solid;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

html {

  height: 100%;

}

body {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 80%;

  background-color: white;

  color: black;

  height: 100%;

}

td {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: black;

  font-weight: normal;

}

td.hover:hover {

  color: black;

}

th {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: black;

  font-weight: normal;

}

/* login and admin */

.login {

  font-family: Verdana, Arial, Helvetica, sans-serif;

}

div.login {

  min-height: 100%;

  height: auto !important;

  height: 100%;

  background: #b8d1f3;

  color: #A0A0A0;

}

.login h1 {

  text-align: center;

  font-size: 150%;

}

table.login {

  background-color: #efedde;

  padding: 20px;

}

td.login {

  text-align: center;

}

th.login {

  text-align: right;

}

div.admin {

  color: black;

  margin: 8px;

}

.message_error_login {

    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;

}

.message_error {

    padding:5px;

    background-color: #FFAAAA;

    color: black;

    font-weight: bolder;

    text-align:center;

    border-style:solid;

    border-width:thin;

}

.message_hint {

    padding:5px;

    background-color: #FFFE66;

    color: black;

    font-weight: bolder;

    text-align:center;

    border-style:solid;

    border-width:thin;

}

.message_error_label {

    padding:5px;

    background-color: #FEE;

    font-weight:normal;

    text-align:left;

    border-style:solid;

    border-width:thin;

}

/*

    Überschriftsbalken

*/

.listtop, h1 {

    background-color: rgb(236,233,216);

    font-size: 100%;

    text-align:left;

    padding:5px;

    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;

}

.listelement2 {

    background-image: url("../../image/fade2.png");

    background-repeat:repeat-x;

    border-style:dashed;

    border-width:thin;

}

.listheading, .listheading th, #content h2 {

    font-size: 95%;

    padding:3px;

    background-color:

    rgb(236,233,216);

    color: black;

    font-weight: bold;

    text-align:left;

    background-image: url("../../image/fade.png");

    border-style:dotted;

    border-width:thin;

}

.listheadingcontent {

    background-color:

    rgb(236,233,216);

    color: black;

    font-weight: bolder;

    text-align:left;

}

.accountlistheading {

    padding:3px;

    color: white;

    font-weight: bold;

    text-align:left;

    background-color:rgb(133,132,129);

}

.subsubheading {

  color: black;

  font-weight: bolder;

  text-decoration: underline;

}

.optionen {

    border:dashed;

/*  padding-top:10px;

    padding-bottom:10px;

    padding-left:10px;

*/

    border-width:1px;

    background:#efedde;

}

.listrow1, .listrow:nth-child(even)  { background-color: rgb(208,207,201); color: black; vertical-align: top; }

.listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }

.listrowempty { background-color: rgb(255,255,255); 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; }

.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 { 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;}

/* Verkaufsbericht */

.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;

}

.checkbox, .radio {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #778899;

}

.plus0 {    /* font color for negative numbers */

  color: red;

}

.plus1 {

  color: green;

}

h2.confirm {

  color: blue;

}

h2.error {

  color: red;

}

fieldset {

  margin-top:15px;

  color: black;

  font-weight: bolder;

}

.filecontent {

  border: 1px solid blue;

  padding-left: 2px;

  padding-right: 2px;

}

label {

  cursor:pointer;

}

.unbalanced_ledger {

  background-color: #ffa0a0;

}

.flash_message_error {

  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;

}

.flash_message_info {

  background-color:#DCF2FF;

  border: 1px solid #4690FF;

  margin-top: 5px;

  margin-bottom: 5px;

  padding: 5px;

}

.flash_title {

  font-weight: bold;

}

/* Kontenliste Styles */

.coa_listrow1 {

  background-color: rgb(208,207,201);

  color: black;

  vertical-align: top;

}

.coa_listrow0 {

  background-color: rgb(236,233,216);

  color: black;

  vertical-align: top;

}

.coa_detail_emph {

  font-weight:bold;

  color:darkred;

}

.coa_details_header {

  padding:3px;

  font-weight:bolder;

  text-align:center;

  border-style:none;

  border-width:thin;

}

.coa_details_header2 {

  padding:3px;

  font-weight:normal;

  text-align:left;

  border-style:none;

  border-width:thin;

}

.dimmed-text {

  color: #aaa;

  font-style: italic;

}

.link_separator {

  margin-left: 6px;

  margin-right: 6px;

}

.chart_picker,

.part_picker {

}

.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: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background-color: whitesmoke;

  cursor: pointer;

}

div.part_picker_part:hover,

div.chart_picker_chart:hover {

  background-color: lightgray;

  border-color: gray;

}

div.cpc_block,

div.ppp_block {

  overflow:hidden;

  float:left;

  width: 350px;

}

span.cpc_popup_button,

span.ppp_popup_button {

  display: inline-block;

  position: relative;

  margin-left: -18px;

  margin-top: 3px;

  height: 16px;

  width: 16px;

  cursor: pointer;

}

td span.cpc_popup_button,

th span.cpc_popup_button,

td span.ppp_popup_button,

th span.ppp_popup_button {

  height: 9px;

  width: 9px;

  margin-left: -13px;

}

span.chart_picker input,

span.part_picker input {

  padding-right: 20px;

  background: white url("../../image/search.svg") no-repeat center right;

  background-size: contain;

  box-sizing: padding-box;

  -moz-box-sizing: padding-box;

  -webkit-box-sizing: padding-box;

}

td span.chart_picker input,

th span.chart_picker input,

td span.part_picker input,

th span.part_picker input {

  padding-right: 15px;

}

span.chart_picker,

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;

  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.ppp_line span.ppp_block_sellprice {

  display:none;

}

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;

}

a.green {

      background-color: DarkGreen;

      color: white !important;

      border:none;

}

a.orange {

       background-color:#FF8000;

       border:none;

}

a.red {

       background-color:#FF0000;

       border:none;

}

#expand_all, .expand {

    cursor: pointer;

    display: block;

    max-width: 16px;

    max-height: 16px;

}

/* 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: #d0cfc9;

}

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;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

div.layout-actionbar div.layout-actionbar-link:hover,

div.layout-actionbar div.layout-actionbar-submit:hover,

div.layout-actionbar div.layout-actionbar-scriptbutton:hover {

  background-color: lightgray;

  border-color: gray;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

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;

  -webkit-border-top-right-radius: 2px;

  -webkit-border-bottom-right-radius: 2px;

  -moz-border-radius-topright: 2px;

  -moz-border-radius-bottomright: 2px;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {

  background-color: lightgray;

}

div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {

  border-color: black transparent;

}

div.layout-actionbar .layout-actionbar-default-action {

  font-weight: bold;

}

body.menu {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 80%;

  color: black;

}

table.menunew {

  border: 0;

  width: 100%;

  background-color: #f0efde;

  border-spacing: 0;

}

table.menunew td {

  padding: 0;

  color:black;

  font-family: Verdana, Arial, sans-serif;

}

body.menunew {

  padding:0px;

  margin:0px;

}

div.layout-actionbar ~ #content {

  padding-top: 32px;

}

#main_menu_div {

  background-color: #d0cfc9

}

#main_menu_div ~ div.layout-actionbar {

  top: 45px;

}

#main_menu_div ~ #content {

  padding-top: 25px;

}

#main_menu_div ~ div.layout-actionbar ~ #content {

  padding-top: 54px;

}

#menuv3 {

  width: 100%;

  position: fixed;

  background-color: #d0cfc9;

  border-color:#ccc #888 #555 #bbb;

  z-index: 30;

}

#menuv3 ~ div.layout-actionbar {

  top: 40px;

}

#menuv3  ~ #content {

  padding-top: 35px;

}

#menuv3 ~ div.layout-actionbar ~ #content {

  padding-top: 64px;

}

#menuv3 a, #menuv3 h2, #menuv3 div.x {

font-size:13px;

font-weight: normal;

display:block;

border:0;

border-right:1px;

border-style:solid;

border-color:#ccc #888 #555 #bbb;

white-space:nowrap;

margin:0;

padding:1px 0 1px 3px;

}

#menuv3 h2 {

color: black;

padding:2px 10px;

}

#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {

color:#000;

text-decoration:none;

padding-right:10px;

}

#menuv3 a {

background:#eee;

}

#menuv3 div.x, #menuv3 div.x:visited {

background:#eee url(../../image/right.gif) no-repeat right;

}

#menuv3 a:hover, #menuv3 div.x:hover {

/*color:#a00;

background-color:#ddd;*/

  background-color: #c6c39b;

}

#menuv3 a:active, #menuv3 div.x:active {

color:#000;

background-color:#c6c39b;

}

#menuv3 ul {

list-style:none;

margin:0;

padding:0;

float:left;

}

#menuv3 li {

position:relative;

float:none;

border:0;

border-width:0 0 1px 0;

}

/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far

 * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow

 * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has

 * a bottom border, which just looks ugly

 * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */

#menuv3 ul li {

border:solid;

border-color:#ccd5e5;

border-width:0 0 1px 0;

}

#menuv3 ul ul li {

border:solid;

border-width:0 0 1px 0;

}

/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below

 * causing the menu to close. Opera 9 has the same bug btw. */

#menuv3 ul ul {

position:absolute;

z-index: 500;

display:none;

}

#menuv3 ul ul ul {

top:0;

left:90%;

}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method */

div#menuv3 h2:hover {

background:#c6c39b;

color:#000;

}

div#menuv3 li:hover {

cursor:pointer;

}

div#menuv3 li:hover ul ul,

div#menuv3 li li:hover ul ul,

div#menuv3 li li li:hover ul ul,

div#menuv3 li li li li:hover ul ul

{display:none;}

div#menuv3 li:hover ul,

div#menuv3 li li:hover ul,

div#menuv3 li li li:hover ul,

div#menuv3 li li li li:hover ul

{display:block;}

/* End of non-anchor hover selectors */

/* html menu */

/* types of lines: m sm i (menu submenu item)

   each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)

   and one mic (menu-item-chunk)

   indenting is done with the levels s0, s1, s2 */

#html-menu {

  position: fixed;

  overflow-y: scroll;

  overflow-x: hidden;

  height: 95%;

  transition:         margin-left 0.2s, width 0.2s;

  -moz-transition:    margin-left 0.2s, width 0.2s;

  -webkit-transition: margin-left 0.2s, width 0.2s;

  -o-transition:      margin-left 0.2s, width 0.2s;

}

div.layout-split-right { margin-left: 190px; height: 100%; }

div.layout-split-right.folded { margin-left: 40px }

#html-menu.folded:hover + #content.layout-split-right.folded { margin-left: 190px }

#html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; }

#html-menu.folded { width: 32px; }

#html-menu.folded:hover { width: 183px; }

#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }

#html-menu div.sm { font-weight: bold }

#html-menu img { vertical-align: top; border: 0; }

#html-menu a { vertical-align: top }

#html-menu .i span.ms { float: left; width: 24px; margin-bottom: 4px; }

#html-menu .m span.ms { float: left; width: 32px }

#html-menu .sm span.ms { float: left; width: 24px; background: url(../../image/unterpunkt.png); }

#html-menu div.m { height: 24px }

#html-menu div.m span.mic { color:blue; position: relative; top: 4px }

#html-menu div.m:hover,

#html-menu div.i:hover { color:blue; background-color: lemonchiffon; cursor: pointer; }

#html-menu span.mic { white-space: normal; display: inline-block; vertical-align: top; line-height: 1.2; }

#html-menu a.ml span.mic { width: 145px } /* fix deep indents */

#html-menu div.s0 { padding-left: 2px }

#html-menu div.s1 { padding-left: 8px }

#html-menu div.s2 { padding-left: 16px }

body { margin: 0 }

@media print {

  #menuv3, #html-menu, #frame-header, #main_menu_div, #js-header {   /* items with this class won't print */

    display: none;

  }

  #content.html-menu { margin-left: 0; }

}