One Hat Cyber Team
Your IP:
216.73.216.176
Server IP:
198.54.114.155
Server:
Linux server71.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64
Server Software:
LiteSpeed
PHP Version:
5.6.40
Create File
|
Create Folder
Execute
Dir :
~
/
proc
/
self
/
root
/
proc
/
thread-self
/
cwd
/
View File Name :
_sidebar.scss.tar
home/fluxyjvi/public_html/assets/admin/scss/navs/_sidebar.scss 0000644 00000020153 15111247632 0020642 0 ustar 00 // Sidebar .sidebar { width: $sidebar-collapsed-width; min-height: 100vh; background-color: #ffffff !important; -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important; box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important; z-index: 0; .nav-item { position: relative; &:last-child { margin-bottom: 1rem; } .nav-link { text-align: center; padding: 0.75rem 1rem; width: $sidebar-collapsed-width; span { font-size: 0.65rem; display: block; } } &.active { .nav-link { font-weight: 700; } } // Accordion .collapse { position: absolute; left: calc(#{$sidebar-collapsed-width} + #{$grid-gutter-width} / 2); z-index: 1; top: 2px; // Grow In Animation @extend .animated--grow-in; .collapse-inner { border-radius: $border-radius; box-shadow: $box-shadow; } } .collapsing { display: none; transition: none; } .collapse, .collapsing { .collapse-inner { padding: .5rem 0; min-width: 10rem; font-size: $dropdown-font-size; margin: 0 0 1rem 0; .collapse-header { margin: 0; white-space: nowrap; padding: .5rem 1.5rem; text-transform: uppercase; font-weight: 800; font-size: 0.65rem; color: $gray-500; } .collapse-item { padding: 0.5rem 1rem; margin: 0 0.5rem; display: block; color: $gray-900; text-decoration: none; border-radius: $border-radius; white-space: nowrap; &:hover { background-color: $gray-200; } &:active { background-color: $gray-300; } &.active { color: $primary; font-weight: 700; } } } } } #sidebarToggle { width: 2.5rem; height: 2.5rem; text-align: center; margin-bottom: 1rem; cursor: pointer; &::after { font-weight: 900; content: '\f104'; font-family: 'Font Awesome 5 Free'; margin-right: 0.1rem; } &:hover { text-decoration: none; } &:focus { outline: none; } } &.toggled { width: 0 !important; overflow: hidden; #sidebarToggle::after { content: '\f105'; font-family: 'Font Awesome 5 Free'; margin-left: 0.25rem; } } .sidebar-brand { height: $topbar-base-height; text-decoration: none; font-size: 1rem; font-weight: 800; padding: 1.5rem 1rem; text-align: center; text-transform: uppercase; letter-spacing: 0.05rem; z-index: 1; .sidebar-brand-icon i { font-size: 2rem; } .sidebar-brand-text { display: none; } } hr.sidebar-divider { margin: 0 1rem 1rem; } .sidebar-heading { text-align: center; padding: 0 1rem; font-weight: 800; font-size: 0.65rem; @extend .text-uppercase; } } @include media-breakpoint-up(md) { .sidebar { width: $sidebar-base-width !important; .nav-item { // Accordion .collapse { position: relative; left: 0; z-index: 1; top: 0; animation: none; .collapse-inner { border-radius: 0; box-shadow: none; } } .collapsing { display: block; transition: $transition-collapse; } .collapse, .collapsing { margin: 0 1rem; } .nav-link { display: block; width: 100%; text-align: left; padding: 1rem; width: $sidebar-base-width; i { font-size: 0.85rem; margin-right: 0.25rem; } span { font-size: 0.85rem; display: inline; } // Accordion Arrow Icon &[data-toggle="collapse"] { &::after { width: 1rem; text-align: center; float: right; vertical-align: 0; border: 0; font-weight: 900; content: '\f107'; font-family: 'Font Awesome 5 Free'; } &.collapsed::after { content: '\f105'; } } } } .sidebar-brand { .sidebar-brand-icon i { font-size: 2rem; } .sidebar-brand-text { display: inline; } } .sidebar-heading { text-align: left; } &.toggled { overflow: visible; width: $sidebar-collapsed-width !important; .nav-item { // Accordion .collapse { position: absolute; left: calc(#{$sidebar-collapsed-width} + #{$grid-gutter-width} / 2); z-index: 1; top: 2px; // Grow In Animation for Toggled State animation-name: growIn; animation-duration: 200ms; animation-timing-function: transform cubic-bezier(.18,1.25,.4,1), opacity cubic-bezier(0,1,.4,1); .collapse-inner { box-shadow: $box-shadow; border-radius: $border-radius; } } .collapsing { display: none; transition: none; } .collapse, .collapsing { margin: 0; } &:last-child { margin-bottom: 1rem; } .nav-link { text-align: center; padding: 0.75rem 1rem; width: $sidebar-collapsed-width; span { font-size: 0.65rem; display: block; } i { margin-right: 0; } &[data-toggle="collapse"]::after { display: none; } } } .sidebar-brand { .sidebar-brand-icon i { font-size: 2rem; } .sidebar-brand-text { display: none; } } .sidebar-heading { text-align: center; } } } } // Sidebar Color Variants // Sidebar Light .sidebar-light { .sidebar-brand { color: $gray-700; } hr.sidebar-divider { border-top: 1px solid $gray-200; } .sidebar-heading { color: $gray-500; } .nav-item { .nav-link { color: $gray-600; i { color: $gray-400; } &:active, &:focus, &:hover { color: $gray-700; i { color: $gray-700; } } // Accordion &[data-toggle="collapse"]::after { color: $gray-500; } } &.active { .nav-link { color: $gray-700; i { color: $gray-700; } } } } // Color the sidebar toggler #sidebarToggle { background-color: $gray-200; &::after { color: $gray-500; } &:hover { background-color: $gray-300; } } } // Sidebar Dark .sidebar-dark { .sidebar-brand { color: $white; } hr.sidebar-divider { border-top: 1px solid fade-out($white, 0.85); } .sidebar-heading { color: fade-out($white, 0.6); } .nav-item { .nav-link { color: fade-out($white, 0.2); i { color: fade-out($white, 0.7); } &:active, &:focus, &:hover { color: $white; i { color: $white; } } // Accordion &[data-toggle="collapse"]::after { color: fade-out($white, 0.5); } } &.active { .nav-link { color: $white; i { color: $white; } } } } // Color the sidebar toggler #sidebarToggle { background-color: fade-out($white, 0.8); &::after { color: fade-out($white, 0.5); } &:hover { background-color: fade-out($white, 0.75); } } &.toggled { #sidebarToggle::after { color: fade-out($white, 0.5); } } } home/fluxyjvi/public_html/assets/front/sass/_layout/_sidebar.scss 0000644 00000004614 15111367066 0021415 0 ustar 00 /*Blog Sidebar*/ .widget { @include border-radius(7px); &:not(:last-child) { margin-bottom: 25px; } &-header { padding: 12px 15px; background: var(--base-clr); @include border-radius(7px 7px 0 0); } &-body { border: 1px solid var(--border-clr); border-top: none; padding: 20px; @include border-radius(0 0 7px 7px); .archive-links { li { a { color: var(--title-clr); display: flex; justify-content: space-between; padding: 8px 0; &::before { content: "\f101"; margin-right: 5px; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 600; color: var(--base-clr); @include transition($transition); } span { &:last-child { margin-left: auto; } } &:hover { padding-left: 2px; &::before { @include transform(translateX(3px)); } } } &:not(:last-child) { border-bottom: 1px solid var(--border-clr); } &:first-child { a { padding-top: 0; } } &:last-child { a { padding-bottom: 0; } } } } .latest-posts { li { padding: 0; &:not(:last-child) { padding-bottom: 10px; border-bottom: 1px solid var(--border-clr); } &:not(:first-child) { padding-top: 10px; } a { display: flex; .img { width: 70px; img { height: 70px; object-fit: cover; width: 100%; @include border-radius(4px); } } .cont { width: calc(100% - 70px); padding-left: 15px; .subtitle { margin: 0; font-size: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .date { font-size: 14px; color: var(--base-clr); } } } } } .widget-tags { @extend %flex; margin: -3px; li { padding: 3px; a { padding: 7px 15px; @include border-radius(4px); background: var(--section-bg); border: 1px solid var(--border-clr); color: var(--title-clr); font-size: 14px; &:hover, &.active { background: var(--base-clr); border-color: var(--base-clr); } } } } } }