Blog stuff starting demo!

dabblet.css

/**
  * Blog stuff starting demo!
  */

html, #pageNav, #siteName {
	padding: 0;
	margin: 0;
}

body {
	background-image: url('http://tsironis.isnap.gr/images/stripes-1.png');
	padding: 0;
	margin: 0;
}

header {
	padding: 2em 0em;
}

#pageNav {
	background: url('http://tsironis.isnap.gr/images/grain.png');
	font-family: 'Arial', sans-serif;
	font-size: 0.9em;
	color: #eee;
	text-align: center;
	line-height: 2.5em;
	border-bottom: 1px solid #000;
	border-radius: 0 0 13px 13px;
	margin-bottom: 1em;
	box-shadow:2px 2px 10px #444;
}

#categoryNav {
	font-family: 'Arial', sans-serif;
	text-align: center;
	padding-top: 1em;
}

#siteName {
	font-family: Georgia;
	font-size: 3em;
	text-align: center;
	font-weight: normal;
	text-shadow: 0 2px 2px rgba(255,255,255,.6);

}

footer {
	background: url('http://tsironis.isnap.gr/images/grain.png');
	font-family: 'Arial', sans-serif;
	text-align: center;
	border-top: 2px solid;
	padding-top: 1em;
	margin: 0;
	text-shadow: 0 1px 1px rgba(255,255,255,.5);
}

#footerEasterEgg {
	font-size: 0.7em;
	text-align: center;
	margin: 1.5em 0 -2.5em;
	color: #ddd;
}

#wrapper {
	border-radius: 10px;
	background-color: white;
	width: 60%;	
	margin: 0px auto;
	margin-bottom: 3em;
	padding-top: 2em;	
	border: 1px solid;
	box-shadow: 0px 2px 7px #666;
}

p {
	margin: 0 3em 0 3em;
	padding-bottom: 2em;
	text-align : justify;
	font-family: 'Arial', sans-serif;
	line-height: 1.5em;
}

::selection {background: #bbb;color: #fff;}

dabblet.html

	<nav id="pageNav">
		Page navigation
	</nav>
	
		<header>
			<h1 id="siteName">
				Join the Nerds
			</h1>

			<nav id="categoryNav">
				Category navigation
			</nav>
		</header>
		<div id="wrapper">
		<p>
			Danish 
			wafer halvah jelly beans chocolate sesame snaps topping macaroon. Powder
 			applicake tiramisu carrot cake cotton candy ice cream halvah toffee. 
			Candy canes dessert applicake chocolate ice cream jelly beans 
			marshmallow chupa chups. Macaroon tiramisu pudding powder pie pastry ice
			cream. Caramels brownie lollipop caramels caramels macaroon halvah. 
			Fruitcake cotton candy apple pie carrot cake ice cream muffin lemon 
			drops. Jelly beans pie lollipop sweet roll marshmallow dessert gummies. 
			Dragée bonbon icing chocolate bar muffin lemon drops cheesecake.
		</p>
		<p>
			Halvah 
			danish cookie gingerbread apple pie. Lemon drops powder candy muffin 
			halvah pudding sugar plum. Cupcake candy canes croissant gummies. 
			Gingerbread marzipan topping tart. Sweet sugar plum apple pie cookie 
			cheesecake danish. Sugar plum cotton candy gummi bears chocolate bar 
			dessert pastry cake candy.
		</p>
		<p>
			Brownie 
			liquorice chocolate bar jelly sesame snaps tootsie roll. Dessert muffin 
			powder tootsie roll marshmallow icing. Lemon drops ice cream dragée 
			macaroon gummies chocolate carrot cake dragée. Toffee cotton candy bear 
			claw. Tootsie roll danish tart brownie gummi bears brownie carrot cake 
			chocolate. Biscuit toffee sweet roll brownie lollipop. Chocolate cake 
			pudding chupa chups sweet cupcake. Lollipop lemon drops toffee bear claw
			 powder sesame snaps dessert topping. Marshmallow ice cream lollipop 
			gummies icing gingerbread oat cake fruitcake jelly.
		</p>
		<p>
			Pudding 
			oat cake pastry candy carrot cake applicake pie. Wafer chocolate bar 
			fruitcake. Jelly candy dragée powder apple pie croissant bear claw 
			donut. Gingerbread lemon drops cheesecake bear claw. Wafer candy jelly. 
			Jelly-o brownie wafer sesame snaps brownie chocolate cake gingerbread 
			powder apple pie. Pudding oat cake pastry candy carrot cake applicake pie. 
			Wafer chocolate bar 
			fruitcake. Jelly candy dragée powder apple pie croissant bear claw 
			donut. Gingerbread lemon drops cheesecake bear claw. Wafer candy jelly. 
			Jelly-o brownie wafer sesame snaps brownie chocolate cake gingerbread 
			powder apple pie.
		</p>
	</div>
	<footer>
		Copyright information and stuff
		<div id="footerEasterEgg">
			If you're reading this, you've gone too far.
		</div>
	</footer>

settings.json

{"view":"split","prefixfree":"1","page":"html"}