Skip to content

Instantly share code, notes, and snippets.

@mattkeys
Created June 17, 2013 18:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mattkeys/40cebb10b380eb92ee67 to your computer and use it in GitHub Desktop.
Save mattkeys/40cebb10b380eb92ee67 to your computer and use it in GitHub Desktop.
Sandbox Menu Styling
aside.sidebar ul {
list-style-type: none;
margin: 0 0 20px;
padding: 0;
width: 250px;
}
aside.sidebar ul li {
position: relative;
font-size: 12px;
border-bottom: 1px solid #dcddde;
width: 250px;
text-align: left;
background: #f6f6f6;
}
aside.sidebar ul li ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
aside.sidebar ul li ul li a {
margin-left: 20px;
}
aside.sidebar ul li ul li ul li a {
margin-left: 40px;
}
aside.sidebar ul li a {
display: block;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333;
white-space: nowrap;
padding: 12px 20px;
}
aside.sidebar ul li a:after {
content: "";
display: block;
width: 15px;
height: 15px;
background: url(../img/glyphicons-halflings.png) no-repeat -455px -70px; /* This image is can be found here: https://github.com/twitter/bootstrap/blob/master/img/glyphicons-halflings.png */
position: absolute;
top: 13px;
right: 19px;
filter: alpha(opacity=100);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
aside.sidebar ul li:first-child {
border-top: 1px solid #dcddde;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment