Управление сайтом

Компаний

Пользователи

Фиксированные новости

Отзывы о фирмах

Пользователи

Банкоматы

Торговые точки

Доска объявлений

Курсы валют

организации Орла

организации области

сайты Орел

Поиск запросы

Статистика

Показы каталога организаций

Статистика клиенты

Пользователи

Управление сайтом

Каталоги >

Новости >

Организации >

Секрет фирмы >

Сервисы >

Файловый менеджер

Имя файла	navbar-main.css
Содержимое	#navbarMain .dropdown-menu.show { display: flex; } #navbarMain .dropdown-menu { padding: 0; margin: 0; } #navbarMain .dropdown-menu .dropdown-item { padding: .25rem 1rem; font-size: calc((100vw - 30rem)/(120 - 30) * (0.9375 - 0.8125) + 0.8125rem)!important; padding-left: calc((100vw - 30rem)/(120 - 30) * (1 - 0.3) + 0.3rem)!important; padding-right: calc((100vw - 30rem)/(120 - 30) * (1 - 0.3) + 0.3rem)!important; /font-size: calc((100vw - 480px)/(1920 - 480) (14 - 14) + 14px) !important;/ } @media (max-width: 991px) { #navbarMain .dropdown-menu .dropdown-item { display: inline-block; width: auto; } #navbarMain .dropdown-menu.show { flex-wrap: wrap; } #navbarMain .dropdown-menu { width: 140%; } } #navbarMain .dropdown, #navbarMain .dropup { position: static; } #navbarMain .nav-link.dropdown-toggle{ font-weight: bold; color: #000; font-size: calc((100vw - 480px)/(1920 - 480) (16 - 14) + 14px) !important; margin-right: 3rem; padding: 0; text-align: left; } #navbarMain .dropdown.show .nav-link.dropdown-toggle:after{ content: ''; width: 0; height: 0; border-top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fb9900!important; margin: auto; display: block; margin-top: 10px; } #navbarMain .dropdown-toggle::after{ display: none; } #navbarMain .navbar { transition: all .5s .1s; } .navbar-offcanvas { z-index: 930; } .navbar-offcanvas .navbar-inner { position: relative; transform: translate3d(0px, 0, 0); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); } .navbar-offcanvas .navbar-top { display: none; } /* РџРѕРєР°Р·С‹РІР°РµС‚ navbar Рё search / @media (min-width: 992px) { .navbar-offcanvas .navbar-top { display: flex; position: relative; / for submenu, white line */ } } @media (max-width: 768px) { .navbar-offcanvas .navbar-toggler { display: block; } } .navbar-offcanvas .navbar-toggler .icon-bar { display: block; position: relative; width: 24px; height: 2px; border-radius: 1px; background-color: #535353; } .navbar-offcanvas .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; } .navbar-offcanvas .navbar-toggler .icon-bar.bar1 { top: 0; outline: 1px solid transparent; animation: topbar-back 500ms 0s; animation-fill-mode: forwards; } .navbar-offcanvas .navbar-toggler .icon-bar.bar2 { outline: 1px solid transparent; opacity: 1; } .navbar-offcanvas .navbar-toggler .icon-bar.bar3 { bottom: 0; outline: 1px solid transparent; animation: bottombar-back 500ms 0s; animation-fill-mode: forwards; } .navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar1 { top: 6px; animation: topbar-x 500ms 0s; animation-fill-mode: forwards; } .navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar2 { opacity: 0; } .navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar3 { bottom: 6px; animation: bottombar-x 500ms 0s; animation-fill-mode: forwards; } @media(max-width: 768px){ .navbar-offcanvas .navbar-collapse.collapse, .navbar-offcanvas .navbar-collapse.collapse.in, .navbar-offcanvas .navbar-collapse.collapsing { display: none !important; } } .nav-open .navbar-collapse { transform: translate3d(0px, 0, 0); } .nav-open .navbar > .navbar-inner { transform: translate3d(-424px, 0, 0); } @media (max-width: 991px) { .nav-open .navbar > .navbar-inner { transform: translate3d(-262.6666666667px, 0, 0); } } .nav-open .wrapper { transform: translate3d(-150px, 0, 0); } body > .navbar-collapse { display: block !important; position: fixed; top: 0; right: 0px; width: 424px; height: 100vh; padding: 1rem; background-color: #535353; text-align: center; visibility: visible; overflow-y: scroll; transform: translate3d(424px, 0, 0); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); z-index: 1032; } @media (max-width: 991px) { body > .navbar-collapse { width: 282.6666666667px; } } body > .navbar-collapse .navbar-top { margin: 0 !important; flex-direction: column; } @media (min-width: 992px) { body > .navbar-collapse .navbar-top { display: none; } } body > .navbar-collapse .navbar-top li { text-align: center; } body > .navbar-collapse .navbar-top li a { display: block; padding: .5rem 1rem; font-weight: 700; color: #000; } body > .navbar-collapse .navbar-top li a:hover, body > .navbar-collapse .navbar-top li a:focus { text-decoration: none; } body > .navbar-collapse .nav-link:hover, body > .navbar-collapse .nav-link:focus, body > .navbar-collapse .dropdown-toggle:hover, body > .navbar-collapse .dropdown-toggle:focus { text-decoration: none; } body > .navbar-collapse .nav-link.disabled, body > .navbar-collapse .dropdown-toggle.disabled { color: rgba(0, 0, 0, 0.35); } body > .navbar-collapse .nav-link.disabled:hover, body > .navbar-collapse .nav-link.disabled:focus, body > .navbar-collapse .dropdown-toggle.disabled:hover, body > .navbar-collapse .dropdown-toggle.disabled:focus { cursor: not-allowed; } @media (min-width: 992px) { body > .navbar-top { display: none; } } body > #overlay { content: ""; position: fixed; top: 0; left: auto; right: calc(252.6666666667px - 10px); width: 100%; height: 100%; opacity: 0; overflow-x: hidden; z-index: 1029; } @media (min-width: 992px) { body > #overlay { right: calc(424px - 10px); } } @keyframes topbar-x { 0% { top: 0px; transform: rotate(0deg); } 45% { top: 6px; transform: rotate(145deg); } 75% { transform: rotate(130deg); } 100% { transform: rotate(135deg); } } @keyframes topbar-back { 0% { top: 6px; transform: rotate(135deg); } 45% { transform: rotate(-10deg); } 75% { transform: rotate(5deg); } 100% { top: 0px; transform: rotate(0); } } @keyframes bottombar-x { 0% { bottom: 0px; transform: rotate(0deg); } 45% { bottom: 6px; transform: rotate(-145deg); } 75% { transform: rotate(-130deg); } 100% { transform: rotate(-135deg); } } @keyframes bottombar-back { 0% { bottom: 6px; transform: rotate(-135deg); } 45% { transform: rotate(10deg); } 75% { transform: rotate(-5deg); } 100% { bottom: 0px; transform: rotate(0); } }

/css/bootstrap/navbar/

Имя	Дата	Размер
..	2019-03-18
navbar-main.css	2019-03-18	6 кб.

/css/bootstrap/navbar