Skip to content

R
radon
Commit f03a44f3 authored by Eugene Vinokurov's avatar Eugene Vinokurov
Browse files
Options

new changes

parent 508a9a8a
Show whitespace changes
Inline Side-by-side
Showing with 375 additions and 81 deletions
src/js/script.js
View file @ f03a44f3
......@@ -42,6 +42,70 @@ class Application {
this.onMobile();
this.turnParallax();
this.upButton();
this.yearsFilter();
this.imageClick();
}
darkPlaceRender(target) {
const dark = document.createElement("div");
const image = target.querySelector("img");
console.log(image);
dark.classList.add("dark");
console.log(target);
target.prepend(dark);
setTimeout(() => {
dark.classList.add("_active");
});
dark.addEventListener("click", () => {
dark.classList.remove("_active");
image.removeAttribute("style");
setTimeout(() => {
dark.remove();
}, 1000);
});
}
yearsFilter() {
const yearsFilter = document.querySelector(".videos-years__filter");
const yearsCurrent = document.querySelector(".videos-years__current");
if (yearsFilter) {
const dateInput = document.querySelector(
'.videos-years__filter + input[type="date"]'
);
dateInput.addEventListener("change", () => {
const dateInputValue = dateInput.value.split("-").reverse().join(".");
yearsCurrent.textContent = dateInputValue;
});
console.log(dateInput);
}
}
imageClick() {
const allClickedImages = document.querySelectorAll(".clicked");
allClickedImages.forEach((image) => {
image.addEventListener("click", (e) => {
e.preventDefault();
const parentElement = image.parentElement;
this.darkPlaceRender(parentElement);
image.style.position = "fixed";
image.style.top = "50%";
image.style.left = "50%";
image.style.transform = "translate(-50%, -50%)";
image.style.width = "auto";
image.style.minHeight = "auto";
image.style.zIndex = "99";
});
});
}
onMobile() {
......
src/pages/album.pug
View file @ f03a44f3
......@@ -43,19 +43,26 @@ block content
.container.default-margins
.row
.col-lg-12
img(src="./img/album-first.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-first.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-second.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-second.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-third.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-third.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-fourth.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-fourth.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-second.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-second.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-third.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-third.jpg", alt="album row item").album-row__item.clicked
.col-lg-4
img(src="./img/album-fourth.jpg", alt="album row item").album-row__item
a(href="#")
img(src="./img/album-fourth.jpg", alt="album row item").album-row__item.clicked
.container.default-margins
.row
.col-lg-6
......
src/pages/career-more.pug
View file @ f03a44f3
......@@ -63,18 +63,21 @@ block content
li.default-list__item Надбавки и доплаты за выполнение работ в условиях труда, отклоняющихся от нормальных (вредные условия труда, работа в выходные дни, сверхурочная работа, работа в ночное/вечернее время)
li.default-list__item Присвоение статуса "Молодой специалист"
li.default-list__item Социальные льготы и гарантии молодым специалистам, а именно:
li.default-list__item Своевременное выявление неполадок в работе оборудования, профилактические работы;
ul.default-list-line(style="margin-top: 50px").career-needed__list
li.default-list-line__item Заработная плата складывается из оклада (28349), интегрированной стимулирующей надбавки и оперативной премии
li.default-list-line__item Надбавки и доплаты за выполнение работ в условиях труда, отклоняющихся от нормальных (вредные условия труда, работа в выходные дни, сверхурочная работа, работа в ночное/вечернее время)
li.default-list-line__item Присвоение статуса "Молодой специалист"
li.default-list-line__item Социальные льготы и гарантии молодым специалистам, а именно:
li.default-list-line__item Своевременное выявление неполадок в работе оборудования, профилактические работы;
li.default-list-line__item Компенсация проезда к месту работы, в том числе членам семьи.
li.default-list-line__item Компенсация расходов на аренду жилого помещения.
li.default-list-line__item Компенсация провоза багажа.
li.default-list-line__item Предоставление краткосрочного отпуска без сохранения заработной платы на сборы и обустройство на новом месте продолжительностью до 3-х календарных дней.
li.default-list-line__item Единовременное пособие в размере 40 000 рублей.
li.default-list-line__item Включение в список нуждающихся в улучшении жилищных условий.
.default-title Местонахождение
p Свердловская область, г. Заречный, ул. Октябрьская, 9Б.
.default-title Контактное лицо
p Свердловская область, г. Заречный, ул. Октябрьская, 9Б.
p.contacts-para <span>Начальник отдела управления персоналом —</span> Петрова Юлия Владимировна
a(href="#").contacts-more 8 (34377)7-11-08, доб. 3.
.col-lg-6
a(href="#").default-back Вернуться к списку
.col-lg-6.d-flex.justify-content-end
.default-share
.default-share__text Поделиться:
.default-share__socials
......
src/pages/career.pug
View file @ f03a44f3
......@@ -49,7 +49,7 @@ block content
.default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
.default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.
.default-vacancy__date 30 октября 2020 г.
.container
.container.default-margins
.row
.col-lg-6
ul.default-bottom-nav
......
src/pages/control.pug
View file @ f03a44f3
......@@ -64,7 +64,7 @@ block content
.container.services
.row
.col-lg-12
.default-title ФГУП "РАДОН"оказывает весь спектр услуг по переработке и кондиционированию РАО, включая такие технологии как:
.default-title.mt-0 ФГУП "РАДОН"оказывает весь спектр услуг по переработке и кондиционированию РАО, включая такие технологии как:
ul.default-list
li.default-list__item Сортировка, фрагментирование и прессование РАО;
li.default-list__item Цементирование;
......
src/pages/filial.pug
View file @ f03a44f3
......@@ -93,12 +93,12 @@ block content
a(href="#").default-docs__item._exl Перечень рекомендуемых мероприятий по улучшению условий труда по итогам 2019 года(первый этап)
.default-title Вакансии филиала
.filial-vacancies
.default-vacancy
a(href="#").default-vacancy
.default-vacancy__title СПЕЦИАЛИСТ ОТДЕЛА ОРГАНИЗАЦИИ НАУЧНО-ТЕХНИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ
.default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
.default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.
.default-vacancy__date 30 октября 2020 г.
.default-vacancy
a(href="#").default-vacancy
.default-vacancy__title СПЕЦИАЛИСТ ОТДЕЛА ОРГАНИЗАЦИИ НАУЧНО-ТЕХНИЧЕСКОЙ ДЕЯТЕЛЬНОСТИ
.default-vacancy__location Московский филиал НПК ФГУП «РАДОН»
.default-vacancy__description Обязанности: контроль эксплуатации оборудования предприятия; составление плана ремонтных работ; своевременное выявление неполадок в работе оборудования, профилактические работы; ремонт и наладка оборудования; ведение установленной отчетности.
......
src/pages/filials.pug
View file @ f03a44f3
......@@ -25,7 +25,7 @@ block content
.container
.row
.col-lg-12
.default-banner
.default-banner(style="border: 1px solid #6DACDE;")
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aa9102ef01f13fe10015a1f818136adbc871e5cc9f093660f2a2931836b748163&amp;source=constructor" width="100%" height="350" frameborder="0"></iframe>
.col-lg-3
ul.default-nav
......@@ -50,7 +50,7 @@ block content
li
a(href="#") Ангарск
.col-lg-9
.default-cards._row
.default-cards._row.filials-cards
a(href="#").default-cards-item._active
span Москва
a(href="#").default-cards-item
......
src/pages/history-more.pug
View file @ f03a44f3
......@@ -29,7 +29,7 @@ block content
.container
.row
.col-lg-12
.default-heading-small В пятидесятых годах XX века после серьезных геологических исследований было принято решение о строительстве в Загорском (теперь – Сергиево-Посадском) районе специализированного предприятия для локализации радиоактивных отходов.
.default-heading-small.mt-0 В пятидесятых годах XX века после серьезных геологических исследований было принято решение о строительстве в Загорском (теперь – Сергиево-Посадском) районе специализированного предприятия для локализации радиоактивных отходов.
.default-double.history-more-double
img(src="./img/history-more-image.jpg", alt="history image").default-double-first
.default-double-second
......
src/pages/history.pug
View file @ f03a44f3
......@@ -26,8 +26,6 @@ block content
main
.container
.row
.col-lg-12
img(src="./img/text-three-banner.jpg", alt="main page image").default-banner
.col-lg-3
ul.default-nav
li
......@@ -62,7 +60,7 @@ block content
a(href="#").history-list__item
.history-list__item-date 1981-1985
.history-list__item-description В 1981 г. была пущена в эксплуатацию установка сжигания твердых отходов «Факел» для переработки горючих и биологических отходов, установка по сравнению с другими максимально сокращала объемы отходов.
.container
.container.default-margins
.row
.col-lg-6
ul.default-bottom-nav
......
src/pages/leadership.pug
View file @ f03a44f3
......@@ -26,8 +26,6 @@ block content
main
.container
.row
.col-lg-12
img(src="./img/text-three-banner.jpg", alt="main page image").default-banner
.col-lg-3
ul.default-nav
li._active
......@@ -46,39 +44,39 @@ block content
.leadership-list
.leadership-list__item
img(src="./img/leadership-item-first.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Лужецкий Алексей Владимирович
.leadership-list__item-name Лужецкий<br> Алексей Владимирович
.leadership-list__item-role Генеральный директор
.leadership-list__item
img(src="./img/leadership-item-second.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Макаров Евгений Петрович
.leadership-list__item-name Макаров<br> Евгений Петрович
.leadership-list__item-role Первый заместитель генерального директора – директор по операционной деятельности
.leadership-list__item
img(src="./img/leadership-item-third.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Колтунов Арсений Анатольевич
.leadership-list__item-name Колтунов<br> Арсений Анатольевич
.leadership-list__item-role Главный инженер
.leadership-list__item
img(src="./img/leadership-item-fourth.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Федянин Андрей Иванович
.leadership-list__item-name Федянин<br> Андрей Иванович
.leadership-list__item-role Заместитель генерального директора по безопасности
.leadership-list__item
img(src="./img/leadership-item-fifth.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Нехожина Олеся Анатольевна
.leadership-list__item-name Нехожина<br> Олеся Анатольевна
.leadership-list__item-role Заместитель генерального директора по экономике и финансам
.leadership-list__item
img(src="./img/leadership-item-sixth.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Зотова Анна Владимировна
.leadership-list__item-name Зотова<br> Анна Владимировна
.leadership-list__item-role Заместитель генерального директора по персоналу
.leadership-list__item
img(src="./img/leadership-item-seventh.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Лукашин Павел Николаевич
.leadership-list__item-name Лукашин<br> Павел Николаевич
.leadership-list__item-role Директор по развитию производственной системы
.leadership-list__item
img(src="./img/leadership-item-eighth.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Покатилова Елена Александровна
.leadership-list__item-name Покатилова<br> Елена Александровна
.leadership-list__item-role Директор по правовому обеспечению, корпоративному и имущественному управлению
.leadership-list__item
img(src="./img/leadership-item-ninth.jpg", alt="leader photo").leadership-list__item-photo
.leadership-list__item-name Седов Олег Александрович
.leadership-list__item-name Седов<br> Олег Александрович
.leadership-list__item-role Директор по внутреннему контролю и аудиту
.default-share
.default-share__text Поделиться:
......
src/pages/licenses.pug
View file @ f03a44f3
......@@ -41,7 +41,7 @@ block content
li
a(href="#") Научно-технический совет
.col-lg-9
.default-cards._column
.default-cards._column.licenses-cards
a(href="#").default-cards-item
span Лицензии
a(href="#").default-cards-item
......
src/pages/news-more.pug
View file @ f03a44f3
......@@ -27,7 +27,7 @@ block content
.container
.row
.col-lg-12
img(src="./img/news-more-banner.jpg", alt="main page image").default-banner
img(src="./img/news-more-banner.jpg", alt="main page image").default-banner.mb-0
.default-heading-small Начальник отдела охраны окружающей среды ФГУП «РАДОН» Наталья Мартьянова примет участие в Национальном чемпионате WorldSkills Hi-Tech 2020.
p VII Национальный чемпионат сквозных рабочих профессий высокотехнологичных отраслей промышленности WorldSkills Hi-Tech 2020 будет проходить с 23 по 30 октября 2020 года. Это крупнейший чемпионат среди специалистов отечественных предприятий и Госкорпораций высокотехнологичных отраслей промышленности.
.default-double.news-more-double
......@@ -37,7 +37,7 @@ block content
p Впервые его участниками станут представители дивизиона ЗСЖЦ. Это начальник отдела охраны окружающей среды ФГУП «РАДОН», победитель AtomSkills-2020 в компетенции «Охрана окружающей среды» Наталья Мартьянова и инженер-конструктор УГМ ГХК, победитель AtomSkills-2020 в компетенции «Инженерный дизайн CAD» Павел Асеев.
p В связи с ограничительными мерами, связанными с пандемией COVID-19, этот чемпионат, как и AtomSkills-2020, пройдёт в дистанционно-очном формате. Конкурсанты будут выполнять задание в своих организациях при непрерывной видеофиксации процесса. Эксперты оценят выступления удаленно в формате онлайн.
p Участниками чемпионата станут более 300 конкурсантов из России и 12 стран мира в возрасте от 16 до 49 лет. Экспертное сообщество представят более 100 человек.
.default-heading-small Дружно поддерживаем Наталью и Павла! Желаем им высоких результатов и отличного выступления!
.default-heading-small.mb-0 Дружно поддерживаем Наталью и Павла! Желаем им высоких результатов и отличного выступления!
.col-lg-12
.default-share
.default-share__text Поделиться:
......
src/pages/routes.pug
View file @ f03a44f3
......@@ -41,28 +41,28 @@ block content
.routes-row__item._active
.row__item-title Мониторинг, обследование и контроль
.row__item-list
.item-list__li._active Радиационно-экологический мониторинг объектов окружающей среды
.item-list__li Радиационно-экологическое обследование территорий, отводимых под строительство
.item-list__li Регулярное радиационное обследование образовательных, дошкольных учреждений, объектов стройиндустрии, транспорта, здравоохранения, промышленности и жилищно-коммунального хозяйства
.item-list__li Индивидуальный дозиметрический контроль
a(href="#").item-list__li._active Радиационно-экологический мониторинг объектов окружающей среды
a(href="#").item-list__li Радиационно-экологическое обследование территорий, отводимых под строительство
a(href="#").item-list__li Регулярное радиационное обследование образовательных, дошкольных учреждений, объектов стройиндустрии, транспорта, здравоохранения, промышленности и жилищно-коммунального хозяйства
a(href="#").item-list__li Индивидуальный дозиметрический контроль
.routes-row__item
.row__item-title Региональный учет и контроль радиоактивных веществ, источников ионизирующего излучения и радиоактивных отходов
.routes-row__item
.row__item-title Радиационно-аварийные и радиационно-реабилитационные работы
.row__item-list
.item-list__li Радиационное обследование и выявление радиоактивных загрязнений
.item-list__li Дезактивация территорий, объектов и изделий
.item-list__li Сбор и прием радиоактивных отходов
.item-list__li Локализация и ликвидация радиационно-аварийных ситуаций
a(href="#").item-list__li Радиационное обследование и выявление радиоактивных загрязнений
a(href="#").item-list__li Дезактивация территорий, объектов и изделий
a(href="#").item-list__li Сбор и прием радиоактивных отходов
a(href="#").item-list__li Локализация и ликвидация радиационно-аварийных ситуаций
.routes-row__item
.row__item-title Радиационно-аварийные и радиационно-реабилитационные работы
.row__item-list
.item-list__li Сбор
.item-list__li Транспортирование
.item-list__li Сортировка
.item-list__li Переработка РАО
.item-list__li Кондиционирование
.item-list__li Хранение
a(href="#").item-list__li Сбор
a(href="#").item-list__li Транспортирование
a(href="#").item-list__li Сортировка
a(href="#").item-list__li Переработка РАО
a(href="#").item-list__li Кондиционирование
a(href="#").item-list__li Хранение
.col-lg-6.d-flex.justify-content-end
.default-share
.default-share__text Поделиться:
......
src/pages/text-two.pug
View file @ f03a44f3
......@@ -25,7 +25,7 @@ block content
.container
.row
.col-lg-12
img(src="./img/text-two-banner.jpg", alt="text banner").default-banner
img(src="./img/text-two-banner.jpg", alt="text banner", style="margin-bottom: 0;").default-banner
.default-heading-small Начальник отдела охраны окружающей среды ФГУП «РАДОН» Наталья Мартьянова примет участие в Национальном чемпионате WorldSkills Hi-Tech 2020.
p VII Национальный чемпионат сквозных рабочих профессий высокотехнологичных отраслей промышленности WorldSkills Hi-Tech 2020 будет проходить с 23 по 30 октября 2020 года. Это крупнейший чемпионат среди специалистов отечественных предприятий и Госкорпораций высокотехнологичных отраслей промышленности.
.default-double.text-double
......
src/pages/videos.pug
View file @ f03a44f3
......@@ -39,7 +39,8 @@ block content
.col-lg-9
.videos-years
a(href="#").videos-years__current 20.01.2019
a(href="#").videos-years__filter Фильтр по дате
a(href="#").videos-years__filter Фильтр по <span>дате<span>
input(type="date")
.videos-row
a(href="#").videos-row__item
img(src="./img/videos-item.jpg", alt="videos item").videos-row__item-img
......
src/scss/_about.scss
View file @ f03a44f3
......@@ -5,7 +5,7 @@
.values__list-item {
margin-bottom: 60px;
flex: 0 1 345px;
flex: 0 1 370px;
.values__list-item__title {
margin: 20px 0 30px;
......
src/scss/_career-more.scss
View file @ f03a44f3
......@@ -87,8 +87,52 @@
display: flex;
flex-wrap: wrap;
.default-list__item {
.default-list-line__item {
flex: 0 1 490px;
align-items: flex-start;
}
.default-list__item {
flex: 0 1 50%;
min-width: 300px;
align-items: flex-start;
}
}
}
.contacts-para {
span {
font-weight: 700;
}
}
.contacts-more {
min-height: 40px;
display: flex;
align-items: center;
position: relative;
padding-left: 60px;
font-weight: 350;
line-height: 26px;
color: #292929;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 40px;
background: $blue;
}
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 40px;
background: url("../img/phone.svg") no-repeat center;
}
}
src/scss/_contacts.scss
View file @ f03a44f3
......@@ -4,6 +4,10 @@
margin-bottom: 50px;
&:last-child {
margin-bottom: 0;
}
@media (max-width: 1200px) {
margin-bottom: 0;
}
......@@ -26,7 +30,7 @@
left: 0;
height: 100%;
width: 100%;
background: rgba(109, 172, 222, 0.2);
background: rgba(0, 50, 116, 0.5);
}
.item-inner__title {
......@@ -70,6 +74,10 @@
padding-left: 60px;
position: relative;
&:last-child {
margin-bottom: 0;
}
&._null {
padding-left: 0;
font-weight: 700;
......
src/scss/_default-nav.scss
View file @ f03a44f3
.default-nav {
position: sticky;
top: 15px;
margin-bottom: 70px;
@media (max-width: 768px) {
display: none;
}
li {
a {
display: block;
......@@ -13,6 +20,8 @@
&:hover {
text-decoration: underline;
background: #B1C72E;
color: #ffffff;
}
}
......
src/scss/_docs.scss
View file @ f03a44f3
......@@ -10,6 +10,14 @@
position: relative;
margin-bottom: 20px;
&:hover {
text-decoration: underline;
}
&:last-child {
margin-bottom: 0;
}
&._docx {
&::after {
background: url("../img/docx.svg") no-repeat center;
......
src/scss/_ecology.scss
View file @ f03a44f3
......@@ -18,7 +18,7 @@
left: 0;
height: 100%;
width: 100%;
background: rgba(109, 172, 222, 0.2);
background: rgba(0, 50, 116, 0.5);
}
&__title {
......@@ -33,6 +33,7 @@
left: 0;
min-height: 100%;
width: auto;
transition: $fast-transition;
}
&__close {
......@@ -64,6 +65,10 @@
&:hover {
color: #ffffff;
.ecology-item__img {
transform: scale(1.05);
}
.ecology-item__close {
opacity: 1;
}
......
src/scss/_filial.scss
View file @ f03a44f3
......@@ -164,19 +164,22 @@
}
.filial-double {
justify-content: unset !important;
.default-double-second {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
ul {
padding-left: 50px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
li {
padding-bottom: 3px;
border-bottom: 1px solid #f9f9f9;
margin-bottom: 14px;
font-weight: 700;
font-size: 16px;
line-height: 26px;
......@@ -184,6 +187,10 @@
display: flex;
justify-content: space-between;
&:last-child {
margin-bottom: 0;
}
span {
font-weight: 350;
}
......
src/scss/_filials.scss
View file @ f03a44f3
.filials-cards {
.default-cards-item {
min-height: 150px;
}
}
\ No newline at end of file
src/scss/_history-more.scss
View file @ f03a44f3
......@@ -5,7 +5,6 @@
justify-content: space-between;
.history-more-photos__item {
flex: 0 1 370px;
margin-bottom: 50px;
.photos__item-image {
......@@ -21,6 +20,7 @@
}
.history-more-double {
margin-bottom: 40px;
.default-double-second {
max-width: 770px;
......
src/scss/_history.scss
View file @ f03a44f3
......@@ -6,8 +6,9 @@
padding: 34px 38px 0 45px;
margin-bottom: 25px;
background: #f9f9f9;
transition: $fast-transition;
&._active {
&:hover {
background: $blue;
&::before {
......
src/scss/_journalists.scss
View file @ f03a44f3
......@@ -6,6 +6,8 @@
min-height: 200px;
margin-bottom: 30px;
background: #f9f9f9;
transition: $fast-transition;
overflow: hidden;
span {
position: relative;
......@@ -14,6 +16,7 @@
font-size: 18px;
line-height: 30px;
color: #1a1a1a;
transition: $fast-transition;
}
img {
......@@ -23,13 +26,18 @@
min-width: 100%;
min-height: 100%;
z-index: 0;
transition: $fast-transition;
~ span {
color: #ffffff;
}
& ~ ::before {
content: unset;
}
}
&._blue {
&:hover {
background: #6dacde;
span {
......@@ -61,11 +69,14 @@
&:hover::after {
right: -5px;
}
img {
transform: scale(1.05);
}
}
&._blue-half {
img {
filter: contrast(125%);
}
&::before {
......@@ -75,7 +86,7 @@
left: 0;
height: 100%;
width: 100%;
background: rgba(109, 172, 222, 0.3);
background: rgba(0, 50, 116, 0.3);
z-index: 1;
}
}
......
src/scss/_leadership.scss
View file @ f03a44f3
......@@ -4,7 +4,7 @@
justify-content: space-between;
.leadership-list__item {
margin-bottom: 60px;
margin-bottom: 70px;
flex: 0 1 270px;
.leadership-list__item-name {
......@@ -22,4 +22,8 @@
color: #292929;
}
}
& + .default-share {
margin-top: 0;
}
}
src/scss/_licenses.scss
View file @ f03a44f3
.licenses {
.licenses-cards {
.default-cards-item {
min-height: 180px;
&:last-child {
margin-bottom: 0;
}
}
}
src/scss/_logotype.scss
View file @ f03a44f3
......@@ -5,6 +5,6 @@
justify-content: space-between;
.default-download {
flex: 0 1 300px;
min-width: 300px;
}
}
src/scss/_news-more.scss
View file @ f03a44f3
.news-more-double {
margin-top: 50px;
.default-double-second {
max-width: 770px;
}
......
src/scss/_photos.scss
View file @ f03a44f3
......@@ -19,6 +19,12 @@
background: #6dacde;
padding: 30px;
&:hover {
span {
text-decoration: underline;
}
}
span {
position: relative;
z-index: 1;
......@@ -46,7 +52,7 @@
height: 100%;
width: 100%;
z-index: 1;
background: rgba(109, 172, 222, 0.2);
background: rgba(0, 50, 116, 0.3);
}
}
}
src/scss/_routes.scss
View file @ f03a44f3
.routes {
&-row {
&__item {
transition: $fast-transition;
padding: 35px 35px 40px;
background: #f9f9f9;
margin-bottom: 25px;
&:last-child {
margin-bottom: 0;
}
.row__item-title {
font-weight: 700;
font-size: 18px;
line-height: 30px;
color: #1a1a1a;
margin-bottom: 40px;
transition: $fast-transition ;
}
.row__item-list {
.item-list__li {
display: block;
position: relative;
font-weight: 350;
line-height: 26px;
......@@ -47,7 +54,7 @@
}
}
&._active {
&:hover {
background: #6dacde;
.row__item-title {
......@@ -59,7 +66,7 @@
.item-list__li {
color: #ffffff;
&._active {
&:hover {
font-weight: 700;
text-decoration: underline;
}
......
src/scss/_videos.scss
View file @ f03a44f3
......@@ -3,6 +3,14 @@
align-items: center;
margin-bottom: 40px;
input[type="date"] {
position: relative;
z-index: 9;
left: -145px;
opacity: 0;
height: 70px;
}
.videos-years__current {
position: relative;
padding: 14px 40px;
......@@ -42,6 +50,11 @@
font-size: 18px;
line-height: 23px;
color: #292929;
span {
cursor: pointer;
color: $blue;
}
}
}
......@@ -51,9 +64,29 @@
background: #f9f9f9;
display: flex;
align-items: center;
transition: $fast-transition;
&:hover {
background: $blue;
.videos-row__item-description {
.item-description__title {
color: #ffffff;
}
.item-description__time {
color: #ffffff;
&::before {
background: url("../img/calendar-white.svg") no-repeat center;
}
}
}
}
.videos-row__item-description {
padding: 40px 0 30px 50px;
transition: $fast-transition;
.item-description__title {
font-weight: 700;
......@@ -62,14 +95,31 @@
text-decoration: underline;
color: #292929;
max-width: 330px;
transition: inherit;
}
.item-description__time {
min-height: 30px;
padding-left: 30px;
display: flex;
align-items: center;
position: relative;
margin-top: 60px;
font-weight: 350;
font-size: 15px;
line-height: 30px;
color: #1a1a1a;
transition: inherit;
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 20px;
background: url("../img/calendar.svg") no-repeat center;
}
}
}
......
src/scss/_welcome.scss
View file @ f03a44f3
.welcome {
padding-bottom: 70px;
padding-bottom: 50px;
.welcome-title {
font-weight: 700;
......
src/scss/main.scss
View file @ f03a44f3
......@@ -52,6 +52,20 @@ body {
color: #1a1a1a;
}
.dark {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 98;
transition: $fast-transition;
&._active {
background: rgba(0, 0, 0, 0.25);
}
}
.default-title {
font-weight: 700;
font-size: 30px;
......@@ -236,8 +250,9 @@ body {
}
&:hover {
color: #6dacde;
background: rgba(109, 172, 222, 0.2);
color: #ffffff;
border: 1px solid $green;
background: $green;
}
}
}
......@@ -248,6 +263,36 @@ body {
min-height: 320px;
background: #f9f9f9;
margin-bottom: 25px;
transition: $fast-transition;
&:last-child {
margin-bottom: 0;
}
&:hover {
background: $blue;
.default-vacancy__title,
.default-vacancy__description {
color: #ffffff;
}
.default-vacancy__location {
color: #ffffff;
&::before {
background: url("../img/location-white.svg") no-repeat center;
}
}
.default-vacancy__date {
color: #ffffff;
&::before {
background: url("../img/calendar-white.svg") no-repeat center;
}
}
}
&__title {
font-weight: 700;
......@@ -256,6 +301,7 @@ body {
text-decoration: underline;
color: #1a1a1a;
margin-bottom: 15px;
transition: $fast-transition;
}
&__location {
......@@ -269,6 +315,7 @@ body {
line-height: 30px;
color: #1a1a1a;
margin-bottom: 30px;
transition: $fast-transition;
&::before {
content: "";
......@@ -287,6 +334,7 @@ body {
font-size: 16px;
line-height: 26px;
color: #1a1a1a;
transition: $fast-transition;
}
&__date {
......@@ -299,6 +347,7 @@ body {
font-size: 15px;
line-height: 30px;
color: #1a1a1a;
transition: $fast-transition;
&::before {
content: "";
......@@ -467,12 +516,12 @@ body {
}
.default-table__body {
.default-table__body-row {
flex-direction: column;
align-items: flex-start;
a, span {
a,
span {
margin-bottom: 40px;
padding-left: 0;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment