Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/www/wp-content/themes/dt-the7/css/dynamic-less/ |
/* #Hover layouts
================================================== */
/* # Background color: custom
================================================== */
@project-bg-hover-opacity=70;
.rollover i,
.post-rollover i,
.rollover-video i,
.enable-bg-rollover .post-thumbnail-rollover:after,
.enable-bg-rollover .gallery-rollover,
.enable-bg-rollover.hover-scale figure:after {
background-color: @rollover-bg-color;
.background-gradient (@startColor: @rollover-bg-color, @endColor: @rollover-bg-color-2);
}
.hover-style-two:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content,
.buttons-on-img .rollover-content,
.albums .rollover-thumbnails-on i,
.dt-albums-shortcode .rollover-thumbnails-on i,
.rollover-buttons-on i,
.hover-scale .rollover-project:after,
.hover-style-two.content-align-bottom .rollover-project:after,
.portfolio-shortcode.enable-bg-rollover .post-thumbnail-rollover:after,
.albums-shortcode.enable-bg-rollover .post-thumbnail-rollover:after,
.enable-bg-rollover.hover-scale article:after {
background-color: @project-rollover-bg-color;
.background-gradient (@startColor: @project-rollover-bg-color, @endColor: @project-rollover-bg-color-2);
}
.rollover-project {
.effect-bubba &,
.effect-layla &,
.effect-sarah & {
background-color: @project-rollover-bg-color;
.background-gradient (@startColor: @project-rollover-bg-color, @endColor: @project-rollover-bg-color-2);
}
}
@percent-to-num-opacity: (unit(@project-bg-hover-opacity) / 100);
> a > img{
.effect-bubba:not(.hover-color-static) .rollover-project:hover &,
.effect-layla:not(.hover-color-static) .rollover-project:hover &,
.effect-sarah:not(.hover-color-static) .rollover-project:hover & {
opacity: 1 - @percent-to-num-opacity;
}
}
/* # Background color: dark
================================================== */
@percent-to-num: (unit(@bg-hover-opacity) / 100);
.hover-color-static:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content,
.accent-gradient .hover-color-static:not(.effect-layla):not(.effect-bubba):not(.effect-sarah) .rollover-content,
.hover-color-static.hover-scale .rollover-project:after,
.hover-color-static.hover-style-two.content-align-bottom .rollover-project:after {
background-color: rgba(0, 0, 0, 0.65);
background-image: none;
}
.rollover-project {
.hover-color-static.effect-bubba &,
.hover-color-static.effect-layla &,
.hover-color-static.effect-sarah & {
background-color: rgba(0, 0, 0, 1);
background-image: none;
}
}
.hover-color-static .buttons-on-img i,
.hover-color-static .rollover i,
.hover-color-static .rollover-video i,
.hover-color-static .rollover.rollover-thumbnails-on i,
#page .hover-color-static .buttons-on-img .rollover-content {
background-color: rgba(0, 0, 0, 0.35);
background-image: none;
}
/* # Buttons on rollover
================================================== */
.rollover-thumbnails span:first-child i {
.accent-bg-mixin;
}
.gallery-zoom-ico {
.gallery-shortcode &,
.blog-shortcode &,
.blog-carousel-shortcode & {
& span,
&:before {
color: var(--the7-accent-color);
}
border-color: var(--the7-accent-color);
.dt-icon-bg-on& {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
}
.album-zoom-ico {
.albums-shortcode & {
& span {
color: var(--the7-accent-color);
}
border-color: var(--the7-accent-color);
.dt-icon-bg-on& {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
}
.rollover-content {
line-height: var(--the7-base-line-height);
}
.rollover-content h2.entry-title {
.header-color;
}
/* #Under images
================================================== */
.portfolio-categories a,
.portfolio-categories a *,
.portfolio-categories span {
color: var(--the7-secondary-text-color);
}