SimplePageMarkup
Задание — сверстать разметку страницы: • Внешняя разметка, расположенная по центру окна колонка (далее — основная область разметки), шириной не более 800px и не менее 500px шириной. Если размер окна меньше 800px, то она занимает 100% от ширины окна. Если размер окна меньше 500px, то колонка остается 500px ширины, и появляется горизонтальный скроллбар. Страница вне основной области разметки имеет цвет #eee, внутри этой области — #fff. • Основная область разметки состоит из 4-х частей — шапка, правый сайдбар, подвал и основная область контента. • Шапка прикреплена к верху страницы, при скролле она «уезжает» вверх. Шапка имеет ширину 100% и высоту 50px. Снизу шапка имеет линию границы 1px толщиной цвета #999. • Правый сайдбар имеет фиксированную ширину 300px. Сайдбар идёт от от шапки до подвала. Сайдбар имеет левую границу 1px толщиной цвета #ccc и отбрасывает тень только на область основного контента (не отбрасывает тень на фон вне основной области разметки, шапку и подвал). Параметры тени: радиус 15px, цвет #333, прозрачность 50%. Если контент сайдбара не вмещается по вертикали, он растягивает по вертикали основную область контента. • Подвал прикреплён к низу окна, а не к низу страницы, при скролле он остаётся на месте. Подвал имеет ширину 100% и высоту 50px. Сверху подвал имеет границу толщиной 1px цвета #999. • Область контента занимает всё оставшееся свободное место. В случае, если контент не умещается в окне браузера по вертикали, у всего окна должен появляться скроллбар, не на области контента или внешней разметке. Область контента имеет высоту не менее 100% от высоты окна минус высота шапки и подвала (т.е. даже пустая страница должна занимать всю высоту окна). • При уменьшении размеров окна до 700px по ширине или меньше, сайдбар должен скрываться. Сокрытие и появление сайдбара требуется анимировать в течении 250ms движением с затуханием скорости в конце и изменением прозрачности от полностью непрозрачного до полностью прозрачного состояния, и наоборот, в случае появления прозрачность должна меняться линейно по времени.