Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="catnav">
- <ul>
- <li><a href="#">CATEGORY</a>
- <ul>
- <li>Florists</li>
- <li>Caterers</li>
- <li>Formal Wear</li>
- <li>All Categories...</li>
- </ul>
- </li>
- </ul>
- </div>
- .catnav ul {list-style:none;margin:0px;padding:0px;}
- .catnav li {float:left;text-align:center;position:relative;background:#f5f6f7;padding:0px 10px 0px 10px;}
- .catnav li ul li {float:none;width:150px;text-align:left;padding-left:0px 0px 0px 5px;line-height:17px;}
- .catnav a {text-decoration:none;color:#548dd4;font-family:arial;}
- .catnav li ul {position:absolute;top:21px;left:0px; border:1px solid #ccc;
- -moz-box-shadow: 0px 3px 10px #aaa;
- -webkit-box-shadow: 0px 3px 10px #aaa;
- box-shadow: 0px 3px 10px #aaa;
- visibility:hidden;}
- .catnav li:hover ul {visibility:visible;z-index:100;}
- .catnav li:hover {background:#e0e0e0;}
- .catnav li:hover li a {font-size:0.8em;font-weight:normal;visibility:visible;z-index:100;}
Add Comment
Please, Sign In to add comment