Skip to content

Instantly share code, notes, and snippets.

@pavelbier

pavelbier/dabblet.css

Created April 13, 2012 07:59
Show Gist options
  • Save pavelbier/2374984 to your computer and use it in GitHub Desktop.
Save pavelbier/2374984 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dabblet.css
/**
* source: http://jsfiddle.net/NPXfe/
*/
body {padding:40px; background-color: #ccc;}
input {
padding:10px 60px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* firefox */
border: solid #ccc 3px;
box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
-moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
-webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
text-shadow: 0 1px 2px #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* webkit */font-size:20px}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<input type="submit" value="Submit your entry" class="input" />​
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment