<голова>
<кодировка meta="UTF-8">
ОНЛАЙН ШКОЛА 2.0 — Вход
<стиль>
* { размер поля: border-box; }
тело {
запас хода: 0;
семейство шрифтов: Arial, без засечек;
цвет: #343f4b;
предыстория: #f4f6f8;
}
.заголовок {
высота: 76 пикселей;
фон: белый;
нижняя граница: 1px сплошная #e0e5eb;
отображение: flex;
выравнивание элементов: по центру;
отступ: 0,7%;
пробел: 13px;
}
.логотип {
ширина: 43px;
высота: 43px;
радиус границы: 5px;
фон: # 2678bd;
цвет: белый;
отображение: сетка;
размещение элементов: в центре;
размер шрифта: 24px;
вес шрифта: жирный;
}
.бренд {
цвет: #285b83;
размер шрифта: 19 пикселей;
вес шрифта: жирный;
}
. бренд небольшой {
дисплей: блок;
цвет: #8996a3;
размер шрифта: 11 пикселей;
вес шрифта: обычный;
верхнее поле: 4 пикселя;
}
главный {
минимальная высота: calc (100vh - 125px);
дисплей: гибкий;
обоснование-содержание: центр;
выравнивание элементов: гибкий запуск;
отступ: 55px 16px 35px;
}
.карточка {
фон: белый;
граница: сплошная 1px #e0e5eb;
радиус границы: 5 пикселей;
width: 100%;
max-width: 460px;
padding: 30px 34px;
}
h1 {
font-size: 23px;
вес шрифта: обычный;
поле: 0 0 9 пикселей;
цвет: #34495e;
}
.подзаголовок {
цвет: #84909c;
размер шрифта: 13 пикселей;
высота линии: 1.5;
поле: 0 0 25 пикселей;
}
.вкладки {
дисплей: гибкий;
нижняя граница: 1px сплошная #dfe5eb;
нижнее поле: 24 пикселя;
}
.вкладка {
гибкий трубопровод: 1;
отступ: 13px 4px;
граница: 0;
нижняя граница: сплошная прозрачность 3 пикселя;
фон: белый;
цвет: #778491;
размер шрифта: 13 пикселей;
курсор: указатель;
}
.вкладка.активна {
цвет: #2678bd;
граница-нижний цвет: #2678bd;
вес шрифта: жирный;
}
этикетка {
дисплей: блок;
размер шрифта: 13 пикселей;
вес шрифта: жирный;
поле: 18px 0 8px;
}
входные данные {
ширина: 100 мм%;
высота: 44 пикселя;
отступ: 0-12 пикселей;
граница: сплошная 1px #cbd5df;
радиус границы: 4 пикселя;
фон: белый;
размер шрифта: 14 пикселей;
схема: отсутствует;
}
входные данные: фокус {
цвет рамки: #2678bd;
поле-тень: 0 0 0 2px #2678bd18;
}
.пароль {
положение: относительное;
}
.ввод пароля {
отступ справа: 76 пикселей;
}
.показать {
position: absolute;
right: 7px;
top: 0;
высота: 44 пикселя;
background: none;
border: 0;
color: #2678bd;
cursor: pointer;
}
.forgot {
text-align: right;
margin: 14px 0 21px;
}
a {
color: #2678bd;
text-decoration: none;
font-size: 12px;
}
a:hover {
text-decoration: underline;
}
.submit {
width: 100%;
height: 45px;
border: 0;
border-radius: 4px;
background: #2678bd;
color: white;
font-size: 15px;
cursor: pointer;
}
.submit:hover {
background: #1d639d;
}
.external {
width: 100%;
min-height: 43px;
margin-top: 12px;
border: 1px solid #d2dce6;
border-radius: 4px;
background: white;
color: #4b6479;
font-size: 13px;
курсор: указатель;
}
. обратите внимание {
верхнее поле: 22px;
верхнее поле для заполнения: 16px;
верхняя граница: 1px сплошная #e5e9ee;
цвет: #87929e;
размер шрифта: 12 пикселей;
высота линии: 1.6;
}
.ошибка {
отступ: 11 пикселей;
нижнее поле: 15 пикселей;
цвет: #b42318;
предыстория: #fff0f0;
граница: сплошная 1px #f2cccc;
радиус границы: 4 пикселя;
размер шрифта: 13 пикселей;
}
нижний колонтитул {
выравнивание по тексту: по центру;
цвет: #929daa;
размер шрифта: 11 пикселей;
отступ: 16 пикселей;
}
@media (максимальная ширина: 480 пикселей) {
.заголовок { отступ: 0-17 пикселей; }
.карточка { отступ: 25x20 пикселей; }
main { заполнение-сверху: 30 пикселей; }
}
<тело>
<класс заголовка="header">
Ш
ОНЛАЙН ШКОЛА 2.0
Электронный журнал и дневник
<главная>
<класс раздела="карточка">
Вход в систему
Войдите в личный кабинет образовательной организации.