varya

/*
	— четные строки выделить цветом #ddebf7
	— третий и далее через один от него столбец 
	  выделить #f2f2de
	— http://clck.ru/d/TiOhh2nF142wp
*/

tr:nth-child(2n) 
{
	background-color:#ddebf7;

varya

Про CSS

Из задания http://yuri.ya.ru/replies.xml?item_no=4484

• сверстать звездочки
• сверстать прогрессбар
• сверстать кнопку

CSS-вёрстка должна быть по БЭМ-методологии. Материалы, в том числе и видео докладов, можно найти в Клубе БЭМ. Вести разработку нужно на GitHub.

varya

({
    block: 'b-page',
    title: 'index',
    head: [
        { elem: 'css', url: '_index.css', ie: false},
        { elem: 'css', url: '_index.ie.css', ie: true },
        { block: 'i-jquery', elem: 'core'},
        { elem: 'js', url:'_index.js'},
    ],
    content: [

varya

({
    block: 'b-page',
    title: 'index',
    head: [
        { elem: 'css', url: '_index.css', ie: false},
        { elem: 'css', url: '_index.ie.css', ie: true },
        { block: 'i-jquery', elem: 'core'},
        { elem: 'js', url:'_index.js'},
    ],
    content: [

varya

.layout
{
    position: relative;
    min-height: 130px;
}

.layout__left
{
    padding-right: 200px;
}

varya

({
    block: 'b-page',
    title: 'index',
    head: [
        { elem: 'css', url: '_index.css', ie: false},
        { elem: 'css', url: '_index.ie.css', ie: true },
        { block: 'i-jquery', elem: 'core'},
        { elem: 'js', url:'_index.js'},
    ],
    content: [

varya

.b-logo .b-link
{
    color: #666;
    text-decoration: none;
}

.b-logo__slogan
{
    font: 11px Verdana, sans-serif;

varya

.b-search
{
    position: relative;
    top: 44px;
}

.b-search__input,
.b-search__button
{
    font-size: 16px;

varya

block b-page, content: {
    elem: 'body-i',
    content: this.ctx.content
}

varya

.b-page__body
{
    font: 13px Helvetica, Arial, sans-serif;
    background: #979797;
}

.b-page__body-i
{
    width: 800px;
    max-width: 100%;