Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 1067492c

Von Sven Schöling vor fast 8 Jahren hinzugefügt

  • ID 1067492cb4e6fdfedfaa0f394a1665eab182ceb3
  • Vorgänger 339f80aa
  • Nachfolger 99a7753d

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

Unterschiede anzeigen:

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