#nav, #nav ul {
list-style : none outside none;
margin : 0;
padding : 0;
}
#nav {
background : linear-gradient(#FFFDDA 20%, transparent 20%, transparent 40%, #FFFDDA 40%, #FFFDDA 60%, transparent 60%, transparent 80%, #FFFDDA 80%);
clear : both;
height : 20px;
width : 30px;
left : 10px;
border-left : 10px;
border-color : yellow;
position : fixed;
}
#nav ul {
background-color : rgba(18, 18, 18, 0.7);
font-family : Arial;
font-size : 16px;
text-align : left;
text-indent : 20px;
left : -9999px;
overflow : hidden;
position : fixed;
top : -9999px;
}
#nav li {
width : 30px;
float : left;
}
#nav li a {
color : #FFFFFF;
display : block;
float : left;
font-weight : normal;
width : 55px;
height : 35px;
padding : 0 23px 20px 0;
text-decoration : none;
text-shadow : 1px 1px 1px #000000;
}
#nav li:hover > a {
color : #00B4FF;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
outline : 0 none;
}
#nav li:hover ul.subs {
left : 0;
top : 55px;
width : 180px;
transform : scaleY(1);
}
#nav ul li {
width : 100%;
}
#nav ul li a {
float : none;
width : 100%;
}
#nav ul li:hover > a {
color : #00B4FF;
}