Revision 1067492c
Von Sven Schöling vor fast 8 Jahren hinzugefügt
| css/lx-office-erp/dhtmlsuite/menu-bar.css | ||
|---|---|---|
|
************************************************************************************************************/
|
||
|
|
||
|
.DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */
|
||
|
color:#FFF;
|
||
|
height:26px;
|
||
|
width:100%;
|
||
|
background-repeat:repeat-x;
|
||
|
font-family: sans-serif, Verdana, Arial, Helvetica;
|
||
|
z-index:100000;
|
||
|
padding-left:10px;
|
||
|
/* background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/
|
||
|
background-image:url('../../../image/bg_css_menu.png');
|
||
|
position: fixed;
|
||
|
height: 26px;
|
||
|
width: 100%;
|
||
|
z-index: 100;
|
||
|
padding-left: 10px;
|
||
|
background-color: #d0cfc9;
|
||
|
}
|
||
|
|
||
|
.DHTMLSuite_menuBar_sub{
|
||
|
position:absolute;
|
||
|
background-color:#FFF;
|
||
|
border:1px solid #000;
|
||
|
background-image:url('../../../image/dhtmlsuite/menu-bar-gradient.jpg'); /* Background image for sub menu items */
|
||
|
background-repeat:repeat-y;
|
||
|
background-position: left center;
|
||
|
display:inline;
|
||
|
position: fixed;
|
||
|
background-color: #FFF;
|
||
|
border: 1px solid #000;
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
| css/lx-office-erp/frame_header/header.css | ||
|---|---|---|
|
#frame-header .frame-header-element a:visited,
|
||
|
#frame-header .frame-header-element a:hover,
|
||
|
#frame-header .frame-header-element a:active {
|
||
|
color: white;
|
||
|
color: black;
|
||
|
background: none;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
#frame-header {
|
||
|
background: url('../../../image/bg_titel.gif') repeat-x;
|
||
|
background-color: #d0cfc9;
|
||
|
text-align: center;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
color: white;
|
||
|
color: black;
|
||
|
border: 0;
|
||
|
overflow: hidden;
|
||
|
height: 20px;
|
||
| ... | ... | |
|
border-spacing: 0;
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
z-index: 20;
|
||
|
z-index: 40;
|
||
|
}
|
||
|
|
||
|
#frame-header + div {
|
||
| ... | ... | |
|
#frame-header .frame-header-center,
|
||
|
#frame-header .frame-header-right {
|
||
|
border-spacing: 0;
|
||
|
color: white;
|
||
|
color: black;
|
||
|
padding: 0;
|
||
|
font-family: verdana,arial,sans-serif;
|
||
|
vertical-align: middle;
|
||
| css/lx-office-erp/main.css | ||
|---|---|---|
|
background-color: lemonchiffon;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
a, div {
|
||
|
transition: background-color 0.2s;
|
||
|
-moz-transition: background-color 0.2s;
|
||
|
-webkit-transition: background-color 0.2s;
|
||
|
}
|
||
|
|
||
|
input, textarea, select {
|
||
|
border: 1px;
|
||
| ... | ... | |
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 80%;
|
||
|
background-color: white;
|
||
|
background-image: url("../../image/fade.png"); background-repeat:repeat-x;
|
||
|
color: black;
|
||
|
height: 100%;
|
||
|
}
|
||
| ... | ... | |
|
height: 25px;
|
||
|
top: 20px;
|
||
|
z-index: 20;
|
||
|
/* background-color: whitesmoke; */
|
||
|
background-color: #d0cfc9;
|
||
|
width: 100%;
|
||
|
padding: 2px;
|
||
|
}
|
||
|
|
||
|
div.layout-actionbar-action {
|
||
| ... | ... | |
|
-moz-user-select: none; /* Firefox */
|
||
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
||
|
user-select: none; /* don't select text on double click */
|
||
|
transition: background-color 0s;
|
||
|
-moz-transition: background-color 0s;
|
||
|
-webkit-transition: background-color 0s;
|
||
|
}
|
||
|
|
||
|
div.layout-actionbar ~ div {
|
||
|
padding-top: 25px;
|
||
|
}
|
||
|
|
||
|
div.layout-actionbar > div + div {
|
||
|
margin-left: 2px;
|
||
|
}
|
||
|
|
||
|
div.layout-actionbar-separator {
|
||
|
display: inline-block;
|
||
|
width: 20px;
|
||
| css/lx-office-erp/menu.css | ||
|---|---|---|
|
|
||
|
body.menu {
|
||
|
background-image: url("../../image/fade.png");background-repeat:repeat-x;
|
||
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
font-size: 80%;
|
||
|
color: black;
|
||
| ... | ... | |
|
table.menunew {
|
||
|
border: 0;
|
||
|
width: 100%;
|
||
|
background-image: url("../../image/bg_titel.gif");
|
||
|
background-color: #f0efde;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
|
||
|
table.menunew td {
|
||
|
padding: 0;
|
||
|
color:white;
|
||
|
color:black;
|
||
|
font-family: Verdana, Arial, sans-serif;
|
||
|
}
|
||
|
|
||
| ... | ... | |
|
margin:0px;
|
||
|
}
|
||
|
|
||
|
#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:99.8%;
|
||
|
float:left;
|
||
|
background:url(../../image/bg_css_menu.png) repeat bottom;
|
||
|
border:1px solid;
|
||
|
border-color:#ccc #888 #555 #bbb;
|
||
|
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:11px/16px arial,helvetica,sans-serif;
|
||
|
font-size:13px;
|
||
|
font-weight: normal;
|
||
|
display:block;
|
||
|
border:0;
|
||
|
border-right:1px;
|
||
| ... | ... | |
|
}
|
||
|
|
||
|
#menuv3 h2 {
|
||
|
color:#fff;
|
||
|
color: black;
|
||
|
padding:2px 10px;
|
||
|
}
|
||
|
|
||
| ... | ... | |
|
}
|
||
|
|
||
|
#menuv3 a:hover, #menuv3 div.x:hover {
|
||
|
color:#a00;
|
||
|
background-color:#ddd;
|
||
|
/*color:#a00;
|
||
|
background-color:#ddd;*/
|
||
|
background-color: #c6c39b;
|
||
|
}
|
||
|
|
||
|
#menuv3 a:active, #menuv3 div.x:active {
|
||
|
color:#060;
|
||
|
background-color:#ccc;
|
||
|
color:#000;
|
||
|
background-color:#c6c39b;
|
||
|
}
|
||
|
|
||
|
#menuv3 ul {
|
||
| ... | ... | |
|
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
|
||
| ... | ... | |
|
* causing the menu to close. Opera 9 has the same bug btw. */
|
||
|
#menuv3 ul ul {
|
||
|
position:absolute;
|
||
|
z-index:500;
|
||
|
top:auto;
|
||
|
z-index: 500;
|
||
|
display:none;
|
||
|
}
|
||
|
|
||
| ... | ... | |
|
file and this method */
|
||
|
|
||
|
div#menuv3 h2:hover {
|
||
|
background:#A3C5FF;
|
||
|
color:#a00;
|
||
|
background:#c6c39b;
|
||
|
color:#000;
|
||
|
}
|
||
|
|
||
|
div#menuv3 li:hover {
|
||
|
cursor:pointer;
|
||
|
z-index:100;
|
||
|
}
|
||
|
|
||
|
div#menuv3 li:hover ul ul,
|
||
Auch abrufbar als: Unified diff
css: funktionales revamp für actionbar
- z-index für v3 und javascript gefixt
- flat styling, weil die gradienten kaputt aussehen
- top margins für actionbar und ohne gefixt
- position:fixed korrigiert