schadeck · May 15, 2012 19:07
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS3 Auto Scroll with Left Float
 */


 .container {
 	width:400px; 
 	height:500px;
 	overflow: auto;
 	background:green;
 	margin: 1em auto;
 	padding: 0;
 } 

 .container div {
 	margin-top: -0; 
 	transition: margin-top 5s linear;
 	padding: 1em;
 }
 .container div:hover, .container div:active {
 	margin-top: -100%;
 	
 }

 .container img {
 	float: left;
 	margin: 0 1em 1em 0
 }



diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="container">
 	<img src="http://placehold.it/200x300" />
 	<div class="scrollUp">
 		<h2>please :hover here</h2>    
 		Cosby sweater PBR raw denim occupy terry richardson, tofu cardigan fingerstache lo-fi twee small batch you probably haven't heard of them pork belly cray portland.<br><br>Mixtape brunch mustache sartorial farm-to-table marfa. <br><br>Photo booth skateboard sriracha, pour-over lomo letterpress iphone PBR ethical mixtape trust fund leggings kale chips. <br><br>Cray williamsburg gluten-free, godard artisan occupy quinoa twee craft beer sartorial swag portland food truck. <br><br>Cosby sweater vice mcsweeney's mustache, gluten-free thundercats chillwave wolf williamsburg wes anderson. <br><br>Pitchfork wolf chambray echo park, you probably haven't heard of them messenger bag flexitarian odd future raw denim PBR mumblecore fixie fanny pack. <br><br>Ennui biodiesel trust fund, swag vegan +1 mcsweeney's mumblecore selvage echo park cliche pork belly PBR wes anderson.
 	</div>
 	</div>


diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* CSS3 Auto Scroll with Left Float
	*/


	.container {
	width:400px;
	height:500px;
	overflow: auto;
	background:green;
	margin: 1em auto;
	padding: 0;
	}

	.container div {
	margin-top: -0;
	transition: margin-top 5s linear;
	padding: 1em;
	}
	.container div:hover, .container div:active {
	margin-top: -100%;

	}

	.container img {
	float: left;
	margin: 0 1em 1em 0
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="container">
	<img src="http://placehold.it/200x300" />
	<div class="scrollUp">
	<h2>please :hover here</h2>
	Cosby sweater PBR raw denim occupy terry richardson, tofu cardigan fingerstache lo-fi twee small batch you probably haven't heard of them pork belly cray portland.<br><br>Mixtape brunch mustache sartorial farm-to-table marfa. <br><br>Photo booth skateboard sriracha, pour-over lomo letterpress iphone PBR ethical mixtape trust fund leggings kale chips. <br><br>Cray williamsburg gluten-free, godard artisan occupy quinoa twee craft beer sartorial swag portland food truck. <br><br>Cosby sweater vice mcsweeney's mustache, gluten-free thundercats chillwave wolf williamsburg wes anderson. <br><br>Pitchfork wolf chambray echo park, you probably haven't heard of them messenger bag flexitarian odd future raw denim PBR mumblecore fixie fanny pack. <br><br>Ennui biodiesel trust fund, swag vegan +1 mcsweeney's mumblecore selvage echo park cliche pork belly PBR wes anderson.
	</div>
	</div>