Add a sidebar hover list

This sidebar menu is just like the messy sidebar list, but with straight lines instead of tilted:

You can also see it in action on the sidebar here on the Style Guide site.

.module-archives ul li { padding: 8px 15px; margin: 5px 0; } .module-archives a, .module-archives a:hover {color: #444;} .module ul li:nth-child(odd) { background: rgba(50,50,50,0.1); } .module ul li:nth-child(odd):hover { background: rgba(50,50,50,0.4); } .module ul li:nth-child(even) { background: rgba(50,50,50,0.2); } .module ul li:nth-child(even):hover { background: rgba(50,50,50,0.4); }