juice49

body {
font-family:sans-serif;
}

#wrapper {
	height:0;
	overflow:hidden;
	background:#ccc;
	transition:height 2s;
}

juice49

@keyframes peel-open {
	
	0% {
		width:150px;
		height:150px;
	}
	
	100% {
		width:300px;
		height:300px;

juice49

@keyframes peel-open {
	
	0% {
		width:150px;
		height:150px;
	}
	
	100% {
		width:300px;
		height:300px;

juice49

.page { 
	display:table;
	width: 960px;
	border: solid 1px #555;
	padding: 30px 70px;
	overflow: auto;
}

.left,
.right {

juice49

@keyframes peel-open {
	
	0% {
		width:150px;
		height:150px;
	}
	
	100% {
		width:300px;
		height:300px;

juice49

body {
	/*font-smoothing: subpixel-antialiased;
	text-rendering: optimizeLegibility;
	text-shadow: 0 0 0 rgba(0,0,0,0);
	translate3d(0,0,0);*/
}

juice49

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

juice49

/* ==========================================================================
   Grid
   ========================================================================== */

.grid {
}

	.grid > .col:first-child {
		margin-left:1%;
	}

juice49

.level-meter {
	height:20px;
	margin:0;
	padding:0;
	font-size:0;
	color:transparent;
	list-style-type:none;
}

	.level-meter li {

juice49

.level-meter {
	height:20px;
	margin:0;
	padding:0;
	font-size:0;
	color:transparent;
	list-style-type:none;
}

	.level-meter li {