Untitled

dabblet.css

body
{
	margin: 0;
	padding: 0;
	
	font: 16px Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	color: #060;
}

body > header
{
	color: #fff;
	background: #333;
	box-shadow: 0 1px 6px rgba(0,0,0,0.4);	
}

body > header a,
body > header h1
{
	color: #fff;
}


body > header h1
{
	float: left;
	margin-left: 40px;
}

body > header form
{
	float: right;
}

body > header nav
{
	clear: both;
}

body > header nav ul
{
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
}

body > header nav ul li
{
	display: inline-block;
	padding: 10px;	
	
	font-size: 21px;
}

body > header nav ul li a
{
	font-size: 16px;
}

article,
footer
{
	margin: 50px 40px;
}

article section
{
	width: 35%;
	padding: 20px 2.5%;
	float: right;
	
	background: #f2eedc;
}

article div
{
	width: 60%;
	float: left;
}

footer
{
	clear: both;
}

dabblet.html

<header>
	<h1>Мой сайт</h1>
	<form action="">
		<input type="search"><input type="submit" value="Найти">
	</form>
	<nav>
		<ul>
			<li>Главная страница</li>
			<li><a href="about.html">Обо мне</a></li>
			<li><a href="friends.html">Друзья</a></li>
			<li><a href="fotki.html">Фотки</a></li>			
			<li><a href="contacts.html">Контактная информация</a></li>						
		</ul>
	</nav>	
</header>

<article>
	<header>   
		<hgroup>
			<h1>Мой сайт&nbsp;— моя крепость</h1>
			<h2>Главная страница</h2>			
		</hgroup> 
	</header>
	
	<div>
		<p>		
			Летучая Рыба вращает дип-скай объект, 
			таким образом, часовой пробег каждой точки 
			поверхности на экваторе равен 1666км. 
			Космогоническая гипотеза 
		</p>
		<h3>Фалес Милетский</h3>
		<p>			
			Шмидта позволяет достаточно просто 
			объяснить эту нестыковку, однако пpотопланетное 
			облако отражает метеорный дождь - это солнечное 
			затмение предсказал ионянам Фалес Милетский. 
		</p>
		<p>	
			Ионный хвост на следующий год, когда было лунное 
			затмение и сгорел древний храм Афины в Афинах 
			(при эфоре Питии и афинском архонте Каллии), 
			неравномерен. Различное расположение случайно.
		</p>
	</div>
	<section>
		<h1>Отдельно про ионный хвост</h1>
		<p>	
			Ионный хвост на следующий год, когда было лунное 
			затмение и сгорел древний храм Афины в Афинах 
			(при эфоре Питии и афинском архонте Каллии), 
			неравномерен. Различное расположение случайно.
		</p>			
	</section>


</article>

<footer>
	©&nbsp;Юра&nbsp;Ткаченко<br>
	<a href="contacts.html">Контактная информация</a>	
</footer>

settings.json

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