Button styles

dabblet.css

/**
 * Button styles
 */
body{
background: #fc6;
font-size: 16px;
font-family: sans-serif;
min-height: 100%;
}

.button:hover, button:hover{
      left:-1px;
      top: -1px;
	  box-shadow: 4px 4px #15a;

}
.button:active, button:active{
   left: 3px;
   top: 3px;
   box-shadow: none;

}
.button, button{ 
		 position: relative;	
		 display: inline-block; 
		 line-height: 1.5em;
		 vertical-align: middle;
         padding: 8px 10px; 
         background: #1af; 
         color: #fff; 
         border: 0px solid transparent;
         box-shadow: 3px 3px #15a; 
         font-size:16px !important;
}

dabblet.html

<a class="button">I'm a link!</a>
<button>I'm a button</button>
<input type=submit class="button" value="I'm a submit">

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}