Input Buttons

dabblet.css

/**
 * Input Buttons
 */

button[type="button"],
button[type="reset"],
button[type="submit"],
input[type="reset"],
input[type="submit"],
input[type="button"] {
	cursor: pointer;
	height: 28px;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	box-shadow: 0 -5px 20px -15px rgba(0,0,0,0.3) inset;
	background: #f0f0f0 url(http://www.nec-display-solutions.com/r/images/solutionsplus/button_gradient.png) 0 0 repeat-x;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background:    -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 	-ms-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 	 -o-linear-gradient(top, #fafafa 0%, #eaeaea 100%);
	background: 		linear-gradient(to bottom, #fafafa 0%, #eaeaea 100%);
	color: #424242;
	font: bold 12px/1 Arial, Helvetica, sans-serif;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
		 -ms-transition: all .2s ease-out;
		  -o-transition: all .2s ease-out;
			  transition: all .2s ease-out;
	padding: 0 12px;
	margin: 3px;
}

button[type="button"]:hover,
button[type="button"]:focus,
button[type="reset"]:hover,
button[type="reset"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
	border-color: #e8e8e8;
	background-position: 0 0;
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background:    -moz-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 	-ms-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 	 -o-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%);
	background: 		linear-gradient(to bottom, #f4f4f4 0%, #dfdfdf 100%);
	color: #141414;
}

button[type="button"]:active,
button[type="reset"]:active,
button[type="submit"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
	border-color: #e8e8e8;
	background-position: 0 0;
	box-shadow: 0 5px 20px -15px rgba(0,0,0,0.3) inset;
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background:    -moz-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	-ms-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	 -o-linear-gradient(top, #dfdfdf 0%, #f4f4f4 100%);
	background: 	   	linear-gradient(to bottom, #dfdfdf 0%, #f4f4f4 100%);
	color: #141414;
}

dabblet.html

<p><input type="submit" value="Bild aktualisieren"></p>

settings.json

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