Untitled

dabblet.css

* { padding:0; margin:0;}
#wrap {
	width: 320px;
	background:url('http://dl.dropbox.com/u/67963796/fond/pattern-mob.png') fixed repeat, url('http://dl.dropbox.com/u/67963796/fond/land-mob.jpg') fixed no-repeat;
	}
	
header {
	width: 320px;
	height:15px;
	margin-bottom: 5px;
background-color: rgba(0,0,0,0.5);
display: block;

}

nav li {
display: inline-block;
color: white;
margin-left: 10px;
font-family: Helvetica, Verdana;
text-transform: uppercase;
font-size: 0.9em;
vertical-align: top;
}

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

article {
	width:310px;
	height:265px;
	margin:5px;
display: block;

background-color: rgba(191,191,191,0.5);

}
	
aside {
	width:310px;
	height:165px;
	margin:5px;
display: block;

background-color: rgba(191,191,191,0.5);

	}
	
footer {
	width:auto;
	height:15px;
display: block;
background-color: rgba(0,0,0,0.5);
text-align: center;

color: white;
font-family: helvetica;
font-size: 0.9em;

}

#flag{
	float: right;
	
	width:20px;
	height:15px;
	background-color:rgba(255,255,255,1.0);z-index:1;
	}
#blue {background-color:rgba(0,85,164,1.0); width:4px; height:15px;z-index:5;}
#red {background-color:rgba(239,65,53,1.0); width:4px; height:15px;}
	

dabblet.html

<div id="wrap">
<header>
	<nav>	<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">About</a></li>
		</ul>
	</nav>
		</header>

<section>
	<article></article>
	<aside></aside>
</section>
<footer>Copyright 2012 - Franck
	<span id="flag">4
		<span id="blue"></span><span id="red"</span></span>
	</footer>
</div>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}