Untitled

dabblet.css

body{padding:0; margin:0; outline:none; border:none; overflow-x:none;}

#menu-nav-top ul {list-style:none; background-color:#333; padding:5px; font:80% Arial, verdana;}
#menu-nav-top li {display:inline; width:65%; padding:2px 10px; font-weight:bold;}
#menu-nav-top li a {text-decoration:none; color:#d3d3d3;}
#menu-nav-top li a:hover {color:#fff;}

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<div id="principal">
		<div id="topo">
			</div><!--Div Topo-->
			
		<div id="conteudo">
			<div id="menu-nav-top">
				<ul>
					<li><a href="#">+Você</a></li>
					<li><a href="#">Pesquisar</a></li>
					<li><a href="#">Imagens</a></li>
					<li><a href="#">Mapas</a></li>
					<li><a href="#">Play</a></li>
					<li><a href="#">Youtube</a></li>			
				</ul>
				</div><!--Div Menu-nav-top-->
			<div id="nav-top">
				<div class="logo">
				<img src="" title="" alt="" />
					</div><!--Div logo-->
				<div class="pesquisa">	
				<input type="text" name="pesquisar" placeholder="pesquisar... " />
				<input type="submit" name="busca" value="Pesquisar" />
					</div><!--Div pesquisa-->
				<div class="painel-user">
					</div><!--Div painel user-->
					
				</div><!--Div Nav-top-->
			</div><!--Div Conteudo-->
			
		<div id="rodape">
			</div><!--Div Rodape-->


	</div><!--Div Principal-->

dabblet.js

// alert('Hello world!');

settings.json

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