Варианты оформления для представленного сайта

Необходимо подготовить три варианта оформления (темы) для представленного сайта.

Основные сведения

1) По ссылке сайт, который берется за основу. http://goo.gl/HnfN6r

2) Исполнителю предоставляется архив со статической версией сайта, с ним нужно будет работать.

3) По ссылке также доступен инструмент для изменения стилей на лету (нажать шестеренку слева).

Задачи

1) В приложенном сайте выделить в отдельный css файл всё стили, которые изменяются при смене layout, color, background в инструменте изменения стилей. Этот файл должен подключаться отдельно.

2) На основе этого файла сделать 3 подобных css файла с другими вариантами оформления сайта. Подключение одного из этих файлов должно менять внешний вид сайта. Используем инструмент по ссылке и следующие сочетания:

layout standart - цвет #fff84b - background 1 ряд 4 колонка;

layout boxed - цвет #fa1e4a - background 4 ряд 2 колонка;

layout wide - цвет #fff84b - background 1 ряд 1 колонка.

Срок выполнения

3 дня с момента уточнения всех деталей по заданию.

Требования

1) Каждый вариант оформления должен:

включать в себя изменения цветовой гаммы (color), типа макета (layout) и шаблонов оформления бэкграунда (patterns);

затрагивать все страницы представленного сайта и все компоненты (галерея и т.п.);

проходить все валидации и быть настолько кроссбраузерным, насколько это умеет оригинальный сайт;

в файлах стилей сгруппировать правила и комментариями пометить участки, отвечающие за тип макета, цвета и бэкграунд

2) Делаем только стили, не трогая html или скрипты.

3) Каждый css файл со стилями должен лежать в директории css/theme с осознанным именем на ваше усмотрение.

4) Если стиль использует какие-то специфические для себя изображения, они должны лежать в директории img и поддиректории соответствующей названию оформления (имя файла стиля). Малые изображения для оформления, объединенные по назначению, должны быть склеены в спрайты.