Skip to content

Instantly share code, notes, and snippets.

@Lane

Lane/dabblet.css

Created May 28, 2012 15:06
Show Gist options
  • Save Lane/2819631 to your computer and use it in GitHub Desktop.
Save Lane/2819631 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
*/
body{
background: #e0e0e0;
min-height: 100%;
margin: 20px;
}
.button2 {
background: linear-gradient(top, #FFDB05, #EDCC05);
display: inline-block;
padding: 8px 20px;
border-radius: 20px;
font-family: "DINPro";
text-decoration: none;
text-transform: uppercase;
font-weight:500;
font-size: 0.8em;
color: #723F00;
text-shadow: 1px 1px 1px #ffeecc;
box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
width: 100px;
text-align: center;
}
.button {
background: #eee;
background: linear-gradient(top, #f4f4f4, #e0e0e0);
border: 2px solid #999;
border-radius: 2px;
box-shadow: 1px 1px 2px #ccc, inset 0px 0px 5px #fff;
color: #666;
display: inline;
font-family: "DINPro";
font-weight: 500;
font-size: 0.9em;
padding: 5px 20px;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 2px #fff;
text-align: center;
}
.button:hover {
background: linear-gradient(top, #1C894E, #007d42);
border-color: #005522;
box-shadow: inset 0px 0px 10px #005522;
color: #fff;
text-shadow: 1px 1px 2px #005522;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<a href="#" class="button">Button</a>
<a href="#" class="button2">Button</a>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment