marsp0 · August 4, 2014 16:11
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 .main {
 	font-family: Futura;
 	background: #f06;
 	background: linear-gradient(50deg, #f06, yellow);
 	min-height: 900px;	
 }

 .banner {
 	height: 300px;
 }

 .navigation {
 	height: 50px;
 	background: #f05;
 	background: linear-gradient(50deg, #f06, yellow);
 }

 a { 
 	text-decoration: none;
 	color: white
 	}
 	
 ul {
 	list-style: none;
 	}
 	
 .navigation ul {
 	display: inline-block;
 	}
 	
 .navigation ul li {
 	float: left;
 }

 .navigation ul li a {
 	padding: 16px 30px 14px 30px;
 }

 .navigation ul li a:hover {
 	color: #f95;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class='main'>
 	<div class='banner'>
 		
 	</div>
 	<div class='navigation'>
 		<ul class='menu'>
 			<li><a href='/'>Home</a></li>
 			<li><a href='/'>Contact</a></li>
 			<li><a href='/'>About</a></li>
 			<li><a href='/'>Shop</a></li>
 	</div>
 </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
	*/
	.main {
	font-family: Futura;
	background: #f06;
	background: linear-gradient(50deg, #f06, yellow);
	min-height: 900px;
	}

	.banner {
	height: 300px;
	}

	.navigation {
	height: 50px;
	background: #f05;
	background: linear-gradient(50deg, #f06, yellow);
	}

	a {
	text-decoration: none;
	color: white
	}

	ul {
	list-style: none;
	}

	.navigation ul {
	display: inline-block;
	}

	.navigation ul li {
	float: left;
	}

	.navigation ul li a {
	padding: 16px 30px 14px 30px;
	}

	.navigation ul li a:hover {
	color: #f95;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class='main'>
	<div class='banner'>

	</div>
	<div class='navigation'>
	<ul class='menu'>
	<li><a href='/'>Home</a></li>
	<li><a href='/'>Contact</a></li>
	<li><a href='/'>About</a></li>
	<li><a href='/'>Shop</a></li>
	</div>
	</div>