📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
takiaksesuar.demodesign.com.tr
/
admin
/
assets
/
css
📝
sidemenu-responsive.css
← Geri Dön
/*Color variables*/ /*gradient variables*/ /*border variables*/ /*gray variables*/ /*white variables*/ /*black variables*/ /*shadow variables*/ .app-sidebar .mCSB_container { margin-right: 0px; } .app-sidebar .mCSB_draggerContainer { right: -11px; } @media (min-width: 768px) { .app.sidenav-toggled.sidenav-toggled1 .main-content { margin-left: 0; } .app.sidenav-toggled .app-sidebar__overlay { visibility: hidden; } .color-hor-header .main-header .header-brand-img.darkmobile-logo, .gradient-hor-header .main-header .header-brand-img.darkmobile-logo { display: none !important; } } @media (max-width: 767px) { .dark-mode.color-hor-header .main-header .header-brand-img.darkmobile-logo { display: none !important; } .dark-hor-header .main-header .header-brand-img.desktop-lgo { display: none !important; } .gradient-hor-header .main-header .header-brand-img.desktop-lgo, .dark-hor-header .main-header .header-brand-img.desktop-lgo, .color-hor-header .main-header .header-brand-img.desktop-lgo { display: none !important; } .dark-hor-header .main-header.header .header-brand-img.mobile-logo { margin-left: 0 !important; } .app { overflow-x: hidden; } .app .app-sidebar { left: -250px; } .app .app-sidebar__overlay { visibility: hidden; } .app.sidenav-toggled .main-content { margin-left: 0; } .app.sidenav-toggled .app-sidebar { left: 0; padding-top: 62px !important; } .app.sidenav-toggled .app-sidebar__overlay { visibility: visible; } .app.sidebar-mini .second-sidemenu, .app.sidebar-mini.sidenav-toggled.sidenav-mobile .second-sidemenu { visibility: hidden; } .app.sidebar-mini.sidenav-mobile.sidenav-toggled4.sidenav-toggled1.sidenav-toggled .second-sidemenu { visibility: visible; } .app.sidebar-mini.sidenav-toggled4 .main-content { margin-left: 0; } .nav-link.nav-link.toggle { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .search-show .app-sidebar { z-index: 1; } .header.main-header .form-control.header-search { margin-top: 0px !important; } .app-sidebar__toggle { margin-top: 8px !important; } } .main-content { min-height: calc(100vh - 50px); margin-bottom: 0 !important; -webkit-transition: margin-left 0.3s ease; -o-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease; overflow: hidden; } .main-content .side-app { padding: 75px 30px 0 30px; } .footer .container { width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .main-content { margin-left: 270px; } } @media (max-width: 767px) and (min-width: 569px) { .main-content { min-width: 100%; } .header-secondary .col:first-child { margin-bottom: 5px !important; } .dark-mode .header-brand-img.dark-logo { display: block !important; margin-top: 8px; margin-left: 12px; } .gradient-menu .main-header .header-brand-img.dark-logo, .color-menu .main-header .header-brand-img.dark-logo, .dark-menu .main-header .header-brand-img.dark-logo, .gradient-menu .main-header .header-brand-img.darkmobile-logo, .color-menu .main-header .header-brand-img.darkmobile-logo, .dark-menu .main-header .header-brand-img.darkmobile-logo { display: none !important; } .gradient-menu .main-header .header-brand-img.desktop-lgo, .color-menu .main-header .header-brand-img.desktop-lgo, .dark-menu .main-header .header-brand-img.desktop-lgo { display: block !important; margin-top: 8px; margin-left: 12px; } .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.desktop-lgo, .color-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.desktop-lgo, .dark-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.desktop-lgo { display: block !important; margin-top: 8px; margin-left: 12px; } } @media (max-width: 575.98px) { .gradient-menu .header-brand-img.dark-logo, .color-menu .header-brand-img.dark-logo, .dark-menu .header-brand-img.dark-logo { display: none !important; } .dark-mode.light-menu .header-brand-img.desktop-lgo, .dark-mode.light-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.desktop-lgo { display: none; } .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.mobile-logo, .dark-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.mobile-logo, .color-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.mobile-logo { display: block !important; } .dark-hor-header .main-header.top-header2 .header-brand-img.desktop-lgo, .dark-hor-header .main-header.top-header2 .header-brand-img.darkmobile-logo { display: none !important; } .light-hor-header.dark-mode .main-header .header-brand-img.mobile-logo { display: block !important; } } @media (max-width: 575.98px) and (min-width: 361px) { .second-sidemenu { width: 230px !important; } } @media (max-width: 360px) { .main-content { margin-top: -12px; min-width: 100%; } .second-sidemenu { width: 180px !important; } } @media (max-width: 767px) { .app .footer { padding: 1.25rem !important; } } @media print { .main-content { margin: 0; padding: 0; background-color: #fff; } } /*----- Componant: Top Navigation Bar ----- */ .main-header { position: fixed; left: 0; right: 0; top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; padding-right: 15px; padding: 0.75rem 0; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .main-header { padding-right: 30px; } .main-header.header-sticky { background: linear-gradient(45deg, #f54266, #3858f9); } } @media print { .main-header { display: none; } } .main-header__logo { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; color: #fff; text-align: center; font-family: 'Niconne'; padding: 0 15px; font-size: 26px; font-weight: 400; line-height: 50px; } .main-header__logo:focus, .main-header__logo:hover { text-decoration: none; } @media (min-width: 768px) { .main-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; width: 230px; } } .app-sidebar__toggle { fill: #fff; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; z-index: 1; } .app-sidebar__toggle:focus, .app-sidebar__toggle:hover { text-decoration: none; } @media (max-width: 360px) { .app-sidebar__toggle { line-height: 2; } } @media (max-width: 767px) { .app-sidebar__toggle { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .app-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) { .app-nav { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } .app-nav__item { display: block; padding: 15px; line-height: 20px; color: #a8a8a8; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .app-nav__item:hover, .app-nav__item:focus { background: rgba(0, 0, 0, 0.1); color: #f6f6f6; } .app-search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; margin-right: 15px; padding: 10px 0; } @media (max-width: 480px) { .app-search { display: none; } } .app-search__input { border: 0; padding: 5px 10px; padding-right: 30px; border-radius: 2px; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .app-search__input::-webkit-input-placeholder, .app-search__input:-ms-input-placeholder, .app-search__input::-ms-input-placeholder, .app-search__input::placeholder { color: rgba(0, 0, 0, 0.4); } .app-search__button { position: absolute; right: 0; top: 10px; bottom: 10px; padding: 0 10px; border: 0; color: rgba(0, 0, 0, 0.8); background: none; cursor: pointer; } .app-notification { min-width: 270px; } .app-notification__title { padding: 8px 20px; text-align: center; background-color: rgba(0, 150, 136, 0.4); color: #333; } .app-notification__footer { padding: 8px 20px; text-align: center; background-color: #eee; } .app-notification__content { max-height: 220px; overflow-y: auto; } .app-notification__content::-webkit-scrollbar { width: 6px; } .app-notification__content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } .app-notification__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 20px; color: inherit; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .app-notification__item:focus, .app-notification__item:hover { color: inherit; text-decoration: none; background-color: #e0e0e0; } .app-notification__message, .app-notification__meta { margin-bottom: 0; } .app-notification__icon { padding-right: 10px; } .app-notification__message { line-height: 1.2; } .app-sidebar { position: fixed; top: 0px; bottom: 0; left: 0; padding-top: 64px; z-index: 1000; height: 100%; /*background: transparent !important; -webkit-box-shadow: 0 2px 17px 2px rgb(235, 240, 255,0.2); box-shadow: 0 2px 17px 2px rgb(235, 240, 255,0.2); -webkit-transition: left 0.3s ease, width 0.3s ease; -o-transition: left 0.3s ease, width 0.3s ease; transition: left 0.3s ease, width 0.3s ease;*/ } .app-sidebar::-webkit-scrollbar { width: 6px; } .app-sidebar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); } @media print { .app-sidebar { display: none; } } @media (max-width: 767px) { .app-sidebar__overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; } } .app-sidebar__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a8a8a8; width: 100%; padding: 12px 17px; display: inline-block; } .app-sidebar__user .dropdown-menu { top: 10px !important; } .app-sidebar__user img { box-shadow: 0 0 25px rgba(255, 255, 255, 0.1); padding: 5px; border: 1px solid rgba(255, 255, 255, 0.2); background: #181823; box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2); } .toggle { color: #1c1d22; } .app-sidebar__user-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 15px; } .app-sidebar__user-name { font-size: 17px; line-height: 1.3; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 0; overflow: hidden; font-weight: 600; color: #e5e9ec; font-size: 15px; margin-top: 5px !important; } .app-sidebar__user-name.text-sm { font-size: 12px; font-weight: 400; } .app-sidebar__user-designation { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 0; overflow: hidden; font-weight: 600; color: #e5e9ec; font-size: 15px; margin-top: 5px !important; } .side-menu { margin-bottom: 0; padding-bottom: 40px; padding: 0; } .side-menu__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 19px 12px 34px; font-size: 14px; font-weight: 400; -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease; -o-transition: border-left-color 0.3s ease, background-color 0.3s ease; transition: border-left-color 0.3s ease, background-color 0.3s ease; } .side-menu__item.active, .side-menu__item:hover, .side-menu__item:focus { text-decoration: none; background: rgba(255, 255, 255, 0.1); } .slide.is-expanded a { /*color: #0052cc;*/ text-decoration: none; } .side-menu .side-menu__icon { font-size: 16px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; width: 30px !important; border-radius: 50%; margin-right: 8px; margin-left: -8px; } .side-menu__icon { font-size: 18px; border-radius: 3px; text-align: center; } .side-menu__label { white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; text-align: center; font-weight: 400; } .slide.is-expanded .slide-menu { max-height: 100%; } .slide.is-expanded .angle { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .slide-menu { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; padding: 0; font-size: .8rem !important; } .slide-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 7px; font-size: 13px; color: #576482; border-bottom: 0; position: relative; padding-left: 45px; text-decoration: none; font-size: 0.845rem !important; font-weight: 400; } .slide-item:hover { border-bottom: 0 !important; } .slide-item .icon { margin-right: 5px; } .angle { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; color: #576482 !important; } @media (min-width: 768px) { .sidebar-mini.sidenav-toggled .main-content { margin-left: 70px; } .sidebar-mini.sidenav-toggled1 .main-content { margin-left: 0; } .sidebar-mini.sidenav-toggled .app-sidebar { left: 0; overflow: hidden; } } .app.sidebar-mini.sidenav-toggled .side-menu .side-menu__icon { margin-right: 0; margin-left: 0; } .app.sidebar-mini .side-menu_label { display: none; } .dropdown-menu { border-radius: 0; } .dropdown-menu.dropdown-menu-right { left: auto; } .dropdown-item .fa, .dropdown-item .icon { vertical-align: middle; } .app-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: #FFF; margin: -30px -30px 30px; padding: 20px 30px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .app-title h1 { margin: 0; font-size: 24px; font-weight: 400; } .app-title p { margin-bottom: 0; font-style: italic; } @media print { .app-title { display: none; } } @media (max-width: 480px) { .app-title { margin: -15px -15px 15px; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 480px) { .app-title p { display: none; } } .app-breadcrumb { margin-bottom: 0; text-align: right; font-weight: 500; font-size: 13px; text-transform: capitalize; padding: 0; text-align: left; padding: 0; background-color: transparent; } @media (max-width: 480px) { .app-breadcrumb { margin-top: 10px; } } .tile { position: relative; background: #fff; border-radius: 3px; padding: 20px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-bottom: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media print { .tile { border: 1px solid #ddd; } } .app-sidebar .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 0, 0, 0.05); } .app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .app-sidebar .mCSB_scrollTools .mCSB_draggerRail { background: rgba(255, 255, 255, 0.2); } .slide-item:before { content: "\e92f"; font-family: 'feather' !important; position: absolute; top: 6px; left: 14px; font-size: 13px; color: #b9b0b0 !important; opacity: 1; } .side-menu li .side-menu__item.active:before { content: ''; position: absolute; left: 0; top: 0; width: 4.5px; height: 100%; display: block; } .user-info .text-dark { color: #dbdaea !important; } @media (min-width: 767px) { .sidenav-toggled .resp-vtabs ul.resp-tabs-list { width: 100%; } .sidenav-toggled .app-sidebar .second-sidemenu { visibility: hidden; } .sidenav-toggled1 .app-sidebar .first-sidemenu, .sidenav-toggled1 .app-sidebar .second-sidemenu { visibility: hidden; } .app.sidebar-mini.sidenav-toggled1.sidenav-toggled .first-sidemenu { visibility: visible; } .app.sidebar-mini.sidenav-toggled1.sidenav-toggled .main-content { margin-left: 70px; } } @media (max-width: 480px) { .app-sidebar .siderbar-tabs .tabs-menu ul li { width: auto !important; } .app-sidebar .siderbar-tabs .tabs-menu ul li a { width: auto !important; } .main-content .side-app { padding: 73px 0.75rem 0px 0.75rem !important; } } .resp-tab-content h4 { font-size: 14px; } .side-icon { margin-right: 12px; margin-right: 12px; margin-left: 3px; font-size: 16px; color: #1c1d22 !important; } .first-sidemenu { position: fixed; width: 70px; height: 100%; z-index: 5; padding-bottom: 52px; background: #fff; } .second-sidemenu { position: fixed; width: 200px; background: #fff; height: 100%; left: 70px; z-index: 4; padding-bottom: 70px; border-right: 1px solid #eff0f6; } .side-menu .slide.is-expanded .angle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .side-menu .slide.submenu a { color: #576482; padding: 6px 7px; margin: 0; padding-left: 25px; font-size: 13px; } .side-menu .slide.submenu .submenu-list li a { font-size: 13px !important; padding-left: 35px; } .first-sidemenu .ps__rail-y, .second-sidemenu .ps__rail-y { right: -2px !important; } /*.side-menu .slide.submenu a i{ margin-right:4px; }*/ .side-menu .slide.submenu a .side-menu__label { text-align: inherit; } .side-menu .slide-menu.submenu-list { margin-bottom: 0; margin-left: 1rem; } .side-menu .slide-menu.submenu-list li:hover { border-bottom: 0 !important; } .first-sidemenu .resp-vtabs li.active { border-right: 1px solid transparent !important; } .app.sidebar-mini.sidenav-toggled4 .second-sidemenu { visibility: visible; } .app.sidebar-mini.sidenav-toggled4 .first-sidemenu { visibility: visible; left: 0; } .app.sidenav-toggled4 .main-content { margin-left: 70px; } .app.sidebar-mini.sidenav-toggled .first-sidemenu li.active { border-right: 1px solid rgba(215, 227, 243, 0.5) !important; } .toggle { padding-top: 9px; } @media (max-width: 768px) { .footer.left-footer { padding: 1.25rem 0 !important; } } @media (max-width: 992px) { .main-header .header-brand { margin-left: 0; } } @media (min-width: 768px) and (max-width: 992px) { .app-sidebar__toggle { margin-left: 0rem; } } @media (min-width: 992px) { .main-header .header-brand { width: 200px; margin-right: 0; } } @media (min-width: 768px) { .footer.left-footer { margin-left: 380px; } .sidenav-toggled .footer.left-footer { margin-left: 100px; } .sidenav-toggled1 .footer.left-footer { margin-left: 0px; } } .header-brand-img.mobile-logo, .header-brand-img.darkmobile-logo, .header-brand-img.dark-logo { display: none; } .footer.left-footer { padding: 20px 0px 20px 0px; } .side-account { margin-bottom: 0; color: #1c1d22; } .side-account li { padding: 7px; font-size: 14px; color: #576482; } .side-account .acc-link:hover { background: #fff !important; } .side-account li a { color: #576482; } .slide-menu a.active, .slide-menu a:hover { color: #8499c4; } .app .footer { padding: 1.25rem 1.25rem 1.25rem 250px; } .color-hor-header .main-header.header .header-brand-img.mobile-icon, .gradient-hor-header .main-header.header .header-brand-img.mobile-icon { display: none; } .color-hor-header .main-header.header .header-brand-img.desktop-logo.mobile-logo, .gradient-hor-header .main-header.header .header-brand-img.desktop-logo.mobile-logo { display: block; margin-right: auto; margin-left: auto; margin-top: 5px; } .light-hor-header .main-header .header-brand .header-brand-img.mobile-logo { display: none; } .light-hor-header .main-header .header-brand .header-brand-img.mobile-icon { display: block; margin-right: auto; margin-left: auto; margin-top: 5px; } .dark-mode .main-header { border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .dark-hor-header .main-header.header .header-brand-img.mobile-icon { display: none; } .dark-hor-header .main-header.header .header-brand-img.mobile-logo { display: block; margin-right: auto; margin-left: auto; margin-top: 5px; } .close-toggle { display: none; } .open-toggle { margin-right: 1rem; } .first-sidemenu .ps__rail-y { opacity: 0 !important; } @media (max-width: 575.98px) { .header-brand-img.mobile-logo { display: block; margin-top: 8px; } .header-brand-img.desktop-lgo { display: none; } } .slide-item.active { color: #3858f9; } .side-menu .slide.submenu a.active, .side-menu .slide.submenu a:hover { color: #3858f9; background: none; } .app-sidebar__toggle .header-icon { font-size: 25px; line-height: 30px; text-align: center; vertical-align: middle; width: 35px; height: 35px; background: #fff; padding: 8px; border-radius: 50px; box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1); border: 1px solid #ebecf1; } .dark-mode.sidebar-mini.sidenav-toggled.sidenav-toggled1 .app-sidebar .side-menu__icon { background: none; border: 0; box-shadow: none; } @media (min-width: 768px) { .dark-mode.light-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo { display: block !important; } .color-menu.sidenav-toggled .main-header.top-header2 .header-brand-img.darkmobile-logo { display: none !important; } .gradient-menu.sidenav-toggled .main-header.top-header2 .header-brand-img.darkmobile-logo { display: none !important; } .dark-mode .header-brand-img.desktop-lgo { display: none; } .dark-mode .header-brand-img.dark-logo { display: block !important; margin: 0 auto; margin-top: 5px; } .dark-mode.light-hor-header .header-brand-img.desktop-lgo { display: block !important; margin: 0 auto; margin-top: 5px; } .dark-mode.light-hor-header .header-brand-img.dark-logo { display: none !important; } .dark-hor-header .top-header2 .desktop-lgo, .dark-hor-header .top-header2 .mobile-logo { display: none !important; } .dark-hor-header .top-header2 .dark-logo { display: block; margin: 0 auto; margin-top: 5px; } .dark-mode.light-menu .top-header2 .desktop-lgo, .dark-mode.light-menu .top-header2 .mobile-logo { display: none !important; } .dark-mode.light-menu .top-header2 .dark-logo { display: block !important; margin: 0 auto; margin-top: 5px; } .gradient-hor-header .top-header2 .desktop-lgo { display: none !important; } .gradient-hor-header .top-header2 .dark-logo { display: block; margin: 0 auto; margin-top: 5px; } .color-hor-header .top-header2 .desktop-lgo { display: none !important; } .color-hor-header .top-header2 .dark-logo { display: block; margin: 0 auto; margin-top: 5px; } .dark-menu .main-header.top-header2 .header-brand-img.dark-logo { display: none; } .dark-menu .main-header.top-header2 .header-brand-img.desktop-lgo { display: block !important; margin: 0 auto; margin-top: 7px; } .color-menu .main-header.top-header2 header-brand-img.dark-logo { display: none; } .color-menu .main-header.top-header2 .header-brand-img.desktop-lgo { display: block !important; margin: 0 auto; margin-top: 7px; } .gradient-menu .main-header.top-header2 .header-brand-img.dark-logo { display: none; } .gradient-menu .main-header.top-header2 .header-brand-img.desktop-lgo, .dark-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo, .color-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo, .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo { display: block !important; margin: 0 auto; margin-top: 6px; } .dark-menu.sidenav-toggled .main-header.top-header2 .header-brand-img.darkmobile-logo, .dark-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo, .color-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo, .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo { display: none !important; } .dark-mode.color-menu .header-brand-img.desktop-lgo, .dark-mode.gradient-menu .header-brand-img.desktop-lgo { display: none !important; } .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo, .color-menu.sidenav-toggled.sidenav-toggled1 .main-header .header-brand-img.desktop-lgo { display: none !important; } .gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo { display: block !important; } .dark-mode.color-menu .main-header.top-header2 .header-brand-img.desktop-lgo, .dark-mode.gradient-menu .main-header.top-header2 .header-brand-img.desktop-lgo { display: none !important; } .dark-mode.color-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo, .dark-mode.gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.desktop-lgo { display: none !important; } .dark-mode.color-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo, .dark-mode.gradient-menu.sidenav-toggled.sidenav-toggled1 .main-header.top-header2 .header-brand-img.dark-logo { display: block !important; } } .app.sidebar-mini .side-header { position: fixed; padding-left: 30px; } .resp-vtabs .resp-tabs-list li .active { background: linear-gradient(45deg, #f54266, #3858f9); } .first-sidemenu .active .side-menu__icon { color: #fff; } @media (min-width: 768px) { .app.sidebar-mini .side-header { position: fixed; } } @media (max-width: 749px) { .app.sidebar-mini .side-header { position: fixed; padding-left: 0; } } @media (min-width: 768px) { .app.sidebar-mini .side-header { position: fixed; } } @media (min-width: 549px) { .app.headerstyle .header-brand .logo-default { display: block; height: 2rem; margin-bottom: 30px; } } @media (max-width: 548px) { .app.headerstyle .header-brand .icon-default { display: block; height: 2.5rem; margin-left: 3em; margin-top: -38px; } } .leftmenu-dark .first-sidemenu { background: #2e2b4c; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 0; } .leftmenu-dark .second-sidemenu { background: #2e2b4c; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 0px 8px 14.72px 1.28px #b9b9b9; } .leftmenu-dark .second-sidemenu .side-menu__icon, .leftmenu-dark .second-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.8); } .leftmenu-dark h5, .h5 { color: rgba(255, 255, 255, 0.8); } .leftmenu-dark .first-sidemenu .side-menu__icon, .leftmenu-dark .first-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.8); } .leftmenu-dark .resp-vtabs .resp-tabs-list li { border: 1px solid #4c4e5f !important; } .side-menu__icon:hover { color: #fff; } .first-sidemenu .side-menu__icon:hover { color: #fff; } .dark-theme .second-sidemenu { background: #272d47 !important; border-right: 1px solid rgba(255, 255, 255, 0.04); box-shadow: 0px 8px 14.72px 1.28px rgba(4, 4, 7, 0.1); } .dark-theme .first-sidemenu { background: #272d47 !important; border-right: 1px solid rgba(255, 255, 255, 0.04); } .dark-theme .second-sidemenu .side-menu__icon, .dark-theme .second-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.8) !important; } .dark-theme h5, .h5 { color: rgba(255, 255, 255, 0.8); } .dark-theme .first-sidemenu .side-menu__icon, .first-sidemenu .slide-item:before { color: rgba(255, 255, 255, 0.8); } .leftmenu-light .first-sidemenu { background: #ffff !important; } .leftmenu-light .second-sidemenu { background: #ffff !important; box-shadow: 0px 8px 14.72px 1.28px rgba(4, 4, 7, 0.1); } .leftmenu-light .first-sidemenu .side-menu__icon, .first-sidemenu .slide-item:before { color: #000000; } .leftmenu-light h5, .h5 { color: #000000; } .leftmenu-light .second-sidemenu .side-menu__icon, .leftmenu-light .second-sidemenu .slide-item:before { color: #3d425d !important; } .leftmenu-light .toggle-sidemenu a { color: #3d425d !important; } .leftmenu-light .first-sidemenu .active .side-menu__icon { color: #ffff !important; } @media (min-width: 768px) { .app.sidebar-mini.sidenav-toggled .side-header { padding-left: 30px !important; } } @media (max-width: 548px) { .app .header-brand .icon-white { margin-left: 0 !important; } } @media (min-width: 549px) { .app .header-brand .logo-white { margin-left: 0; margin-right: 3rem; } } .second-sidemenu .border { padding: 0.75rem; vertical-align: top; border: 1px solid #eaf0f7; background: #fff; } .featured_icon { width: 18px; height: 18px; line-height: 60px; margin-right: 9px; background-image: linear-gradient(-38deg, #29327f 0%, #29327f 100%); /* -webkit-box-shadow: 0px 14px 18px 0px #c4caf9; */ color: #000; font-size: 10px; border: 3px solid #4a55b1; position: relative; margin-top: -2px; border-radius: 18px; } .featured_icon i { transform: rotate(-43deg); position: absolute; top: 2px; text-align: center; right: 0; left: 0; color: #fff; font-size: 8px; } .featured_icon.danger { border: 3px solid #f57070; background-image: linear-gradient(-38deg, #ef4b4b 0%, #ef4b4b 100%) !important; } .featured_icon.warning { border: 3px solid #f09819; background-image: linear-gradient(-38deg, #ff5858 0%, #f09819 100%) !important; } .featured_icon.success { border: 3px solid #25de8c; background-image: linear-gradient(-38deg, #0ba360 0%, #3cba92 100%) !important; } .img-card-circle { position: absolute; top: 0; margin-right: -5px; text-align: right; right: 0; opacity: 0.6; width: 63px; height: 63px; } .app.sidebar-mini .mobile-toggle .open-toggle svg { fill: #fff; } .side-menu__item .angle { font-size: 10px; } .side-menu .side-menu__item { padding-left: 25px !important; } .side-menu .side-menu__item .side-menu__label { font-size: 14px !important; } .side-menu .side-menu__item:before { content: "\e92f"; font-family: 'feather' !important; position: absolute; top: 6px; left: 8px; font-size: 13px; color: #b9b0b0 !important; opacity: 1; } .side-menu .side-menu__item .angle { font-size: 8px !important; } /*# sourceMappingURL=sidemenu-responsive.css.map */
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula