Site
/
initfest
11
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Add styles for the main nav's dropdown menu

This commit is contained in:
Monika Eftimova 2014-10-04 12:59:50 +03:00
parent eaf84bbe77
commit d69421b405
1 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
css/styles.css
View File

@ -235,16 +235,17 @@ nav ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
nav ul > li { nav ul li {
position: relative;
}
nav .menu > li {
float: left; float: left;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
nav ul a {
color: #000; nav .menu > li {
text-decoration: none;
display: block;
padding: 1.5em 0.4em;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@ -252,9 +253,40 @@ nav ul a {
-webkit-transition: border-top 200ms; -webkit-transition: border-top 200ms;
border-top: 0 solid #FFF; border-top: 0 solid #FFF;
} }
nav ul a:hover {
nav .menu > li:hover {
border-top: 0.4em solid #A8D6FF; border-top: 0.4em solid #A8D6FF;
} }
nav ul a {
color: #000;
text-decoration: none;
display: block;
padding: 1.5em 0.4em;
}
nav ul .sub-menu {
display: none;
position: absolute;
background: #fff;
width: 200px;
left: 50%;
margin-left: -100px;
box-shadow: 0 3px 5px -3px #000
}
nav ul li:hover .sub-menu {
display: block;
position: absolute;
}
nav ul .sub-menu li,
nav ul .sub-menu li a { display: block; width: 100%; }
nav ul .sub-menu li a { padding: 1em 0; text-align: center; }
nav ul .sub-menu li { border-bottom: 1px solid #ccc; }
nav ul .separator { nav ul .separator {
display: block; display: block;
width: 0.05em; width: 0.05em;
@ -424,6 +456,10 @@ footer {
background: #ddd; background: #ddd;
} }
#copyright {
text-align: center;
}
/* Sub navigation */ /* Sub navigation */
.subnav { .subnav {
margin-top: 1.6em; margin-top: 1.6em;