Le awesome button test

dabblet.css

/**
 * Le awesome button test
 */

body {
	background: url('http://dribbble.com/images/tile.gif');
}

button { 
	margin-left:50px;
	margin-top:50px;
	
	background: linear-gradient(top, #F9F9F9, #F3F2F4);
	border-radius: 3px;
	border:0;
	
	box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 0 2px rgba(0,0,0,.17), inset 0 1px 1px rgba(255,255,255,0.3);
	
	padding:10px 30px 10px 30px;
	
	cursor:pointer;
	
	color:#51A3C0;
	text-shadow: 0 1px rgba(255,255,255,.4);
	
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;:
}

button.red {
  background-image: linear-gradient(top, #F27D7D, #E86060);
  color: #9F2121;
  border:1px solid #C74B4B;
  box-shadow: 0 1px 0 white, inset 0 1px 1px rgba(255,255,255,0.2);	
}

button.info {

  background-image: linear-gradient(top, #8AD7F4, #7BCDEB);
  color: #3E8CA5;
  border:1px solid #68BCDB;
  box-shadow: 0 1px 0 white, inset 0 1px 0px rgba(255,255,255,0.3);
	text-shadow:0 1px 0 rgba(255,255,255,.5);  
 }

 
 button.green {


  background-image: linear-gradient(top, #BEDD76, #A2CC48);
  color: #638910;
  border:1px solid #8EB734;
  box-shadow: 0 1px 0 white, inset 0 1px 0px rgba(255,255,255,0.3);


 }
  

 

 
 button.primary{
  background-image: linear-gradient(top, #3C93DB, #2776BA);
  color: #164680;
  border:1px solid #2A5C99;
  box-shadow: 0 1px 0 white, inset 0 1px 0px rgba(255,255,255,0.3);
 }
    

 
 button.dark{
  background-image: linear-gradient(top, #707070, #606060);
  color: #202020;
  text-shadow: 0 1px 0 rgba(255,255,255,.2);
  border:1px solid #303030;
  box-shadow: 0 1px 0 white, inset 0 1px 0px rgba(255,255,255,0.2);
 }

dabblet.html

<button>Login to see CodeSup</button>

<button class="red">Huuray there's an error</button>

<button class="green">AWWWW YEAAH</button>


<button class="info">Y U NO CLICK ME?</button>

<button class="primary">YEAHHH COOOL </button>


<button class="dark">Why so serious?</button>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}