Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2026-03-16 09:16:32 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

further enhance the context menu and fix showing of context menu on ie

Browse source
This commit is contained in:
Reinier Balt 2009-03-19 22:55:03 +01:00
parent e898c39467
commit dfffbc78c3
5 changed files with 60 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

35
public/stylesheets/superfish.css
View file

@ -13,16 +13,24 @@
top: -999em;
width: 12em; /* left offset of submenus need to match (see below) */
}
.sf-item-menu ul {
width: 8em;
z-index: 99;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
@ -63,6 +71,7 @@ ul.sf-menu li li li.sfHover ul {
text-decoration:none;
line-height: 14px;
}
.sf-menu a, .sf-menu a:visited, .sf-menu ul li a { /* visited pseudo selector so IE6 applies text colour*/
font-weight: bold;
margin-left: 10px;
@ -71,11 +80,22 @@ ul.sf-menu li li li.sfHover ul {
border-bottom: 4px solid #000; /* make sure there is enough room for the solid */
}
.sf-item-menu a, .sf-item-menu a:visited, .sf-item-menu ul li a {
font-weight: normal;
line-height: 10px;
color: #000;
border-bottom: none;
}
.sf-menu li li, .sf-menu li ul {
margin: 0;
background: #000000;
}
.sf-item-menu li li, .sf-item-menu li ul {
background: #CCC;
}
.sf-menu li ul {
margin-top: -18px;
padding: 0 8px 9px 0;
@ -90,6 +110,7 @@ ul.sf-menu li li li.sfHover ul {
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
border: 2px solid #000;
}
.sf-menu li ul li, .sf-menu li li {
@ -98,6 +119,10 @@ ul.sf-menu li li li.sfHover ul {
font-size: 1em;
}
.sf-item-menu li ul li, .sf-item-menu li li {
font-size: 0.8em;
}
.sf-menu li li li {
background: #000000;
}
@ -107,11 +132,21 @@ ul.sf-menu li li li.sfHover ul {
color: #CCC;
}
.sf-item-menu li:hover, .sf-item-menu li.sfHover,
.sf-item-menu a:focus, .sf-item-menu a:hover, .sf-item-menu a:active {
color: #000;
font-weight: bold;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
border-bottom: 4px solid #CCC;
background: transparent;
}
.sf-item-menu a:focus, .sf-item-menu a:hover, .sf-item-menu a:active {
border-bottom: none;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;