Skip to content

Instantly share code, notes, and snippets.

@cedricici

cedricici/dabblet.css

Created March 24, 2012 15:12
Show Gist options
  • Save cedricici/2184116 to your computer and use it in GitHub Desktop.
Save cedricici/2184116 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
ul{
margin:100px;
}
ul li {
display:block;
text-align:right;
margin:4px 0;
}
ul li a{
padding:3px 30px 3px 30px;
display:inline-block;
color:#333;
background:hsl(80,68%,60%);
text-decoration:none;
text-shadow:0 1px 0 rgba(255,255,255,.8);
border-top:1px solid rgba(255,255,255,.4);
border-bottom:1px solid rgba(0,0,0,.1);
}
ul li a:hover{
background:hsl(80,68%,56%);
color:#222;
padding-right:60px;
transition-property:padding;
transition-duration:1s;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<nav>
<ul><li><a href="#secondPart">Specs</a></li><li><a href="#thirdPart">Galaxie Droomble</a></li><li><a href="#fourthPart">Droid Music</a></li><li><a href="#fifthPart">Sports</a></li><li><a href="#footer">Contact</a></li></ul></nav>
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment