eelyafi

/* 
	— цвет внешних ссылок #f70;
	— ссылка в новом окне должна 
	  после себя содержать utf символ 
	  без подчеркивания
	— ссылки на сервисы google должны быть цвета #666	
	— http://clck.ru/d/DCx9h3cu142dJ
*/

a[href^="http"] 

eelyafi

table, 
td
{
	border-collapse: collapse;
}

td
{
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;

eelyafi

/* 
	— Первый параграф в article
	  выделить бОльшим кеглем
	— последний цветом #999
*/

article header + p
{
	font-size: larger;
}

eelyafi

/*
	по состоянию checked включать/выключать 
	соответствующие элементы
	
	http://clck.ru/d/Jxj_mgDC143fZ
*/
label:nth-of-type(3):after
{
	display: block;
	content: 'asdf'

eelyafi

div
{
	font-family: Arial, sans-serif;
	font-size: 20px;
	margin: 1em;
}

.red

eelyafi

/*
	по состоянию checked включать/выключать 
	соответствующие элементы
	
	http://clck.ru/d/Jxj_mgDC143fZ
*/
input
{
display: none;
}

eelyafi

.container
{
	font: 16px/1.5 Helvetica, sans-serif;
	position: relative;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	display: inline-block;

}

.container .menu

eelyafi

/*
	в построении лэйаута 
	есть несоколько задач:

	— расположить контент горизонтально
	  display: inline-block, 
	  float: left,
	  position: absolute
	  таблица

eelyafi

/* 
	сделать так, чтобы элементы
	sub и sup не увеличивали строку
	
	так плохо: http://clck.ru/d/mWi7nomA145GV
	так хорошо: http://clck.ru/d/sdxajxRo145GJ
*/
body
{
	font: 16px/1 Helvetica, serif;

eelyafi

.frame
{
	width: 800px;
	height: 400px;
	border-radius: 30px;
	position: relative;
	background-image: linear-gradient(bottom, #f5f5e0 0, #8ccdec 100%);	
	outline: 0;
	transition: height 0.3s linear;
}