first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,66 @@
|
||||
/* Fix for the tabs under the header in the edit mode */
|
||||
.fl-builder-edit #site-header,
|
||||
.fl-builder-edit.has-transparent-header #site-header,
|
||||
.elementor-editor-active #site-header { z-index: 1; }
|
||||
.fl-builder-edit #main,
|
||||
.elementor-editor-active #main { z-index: inherit !important; }
|
||||
|
||||
/* Fix the height automatically in the custom header style */
|
||||
#site-header .elementor-section-wrap {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
/* Fix image alignment with caption issue */
|
||||
.elementor-widget-image .elementor-image img {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Fix carousel next/prev bug in Elementor */
|
||||
.elementor-slick-slider .slick-prev,
|
||||
.elementor-slick-slider .slick-next {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Fix background hover color on the photoswipe buttons */
|
||||
.pswp__button:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Fix bug with MotoPress */
|
||||
div.motopress-bootstrap-dropdown .dropdown-menu {
|
||||
display: block !important;
|
||||
position: static !important;
|
||||
}
|
||||
|
||||
/* Fix problem with Geolocation addon of Caldera form in the Ocean Modal Window */
|
||||
.pac-container {
|
||||
z-index: 100003;
|
||||
}
|
||||
|
||||
/* Remove the Elementor section min height if the no-height class is added */
|
||||
.no-height .elementor-column {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
/* WooCommerce issues with Elementor Pro */
|
||||
body .elementor-element.elementor-wc-products ul.products li.product .onsale {
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
body .elementor-element.elementor-wc-products ul.products li.product.circle-sale .onsale {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
.elementor-element.elementor-wc-products ul.products li.product {
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Fix parallax footer issue in the Elementor editor */
|
||||
.elementor-editor-active .parallax-footer { z-index: -1; }
|
||||
|
||||
/* Fix checkbox issue in Elementor */
|
||||
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input[type="checkbox"] {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
.mfp-bg {
|
||||
z-index: 104200;
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
|
||||
.mfp-wrap {
|
||||
z-index: 104300;
|
||||
}
|
||||
|
||||
/* Zoom effect */
|
||||
.mfp-with-zoom {
|
||||
.mfp-container,
|
||||
&.mfp-bg {
|
||||
opacity: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
@include transition( all .3s ease-out );
|
||||
}
|
||||
|
||||
&.mfp-ready {
|
||||
.mfp-container {
|
||||
opacity: 1;
|
||||
}
|
||||
&.mfp-bg {
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
||||
&.mfp-removing {
|
||||
.mfp-container,
|
||||
&.mfp-bg {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mfp-zoom-out-cur {
|
||||
& {
|
||||
cursor: -moz-default;
|
||||
cursor: -webkit-default;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.mfp-image-holder .mfp-close {
|
||||
width: 20px;
|
||||
cursor: -moz-pointer;
|
||||
cursor: -webkit-pointer;
|
||||
cursor: pointer;
|
||||
@include transition( all .3s ease );
|
||||
}
|
||||
}
|
||||
|
||||
/* Fade effect */
|
||||
.mfp-fade {
|
||||
&.mfp-bg {
|
||||
opacity: 0;
|
||||
@include transition( all .15s ease-out );
|
||||
|
||||
&.mfp-ready {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
&.mfp-removing {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.mfp-wrap {
|
||||
.mfp-content {
|
||||
opacity: 0;
|
||||
@include transition( all .15s ease-out );
|
||||
}
|
||||
|
||||
&.mfp-ready .mfp-content {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.mfp-removing .mfp-content {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,310 @@
|
||||
#sidr-close,
|
||||
.sidebar-mobile #mobile-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidr {
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
width: 300px;
|
||||
max-width: 100%;
|
||||
padding-bottom: 30px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-size: 15px;
|
||||
background-color: $color-1;
|
||||
color: $color-11;
|
||||
-webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr.right {
|
||||
left: auto;
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.sidr.left {
|
||||
left: -300px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.sidr a {
|
||||
color: $color-11;
|
||||
}
|
||||
|
||||
.sidr a:hover,
|
||||
.sidr-class-dropdown-toggle:hover,
|
||||
.sidr-class-menu-item-has-children.active > a,
|
||||
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle {
|
||||
color: $color-5;
|
||||
}
|
||||
|
||||
.sidr-class-clr:after {
|
||||
content: '';
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
zoom: 1;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
a.sidr-class-toggle-sidr-close {
|
||||
display: block;
|
||||
background-color: $color-8;
|
||||
color: $color-2;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
padding: 20px;
|
||||
letter-spacing: 0.6px;
|
||||
text-transform: uppercase;
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
padding-right: 8px;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu,
|
||||
.sidr-class-fs-dropdown-menu {
|
||||
|
||||
ul {
|
||||
display: none;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.035);
|
||||
margin-left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
li {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.035);
|
||||
}
|
||||
|
||||
&.sidr-class-left-menu li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
> li:first-child {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.035);
|
||||
}
|
||||
|
||||
li a {
|
||||
padding: 12px 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
li a.sidr-class-sf-with-ul {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
ul li:last-child {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr-class-top-bar-menu > li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.sidr-class-menu-item-has-children {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children > a {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-toggle {
|
||||
font-size: 11px;
|
||||
height: 100%;
|
||||
width: 60px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
cursor: pointer;
|
||||
color: $color-11;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
text-align: center;
|
||||
@include transition( all .3s ease );
|
||||
|
||||
&:before {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '+';
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu {
|
||||
li.active > a > .sidr-class-dropdown-toggle:before {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
ul a:before {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
content: '\f105';
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
ul ul a:before {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
ul ul ul a:before {
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.sidr-class-middle-site-logo,
|
||||
.sidr #searchform-header-replace-close,
|
||||
.sidr #sidr-id-searchform-overlay,
|
||||
.sidr .sidr-class-nav-arrow,
|
||||
.sidr-class-sidebar-box,
|
||||
.sidr-class-mega-cat .sidr-class-dropdown-toggle,
|
||||
.sidr-class-mega-cat .sidr-class-megamenu,
|
||||
.sidr-class-elementor {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.sidr-class-dropdown-menu li.sidr-class-menu-item-has-children.sidr-class-mega-cat > a {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.sidr-class-dropdown-menu a i {
|
||||
font-size: inherit !important;
|
||||
vertical-align: initial !important;
|
||||
margin-right: 10px;
|
||||
|
||||
&.after {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* WPML img */
|
||||
.sidr-class-wpml-ls-flag {
|
||||
margin-right: 10px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* Overlay */
|
||||
.oceanwp-sidr-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
/* Search */
|
||||
#mobile-menu-search,
|
||||
.sidr-class-woo-cart-link,
|
||||
.sidr-class-search-toggle-li,
|
||||
#sidr-id-searchform-dropdown,
|
||||
#sidr-id-searchform-header-replace {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidr-class-mobile-searchform {
|
||||
position: relative;
|
||||
margin: 30px 20px 0;
|
||||
|
||||
input {
|
||||
padding: 6px 45px 6px 12px !important;
|
||||
margin-top: 0 !important;
|
||||
@include box-sizing( inherit );
|
||||
}
|
||||
|
||||
button {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
background-color: transparent !important;
|
||||
color: $color-11;
|
||||
border: 0;
|
||||
@include transition( all .3s ease-in-out );
|
||||
|
||||
&:hover {
|
||||
color: $color-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Social */
|
||||
.sidr-class-social-menu-inner ul {
|
||||
display: table;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
table-layout: fixed;
|
||||
|
||||
li {
|
||||
display: table-cell;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 12px 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin-bar {
|
||||
#sidr,
|
||||
.oceanwp-sidr-overlay
|
||||
{
|
||||
top: 32px;
|
||||
height: -webkit-calc(100% - 32px);
|
||||
height: calc(100% - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.admin-bar {
|
||||
#sidr,
|
||||
.oceanwp-sidr-overlay
|
||||
{
|
||||
top: 46px;
|
||||
height: -webkit-calc(100% - 46px);
|
||||
height: calc(100% - 46px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#wpadminbar {
|
||||
position: fixed;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: inline-block;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
width: 30px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
font-size: 20px;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
border-radius: 0;
|
||||
z-index: 10;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.slick-prev:hover, .slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev {
|
||||
right: auto;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-prev span:before {
|
||||
content: '\f105';
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-next span:before {
|
||||
content: '\f104';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover, .slick-dots li button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
|
||||
-moz-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slick-dots li button:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: "•";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "slick";
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
-moz-opacity: 0.25;
|
||||
-webkit-opacity: 0.25;
|
||||
opacity: 0.25;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-dots li.slick-active button:before {
|
||||
color: black;
|
||||
-moz-opacity: 0.75;
|
||||
-webkit-opacity: 0.75;
|
||||
opacity: 0.75;
|
||||
}
|
||||
Reference in New Issue
Block a user