adrianmg

/**
 * The first commented line is your dabblet’s title
 */
body { background: #fff; padding: 100px; font: 11px/16px Sans-serif, Helvetica, Arial; color: #fff; }

.button {
	width: 46px; height: 24px; line-height: 25px; cursor: pointer;
	text-align: center; display: inline-block; vertical-align: middle; font-weight: bold;
	background: -webkit-linear-gradient(#81C859, #68A047);
	border: 1px solid #679F46; border-radius: 4px;

adrianmg

/**
 * The first commented line is your dabblet’s title
 */
body { background: #fff; padding: 100px; font: 11px/16px Sans-serif, Helvetica, Arial; color: #fff; }

.button {
	width: 46px; height: 24px; line-height: 25px; cursor: pointer;
	text-align: center; display: inline-block; vertical-align: middle; ffont-weight: bold;
	background: -webkit-linear-gradient(#81C859, #68A047);
	border: 1px solid #679F46; border-radius: 4px;

adrianmg

body { padding: 100px; font-family: arial; font-size: 24px;}

i {
	width: 54px; height: 51px; line-height: 51px; display: block; position: relative;
	background: #f5f5f5; color: #464646;
	background: linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
	border: 1px solid #62646A; border-radius: 4px;
	text-align: center; font-style: normal;
}
i:before {

adrianmg

.loader {
	width: 32px; height: 32px; display: inline-block;
	font: 0/0 a; text-shadow: none; color: transparent; /*font hack replacement*/
	background: transparent url(http://f.cl.ly/items/1J161J3L0A2x0c1r303O/loader.gif) no-repeat;
	-webkit-animation: 'animation' 1s steps(10, end) infinite;
	-moz-animation:    'animation' 1s steps(10, end) infinite;

}

@-webkit-keyframes animation	{ from { background-position: 0 0; } to { background-position: 100% 0; } }

adrianmg

/**
 * Scrolling shadows by @kizmarh and @leaverou
 * Only works in browsers supporting background-attachment: local; & CSS gradients
 * Degrades gracefully
 */

html {
	background: white;
	font: 120% sans-serif;
}

adrianmg

.spinner {
	display: inline-block; font-size: 0; overflow: hidden;
	width: 1px; height: 1px;
	background-image: url(http://cl.ly/GmBz/blue-sprite.png);
	background-size: 8px 0;
	-webkit-transform: scaleX(89) scaleY(32);
	-webkit-transform-origin: top left;
	-webkit-animation: 'spinner' 1s steps(8, end) infinite;
	
	-moz-transform: scaleX(89) scaleY(32);