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/ |
/* #Blog, Portfolio, Albums
================================================== */
.dt-posts-preload .dt-posts-preload-activity {
.transparent-accent-bg-mixin(90%);
}
/* #post format
================================================== */
.format-link-content,
.format-aside-content,
.format-status-content {
.solid-bg-mixin;
}
.format-link-content {
.outline-decoration;
.shadow-decoration;
}
/* #Background under projects
================================================== */
.post.bg-on,
.post.bg-on.fullwidth-img.format-quote,
.post.bg-on.fullwidth-img.format-link {
.solid-bg-mixin;
.outline-decoration;
.shadow-decoration;
}
/* #Template: List
================================================== */
.layout-list .post{
border-top: 1px solid;
.transparent-border-mixin;
}
//shortcode blog list
.dividers-on.classic-layout-list .post {
border-bottom: 1px solid;
.transparent-border-mixin;
}
//Defaults
article {
.content-bg-on.centered-layout-list &,
.content-bg-on.classic-layout-list & {
.solid-bg-mixin;
.outline-decoration;
.shadow-decoration;
}
}
.post-entry-content {
.centered-layout-list.dividers-on & {
&:after {
.transparent-bg-mixin(@opacity: 15%)
}
}
.content-bg-on:not(.classic-layout-list):not(.centered-layout-list):not(.gradient-overlay-layout-list) & {
.solid-bg-mixin;
}
.content-bg-on:not(.classic-layout-list):not(.centered-layout-list):not(.gradient-overlap-layout-list):not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) & {
.outline-decoration;
.shadow-decoration;
}
}
.post-entry-content:before {
.content-bg-on.content-rollover-layout-list & {
.custom-rollover-gradient (@startColor: @content-boxes-bg);
}
}
//Gradient overlap blog layout defaults
.post-entry-content {
.content-bg-on.gradient-overlap-layout-list & {
#page & {
background: linear-gradient(to bottom, @content-boxes-bg, @content-boxes-bg) no-repeat 0px 150px;
}
&:before {
.custom-background-gradient (@startColor: @content-boxes-bg, @opacity: 100%);
}
}
.content-bg-on.gradient-overlap-layout-list .no-img & {
#page & {
background: var(--the7-content-boxes-bg);
}
&:before {
display: none;
}
}
}
//Gradient overlay blog layout defaults
.post-entry-content {
#page .enable-bg-rollover.gradient-overlay-layout-list & {
background-color: @project-rollover-bg-color;
.background-gradient (@startColor: @project-rollover-bg-color, @endColor: @project-rollover-bg-color-2);
}
}
//Title
.entry-title {
.blog-shortcode &,
.portfolio-shortcode &,
.albums-shortcode &,
.owl-carousel.blog-carousel-shortcode & {
font: normal @h3-font-variant normal var(--the7-h3-font-size)~"/" var(--the7-h3-line-height) var(--the7-h3-font-family);
.mode-masonry&,
.mode-grid&,
.blog-carousel-shortcode&,
.portfolio-carousel-shortcode&,
.albums-carousel-shortcode& {
font: normal @h4-font-variant normal var(--the7-h4-font-size)~"/" var(--the7-h4-line-height) var(--the7-h4-font-family);
}
& a {
.header-color;
}
}
}
.entry-title {
.blog-shortcode &,
.portfolio-shortcode:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) &,
.albums-shortcode &,
.owl-carousel.blog-carousel-shortcode & {
& a {
&:hover {
.color-accent;
}
}
}
}
.entry-meta {
.blog-shortcode &,
.portfolio-shortcode &,
.albums-shortcode &,
.owl-carousel & {
.text-small;
.color-base-transparent;
}
}
.entry-excerpt {
.blog-shortcode &,
.portfolio-shortcode &,
.albums-shortcode &,
.owl-carousel & {
.text-normal;
}
}
.entry-excerpt {
.blog-shortcode.mode-list & {
.text-big;
}
}
.post-details {
&.details-type-link {
font-size: var(--the7-text-small-font-size);
line-height: calc(var(--the7-text-small-font-size) + 4px);
.header-color;
& * {
.header-color;
}
&:after {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
}
.details {
font-size: var(--the7-text-small-font-size);
line-height: calc(var(--the7-text-small-font-size) + 4px);
color: var(--the7-h1-color);
&:hover {
color: var(--the7-h1-color);
}
&:before {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
/* # projects title
================================================== */
.layout-masonry .post h2.entry-title,
.layout-grid .post h2.entry-title,
.shortcode-blog-posts .post h2.entry-title,
.dt-blog-shortcode .post h2.entry-title,
.slider-wrapper .post h2.entry-title,
.rollover-content h2.entry-title {
color: var(--the7-h4-color);
font: var(--the7-h4-font);
text-transform: var(--the7-h4-text-transform);
}
.post h2.entry-title,
.post h2.entry-title {
.header-color;
}
.description-under-image .post .entry-title a:hover,
.post .blog-content .entry-title a:hover,
.project-list-content .entry-title a:hover {
//.color-accent;
color: var(--the7-accent-color);
.accent-gradient & {
.text-gradient (@startColor: @accent-bg-color, @endColor: @accent-text-color-2);
}
.wf-container-footer &,
.accent-gradient .footer & {
.custom-mixin-footer-color (@widget-footer-accent-color);
}
}
article.product-category .woocom-list-content .entry-title a:hover .count {
color: var(--the7-title-color);
background: none;
}
/* #Blog
================================================== */
//Fancy date
.entry-month,
.entry-date {
.fancy-date & {
&:after {
.accent-bg-mixin;
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-text-color-2);
}
}
}
//Portfolio
.project-links-container {
.portfolio-shortcode & {
& a:not(:hover) span {
color: var(--the7-accent-color);
}
& a:hover span {
.dt-icon-hover-on& {
color: var(--the7-accent-color);
}
}
&:before,
&:after {
border-color: var(--the7-accent-color);
}
& a:before {
.dt-icon-bg-on& {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
& a:after {
.dt-icon-hover-bg-on& {
background-color: var(--the7-accent-color);
.accent-gradient & {
.background-gradient (@startColor: @accent-bg-color, @endColor: @accent-bg-color-2);
}
}
}
}
}