2024-test-rosmorport/public/static/css/rosmorport.css

83 lines
2.4 KiB
CSS
Raw Normal View History

2024-04-13 22:34:46 +03:00
/* шрифт для лого */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');*/
2024-04-14 16:43:44 +03:00
/* ФОН ВСЕХ СТРАНИЦ */
html {
background:url('/static/img/dnk.png');
background-repeat: no-repeat;
background-position: -5% 105%;
}
body {
/* фон всех страниц */
min-height: 100vh;
background: #ffffffcc;
}
2024-04-14 00:38:52 +03:00
/* НАВИГАЦИЯ - ШАПКА */
.navbar#nav_header {
/* фон главной навигационной панели */
background: #6F42C1;
background: linear-gradient(11deg, #6F42C1FF 15%, #9842C1B2 70%);
2024-04-13 22:34:46 +03:00
height: 75px;
}
2024-04-14 00:38:52 +03:00
.navbar#nav_header > div.container-fluid > a.navbar-brand {
/* лого */
2024-04-13 22:34:46 +03:00
font-family: "Lobster", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 11pt;
color: #fff;
}
2024-04-14 17:04:25 +03:00
#index-logo {
font-family: "Lobster", sans-serif;
font-weight: 400;
font-style: normal;
}
2024-04-13 22:34:46 +03:00
2024-04-14 00:38:52 +03:00
/* НАВИГАЦИЯ - МЕНЮ */
.navbar#nav_main_menu {
/* фон меню */
background: #B5B1B2;
background: linear-gradient(11deg, #49434399 15%, #B5B1B2b2 70%);
height: 75px;
}
.navbar#nav_main_menu > ul.nav > li.nav-item > a.nav-link {
/* пункты меню */
color: black;
font-size: 11pt;
2024-04-14 16:22:16 +03:00
border-left: gray 1px dotted;
}
.navbar#nav_main_menu > ul.nav > li.nav-item > a.nav-link:hover {
/* пункты меню (курсор над) */
background-color: #dcc7df;
transition: .4s ease-out;
}
.navbar#nav_main_menu > ul.nav > li.nav-item > a.nav-link:not(hover) {
/* пункты меню (курсор вне) */
transition: 1.6s ease-in;
}
.dropdown-menu.show {
/* выпадающее меню */
background: #d8d0d7;
background: linear-gradient(11deg, #B5B1B2 15%, #d8d0d7 70%);
box-shadow: #d8d0d799 5px 5px 5px;
}
.dropdown-menu:last-child {
/* выпадающего меню (последний пункт) */
left: -1ex;
2024-04-14 00:38:52 +03:00
}
/* МОДАЛЬНЫЕ ОКНА */
2024-04-13 22:34:46 +03:00
.modal {
2024-04-14 00:38:52 +03:00
/* фон затенения */
2024-04-13 22:34:46 +03:00
background: rgb(33, 20, 56);
background: linear-gradient(11deg, rgb(33, 20, 56, 1) 15%, rgba(49, 22, 64, 0.6) 70%);
}
.modal > .modal-dialog > .modal-content .modal-header,
.modal > .modal-dialog > .modal-content .modal-footer {
2024-04-14 00:38:52 +03:00
/* фон заголовка и подвала модального окна */
2024-04-13 22:34:46 +03:00
background: whitesmoke;
}