Nice menu from Dribble

dabblet.css

/**
 * Nice menu from Dribble 
 * http://dribbble.com/shots/720647-Account-Dropdown-Menu
 */

#list{
	list-style-type: none;
	background: #f2f1ed;
	width:225px;
	border: 1px solid #d1c8c9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0em 0.1em #f8f7f5;
	box-shadow: 1px 1px 12px #d4d4d4;

	
	/*chrome was acting weird unless I added this in for some reason*/
	-margin-before: 0em;
	-margin-after: 0em;
	-margin-start: 0px;
	-margin-end: 0px;
	-padding-start: 0px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	-moz-margin-before: 0em;
	-moz-margin-after: 0em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
	-moz-padding-start: 0px;
}
ul#list li{	
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #d3d3d1;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	line-height: 34px;
	color: #504f4d;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align:left
	text-shadow: 0.1em 0.1em #fff;
}

ul#list li.heading{	
	border-top: 1px solid #fefefe;
	border-bottom: 1px solid #d3d3d1;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	line-height: 34px;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: none;
	background: #669933;
}
ul#list li.heading:hover{	
	background: #669933;
}
ul#list li:hover{
	background: #e2dedb;
	border-top: 1px solid #c9c8c4;
}

.number{
	background: #ee6c1e;
	padding: 1px 8px 1px 8px;
	margin: 0px 0px 0px 10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: #ffffff;
	border-top: 1px solid #b65318;
	border-bottom: 1px solid #f8f7f5;
	font-size: 12px;
	text-shadow: none;

}

dabblet.html

<ul id="list">
	<li class="heading">Account Information</li>
	<li>Change Password</li>
	<li>My Account</li>
	<li>Usage Viewer</li>
	<li class="heading">Server Admin</li>
	<li>Module Admin</li>
	<li>PHPInfo</li>
	<li>phpSysInfo</li>
	<li>Shadowing</li>
	<li>Updates</li>
	<li>ZPanel Config</li>
	<li>ZPanel News</li>
	<li class="heading">Database Management</li>
	<li>MySQL Database</li>
	<li>MySQL Users</li>
	<li>phpMyAdmin</li>
	<li class="heading">Domain Management</li>
	<li>DNS Management</li>
	<li>Domains</li>
	<li>Parked Domains</li>
	<li>Sub Domains</li>
	<li class="heading">Mail</li>
	<li>Aliases</li>
	<li>Email Lists</li>
	<li>Forwarders</li>
	<li>Mailboxes</li>
	<li>WebMail</li>
	<li class="heading">Reseller</li>
	<li>My Profile</li>
	<li class="heading">File management</li>
	<li>FTP</li>
</ul>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}