Skip to content

Instantly share code, notes, and snippets.

@gormus
Created April 5, 2012 20:47
Show Gist options
  • Save gormus/2314054 to your computer and use it in GitHub Desktop.
Save gormus/2314054 to your computer and use it in GitHub Desktop.
A generic CSS for styling sitemap menu links created by menu block module.
/* Sitemap */
#ui-content .ui-block-menu_block {
font-size: 13px;
}
#ui-content .ui-block-menu_block ul {
line-height: 1;
margin: 0;
float: left;
padding: 0;
}
#ui-content .ui-block-menu_block ul li {
float: left;
list-style: none outside none;
margin: 0 10px 0 0;
max-width: 180px;
padding: 0;
width: auto;
}
#ui-content .ui-block-menu_block ul li a {
border-bottom: 3px solid #E1E1E1;
display: inline-block;
font-weight: bold;
line-height: 1.2;
padding: 0.5em 10px 0.5em 3px;
text-decoration: none;
text-transform: uppercase;
}
#ui-content .ui-block-menu_block ul li ul {
}
#ui-content .ui-block-menu_block ul li ul li {
float: none;
width: auto;
}
#ui-content .ui-block-menu_block ul li ul li ul {
margin-left: 15px;
}
#ui-content .ui-block-menu_block ul li ul li a {
border-bottom: 0 none;
border-left: 3px solid #E1E1E1;
font-weight: normal;
padding-left: 10px;
text-transform: none;
color: #666;
}
#ui-content .ui-block-menu_block a:hover {
background-color: rgba(255, 255, 255, 0.5);
border-color: #0085B5;
color: #0085B5;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment