Cheers!

dabblet.css

/**
 * Cheers!
 */

@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Mate+SC);
.cork {
	width:120px;
	height:30px;
	background:silver;
	position:absolute;
	top:16px;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:13px;
	border-top-left-radius: 16% 14%;
	border-top-right-radius: 16% 14%;
	border-bottom-left-radius: 50% 30%;
	border-bottom-right-radius: 50% 30%;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,1)), color-stop(6%,rgba(109,109,109,1)), color-stop(12%,rgba(204,204,204,1)), color-stop(18%,rgba(109,109,109,1)), color-stop(24%,rgba(204,204,204,1)), color-stop(30%,rgba(109,109,109,1)), color-stop(36%,rgba(204,204,204,1)), color-stop(42%,rgba(109,109,109,1)), color-stop(48%,rgba(204,204,204,1)), color-stop(54%,rgba(109,109,109,1)), color-stop(60%,rgba(204,204,204,1)), color-stop(66%,rgba(109,109,109,1)), color-stop(72%,rgba(204,204,204,1)), color-stop(78%,rgba(109,109,109,1)), color-stop(84%,rgba(204,204,204,1)), color-stop(90%,rgba(109,109,109,1)), color-stop(96%,rgba(204,204,204,1)), color-stop(100%,rgba(109,109,109,1)));
	background: -webkit-linear-gradient(left, rgba(204,204,204,1) 0%,rgba(109,109,109,1) 6%,rgba(204,204,204,1) 12%,rgba(109,109,109,1) 18%,rgba(204,204,204,1) 24%,rgba(109,109,109,1) 30%,rgba(204,204,204,1) 36%,rgba(109,109,109,1) 42%,rgba(204,204,204,1) 48%,rgba(109,109,109,1) 54%,rgba(204,204,204,1) 60%,rgba(109,109,109,1) 66%,rgba(204,204,204,1) 72%,rgba(109,109,109,1) 78%,rgba(204,204,204,1) 84%,rgba(109,109,109,1) 90%,rgba(204,204,204,1) 96%,rgba(109,109,109,1) 100%);
	box-shadow: inset 0px 20px 15px 4px #cccccc;
}
.bottle {
	width:250px;
	height:500px;
	background:green;
	margin:300px auto 0;
	border-radius:10%;
	border-top-left-radius: 50% 12%;
	border-top-right-radius: 50% 12%;
	position:relative;
}
.bottle:before {
	content: "";
	width:111px;
	height:0;
	background: linear-gradient(left, #005913 0%, #007c00 10%, #00aa11 20%, #7dc124 50%, #00aa11 92%, #005913 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005913), color-stop(10%,#007c00), color-stop(20%,#00aa11), color-stop(50%,#7dc124), color-stop(92%,#00aa11), color-stop(100%,#005913));
	position:absolute;
	border-bottom: 280px solid green;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	z-index:-1;
	top:-260px;
	left:0;
	right:0;
	margin:0 auto;
}
.bottle:after {
	transform: rotate(-90deg);
	position:absolute;
	content: "Grolsch";
	z-index:10;
	font-family:Lobster;
	color:#007C00;
	text-shadow: 2px 2px 0 #000;
	top:200px;
	font-size:90px;
	left:-75px;
	background: gradient(linear, left top, right top, color-stop(0%,rgba(0,89,19,0.6)), color-stop(5%,rgba(0,170,17,0.56)), color-stop(10%,rgba(125,193,36,0.52)), color-stop(50%,rgba(125,193,36,0.2)), color-stop(90%,rgba(125,193,36,0.52)), color-stop(95%,rgba(0,170,17,0.56)), color-stop(100%,rgba(0,89,19,0.6)));
	background: -webkit-linear-gradient(left, rgba(0,89,19,0.6) 0%,rgba(0,170,17,0.56) 5%,rgba(125,193,36,0.52) 10%,rgba(125,193,36,0.2) 50%,rgba(125,193,36,0.52) 90%,rgba(0,170,17,0.56) 95%,rgba(0,89,19,0.6) 100%);
	opacity:.9;
	border-radius:30% ;
	padding:10px 70px;
	box-sizing:border-box;
}
.label {
	width:121px;
	height:40px;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 200px solid white;
	position:absolute;
	top:50px;
	margin:0 auto;
	left:0px;
	right:0;
	font:30px Lobster;
	color:lightgreen;
	text-align:center;
}
.label:before {
	width:163px;
	height:40px;
	background:darkgreen;
	position:absolute;
	content: "G_";
	top:220px;
	left:-21px;
}
.label:after {
	width:162px;
	height:40px;
	background:none;
	position:absolute;
	content: "G";
	top:220px;
	left:-10px;
	transform: scaleX(-1);
}
.logo {
	font:45px Lobster;
	color:green;
	position:absolute;
	top:30px;
	width:40px;
	height:60px;
	background:red;
	border-radius:100%;
}
.logo:before {
	content:"Grolsch";
	position:absolute;
	top:55px;
	left:-45px;
	text-stroke: 1px black;
}
.logo:after {
	content: "Premium Lager";
	font:15px 'Mate SC';
	font-weight:bold;
	width:120px;
	color:red;
	position:absolute;
	top:112px;
	left:-40px;
}

dabblet.html

<div class="cork"></div>
<div class="bottle"></div>
<div class="label"><figure class="logo"></figure></div>

dabblet.js

// alert('Hello world!');

settings.json

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