Vertical Menus - Simple CSS 03.

CSS Code

#sidebar {font:bold .76em Tahoma, Arial, sans-serif;margin:0;padding:0;}
#sidebar ul, .menulist li {list-style:none;margin:0;padding:0;}
.menulist {width:100%;background:#FDF5E6;margin:0;padding:0;}
.menulist li {background:#FFC782;margin-bottom:2px;}
.menulist li a {position:relative;padding:6px 10px;text-decoration:none; display:block;color:#000;border:1px solid #ddd;border-color:#eee #333 #333 #eee;}
.menulist li a:hover, .menulist li #current {color:#000;padding:7px 9px 5px 11px;border-color:#000 #eee #eee #000;}

HTML Code

<div id="sidebar">
	<ul class="menulist">
		<li><a href="#" id="current">Menu List 01</a></li>
		<li><a href="#">Menu List 02</a></li>
		<li><a href="#">Menu List 03</a></li>
		<li><a href="#">Menu List 04</a></li>
		<li><a href="#">Menu List 05</a></li>
		<li><a href="#">Menu List 06</a></li>
	</ul>
</div>
Back to top