Revision 1067492c
Von Sven Schöling vor fast 8 Jahren hinzugefügt
| css/lx-office-erp/dhtmlsuite/menu-bar.css | ||
|---|---|---|
| 16 | 16 |
************************************************************************************************************/ |
| 17 | 17 |
|
| 18 | 18 |
.DHTMLSuite_menuBar_top{ /* The bar that is parent of the menu strip */
|
| 19 |
color:#FFF; |
|
| 20 |
height:26px; |
|
| 21 |
width:100%; |
|
| 22 |
background-repeat:repeat-x; |
|
| 23 |
font-family: sans-serif, Verdana, Arial, Helvetica; |
|
| 24 |
z-index:100000; |
|
| 25 |
padding-left:10px; |
|
| 26 |
/* background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/
|
|
| 27 |
background-image:url('../../../image/bg_css_menu.png');
|
|
| 19 |
position: fixed; |
|
| 20 |
height: 26px; |
|
| 21 |
width: 100%; |
|
| 22 |
z-index: 100; |
|
| 23 |
padding-left: 10px; |
|
| 24 |
background-color: #d0cfc9; |
|
| 28 | 25 |
} |
| 29 | 26 |
|
| 30 | 27 |
.DHTMLSuite_menuBar_sub{
|
| 31 |
position:absolute; |
|
| 32 |
background-color:#FFF; |
|
| 33 |
border:1px solid #000; |
|
| 34 |
background-image:url('../../../image/dhtmlsuite/menu-bar-gradient.jpg'); /* Background image for sub menu items */
|
|
| 35 |
background-repeat:repeat-y; |
|
| 36 |
background-position: left center; |
|
| 37 |
display:inline; |
|
| 28 |
position: fixed; |
|
| 29 |
background-color: #FFF; |
|
| 30 |
border: 1px solid #000; |
|
| 31 |
display: inline; |
|
| 38 | 32 |
} |
| 39 | 33 |
|
| css/lx-office-erp/frame_header/header.css | ||
|---|---|---|
| 2 | 2 |
#frame-header .frame-header-element a:visited, |
| 3 | 3 |
#frame-header .frame-header-element a:hover, |
| 4 | 4 |
#frame-header .frame-header-element a:active {
|
| 5 |
color: white;
|
|
| 5 |
color: black;
|
|
| 6 | 6 |
background: none; |
| 7 | 7 |
text-decoration: underline; |
| 8 | 8 |
} |
| 9 | 9 |
|
| 10 | 10 |
#frame-header {
|
| 11 |
background: url('../../../image/bg_titel.gif') repeat-x;
|
|
| 11 |
background-color: #d0cfc9;
|
|
| 12 | 12 |
text-align: center; |
| 13 | 13 |
margin: 0; |
| 14 | 14 |
padding: 0; |
| 15 |
color: white;
|
|
| 15 |
color: black;
|
|
| 16 | 16 |
border: 0; |
| 17 | 17 |
overflow: hidden; |
| 18 | 18 |
height: 20px; |
| ... | ... | |
| 20 | 20 |
border-spacing: 0; |
| 21 | 21 |
position: fixed; |
| 22 | 22 |
top: 0; |
| 23 |
z-index: 20;
|
|
| 23 |
z-index: 40;
|
|
| 24 | 24 |
} |
| 25 | 25 |
|
| 26 | 26 |
#frame-header + div {
|
| ... | ... | |
| 39 | 39 |
#frame-header .frame-header-center, |
| 40 | 40 |
#frame-header .frame-header-right {
|
| 41 | 41 |
border-spacing: 0; |
| 42 |
color: white;
|
|
| 42 |
color: black;
|
|
| 43 | 43 |
padding: 0; |
| 44 | 44 |
font-family: verdana,arial,sans-serif; |
| 45 | 45 |
vertical-align: middle; |
| css/lx-office-erp/main.css | ||
|---|---|---|
| 9 | 9 |
background-color: lemonchiffon; |
| 10 | 10 |
text-decoration: none; |
| 11 | 11 |
} |
| 12 |
a, div {
|
|
| 13 |
transition: background-color 0.2s; |
|
| 14 |
-moz-transition: background-color 0.2s; |
|
| 15 |
-webkit-transition: background-color 0.2s; |
|
| 16 |
} |
|
| 17 | 12 |
|
| 18 | 13 |
input, textarea, select {
|
| 19 | 14 |
border: 1px; |
| ... | ... | |
| 79 | 74 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
| 80 | 75 |
font-size: 80%; |
| 81 | 76 |
background-color: white; |
| 82 |
background-image: url("../../image/fade.png"); background-repeat:repeat-x;
|
|
| 83 | 77 |
color: black; |
| 84 | 78 |
height: 100%; |
| 85 | 79 |
} |
| ... | ... | |
| 543 | 537 |
height: 25px; |
| 544 | 538 |
top: 20px; |
| 545 | 539 |
z-index: 20; |
| 546 |
/* background-color: whitesmoke; */ |
|
| 540 |
background-color: #d0cfc9; |
|
| 541 |
width: 100%; |
|
| 542 |
padding: 2px; |
|
| 547 | 543 |
} |
| 548 | 544 |
|
| 549 | 545 |
div.layout-actionbar-action {
|
| ... | ... | |
| 553 | 549 |
-moz-user-select: none; /* Firefox */ |
| 554 | 550 |
-ms-user-select: none; /* Internet Explorer/Edge */ |
| 555 | 551 |
user-select: none; /* don't select text on double click */ |
| 556 |
transition: background-color 0s; |
|
| 557 |
-moz-transition: background-color 0s; |
|
| 558 |
-webkit-transition: background-color 0s; |
|
| 559 | 552 |
} |
| 560 | 553 |
|
| 561 | 554 |
div.layout-actionbar ~ div {
|
| 562 | 555 |
padding-top: 25px; |
| 563 | 556 |
} |
| 564 | 557 |
|
| 558 |
div.layout-actionbar > div + div {
|
|
| 559 |
margin-left: 2px; |
|
| 560 |
} |
|
| 561 |
|
|
| 565 | 562 |
div.layout-actionbar-separator {
|
| 566 | 563 |
display: inline-block; |
| 567 | 564 |
width: 20px; |
| css/lx-office-erp/menu.css | ||
|---|---|---|
| 1 | 1 |
|
| 2 | 2 |
body.menu {
|
| 3 |
background-image: url("../../image/fade.png");background-repeat:repeat-x;
|
|
| 4 | 3 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
| 5 | 4 |
font-size: 80%; |
| 6 | 5 |
color: black; |
| ... | ... | |
| 9 | 8 |
table.menunew {
|
| 10 | 9 |
border: 0; |
| 11 | 10 |
width: 100%; |
| 12 |
background-image: url("../../image/bg_titel.gif");
|
|
| 11 |
background-color: #f0efde;
|
|
| 13 | 12 |
border-spacing: 0; |
| 14 | 13 |
} |
| 15 | 14 |
|
| 16 | 15 |
table.menunew td {
|
| 17 | 16 |
padding: 0; |
| 18 |
color:white;
|
|
| 17 |
color:black;
|
|
| 19 | 18 |
font-family: Verdana, Arial, sans-serif; |
| 20 | 19 |
} |
| 21 | 20 |
|
| ... | ... | |
| 24 | 23 |
margin:0px; |
| 25 | 24 |
} |
| 26 | 25 |
|
| 26 |
#main_menu_div {
|
|
| 27 |
background-color: #d0cfc9 |
|
| 28 |
} |
|
| 29 |
|
|
| 30 |
#main_menu_div ~ div.layout-actionbar {
|
|
| 31 |
top: 45px; |
|
| 32 |
} |
|
| 33 |
|
|
| 34 |
#main_menu_div ~ #content {
|
|
| 35 |
padding-top: 25px; |
|
| 36 |
} |
|
| 37 |
#main_menu_div ~ div.layout-actionbar ~ #content {
|
|
| 38 |
padding-top: 54px; |
|
| 39 |
} |
|
| 40 |
|
|
| 27 | 41 |
#menuv3 {
|
| 28 |
width:99.8%; |
|
| 29 |
float:left; |
|
| 30 |
background:url(../../image/bg_css_menu.png) repeat bottom; |
|
| 31 |
border:1px solid; |
|
| 32 |
border-color:#ccc #888 #555 #bbb; |
|
| 42 |
width: 100%; |
|
| 43 |
position: fixed; |
|
| 44 |
background-color: #d0cfc9; |
|
| 45 |
border-color:#ccc #888 #555 #bbb; |
|
| 46 |
z-index: 30; |
|
| 47 |
} |
|
| 48 |
|
|
| 49 |
#menuv3 ~ div.layout-actionbar {
|
|
| 50 |
top: 40px; |
|
| 51 |
} |
|
| 52 |
#menuv3 ~ #content {
|
|
| 53 |
padding-top: 35px; |
|
| 54 |
} |
|
| 55 |
#menuv3 ~ div.layout-actionbar ~ #content {
|
|
| 56 |
padding-top: 64px; |
|
| 33 | 57 |
} |
| 34 | 58 |
|
| 35 | 59 |
#menuv3 a, #menuv3 h2, #menuv3 div.x {
|
| 36 |
font:11px/16px arial,helvetica,sans-serif; |
|
| 60 |
font-size:13px; |
|
| 61 |
font-weight: normal; |
|
| 37 | 62 |
display:block; |
| 38 | 63 |
border:0; |
| 39 | 64 |
border-right:1px; |
| ... | ... | |
| 45 | 70 |
} |
| 46 | 71 |
|
| 47 | 72 |
#menuv3 h2 {
|
| 48 |
color:#fff;
|
|
| 73 |
color: black;
|
|
| 49 | 74 |
padding:2px 10px; |
| 50 | 75 |
} |
| 51 | 76 |
|
| ... | ... | |
| 63 | 88 |
} |
| 64 | 89 |
|
| 65 | 90 |
#menuv3 a:hover, #menuv3 div.x:hover {
|
| 66 |
color:#a00; |
|
| 67 |
background-color:#ddd; |
|
| 91 |
/*color:#a00; |
|
| 92 |
background-color:#ddd;*/ |
|
| 93 |
background-color: #c6c39b; |
|
| 68 | 94 |
} |
| 69 | 95 |
|
| 70 | 96 |
#menuv3 a:active, #menuv3 div.x:active {
|
| 71 |
color:#060;
|
|
| 72 |
background-color:#ccc;
|
|
| 97 |
color:#000;
|
|
| 98 |
background-color:#c6c39b;
|
|
| 73 | 99 |
} |
| 74 | 100 |
|
| 75 | 101 |
#menuv3 ul {
|
| ... | ... | |
| 83 | 109 |
position:relative; |
| 84 | 110 |
float:none; |
| 85 | 111 |
border:0; |
| 112 |
border-width:0 0 1px 0; |
|
| 86 | 113 |
} |
| 87 | 114 |
|
| 88 | 115 |
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far |
| ... | ... | |
| 105 | 132 |
* causing the menu to close. Opera 9 has the same bug btw. */ |
| 106 | 133 |
#menuv3 ul ul {
|
| 107 | 134 |
position:absolute; |
| 108 |
z-index:500; |
|
| 109 |
top:auto; |
|
| 135 |
z-index: 500; |
|
| 110 | 136 |
display:none; |
| 111 | 137 |
} |
| 112 | 138 |
|
| ... | ... | |
| 124 | 150 |
file and this method */ |
| 125 | 151 |
|
| 126 | 152 |
div#menuv3 h2:hover {
|
| 127 |
background:#A3C5FF;
|
|
| 128 |
color:#a00;
|
|
| 153 |
background:#c6c39b;
|
|
| 154 |
color:#000;
|
|
| 129 | 155 |
} |
| 130 | 156 |
|
| 131 | 157 |
div#menuv3 li:hover {
|
| 132 | 158 |
cursor:pointer; |
| 133 |
z-index:100; |
|
| 134 | 159 |
} |
| 135 | 160 |
|
| 136 | 161 |
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