62 lines
1.3 KiB
CSS
62 lines
1.3 KiB
CSS
|
nav ul ul {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li:hover > ul {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
nav ul {
|
||
|
|
color: #000000;
|
||
|
|
background: #808080;
|
||
|
|
background: linear-gradient(top, #808080 0%, #404040 100%);
|
||
|
|
background: -moz-linear-gradient(top, #808080 0%, #404040 100%);
|
||
|
|
background: -webkit-linear-gradient(top, #808080 0%,#404040 100%);
|
||
|
|
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
|
||
|
|
padding: 0 10px;
|
||
|
|
border-radius: 10px;
|
||
|
|
list-style: none;
|
||
|
|
position: relative;
|
||
|
|
display: inline-table;
|
||
|
|
/* margin: 0.5em;*/
|
||
|
|
}
|
||
|
|
nav ul:after {
|
||
|
|
content: ""; clear: both; display: block;
|
||
|
|
}
|
||
|
|
nav ul li {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
nav ul li:hover {
|
||
|
|
background: #505050;
|
||
|
|
background: linear-gradient(top, #505050 0%, #585858 40%);
|
||
|
|
background: -moz-linear-gradient(top, #505050 0%, #585858 40%);
|
||
|
|
background: -webkit-linear-gradient(top, #505050 0%, #585858 40%);
|
||
|
|
}
|
||
|
|
nav ul li:hover a {
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li a {
|
||
|
|
display: block; padding: 10px 10px;
|
||
|
|
color: #FFFFFF; text-decoration: none;
|
||
|
|
}
|
||
|
|
nav ul ul {
|
||
|
|
background: #505050; border-radius: 0px; padding: 0;
|
||
|
|
position: absolute; top: 100%;
|
||
|
|
}
|
||
|
|
nav ul ul li {
|
||
|
|
float: none;
|
||
|
|
border-top: 1px solid #000000;
|
||
|
|
border-bottom: 1px solid #000000;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
nav ul ul li a {
|
||
|
|
padding: 5px 20px;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
nav ul ul li a:hover {
|
||
|
|
background: #585858;
|
||
|
|
}
|
||
|
|
nav ul ul ul {
|
||
|
|
position: absolute; left: 100%; top:0;
|
||
|
|
}
|