Сброс стилей

reset.css

/*
	HTML5 Reset :: style.css
	Сброс HTML5: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Мы многому научились от/были вдохновлены для/взять код, где предлагается:

	Eric Meyer			:: http://meyerweb.com
	HTML5 Doctor			:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out - Пусть будут по умолчанию эти все щенки вырублены
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, main, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, main, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   Обработка размеров ячеек, улучшая обращение к дочерним элементам:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor:
   Рассмотрим сброс курсора по умолчанию:  https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Адаптивные изображения и другие внедренные объекты
*/
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	 If this is the case for you, try uncommenting the following:
	 Примечание: сохранение IMG здесь вызовет проблемы, если вы используете изображения переднего плана как спрайты.
	 Фактически, это *будет* вызывать проблемы с элементами управления Google Maps при небольшом размере.
	 Если это так, попробуйте раскомментировать следующее:

#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page
	 Принудительно использовать вертикальную полосу прокрутки,
   чтобы предотвратить перескакивание страницы  */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. 
	Мы используем много UL, которые не маркированы.
  Не забудьте восстановить маркеры в содержимом. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup
	Таблицы еще нуждаются для cellpacing = "0" в разметке  */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100% sans-serif;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights 
	Убедитесь, что sup и sub не конфликтуют с вашими высотами линий  http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements 
	Стандартизировать любые моноширинные элементы */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements 
	Накладывать курсор на элементы, которые можно щелкнуть */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements 
	Браузеры Webkit добавляют 2px отступа за пределами хрома элементов формы */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE 
	Сделать кнопки что-бы хорошо смотрелись в IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively 
	Масштабировать изображения в IE7 более привлекательно */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
   Предотвращать мерцание изображения BG при наведении
   (Закомментирован так как использование редко, а синтаксис фильтра - с некоторыми препроцессорами)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats 
 	Очистим некоторые поплавки*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }