2. 4. Файл main.Css.
Оформление задается стилями, которые находятся в папке public – main.css:
/* Общий стиль */
* {
font-family: Verdana;
}
a {
color: #0066CC;
}
h1 {
font-size: 25px;
margin: 0px;
}
/* Блоки */
.container {
margin: 0 auto;
max-width: 900px;
}
.header {
font-size: 40px;
padding: 10px;
border-bottom: 1px solid #CCCCCC;
}
.left {
width: 200px;
padding-left: 10px;
padding-top: 20px;
float: left;
}
.content {
padding-left: 210px;
padding-top: 20px;
min-height: 600px;
}
.footer {
font-size: 10px;
padding: 5px;
border-top: 1px solid #CCCCCC;
}
/* Меню */
.menu {
list-style: none;
padding: 0px;
margin: 0px;
}
.menu .category {
padding-top: 20px;
font-weight: bold;
font-family: Arial;
letter-spacing: 4px;
}
.menu .page, .menu .item {
padding-top: 4px;
font-size: 14px;
}
.menu .item {
padding-left: 10px;
}
/* Настройка фреймов */
.content iframe {
margin: 20px 0;
}
Раздел 3. Результат.
Вот так выглядит, главная страница:
А так выглядит одна из страниц с видео-уроками:
