![]() 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/mets.corals.io/wp-content/metras.v32/resources/assets/styles/layouts/ |
$POST_CARD_HEIGHT: 570px; /** * Posts */ .post { // } /*! purgecss start ignore */ .post-meta{ .information-wrapper{ justify-content: center; } .author-image{ width: 52px; height: 52px; background: theme-color('secondary'); display: block; border-radius: 5px; img{ width: 100%; height: 100%; border-radius: 5px; } } .author-name{ color: theme-color('secondary'); text-decoration: none; } .share{ //padding-top: 20px; .post-horizontal-meta &{ padding-top: 0px; } } } .posts-loop{ .post-card{ @extend .mb-3; @extend .pb-3; position: relative; min-height: $POST_CARD_HEIGHT; .category-link{ text-align: center; transition: all 0.4s linear; color: transparent; background: transparent; @extend .p-1; a{ color: transparent; text-decoration: none; font-size: 0.8rem; } } &:hover{ //padding-bottom: 0; .category-link{ background: theme-color('primary'); a{ display: inline-block; color: $white; } } .card-image{ img{ //transform: scale(1.3); //opacity: 0.7; } } } .card-text{ height: 105px; overflow: hidden; text-overflow: ellipsis; text-align: justify; } .card-title-wrapper{ min-height: 90px; display: flex; justify-content: center; flex-flow: column; } .card-image{ overflow: hidden; img{ transition: all .3s linear; max-width: 100%; } } .post-meta{ position: absolute; width: 100%; bottom: 15px; left: 0px; right: 0px; } &.featured-home-post{ .post-meta{ position: static; } } } } .post-horizontal, .single-post .post{ .card-text{ //font-size: 0.95rem; } .post-meta{ display: flex; justify-content: space-between; .information-wrapper{ justify-content: flex-start; } .share{ display: flex; flex-flow: column-reverse; } } } .single-post{ main{ img { max-width: 100%; height: auto; } } } .card-file{ position: relative; .file-preview{ position: relative; overflow: hidden; img{ opacity: 0.7; transition: all .3s linear; } .file-title{ position: absolute; top: 32px; left: 32px; right: 32px; bottom: 32px; z-index: 1; display: flex; flex-flow: column; justify-content: center; align-content: center; border: 1px solid $white; font-weight: bold; transition: all .3s linear; h3{ color: white; text-align: center; transition: all .3s linear; } } } &:hover{ img{ //opacity: 0.5; //transform: scale(1.2); } .file-title{ border-color: theme-color('secondary'); h3{ color: theme-color('secondary') !important; } } } } .posts-loop{ .card-body{ p{ line-height: 1.7rem; } } } .btn-tag{ padding: 2px 8px; } .posts-loop{ .card{ .card-body { .card-title{ a{ color: $light-black; } } } } } .post-horizontal-meta{ .post-meta{ display: flex; justify-content: space-between; } } .tags-content{ color: lighten($grey, 30%); .post-vertical &{ position: absolute; bottom: 10px; right: 10px; font-size: 0.75rem; } a{ color: lighten($grey, 30%); } } .post-vertical{ .post-meta{ padding: 0px 20px; .information-wrapper{ display: block !important; > .d-inline-flex{ display: block !important; text-align: center; } } } } .single-post-navigation{ .card-body{ //align-items: center; //display: flex; } } .post-vertical{ .card-body{ } .information-wrapper{ transform: scale(0.85); } .post-meta{ .share{ padding-top: 2px; } } } .post-horizontal{ .information-wrapper{ transform: scale(0.85) translate( -10px, 0px ); } .card-subtitle{ margin-top: 0px; } } .post-card{ .card-subtitle{ font-size: 1.18rem; } .card-title { font-size: 1.4rem; line-height: 2.1rem; } } .search, .archive{ &:not(.author){ .posts-infinite-scroll{ .post-card{ .card-body{ @media (min-width: 768px){ .row{ .col-md-4{ max-width: 26.333333%; } .col-md-8{ flex: 0 0 73.666667%; max-width: 73.666667%; } } } } &.post-horizontal{ .post-meta{ position: absolute; left: 8px; right: 8px; bottom: -4px; } } } } } } .archive.category{ &:not([class*='paged-']){ .posts-infinite-scroll{ .post-horizontal{ &:first-child{ display: none; } } } } } .entry-content{ } .entry-content{ > .heateorSssClear, > .heateor_sss_sharing_container, > .heateorSssClear{ display: none; } .figure{ max-width: 100%; } span{ &.background-color{ //padding: 5px 0px; } } span.background-color{ padding: 0px 3px; } p{ text-align: justify; } } .post-template-default{ .tags-content{ position: absolute; bottom: 4.5rem; right: 2.7rem; } } /*! purgecss end ignore */