Revision 9ba1f2ab
Von Hans P. Schlaepfer vor etwa 5 Jahren hinzugefügt
| css/lx-office-erp/main.css.old | ||
|---|---|---|
|
/* 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;
|
||
|
}
|
||
| css/lx-office-erp/menu.css.old | ||
|---|---|---|
|
|
||
|
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; }
|
||
|
}
|
||
Auch abrufbar als: Unified diff
less/lx-office-erp/ .OLD-Dateien