ab-5v/dabblet.css

## dabblet.css
/**
 * The first commented line is your dabblet’s title
 */
body {
padding-top: 200px;
background: #f06;
background: linear-gradient(90deg, #f06, yellow);
min-height: 100%;
}

div {
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	background: blue;
	text-align: center;
	color: #fff;
	opacity: .7;
	cursor: pointer;
}

div:hover ~ div {
	background: cyan;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>1</div>
<div class="active">2</div>
<div>3</div>
<div>4</div>
<div>5</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body {
	padding-top: 200px;
	background: #f06;
	background: linear-gradient(90deg, #f06, yellow);
	min-height: 100%;
	}

	div {
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	background: blue;
	text-align: center;
	color: #fff;
	opacity: .7;
	cursor: pointer;
	}

	div:hover ~ div {
	background: cyan;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div>1</div>
	<div class="active">2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>