maxpelic · August 27, 2013 16:48
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 @import url(http://fonts.googleapis.com/css?family=Fredoka+One);
 body{
 font-family:Fredoka One;

 }
 
 #left{
 border-left:2px solid black;
 transition:color 3s, padding-left .2s;
 padding:5px;
 text-decoration:none; 
 color:black;
 }
 #left:hover{
 padding-left:10px;
 color:#555;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <a href="#" id="left">Man, this CSS is awesome.</a>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	@import url(http://fonts.googleapis.com/css?family=Fredoka+One);
	body{
	font-family:Fredoka One;

	}

	#left{
	border-left:2px solid black;
	transition:color 3s, padding-left .2s;
	padding:5px;
	text-decoration:none;
	color:black;
	}
	#left:hover{
	padding-left:10px;
	color:#555;
	}
	<!-- content to be placed inside <body>…</body> -->
	<a href="#" id="left">Man, this CSS is awesome.</a>