marsp0 · August 9, 2014 23:17
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 .nav {
 	background: #7C5329;
 	background: linear-gradient(1deg, #7C5329, #3E2A14);
 	height: 150px;
 }
 .bar {
 	height: 60px;
 	display: inline;
 	background-color: red;
 }

 .bar ul {
 	list-style: none;
 	display: inline;
 	float: left;
 }

 .bar ul li {


 .content {
 	height: 550px;
 	background: linear-gradient(1deg, #3E2A14, #7C5329);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class='nav'>
 	<div class='bar'>
 		<ul>
 			<li><a hreff='/'>Home</a></li>
 			<li><a hreff='/'>Shop</a></li>
 			<li><a hreff='/'>About</a></li>
 			<li><a hreff='/'>Contact</a></li>
 		</ul>
 	</div>
 </div>
 <div class='content'>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/
	.nav {
	background: #7C5329;
	background: linear-gradient(1deg, #7C5329, #3E2A14);
	height: 150px;
	}
	.bar {
	height: 60px;
	display: inline;
	background-color: red;
	}

	.bar ul {
	list-style: none;
	display: inline;
	float: left;
	}

	.bar ul li {


	.content {
	height: 550px;
	background: linear-gradient(1deg, #3E2A14, #7C5329);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class='nav'>
	<div class='bar'>
	<ul>
	<li><a hreff='/'>Home</a></li>
	<li><a hreff='/'>Shop</a></li>
	<li><a hreff='/'>About</a></li>
	<li><a hreff='/'>Contact</a></li>
	</ul>
	</div>
	</div>
	<div class='content'>
	</div>