Archived
Menu style updates, fixes sub-menu
This commit is contained in:
1 parent
4bfcfeb713
commit
30c8be6220
2 files changed
+68
-7
No files matched your search
@@ -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 {
|
||||||
|
|||||||
Reference in new issue
Block a user