| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.3/wp-content/plugins/dt-the7-core/assets/css/shortcodes/ |
Upload File : |
/* #Shortcode carousel
================================================== */
.custom-mixin-color (@customColor) when (iscolor(@customColor)) {
color: @customColor;
background: none;
}
.custom-mixin-bg (@customColor) when (iscolor(@customColor)) {
background: @customColor;
}
.custom-mixin-border (@customColor) when (iscolor(@customColor)) {
border-color: @customColor;
}
.custom-mixin-shadow ( @string: "", @customColor) when (iscolor(@customColor)) {
-webkit-box-shadow: @string @customColor;
box-shadow: @string @customColor;
}
.bullets-position-horizontal(@position) when (@position = left) {
left: @bullet-h-position;
}
.bullets-position-horizontal(@position) when (@position = center) {
left: 50%;
transform: translateX(calc(-50% ~'+' @bullet-h-position));
@media all and (-ms-high-contrast: none) {
transform: translateX(-50%);
margin-left: @bullet-h-position;
}
}
.bullets-position-horizontal(@position) when (@position = right) {
right: @bullet-h-position;
}
.bullets-position-vertical(@position) when (@position = top) {
top: @bullet-v-position;
}
.bullets-position-vertical(@position) when (@position = center) {
top: 50%;
transform: translateY(calc(-50% ~'+' @bullet-v-position));
@media all and (-ms-high-contrast: none) {
transform: translateY(-50%);
margin-top: @bullet-h-position;
}
}
.bullets-position-vertical(@position) when (@position = bottom) {
top: calc(100% ~'+' @bullet-v-position);
}
.bullets-centered(@position-v, @position-h) when (@position-v = center)and (@position-h = center) {
transform: translate3d(calc(-50% ~'+' @bullet-h-position), calc(-50% ~'+' @bullet-v-position), 0);
}
.nav-v-position(@position, @offset) when (@position = top) {
top: @offset;
}
.nav-v-position(@position, @offset) when (@position = center) {
top: 50%;
transform: translateY(calc(-50% ~'+' @offset));
@media all and (-ms-high-contrast: none) {
transform: translateY(-50%);
margin-top: @offset;
}
}
.nav-v-position(@position, @offset) when (@position = bottom) {
top: calc(100% ~'+' @offset);
}
.nav-centered(@position-v, @position-h, @offset-v, @offset-h) when (@position-v = center)and (@position-h = center) {
transform: translate3d(calc(-50% ~'+' @offset-h), calc(-50% ~'+' @offset-v), 0);
}
.nav-h-position(@position,@offset) when (@position = left) {
left: @offset;
}
.nav-h-position(@position,@offset) when (@position = center) {
left: 50%;
transform: translateX(calc(-50% ~'+' @offset));
@media all and (-ms-high-contrast: none) {
transform: translateX(-50%);
margin-left: @offset;
}
}
.nav-h-position(@position,@offset) when (@position = right) {
right: @offset;
}
/*Arrows*/
.owl-nav {
.@{unique-shortcode-class-name}.owl-carousel & {
& div {
width: @arrow-width;
height: @arrow-height;
//border-style: solid;
border-radius: @arrow-border-radius;
&:before,
&:after {
border-width: @arrow-border-width;
}
&:before {
.custom-mixin-border (@arrow-border-color);
}
.arrows-bg-on& {
&:before {
.custom-mixin-bg (@arrow-bg);
}
}
.arrows-hover-bg-on& {
&:after {
.custom-mixin-bg (@arrow-bg-hover);
}
}
&:after {
.custom-mixin-border (@arrow-border-color-hover);
}
&:hover:after {
.dt-arrow-hover-border-on&,
.dt-arrow-border-on& {
.custom-mixin-border (@arrow-border-color-hover);
}
}
&.owl-prev {
.nav-v-position(@arrow-left-v-position, @l-arrow-v-position);
.nav-h-position(@arrow-left-h-position,@l-arrow-h-position);
.nav-centered(@arrow-left-v-position, @arrow-left-h-position, @l-arrow-v-position, @l-arrow-h-position);
& i {
padding: @l-icon-padding-top @l-icon-padding-right @l-icon-padding-bottom @l-icon-padding-left;
}
}
&.owl-next {
.nav-v-position(@arrow-right-v-position, @r-arrow-v-position);
.nav-h-position(@arrow-right-h-position,@r-arrow-h-position);
.nav-centered(@arrow-right-v-position, @arrow-right-h-position, @r-arrow-v-position, @r-arrow-h-position);
& i {
padding: @r-icon-padding-top @r-icon-padding-right @r-icon-padding-bottom @r-icon-padding-left;
}
}
}
& i {
font-size: @icon-size;
}
& div:not(:hover) i,
& div:not(:hover) i:before {
.custom-mixin-color (@icon-color);
}
& div:hover i,
& div:hover i:before {
.custom-mixin-color (@icon-color-hover);
}
}
}
//Bullets
.owl-dots {
.@{unique-shortcode-class-name} & {
.bullets-position-vertical(@bullets-v-position);
.bullets-position-horizontal(@bullets-h-position);
.bullets-centered(@bullets-v-position, @bullets-h-position)
}
}
.owl-dot {
.@{unique-shortcode-class-name} & {
width: @bullet-size;
height: @bullet-size;
margin: 0 @bullet-gap/2;
.bullets-scale-up& {
&:not(.active):not(:hover) span {
.custom-mixin-bg (@bullet-color);
}
&:not(.active):hover span,
&.active span {
.custom-mixin-bg (@bullet-color-hover);
}
}
.bullets-stroke& {
&:not(.active):not(:hover) span {
.custom-mixin-bg (@bullet-color);
}
&:not(.active):hover span {
.custom-mixin-bg (@bullet-color-hover);
}
&.active span {
.custom-mixin-shadow (0 0 0 2px, @bullet-color-hover);
}
}
.bullets-fill-in& {
&:not(.active):not(:hover) span {
.custom-mixin-shadow (inset 0 0 0 2px, @bullet-color);
}
&:not(.active):hover span {
.custom-mixin-shadow (inset 0 0 0 2px, @bullet-color-hover);
}
&.active span {
.custom-mixin-shadow (inset 0 0 0 20px, @bullet-color-hover);
}
}
.bullets-small-dot-stroke& {
&:not(.active):not(:hover) span {
.custom-mixin-bg (@bullet-color);
}
&:not(.active):hover span,
&.active span {
.custom-mixin-bg (@bullet-color-hover);
}
&.active {
.custom-mixin-shadow (0 0 0 2px, @bullet-color-hover);
}
}
.bullets-ubax& {
& span {
.custom-mixin-bg (@bullet-color);
}
&.active span {
border-color: @bullet-color-hover;
}
&:not(.active):hover span {
.custom-mixin-bg (@bullet-color-hover);
}
}
.bullets-etefu& {
& span {
.custom-mixin-bg (@bullet-color);
}
&:not(.active):hover span {
.custom-mixin-bg (@bullet-color-hover);
}
& span:before {
.custom-mixin-bg (@bullet-color-hover);
.accent-gradient & {
.custom-mixin-bg (@bullet-color-hover);
}
}
}
}
}
@media screen and (max-width:@hide-arrows-switch){
.owl-nav {
.@{unique-shortcode-class-name}.hide-arrows.owl-carousel & {
& a {
display: none;
}
}
}
}
@media screen and (max-width:@reposition-arrows-switch){
.owl-nav {
.@{unique-shortcode-class-name}.reposition-arrows.owl-carousel & {
& .owl-prev {
.nav-v-position(@arrow-left-v-position, @l-arrow-v-position);
.nav-h-position(@arrow-left-h-position,@arrow-left-h-position-mobile);
.nav-centered(@arrow-left-v-position, @arrow-left-h-position, @l-arrow-v-position, @arrow-left-h-position-mobile);
}
& .owl-next {
.nav-v-position(@arrow-right-v-position, @r-arrow-v-position);
.nav-h-position(@arrow-right-h-position, @arrow-right-h-position-mobile);
.nav-centered(@arrow-right-v-position, @arrow-right-h-position, @r-arrow-v-position, @arrow-right-h-position-mobile);
}
}
}
}