Gmail Compose Button

dabblet.css

/**
 * Gmail Compose Button
 */

.btn {
	background-color: #DB3A0D;
	height: 28px;
	display: block;
	width: 118px;
	text-align: center;
	line-height: 28px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Helvetica;
	font-weight: 700;
	font-size: 11px;
	border-radius: 3px;
	border: 1px solid #DB3A0D;
}

.btn:hover {
	box-shadow: 0px 0px 4px #b1b1b1;
	background: linear-gradient(0deg, #CC360C, #DB3A0D);
	border: 1px solid #B3320E;
}

.btn:active {
	box-shadow: 0px 0px 4px #b1b1b1 inset;
	background: linear-gradient(0deg, #CC360C, #DB3A0D);
	border: 1px solid #B3320E;
}

dabblet.html

<a class="btn" href="#">Compose</a>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"110","seethrough":"","prefixfree":"1","page":"all"}