芝麻web文件管理V1.00
编辑当前文件:/var/www/cognitio.in/wp-content/plugins/dt-the7-core/assets/css/shortcodes/portfolio.less
/* #Blog list ================================================== */ @post-meta-font-style: normal; @post-meta-font-weight: normal; @post-meta-text-transform: none; @post-content-font-style: normal; @post-content-font-weight: normal; @post-content-text-transform: none; @post-title-font-style: normal; @post-title-font-weight: normal; @post-title-text-transform: none; @import "inline-mixin.less"; // DYNAMIC_IMPORT_TOP .rollover-background-gradient(@firstColor, @gradient) when (isstring(~"@gradient")) { background: @firstColor; background: -webkit-linear-gradient(@gradient); background: linear-gradient(@gradient); } .paginator { .@{unique-shortcode-class-name} & { .custom-mixin-pagination-gap (@shortcode-pagination-gap); } } .filter { .@{unique-shortcode-class-name} & { .custom-mixin-filter-gap (@shortcode-filter-gap); & a, & a * { .custom-mixin-color (@shortcode-filter-color); } } } .paginator { .@{unique-shortcode-class-name} & { & a, & a * { .custom-mixin-color (@shortcode-filter-color); } & .button-load-more { .custom-mixin-fade-border (@shortcode-filter-color, @opacity:10%); &:hover { .custom-mixin-fade-border (@shortcode-filter-color, @opacity:21%) } } } } .filter-categories a { .@{unique-shortcode-class-name} .filter:not(.filter-bg-decoration):not(.filter-underline-decoration) & { &:hover, &.act { .custom-mixin-filter-color (@shortcode-filter-accent, 100%); } } .@{unique-shortcode-class-name} .filter-bg-decoration & { &:not(.act):hover { .custom-mixin-filter-color (@shortcode-filter-accent, 100%); } &.act { color: #fff; } &.act:after { .custom-mixin-fade-bg (@shortcode-filter-accent); } } .@{unique-shortcode-class-name} .filter-underline-decoration & { &:after { .custom-mixin-fade-bg (@shortcode-filter-accent); } } } .paginator:not(.paginator-more-button) a { .@{unique-shortcode-class-name} & { &:after { .custom-mixin-fade-bg (@shortcode-filter-accent, 100%); } } } .filter-switch { #page .@{unique-shortcode-class-name} & { .custom-mixin-fade-bg (@shortcode-filter-accent, 20%); } } .filter-switch-toggle { .@{unique-shortcode-class-name} & { .custom-mixin-fade-bg (@shortcode-filter-accent); } } //Gap between posts article { .@{unique-shortcode-class-name}:not(.mode-masonry) & { margin-top: @gap-between-posts; &:first-of-type, &.visible.first { margin-top: 0; } } .@{unique-shortcode-class-name}.dividers-on:not(.mode-masonry) & { margin-top: 0; padding-top: @gap-between-posts; &:first-of-type, &.visible.first { margin-top: 0; padding-top: 0; } } .@{unique-shortcode-class-name}.hover-scale & { &:after { .custom-mixin-bg (@portfolio-rollover-bg); .rollover-background-gradient (@firstColor: @portfolio-rollover-bg, @gradient: @portfolio-rollover-bg-gradient); } } .@{unique-shortcode-class-name}.gradient-overlay-layout-list & { border-radius: @portfolio-image-border-radius; } } //Thumbnail .post-thumbnail-wrap { .@{unique-shortcode-class-name} & { padding: @post-thumb-padding-top @post-thumb-padding-right @post-thumb-padding-bottom @post-thumb-padding-left; border-radius: @portfolio-image-border-radius; } } .post-thumbnail-wrap *, .post-thumbnail-rollover:after { .@{unique-shortcode-class-name} & { border-radius: @portfolio-image-border-radius; } } .post-thumbnail-rollover:after { .@{unique-shortcode-class-name}.enable-bg-rollover & { .custom-mixin-bg (@portfolio-rollover-bg); .rollover-background-gradient (@firstColor: @portfolio-rollover-bg, @gradient: @portfolio-rollover-bg-gradient); } } .post-thumbnail { .@{unique-shortcode-class-name}:not(.gradient-overlay-layout-list) & { box-shadow: @portfolio-img-shadow; } } article { .@{unique-shortcode-class-name}.gradient-overlay-layout-list & { box-shadow: @portfolio-img-shadow; } } .post-thumbnail { .@{unique-shortcode-class-name}:not(.gradient-overlay-layout-list) & { box-shadow: @portfolio-img-shadow; } } article { .@{unique-shortcode-class-name}.gradient-overlay-layout-list & { box-shadow: @portfolio-img-shadow; } } .project-links-container { .@{unique-shortcode-class-name} & { .bottom-overlap-layout-list& { height: calc(100% ~'-' @post-content-top-overlap); } & a { width: @project-icon-bg-size; height: @project-icon-bg-size; line-height: @project-icon-bg-size; border-radius: @project-icon-border-radius; margin: @project-icon-above-gap @project-icon-gap/2 @project-icon-below-gap; .content-rollover-layout-list:not(.content-align-center)&, .gradient-overlay-layout-list:not(.content-align-center)& { margin: @project-icon-above-gap @project-icon-gap @project-icon-below-gap 0; } .dt-icon-border-on& { &:before { border-width: @project-icon-border-width; border-style: solid; } } .dt-icon-hover-border-on& { &:after { border-width: @project-icon-border-width; border-style: solid; } } .dt-icon-border-on& { &:before { .custom-mixin-border (@project-icon-border-color); } } .dt-icon-bg-on& { &:before { .custom-mixin-bg (@project-icon-bg-color); } } &:after { .dt-icon-hover-bg-on& { .custom-mixin-bg (@project-icon-bg-color-hover); } } .dt-icon-border-on& { &:after { .custom-mixin-border (@project-icon-border-color-hover); } } & > span:before { font-size: @project-icon-size; line-height: @project-icon-bg-size; } &:not(:hover) > span { .custom-mixin-color (@project-icon-color); } & > span, &:hover > span { .dt-icon-hover-off& { .custom-mixin-color (@project-icon-color); } } &:hover > span { .dt-icon-hover-on& { .custom-mixin-color (@project-icon-color-hover); } } } } } //Title .entry-title { .@{unique-shortcode-class-name} &, .@{unique-shortcode-class-name}.owl-carousel & { & a { .custom-mixin-color (@post-title-color); } margin-bottom: @post-title-margin-bottom; .custom-mixin-font-size (@post-title-font-size); .custom-mixin-line-height (@post-title-line-height); .custom-mixin-font-style ( @post-title-font-style); .custom-mixin-font-weight (@post-title-font-weight); .custom-mixin-text-transform (@post-title-text-transform); } } //Meta .entry-meta { .@{unique-shortcode-class-name} & { margin-bottom: @post-meta-margin-bottom; & * { .custom-mixin-font-size (@post-meta-font-size); .custom-mixin-line-height (@post-meta-line-height); .custom-mixin-color (@post-meta-color); .custom-mixin-font-style ( @post-meta-font-style); .custom-mixin-font-weight (@post-meta-font-weight); .custom-mixin-text-transform (@post-meta-text-transform); } } } .portfolio-categories { .@{unique-shortcode-class-name} & { margin-bottom: @post-meta-margin-bottom; } } .entry-meta > a:after, .entry-meta > span:after { .@{unique-shortcode-class-name} & { .custom-mixin-bg (@post-meta-color); } } //Excerpt .entry-excerpt { .@{unique-shortcode-class-name} & { margin-bottom: @post-excerpt-margin-bottom; .custom-mixin-font-size (@post-excerpt-font-size); .custom-mixin-line-height (@post-excerpt-line-height); & * { .custom-mixin-color (@post-content-color); } .custom-mixin-font-style ( @post-content-font-style); .custom-mixin-font-weight (@post-content-font-weight); .custom-mixin-text-transform (@post-content-text-transform); } } //Post content .post-entry-content { .@{unique-shortcode-class-name}:not(.centered-layout-list) & { padding: @post-content-padding-top @post-content-padding-right @post-content-padding-bottom @post-content-padding-left; } .@{unique-shortcode-class-name}:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img & { padding: 0; } .@{unique-shortcode-class-name}.content-bg-on:not(.classic-layout-list):not(.centered-layout-list):not(.gradient-overlay-layout-list) & { .custom-mixin-bg (@post-content-bg); } .@{unique-shortcode-class-name}.gradient-overlay-layout-list & { border-radius: @portfolio-image-border-radius; } } .post-details.details-type-link, .post-details.details-type-link * { .@{unique-shortcode-class-name} & { .custom-mixin-color (@post-title-color); } } @media screen and (max-width:@switch-blog-list-to-mobile){ article { .@{unique-shortcode-class-name} & { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; margin-top: 20px; } .@{unique-shortcode-class-name}.dividers-on & { border: none; } .@{unique-shortcode-class-name}.content-bg-on.centered-layout-list & { padding: 0; } } .post-thumbnail-wrap, .post-entry-content { #page .@{unique-shortcode-class-name} & { width: 100%; margin: 0; top: 0; } } .post-thumbnail-wrap { #page .@{unique-shortcode-class-name} & { padding: 0; } } .post-entry-content:after { #page .@{unique-shortcode-class-name} & { display: none; } } .post-thumbnail-wrap { #page .@{unique-shortcode-class-name} .project-even &, #page .@{unique-shortcode-class-name}.centered-layout-list & { -webkit-order: 0; -moz-order: 0; -ms-flex-order: 0; order: 0; } } .post-entry-title-content { #page .@{unique-shortcode-class-name}.centered-layout-list & { -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; width: 100%; padding: 20px 20px 0; } } .post-entry-content { #page .@{unique-shortcode-class-name}.centered-layout-list & { -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; padding-top: 0; } } .post-entry-content { #page .@{unique-shortcode-class-name} & { padding: 20px; } } .entry-title { #page .@{unique-shortcode-class-name} & { margin: 3px 0 5px; font-size: 20px; .custom-mixin-mob-font-size (@post-title-font-size); line-height: 26px; .custom-mixin-mob-line-height (@post-title-line-height); } } .entry-meta { #page .@{unique-shortcode-class-name} & { margin: 5px 0 5px; } } .entry-excerpt { #page .@{unique-shortcode-class-name} & { margin: 15px 0 0; } } .post-details { #page .@{unique-shortcode-class-name} & { margin: 5px 0 10px; &.details-type-link { margin-bottom: 2px; } } } } // DYNAMIC_IMPORT_BOTTOM