maxpelic · December 21, 2015 19:49
diff --git a/dabblet.css b/dabblet.css
 /**
 * title
 */
 
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 body{
 background-color:#d6d6d6;
 }

 #title{
 width:10px;
 background-color:black; 
 transition: width 1s;;
 font-family:Open Sans;  
 text-align:right;
 white-space: nowrap;
 overflow: hidden;
 padding:30px;
 color:white;
 font-size:3em;
 text-shadow: 0px 0px 0px white;


 }
 #title:hover{

 width:80%;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <h1 id="title">CSS:: all spread out for you</h1>
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"}
	/**
	* title
	*/

	@import url(http://fonts.googleapis.com/css?family=Open+Sans);
	body{
	background-color:#d6d6d6;
	}

	#title{
	width:10px;
	background-color:black;
	transition: width 1s;;
	font-family:Open Sans;
	text-align:right;
	white-space: nowrap;
	overflow: hidden;
	padding:30px;
	color:white;
	font-size:3em;
	text-shadow: 0px 0px 0px white;


	}
	#title:hover{

	width:80%;
	}
	<!-- content to be placed inside <body>…</body> -->
	<h1 id="title">CSS:: all spread out for you</h1>