ab-5v

/**
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, yellow, blue);
min-height: 100%;
}
.a {
position: relative;

ab-5v

.icon {
	display: block;
	position: relative;
	width: 6px;
	height: 6px;
	background-color: #FFF;
	border: 2px solid black;
	border-radius: 5px;
}

ab-5v

.b-sc-button {
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
background: #fa892a; /* Old browsers */
background: -moz-linear-gradient(top, #fa892a 0%, #f93402 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa892a), color-stop(100%,#f93402)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Opera 11.10+ */

ab-5v

.b-sc-button {
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
background: #fa892a; /* Old browsers */
background: -moz-linear-gradient(top, #fa892a 0%, #f93402 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa892a), color-stop(100%,#f93402)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Opera 11.10+ */

ab-5v

.b-sc-button {
position: relative;
overflow: hidden;
width: 40px;
height: 40px;
background: #fa892a; /* Old browsers */
background: -moz-linear-gradient(top, #fa892a 0%, #f93402 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa892a), color-stop(100%,#f93402)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fa892a 0%,#f93402 100%); /* Opera 11.10+ */

ab-5v

.ib {
	display: inline-block;	
	background-color: #CAF;
}
.i {
	overflow: hidden;
}
.b {
	display: block;
	background-color: #FAC;