updated theme for menu, better usability, #113203
This commit is contained in:
parent
cb22790246
commit
6f6aef2e67
@ -10,58 +10,53 @@ z-index:48;
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu {
|
ul#simplemenu {
|
||||||
background:#eee;
|
background:#ddd;
|
||||||
border-bottom:1px solid #a3a3a3;
|
border-bottom:1px solid #999;
|
||||||
font:12px Arial, Helvetica, sans-serif;
|
font:11px Verdana, Helvetica, sans-serif;
|
||||||
left:0;
|
left:0;
|
||||||
position:static;
|
position:static;
|
||||||
top:0;
|
top:0;
|
||||||
width:100%;
|
width:100%;
|
||||||
height:22px;
|
height:21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li {
|
ul#simplemenu li {
|
||||||
float:left;
|
float:left;
|
||||||
|
border-right:1px solid #999;
|
||||||
|
border-left:1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li a {
|
ul#simplemenu li a {
|
||||||
background:#ccc;
|
background:#ddd;
|
||||||
border-right:1px solid #a3a3a3;
|
padding:0.3em 2em 0.3em 0.6em;
|
||||||
font-weight:400;
|
|
||||||
padding:0.3em 0.6em;
|
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li:hover > a {
|
|
||||||
background:orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#simplemenu ul li a {
|
ul#simplemenu ul li a {
|
||||||
border:none;
|
border:none;
|
||||||
width:11em;
|
width:11em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li.leaf {
|
ul#simplemenu li.expanded > a {
|
||||||
background:#eee url(bullet_go.gif) no-repeat 0.2em;
|
background:#ddd url(bullet_go.gif) no-repeat 97%;
|
||||||
padding-left:2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li.expanded {
|
ul#simplemenu li:hover > a {
|
||||||
background:#eee url(folder.gif) no-repeat 0.2em;
|
background-color:#2662F1;
|
||||||
padding-left:2em;
|
color:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li ul {
|
ul#simplemenu li ul {
|
||||||
background:#ccc;
|
background:#999;
|
||||||
border:1px solid #a3a3a3;
|
border:1px solid #999;
|
||||||
left:-9999px;
|
left:-9999px;
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width:15em;
|
width:14em;
|
||||||
z-index:24;
|
z-index:24;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li ul ul {
|
ul#simplemenu li ul ul {
|
||||||
margin:0 0 0 3em;
|
margin:0 0 0 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#simplemenu li:hover ul ul,ul#simplemenu li:hover ul ul ul,ul#simplemenu li.sfhover ul ul,ul#simplemenu li.sfhover ul ul ul {
|
ul#simplemenu li:hover ul ul,ul#simplemenu li:hover ul ul ul,ul#simplemenu li.sfhover ul ul,ul#simplemenu li.sfhover ul ul ul {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user