Menu style updates, fixes sub-menu

This commit is contained in:
nikolark committed 2012-09-14 16:03:09 +02:00
1 parent 4bfcfeb713
commit 30c8be6220
2 files changed
+68 -7

No files matched your search

+37 -3
View File
@@ -110,12 +110,46 @@ body {
ul { ul {
@include inline-list; @include inline-list;
ul {
position: absolute;
display: none;
margin: 0;
}
li { li {
border-right: 1px solid #FFFFE1; float: left;
padding: 6px;
&:hover ul, &:focus ul {
display:block;
z-index:9;
color:rgba(255,255,255,1);
background:rgba(0,0,0,0.3);
}
a {
display: block;
height: 22px;
padding: 0px 7px 7px;
text-decoration: none;
border-right: 1px solid #FFFFE1;
&:hover, .current {
color:rgba(255,255,255,1);
background:rgba(0,0,0,0.3);
}
}
.sub-menu li {
position: relative;
a {
border: 0px;
}
}
&.social-icon { &.social-icon {
border: 0px; a {
border: 0px;
}
#facebook-icon { #facebook-icon {
padding-left: 6px; padding-left: 6px;
@@ -169,11 +169,38 @@ body #site-header #header-container #menu ul, body #site-header #header-containe
padding: 0px; padding: 0px;
display: inline; display: inline;
} }
body #site-header #header-container #menu ul li { body #site-header #header-container #menu ul ul {
border-right: 1px solid #FFFFE1; position: absolute;
padding: 6px; display: none;
margin: 0;
} }
body #site-header #header-container #menu ul li.social-icon { body #site-header #header-container #menu ul li {
float: left;
}
body #site-header #header-container #menu ul li:hover ul, body #site-header #header-container #menu ul li:focus ul {
display: block;
z-index: 9;
color: white;
background: rgba(0, 0, 0, 0.3);
}
body #site-header #header-container #menu ul li a {
display: block;
height: 22px;
padding: 0px 7px 7px;
text-decoration: none;
border-right: 1px solid #FFFFE1;
}
body #site-header #header-container #menu ul li a:hover, body #site-header #header-container #menu ul li a .current {
color: white;
background: rgba(0, 0, 0, 0.3);
}
body #site-header #header-container #menu ul li .sub-menu li {
position: relative;
}
body #site-header #header-container #menu ul li .sub-menu li a {
border: 0px;
}
body #site-header #header-container #menu ul li.social-icon a {
border: 0px; border: 0px;
} }
body #site-header #header-container #menu ul li.social-icon #facebook-icon { body #site-header #header-container #menu ul li.social-icon #facebook-icon {