/* шрифт для лого */ @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; }