2024-test-rosmorport/public/static/css/rosmorport.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;
}

/* НАВИГАЦИЯ - МЕНЮ */
.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;
}