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

Файловый менеджер - Редактировать - /home2/cocinasdalloway/public_html/tienda/wp-content/themes/negan/assets/scss/site/header/_header-aside.scss

Назад
.header--aside:not(#masthead_aside) { position: fixed; top: 0; width: 370px; min-height: 100vh; bottom: 0; z-index: 111; right: 0; visibility: hidden; opacity: 0; @include transition(all 400ms ease-out); @include translate2d(200px,0); &.fixed-bottom { position: fixed; top: auto; bottom: 0; } .header-aside-inner{ padding: 70px 40px 0; } } #header_aside{ @include box-shadow(0px 0px 87px 0px rgba(0, 0, 0, 0.09)); .header-aside-wrapper { display: block; height: 100%; } .header-aside-inner{ overflow: auto; height: 100%; height: calc(100% - 100px); height: -webkit-calc(100% - 100px); } .btn-aside-toggle{ position: absolute; left: -66px; top: 0; z-index: 9; width: 66px; height: 66px; color: #fff; line-height: 66px; text-align: center; font-size: 32px; @extend %background-color-secondary; i{ line-height: inherit; transition: all .3s ease-in-out; display: inherit; } &:hover{ @extend %text-color-primary; > i{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); ms-transform: rotate(90deg); } } } .menu{ li{ a{ display: block; padding: 10px 0; } > .narrow{ width: 30px; text-align: right; right: -25px; top: -1px; i{ width: 14px; } } } > li{ > a{ font-size: 20px; } > .narrow{ top: 3px; } } } } .open-header-aside{ #header_aside{ visibility: visible; opacity: 1; @include translate2d(0,0); } .la-overlay-global { visibility: visible; opacity: 0.7; } } #masthead_aside{ @include box-shadow(0px 0px 60px 0px rgba(41, 44, 58, 0.06)); position: absolute; top: 0; width: 370px; min-height: 100vh; bottom: 0; z-index: 111; -webkit-transition: all 1s; transition: all 1s; .site-branding{ float: none; margin: 0; line-height: normal; max-width: 100%; .logo--transparency{ display: none; } } .header-left{ width: 100%; margin-bottom: 70px; } .header-right, .header-middle{ width: 100%; } } .header--aside{ .mega-menu{ margin-left: -40px; margin-right: -40px; > li{ margin-bottom: 15px; > a{ font-size: 12px; padding: 5px 40px; text-transform: uppercase; text-align: center; font-weight: bold; letter-spacing: 1px; } } } } .header-v2{ .header--aside { .header-aside-inner{ overflow: visible !important; } .mega-menu { > li { .tip{ right: auto; } > a{ text-align: left; } } } } } .header-v4{ &.open-master-aside{ .header5-fallback{ visibility: visible; opacity: 1; height: 100%; } } .header5-fallback{ width: 100%; height: 30%; } } .header-v5{ .site-inner{ position: relative; } #masthead_aside{ width: 90px; position: fixed; .site-header-inner{ padding: 30px 0; min-height: 100%; position: relative !important; } .site-branding{ text-align: center; } .header-right{ position: absolute; text-align: center; top: 50%; left: 0; margin: -20px 0 0; @include translate2d(0,-50%); .header__action--menu{ width: 100%; } a{ display: block; font-size: 24px; } span{ display: block; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; } } } &.admin-bar{ #masthead_aside{ padding-top: 32px; } } &.open-master-aside{ .header5-fallback{ visibility: visible; opacity: 1; width: 100%; } } &:not(.rtl){ #masthead_aside{ left: 0; } #page.site{ padding-left: 90px; } .header5-fallback{ left: 0; } } &.rtl{ #masthead_aside{ right: 0; } #page.site{ padding-right: 90px; } .header5-fallback{ right: 0; } } } .header5-fallback{ width: 90px; height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(#1e1e1e, 0.9); transition: all 500ms cubic-bezier(0.65, 0.05, 0.36, 1); z-index: 999; .btn-aside-toggle{ font-size: 40px; display: block; position: absolute; top: 20%; right: 20%; line-height: 40px; height: 40px; transition: all .3s; color: #fff; cursor: pointer; &:hover{ @extend %text-color-primary; @include transform(rotate(90deg)); } } } .header5-fallback-inner{ width: 400px; min-height: 300px; max-width: 100%; margin: 0 auto; font-size: 26px; color: #fff; position: relative; top: 20%; font-weight: bold; .dl-menuwrapper li{ a{ padding: 15px 0; line-height: normal; display: inline-block; position: static; &:not(:only-child):after{ top: 50%; font-size: 20px; margin-top: -10px; } } &:not(.dl-back){ > a{ .mm-text{ position: relative; &:before{ content: ""; height: 1px; bottom: 0; right: 0; left: auto; width: 0; position: absolute; transition: width 300ms ease-out; @extend %background-color-primary; } } } &:hover, &.current-menu-item{ > a{ .mm-text{ &:before{ left: 0; right: auto; width: 100%; transition: width 300ms ease-in; } } } } } &.dl-back > a { position: absolute; left: -100px; top: 20px; width: 55px; height: 55px; padding: 0; text-align: center; overflow: hidden; background: #232324; &:before{ content: "\72"; font-family: "negan"; text-indent: 0; float: none; display: block; line-height: 55px; font-size: 16px; text-transform: none; } } } } .header-v6{ #masthead_aside{ .site-header-inner { padding: 80px 25px 80px 25px; } .site-header-top{ .container{ padding-left: 25px; padding-right: 25px; } .header-top-left, .header-top-right{ width: 100%; } } .header-left{ margin-bottom: 30px; } .site-branding{ text-align: center; margin-bottom: 5px; } .headerv6-custom-text{ text-align: center; } .header-middle{ text-align: center; margin-bottom: 60px; position: relative; .header__action{ float: none; display: inline-block; } .header__action--account-menu .menu{ text-align: left; padding: 15px 0; } } } &:not(.rtl){ #masthead_aside{ left: 0; } #page.site{ padding-left: 370px; } } &.rtl{ #masthead_aside{ right: 0; } #page.site{ padding-right: 370px; } } } #header_aside.header--aside{ .dropdown-currency-language{ margin-bottom: 100px; .menu{ > li{ position: relative; > a{ font-size: 16px; padding: 5px 0; span{ padding-left: 5px; color: $primary-color; } &:after{ content: "\f107"; font-family: FontAwesome; color: #8e8e8e; padding-left: 5px; font-size: 15px; } } &:hover > ul{ opacity: 1; visibility: visible; margin-top: 0; } } ul{ position: absolute; top: 100%; margin-top: 20px; z-index: 111; visibility: hidden; left: 0; -webkit-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; -moz-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; opacity: 0; min-width: 150px; background-color: #fff; text-align: left; -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.1); width: 100%; padding: 0 20px; } } } } @media (min-width: 1400px) { #header_aside.header--aside{ .widget_contact_info{ position: absolute; bottom: 100px; width: 100%; padding-left: 40px; padding-right: 40px; left: 0; margin-bottom: 40px; } .widget_text:last-child{ position: absolute; bottom: 100px; } } }

| ver. 1.4 | Github | . | PHP 8.2.22 | Генерация страницы: 0 | proxy | phpinfo | Настройка