85 lines
2.4 KiB
CSS
85 lines
2.4 KiB
CSS
/* шрифт для лого */
|
||
@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');*/
|
||
|
||
|
||
/* ФОН ВСЕХ СТРАНИЦ */
|
||
html {
|
||
background:url('/static/img/dnk.png');
|
||
background-repeat: no-repeat;
|
||
background-position: -5% 105%;
|
||
}
|
||
body {
|
||
/* фон всех страниц */
|
||
min-height: 100vh;
|
||
background: #ffffffcc;
|
||
}
|
||
|
||
/* НАВИГАЦИЯ - ШАПКА */
|
||
.navbar#nav_header {
|
||
/* фон главной навигационной панели */
|
||
background: #6F42C1;
|
||
background: linear-gradient(11deg, #6F42C1FF 15%, #9842C1B2 70%);
|
||
height: 75px;
|
||
}
|
||
.navbar#nav_header > div.container-fluid > a.navbar-brand {
|
||
/* лого */
|
||
font-family: "Lobster", sans-serif;
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
font-size: 11pt;
|
||
color: #fff;
|
||
}
|
||
#index-logo {
|
||
font-family: "Lobster", sans-serif;
|
||
font-weight: 400;
|
||
font-style: normal;
|
||
color: silver;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* НАВИГАЦИЯ - МЕНЮ */
|
||
.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;
|
||
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;
|
||
}
|
||
|
||
/* МОДАЛЬНЫЕ ОКНА */
|
||
.modal {
|
||
/* фон затенения */
|
||
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 {
|
||
/* фон заголовка и подвала модального окна */
|
||
background: whitesmoke;
|
||
} |