📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
lisans.demodesign.com.tr
/
assets
/
scss
/
custom
/
structure
📝
_vertical.scss
← Geri Dön
// // _menu.scss // .metismenu { margin: 0; li { display: block; width: 100%; } .mm-collapse { display: none; &:not(.mm-show) { display: none; } &.mm-show { display: block } } .mm-collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height, visibility; } } .vertical-menu { width: $sidebar-width; z-index: 1002; background: $sidebar-bg; bottom: 0; margin-top: 0; position: fixed; top: $header-height; box-shadow: $box-shadow; } .main-content { margin-left: $sidebar-width; overflow: hidden; .content { padding: 0 15px 10px 15px; margin-top: $header-height; } } #sidebar-menu { padding: 10px 0 30px 0; .mm-active { >.has-arrow { &:after { transform: rotate(-180deg); } } } .has-arrow { &:after { content: "\F140"; font-family: 'Material Design Icons'; display: block; float: right; transition: transform .2s; font-size: 1rem; } } ul { li { a { display: block; padding: .625rem 1.5rem; color: $sidebar-menu-item-color; position: relative; font-size: 14.5px; transition: all .4s; i { display: inline-block; min-width: 1.75rem; padding-bottom: .125em; font-size: 1.07rem; line-height: 1.40625rem; vertical-align: middle; color: $sidebar-menu-item-icon-color; transition: all .4s; } &:hover { color: $sidebar-menu-item-hover-color; i { color: $sidebar-menu-item-hover-color; } } } .badge { margin-top: 4px; } ul.sub-menu { padding: 0; li { a { padding: .4rem 1.5rem .4rem 3.5rem; font-size: 13.5px; color: $sidebar-menu-sub-item-color; } ul.sub-menu { padding: 0; li { a { padding: .4rem 1.5rem .4rem 4.5rem; font-size: 13.5px; } } } } } } } } .menu-title { padding: 12px 20px !important; letter-spacing: .05em; pointer-events: none; cursor: default; font-size: 11px; text-transform: uppercase; color: $sidebar-menu-item-icon-color; font-weight: $font-weight-semibold; } .mm-active { color: $sidebar-menu-item-active-color !important; .active { color: $sidebar-menu-item-active-color !important; i { color: $sidebar-menu-item-active-color !important; } } > i { color: $sidebar-menu-item-active-color !important; } } .sidebar-section { padding: .625rem 1.5rem; } @media (max-width: 992px) { .vertical-menu { display: none; } .main-content { margin-left: 0 !important; } body.sidebar-enable { .vertical-menu { display: block; } } } // Enlarge menu .vertical-collpsed { min-height: 1200px; .main-content { margin-left: $sidebar-collapsed-width; } .navbar-brand-box { width: $sidebar-collapsed-width !important; } .logo { span.logo-lg { display: none; } span.logo-sm { display: block; } } // Side menu .vertical-menu { position: absolute; width: $sidebar-collapsed-width !important; z-index: 5; .simplebar-mask, .simplebar-content-wrapper { overflow: visible !important; } .simplebar-scrollbar { display: none !important; } .simplebar-offset { bottom: 0 !important; } // Sidebar Menu #sidebar-menu { .menu-title, .badge, .collapse.in, .sidebar-section { display: none !important; } .nav.collapse { height: inherit !important; } .has-arrow { &:after { display: none; } } > ul { > li { position: relative; white-space: nowrap; > a { padding: 15px 20px; min-height: 55px; transition: none; &:hover, &:active, &:focus { color: $sidebar-menu-item-hover-color; } i { font-size: 1.25rem; margin-left: 5px; } span { display: none; padding-left: 25px; } } &:hover { > a { position: relative; width: calc(190px + #{$sidebar-collapsed-width}); color: $primary; background-color: darken($sidebar-bg, 4%); transition: none; i{ color: $primary; } span { display: inline; } } >ul { display: block; left: $sidebar-collapsed-width; position: absolute; width: 190px; height: auto !important; box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1); ul { box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1); } a { box-shadow: none; padding: 8px 20px; position: relative; width: 190px; z-index: 6; color: $sidebar-menu-sub-item-color; &:hover { color: $sidebar-menu-item-hover-color; } } } } } ul { padding: 5px 0; z-index: 9999; display: none; background-color: $sidebar-bg; li { &:hover { >ul { display: block; left: 190px; height: auto !important; margin-top: -36px; position: absolute; width: 190px; } } >a { span.pull-right { position: absolute; right: 20px; top: 12px; transform: rotate(270deg); } } } li.active { a { color: $gray-100; } } } } } } } body[data-sidebar="dark"] { .vertical-menu { background: $sidebar-dark-bg; } #sidebar-menu { ul { li { a { color: $sidebar-dark-menu-item-color; i { color: $sidebar-dark-menu-item-icon-color; } &:hover { color: $sidebar-dark-menu-item-hover-color; i { color: $sidebar-dark-menu-item-hover-color; } } } ul.sub-menu { li { a { color: $sidebar-dark-menu-sub-item-color; &:hover { color: $sidebar-dark-menu-item-hover-color; } } } } } } } // Enlarge menu &.vertical-collpsed { min-height: 1200px; // Side menu .vertical-menu { // Sidebar Menu #sidebar-menu { > ul { > li { &:hover { > a { background: lighten($sidebar-dark-bg, 2%); color: $sidebar-dark-menu-item-hover-color; i{ color: $sidebar-dark-menu-item-hover-color; } } >ul { a{ color: $sidebar-dark-menu-sub-item-color; &:hover{ color: $sidebar-dark-menu-item-hover-color; } } } } } ul{ background-color: $sidebar-dark-bg; } } ul{ li{ &.mm-active .active{ color: $sidebar-dark-menu-item-active-color !important; i { color: $sidebar-dark-menu-item-active-color !important; } } } } } } } .mm-active { color: $sidebar-dark-menu-item-active-color !important; > i { color: $sidebar-dark-menu-item-active-color !important; } .active { color: $sidebar-dark-menu-item-active-color !important; i { color: $sidebar-dark-menu-item-active-color !important; } } } .menu-title { color: $sidebar-dark-menu-item-icon-color; } } body[data-layout="horizontal"] { .main-content { margin-left: 0 !important; } } // Small Sidebar body[data-sidebar-size="small"] { .navbar-brand-box{ width: $sidebar-width-sm; } .vertical-menu{ width: $sidebar-width-sm; text-align: center; } .main-content { margin-left: $sidebar-width-sm; } .footer { left: $sidebar-width-sm; } .has-arrow:after, .badge { display: none !important; } #sidebar-menu { ul li { &.menu-title{ background-color: lighten($sidebar-dark-bg, 2%); } a{ i{ display: block; } } ul.sub-menu { li a{ padding-left: 1.5rem; } } } } &.vertical-collpsed { .main-content { margin-left: $sidebar-collapsed-width; } .vertical-menu { #sidebar-menu{ text-align: left; >ul{ >li{ >a { i{ display: inline-block; } } } } } } .footer { left: $sidebar-collapsed-width; } } }
💾 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