Файловый менеджер

Файловый менеджер - Редактировать - /home2/cocinasdalloway/public_html/tienda/wp-content/themes/kossy/sass/template/_post.scss

Назад
/* * General Post Style using for all with naming class entry / .post.no-results{ text-align:center; .widget-search{ margin-top: $theme-margin; } } .entry-title{ font-weight:500; font-size: 24px; margin: 5px 0 12px; } .entry-create{ font-size: 13px; margin: 0 0 15px; > { @include rtl-margin-right(2px); } .author{ font-style: italic; text-transform: capitalize; } } .entry-link{ margin-top: 20px; .readmore { color: $theme-color; text-transform: capitalize; font-weight: 500; font-size: $font-size-base - 2; &:hover{ color: #000; } } } .entry-meta{ margin:0; .fa,.icon{ @include rtl-margin-right(3px); } } blockquote{ padding:0 20px; color:$link-color; @include rtl-border-left(3px solid darken($border-color, 20%)); font-style:italic; } .entry-vote{ z-index: 1; display: table; text-align: center; top: 20px; position: absolute; background: rgba($black,.5); @include square(44px); @include rtl-right(20px); .entry-vote-inner{ color: $white; display: table-cell; vertical-align: middle; font-weight: $headings-font-weight; } &.vote-perfect{ .entry-vote-inner{ color: $red; } } &.vote-good{ .entry-vote-inner{ color: $yellow; } } &.vote-average{ .entry-vote-inner{ color: #91e536; } } &.vote-bad{ .entry-vote-inner{ color: $orange; } } &.vote-poor{ .entry-vote-inner{ color: $green; } } } .type-post{ margin-bottom:40px; } .blog-title{ margin-bottom: $theme-margin; } //commentform #commentform{ margin-bottom:$theme-margin; .form-control{ padding: 5px 20px; margin: 0 0 20px; @include border-radius(0); height: 50px; } textarea.form-control { height: 140px ; padding: 20px; resize: none; @include border-radius(0); } .form-group{ margin: 0 0 30px; } .space-comment{ margin: 0 0 30px; } #cancel-comment-reply-link{ color: $brand-danger; } } /* * using for new, magazine / .post-specail{ .entry-title{ font-size: 16px; } .entry-date{ font-style: italic; } .entry-create{ margin: 0 0 18px; } } .post-title{ @include font-size(font-size,$entry-title-font-size); } .post-thumb{ position: relative; } .blog-meta{ top: 0; position: absolute; @include rtl-right($entry-meta-position); } /* Post blog style */ .blog{ &.style1 .blog-date{ top: 0; position: absolute; @include rtl-right(0); } &.style2 { border: 1px solid $border-color; .blog-date{ @include rtl-float-left(); @include rtl-margin(-1px,$theme-margin,0px,0px); } .entry-title{ @include rtl-padding-left(65px); @include rtl-padding-right(20px); } .entry-description{ @include rtl-padding-left(65px); @include rtl-padding-right(20px); } .entry-content{ @include clearfix(); border: 0px; margin-bottom: 20px; } } .blog-date{ display: table; background: $blog-date-bg; text-align: $align-center; color: $blog-date-color; text-transform: $blog-date-transform; @include font-size(font-size,$blog-date-font-size); font-weight: $blog-date-font-weight; @include size($blog-date-size,$blog-date-size); line-height: normal; .blog-date-inner{ display: table-cell; vertical-align: middle; } span{ display: block; margin: 2px 0 3px 0; line-height:$blog-date-number-line-height; @include font-size(font-size,$blog-date-font-size-number); font-weight: $blog-date-font-weight-number; } } .blog-date--grids{ position: absolute; top: 0; @include rtl-right(15px); } .entry-content--info{ overflow: hidden; padding: $theme-margin 0; } } /// style posts .post{ &.sticky{ .entry-title a{ color: $brand-danger; } } .entry-description{ clear: both; overflow: hidden; margin: 0 0 40px; } } / Post type: half content / .grid-half{ // style for carousel &.owl-carousel .owl-controls{ top:100%; @include translate(50px,-80px); @include rtl-left(50%); .owl-nav .owl-prev, .owl-nav .owl-next{ @include opacity(1); position: static; } .owl-nav .owl-next{ @include rtl-margin-left(5px); } } &.halfdark{ &.owl-carousel .owl-controls{ .owl-nav .owl-prev, .owl-nav .owl-next{ background: #e1e4e6; border-color: #e1e4e6; color: $link-color; &:hover,&:active{ background: $theme-color; border-color: $theme-color; color: #fff; } } } } // style image &.style_img.owl-carousel{ .owl-controls{ @include rtl-left(0); @include translate(0,0); } } } .layout-half{ margin-left: 0; margin-right: 0; margin-bottom: 0; background:$theme-color; color: #fff; .entry-content{ max-width: 650px; padding-bottom: 120px; padding-top: 50px; &[class ='-6']{ padding-left: 50px; padding-right: 50px; } } > div{ padding-left: 0px; padding-right: 0px; } @media(max-width:1024px){ .entry-content[class ='-6']{ padding-left: $theme-margin; padding-right: $theme-margin; padding-top: $theme-margin; max-width: none; } } .entry-title{ font-size: 50px; margin: 0 0 20px; line-height: 1.1; font-family: $font-family-base; a{ color: #fff !important; } } .entry-description{ margin:0 0 40px; font-size: 17px; font-weight: 400; } } .layout-dark{ background: #eff1f2 !important; color: $text-color; .meta{ font-size: 20px; font-weight: 400; font-family: $font-family-second; position: relative; padding:0 0 10px; margin: 0 0 35px; &:before{ content: ''; @include size(80px,2px); background: $link-color; position: absolute; bottom:0; @include rtl-left(0); } } .entry-title { margin: 0 0 10px; a{ color: $link-color !important; font-size: 30px; } } .entry-description{ font-size: 15px; font-weight: 300; } } .layout-halfimg{ position: relative; background: transparent; margin-bottom: 60px; .entry-content{ padding: 40px 40px 80px; background:$theme-color; color: #fff; .entry-title{ font-size: 35px; line-height: 1.1; margin: 0 0 10px; font-weight: 500; font-family: $font-family-base; a{ color: #fff !important; } } } @media(min-width:768px){ .half-img{ width: 75%; } .entry-content{ max-width: 500px; position: absolute; top: 50%; @include translateY(-50%); @include rtl-right(0); } } } / Post type: List widget list/ .posts-list{ list-style: none; padding:0; margin:0; li{ margin:0 0 28px; overflow: hidden; &:last-child{ margin:0; } } .content-info{ overflow: hidden; } .image{ width: 130px; @include rtl-padding-right($theme-margin); } .entry-title{ font-size: 16px; text-transform: inherit; margin:0 0 5px; font-weight: 400; } .bottom-info{ > span{ display:inline-block; vertical-align:middle; @include rtl-margin-right(4px); } font-size:12px; i{ @include rtl-margin-right(4px); } } } @media(min-width:1200px){ .layout-blog{ &.has-1col{ .post-layout{ margin-bottom:60px; } .apus-pagination{ padding-top:60px; } } } } // post-grid .top-info-grid{ i{ @include rtl-margin-right(5px); } margin-bottom:10px; font-size:14px; color:lighten(#555, 5%); .sub{ font-style:italic; @include rtl-margin-right(4px); } .name-author{ background:lighten(#ff327d, 5%); color:#fff !important; padding:0 8px; } a{ color:lighten(#555, 5%); &:hover,&:active{ color:$link-color; } } > span{ display:inline-block; @include rtl-margin-right(5px); @include rtl-padding-right(5px); @include rtl-border-right(1px solid $border-color); line-height:1; margin-bottom:5px; @media(min-width:768px){ @include rtl-margin-right(10px); @include rtl-padding-right(10px); } &:last-child{ border:none; margin:0; padding:0; } } } .post-layout{ @media(min-width:1200px){ margin-bottom:50px; } .entry-title{ font-size:26px; font-weight:400; margin:0 0 14px; } .entry-thumb{ margin-bottom:20px; } .excerpt{ margin:0 0 20px; } .post-sticky{ color:#fff; background:$brand-primary; padding:0 8px; font-size:14px; display:inline-block; } } .post-grid-v2{ @media(min-width:1200px){ margin-bottom:40px; } .entry-title{ font-size:22px; } } .list-small{ overflow:hidden; .entry-title{ font-size:14px; margin:0 0 5px; line-height: 20px; font-weight: 400; } .date{ font-size: 12px; } .image{ @include rtl-float-left(); @include rtl-padding-right(15px); img{ min-width: 62px; } } .info{ overflow: hidden; } } .post-list-item{ margin-bottom:20px; @media(min-width:992px){ margin-bottom:40px; } .top-info{ font-size:14px; > { display:inline-block; @include rtl-margin-right(8px); } } .entry-title{ margin-bottom:12px; font-size:22px; } .excerpt, .entry-thumb{ margin-bottom:0; } } /* Post type: By Category / .posts-grid-category{ overflow: hidden; } .top-blog-info{ padding:25px 0; margin-bottom:20px; border-bottom:1px solid $border-color; i{ @include rtl-margin-right(10px); } .categories{ @include rtl-margin-right(35px); } .author{ a{ color: $theme-color; } } a{ color: $text-color; &:hover,&:active{ color:$theme-color; } } } .list-default{ margin-bottom:45px; .entry-title{ font-weight: 500; font-size: 30px; margin:0 0 10px; } .description{ margin:0 0 15px; } } .category-posts{ position: relative; &::after{ content: ""; top: 20px; position: absolute; @include rtl-right(0); @include size(1px,1000px); background: $border-color; } .post{ border-bottom: 1px solid $border-color; } .category-posts-label{ padding: 1px 3px; @include border-radius(0); background: $theme-color; font-weight: $category-posts-label-font-weight; @include font-size(font-size,$category-posts-label-font-size); text-transform: $category-posts-label-transform; a{ color: $category-posts-label-color; } } .entry-meta{ &::after{ display: none; } } .posts-more{ .post{ &:last-child{ border: 0px; } } .entry-title{ @include font-size(font-size,$category-posts-subtitle-font-size); a{ color: $gray-light; &:hover{ color: $theme-color; } } } } } /------------------------------------\ Post detail \------------------------------------/ .sharebox{ margin-bottom: $post-share-margin; .sharebox-title{ margin: $post-share-title-margin; } } .social-networks{ li{ padding-left: 10px; padding-right: 10px; &:last-child{ a{ margin-right: 0; } } a{ font-size: 14px; &:hover{ color: $theme-color; } } } } .tag-links, .post-share { margin-bottom: 10px; span i { @include rtl-margin-right(5px); } } /------------------------------------\ Comment List \------------------------------------/ .comment-list{ padding:0; margin: 0 0 20px; list-style: none; border-bottom:1px solid $border-color; @media(min-width:768px){ margin-bottom:30px; } > .comment:last-child{ .comment-box{ border:none; padding:0; } } .comment-respond{ margin-top:30px; } #cancel-comment-reply-link{ color:$brand-danger; } .children{ list-style: none; margin: 0; @include rtl-padding-left(50px); } div.avatar{ min-width: 125px; @include rtl-padding-right(25px); @include rtl-float-left(); img{ margin:0; } } .date{ font-size:13px; i{ @include rtl-margin-right(8px); } } strong { color:$headings-color; font-size: 17px; font-weight: 400; @include rtl-margin-right(10px); } .comment-reply-link{ font-weight: 400; font-size: 16px; @include rtl-margin-right(20px); @include transition(all 0.2s ease-in-out 0s); &:hover,&:active{ color:$brand-success; } } .comment-box{ padding:0 0 20px 0px; @media(min-width:768px){ padding:0 0 30px 0px; } border-bottom:1px solid $border-color; overflow:hidden; } .comment-edit-link{ color:$brand-danger; } .comment-text{ font-size:15px; margin: 5px 0 8px; line-height:1.6; p:last-child{ margin:0; } } .the-comment{ margin-bottom:20px; @media(min-width:768px){ margin-bottom:30px; } } } .commentform{ .title{ font-family: $font-family-base; margin: 0; font-size: 25px; font-weight:400; } .comment-notes{ display: none; } } .comment-form{ #submit{ text-transform: uppercase; } } .post-navigation{ a{ color: $text-color; &:hover,&:active{ color: $link-color; } } .navi{ display: block; float: none; width: 100%; margin: 0; font-family: $font-family-second; font-size: 14px; i{ font-size: 12px; @include rtl-margin-right(5px); } } .post-title{ font-size: 16px; font-weight: 600; margin:10px 0 0; display: block; } .nav-next{ .navi i{ @include rtl-margin-right(0); @include rtl-margin-left(5px); } } } /------------------------------------\ Single post \------------------------------------/ #comments{ padding-top:20px; border-top:1px solid $border-color; @media(min-width:1200px){ padding-top:40px; } #reply-title{ margin: 0; } .comments-title{ font-size: 25px; font-weight: 400; margin: 0 0 25px; } } //post-navigation .post-navigation{ position: relative; .screen-reader-text{ display: none; } .nav-links{ overflow: hidden; > { width: 40%; @include rtl-float-left(); &.nav-next{ @include rtl-float-right(); @include rtl-text-align-right(); } } .meta-nav{ display: none; } } } .author-info{ padding:$theme-margin; background:#fafafa; border:1px solid $border-color; @include border-radius(10px); .author-title{ font-size: 20px; margin:0 0 10px; } .avatar-img { @include rtl-padding-right(20px); .avatar { @include border-radius(50%); overflow: hidden; max-width: none; } } .description{ color: #616161; } } //related-posts .related-posts{ padding: 0; margin: 30px 0 0; .title{ margin: 0 0 25px; font-size: 25px; position:relative; } } .blog-post-icon{ display: table; color: $white; text-align: center; position: absolute; top: 0; z-index: 1; background: $theme-color; @include opacity(0.9); @include rtl-left(0); @include square(50px); .fa{ display: table-cell; vertical-align: middle; font-size: 22px; } } /------------------------------------\ Blog Masonry Page \------------------------------------/ .blog-masonry{ .entry-thumb{ margin-bottom: 0; } } // post gallery .gallery{ margin-left: -($theme-margin / 2); margin-right: -($theme-margin / 2); overflow: hidden; .gallery-item{ @include rtl-float-left(); margin-bottom:($theme-margin / 2); padding-right: ($theme-margin / 2); padding-left: ($theme-margin / 2); position: relative; figcaption{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; max-height: 50%; font-size: 12px; background: rgba(0,0,0,0.5); margin-left: ($theme-margin / 2); margin-right: ($theme-margin / 2); @include opacity(0); padding:8px ($theme-margin / 2); } &:hover{ figcaption{ @include opacity(1); } } } &.gallery-columns-9{ .gallery-item{ width: 11%; } } &.gallery-columns-8{ .gallery-item{ width: 12.5%; } } &.gallery-columns-7{ .gallery-item{ width: 14%; } } &.gallery-columns-6{ .gallery-item{ width: 16.5%; } } &.gallery-columns-5{ .gallery-item{ width: 20%; } } &.gallery-columns-4{ .gallery-item{ width: 25%; } } &.gallery-columns-3{ .gallery-item{ width: 33%; } } &.gallery-columns-1{ .gallery-item{ width: 100%; } } &.gallery-columns-2{ .gallery-item{ width: 50%; } } } // navigation .comment-navigation{ overflow: hidden; padding: 20px 0; .nav-links{ > div{ display: inline-block; + div{ line-height: 1.1; @include rtl-margin-left($theme-margin / 2); @include rtl-padding-left($theme-margin / 2); @include rtl-border-left(2px solid $border-color); } } } } .list-check{ list-style: none; padding:0; margin:0; li{ margin-bottom: 10px; } i{ color: $theme-color; @include rtl-margin-right(10px); } } .detail-post{ .type-post{ margin-bottom:20px; @media(min-width:1200px){ margin-bottom:40px; } } iframe { max-width: 100%; } .entry-thumb { margin: 0 0 30px; &.no-thumb{ margin:0; } } .font-second{ font-family: $font-family-second; font-size: 24px; margin: 0 0 20px; } .apus-social-share{ margin-top: 2px; .title{ @include rtl-margin-right(30px); display:none; } a{ color: $text-color; font-size:16px; @include rtl-margin-right(20px); &:hover,&:active{ color: $link-color; } } } .entry-tags-list{ strong{ display: none; } a{ font-size: 12px; text-transform:uppercase; padding: 5px 20px; color: #625b66; font-weight: 400; display: inline-block; @include transition(all 0.2s ease-in-out 0s); @include rtl-margin-right(5px); @include border-radius(2px); background: #e7e7e7; &:hover,&:active{ color: #fff; border-color:$brand-primary; background:$brand-primary; } } } .post-navigation{ margin: 0 0 55px; padding-top:20px; } .nav-links{ .navi{ font-family: $font-family-base; font-size: 24px; color: #000; &:hover,&:active{ text-decoration:underline; } i{ line-height: 1; vertical-align: middle; font-size: 42px; } } } .entry-content-detail .entry-title{ font-size:32px; font-weight:500; margin:0 0 20px; } .sub-title{ font-size:21px; } .top-info-grid{ margin:0 0 5px; } } .author-post{ .avatar { @include border-radius(50%); } .avatar-img{ @include rtl-float-left(); @include rtl-padding-right(8px); } .name-author{ display:inline-block; margin-top:9px; } }

| ver. 1.4 | Github | . | PHP 8.2.22 | Генерация страницы: 0 | proxy | phpinfo | Настройка