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

Файловый менеджер - Редактировать - /home/infrafs/INFRABIKEUS/wp-content/themes/trackstore/framework/modules/blog/assets/css/blog-map.css

Назад
/* ========================================================================== Blog styles - begin ========================================================================== / / common mixins - start / / common mixins - end / / ========================================================================== Blog Common style - begin ========================================================================== / .eltd-blog-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 40px; clear: both; } .eltd-blog-holder article { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-holder article.sticky .eltd-post-title a:after { display: inline-block; content: "\f31a"; font-family: Ionicons; position: absolute; padding-left: 20px; font-size: 30px; } .eltd-blog-holder article .eltd-post-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-blog-holder article .eltd-post-image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .eltd-blog-holder article .eltd-post-image img { display: block; } .eltd-blog-holder article .eltd-post-image-background { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; background-position: center; background-size: cover; } .eltd-blog-holder article .eltd-post-image-background a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; } .eltd-blog-holder article .eltd-post-image-icon { position: absolute; top: 20px; right: 20px; font-size: 30px; line-height: 1; color: #fff; } .eltd-blog-holder article .eltd-post-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-holder article .eltd-post-title { margin: 0; } .eltd-blog-holder article .eltd-post-excerpt-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; } .eltd-blog-holder article .eltd-post-excerpt-holder p { margin: 0; } .eltd-blog-holder article .eltd-post-excerpt:after { content: '...'; } .eltd-blog-holder article .eltd-more-link-container { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 15px 0 0; } .eltd-blog-holder article .eltd-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-blog-holder article .eltd-post-info > { position: relative; display: inline-block; vertical-align: top; color: currentColor; } .eltd-blog-holder article .eltd-post-info > * a { color: inherit; } .eltd-blog-holder article .eltd-post-info-top { margin-bottom: 9px; } .eltd-blog-holder article .eltd-post-info-top > div { position: relative; display: inline-block; padding: 0 7px 0 0; color: #464646; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-style: italic; text-transform: none; } .eltd-blog-holder article .eltd-post-info-top > div:last-child { padding: 0; } .eltd-blog-holder article .eltd-post-info-top > div:last-child:after { content: ''; } .eltd-blog-holder article .eltd-post-info-top .eltd-post-info-date a { text-decoration: underline; } .eltd-blog-holder article .eltd-post-info-bottom { padding-top: 17px; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left, .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right { position: relative; display: inline-block; width: 100%; vertical-align: middle; } @media only screen and (min-width: 769px) { .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left, .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right { width: 50%; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left { float: left; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right { text-align: right; float: right; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right .eltd-post-read-more-button { margin-top: -5px; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right .eltd-post-read-more-button .eltd-btn.eltd-btn-icon span > i { vertical-align: middle; } } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div { position: relative; display: inline-block; padding: 0 7px 0 0; color: #464646; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-style: italic; text-transform: none; position: relative; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div a { color: #464646; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div:after { content: '\|'; display: inline-block; font-style: normal; color: #898989; margin-left: 10px; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div:last-child:after { display: none; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-post-info-comments-holder a { margin-left: 25px; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-post-info-comments-holder:before { display: inline-block; content: "\f3fb"; font-family: "Ionicons"; font-size: 19px; position: absolute; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like { font-style: normal; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like i { font-size: 15px; } .eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like span { margin-left: 9px; } .eltd-blog-holder article.format-link .eltd-post-text { padding: 23px 53px 50px; background-color: transparent; border: 1px solid #262626; } .eltd-blog-holder article.format-link .eltd-post-text-main { text-align: center; } .eltd-blog-holder article.format-link .eltd-post-mark { vertical-align: top; text-align: center; margin-bottom: 10px; } .eltd-blog-holder article.format-link .eltd-post-mark .eltd-link-mark { padding-top: 5px; font-size: 45px; color: #262626; display: inline-block; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .eltd-blog-holder article.format-link .eltd-post-link-holder { vertical-align: top; text-align: center; width: 60%; margin: 0 auto; } .eltd-blog-holder article.format-quote .eltd-post-text { padding: 31px 53px 43px; background-color: transparent; border: 1px solid #262626; } .eltd-blog-holder article.format-quote .eltd-post-text-main { text-align: center; } .eltd-blog-holder article.format-quote .eltd-post-mark { vertical-align: top; text-align: center; } .eltd-blog-holder article.format-quote .eltd-post-mark .eltd-quote-mark { padding-top: 5px; font-size: 45px; color: #262626; } .eltd-blog-holder article.format-quote .eltd-post-quote-holder { width: 60%; margin: 0 auto; } .eltd-blog-holder article.format-quote .eltd-quote-author { display: inline-block; margin-top: 17px; font-size: 16px; font-style: italic; text-transform: none; font-family: "Roboto Condensed", sans-serif; } .eltd-blog-holder article.format-gallery .eltd-post-image { width: 100%; } .eltd-blog-holder article.format-gallery .owl-carousel .owl-item { z-index: 2; } .eltd-blog-holder article.format-gallery .owl-carousel .owl-item.active { z-index: 3; } .eltd-blog-holder article.format-audio.has-post-thumbnail .eltd-post-heading { position: relative; } .eltd-blog-holder article.format-audio.has-post-thumbnail .eltd-blog-audio-holder { position: absolute; bottom: 0; left: 0; width: 100%; display: inline-block; vertical-align: middle; } .eltd-blog-holder article.format-audio .eltd-post-image { width: 100%; max-width: inherit; } .eltd-blog-holder article.format-audio .eltd-post-image img { width: 100%; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-embed, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-embed body, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls { background: none; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container { background-color: #262626; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls { height: 38px !important; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls { padding: 0 10px 0 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button { width: 39px; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { width: 30px; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button { height: 38px; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button button { position: relative; height: 100%; background: none; background-position: center; background-repeat: no-repeat; margin: 0; border: 0; outline: none; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-play button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-play button { width: 39px; background-image: url("../img/audio/play.png"); } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-pause button { width: 39px; background-image: url("../img/audio/pause.png"); } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-stop button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-stop button { width: 39px; background-image: url("../img/audio/stop.png"); } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-mute button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-mute button { width: 30px; background-image: url("../img/audio/sound.png"); } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-unmute button, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-unmute button { width: 30px; background-image: url("../img/audio/mute.png"); } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time { height: 100%; padding: 0; font-family: inherit; font-size: 13px; color: #fff; line-height: 36px; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail { height: 100%; padding: 0; font-family: inherit; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total { height: 5px; margin: 15px 14px; background: none; background-color: #fff; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current { height: 5px; background-color: #c8ff0b; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { top: -14px; border: 0; color: #fff; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-corner { border-top-color: #262626; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-loaded, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float { background: none; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider { height: 38px; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 5px; top: 15px; background: none; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: #fff; } .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background-color: #c8ff0b; } .eltd-blog-holder article.format-video .eltd-self-hosted-video { max-width: 100%; } /* ========================================================================== Blog Common style - end ========================================================================== / / ========================================================================== Blog Masonry general style - begin ========================================================================== / .eltd-blog-holder.eltd-blog-type-masonry { /** Number of Columns - begin */ /* Number of Columns - end */ /* Space on container if full width - start */ /* Space on container if full width - end **/ } .eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-holder-inner { opacity: 0; } .eltd-blog-holder.eltd-blog-type-masonry article { float: left; } .eltd-blog-holder.eltd-blog-type-masonry article, .eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-masonry-grid-sizer { width: 100%; } .eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-masonry-grid-gutter { width: 0; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns .eltd-blog-masonry-grid-sizer { width: 50%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article.eltd-post-size-large-width-height { width: 100%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns .eltd-blog-masonry-grid-sizer { width: 33.33333%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article.eltd-post-size-large-width-height { width: 66.66667%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns .eltd-blog-masonry-grid-sizer { width: 25%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article.eltd-post-size-large-width-height { width: 50%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns .eltd-blog-masonry-grid-sizer { width: 20%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article.eltd-post-size-large-width-height { width: 40%; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width { -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-no-space { padding: 0 0px; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-tiny-space { padding: 0 10px; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-small-space { padding: 0 20px; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-normal-space { padding: 0 30px; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-medium-space { padding: 0 40px; } .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-large-space { padding: 0 50px; } / ========================================================================== Blog Masonry general style - end ========================================================================== / / ========================================================================== Blog List - Masonry style - begin ========================================================================== / .eltd-blog-holder.eltd-blog-masonry article { margin: 0 0 20px; padding: 0 0 30px; } .eltd-blog-holder.eltd-blog-masonry article .eltd-post-info-top, .eltd-blog-holder.eltd-blog-masonry article .entry-title { margin-bottom: 7px; } .eltd-blog-holder.eltd-blog-masonry article .eltd-post-link-holder, .eltd-blog-holder.eltd-blog-masonry article .eltd-post-quote-holder { width: 100%; margin: 0; } .eltd-blog-holder.eltd-blog-masonry article.eltd-post-has-media .eltd-post-heading { margin-bottom: 30px; } / ========================================================================== Blog List - Masonry style - end ========================================================================== / / ========================================================================== Blog List - Standard style - begin ========================================================================== / .eltd-blog-holder.eltd-blog-standard article { margin: 0 0 50px; padding: 0; } .eltd-blog-holder.eltd-blog-standard article.format-quote, .eltd-blog-holder.eltd-blog-standard article.format-link { margin: 0 0 70px; } .eltd-blog-holder.eltd-blog-standard article.eltd-post-has-media .eltd-post-heading { margin-bottom: 23px; } @media only screen and (max-width: 768px) { .eltd-blog-holder.eltd-blog-standard .eltd-post-info-bottom .eltd-post-info-bottom-right > div { margin-top: 5px; } } / ========================================================================== Blog List - Standard style - end ========================================================================== / / Single author box styles - begin ====================================================================== / .eltd-author-description { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; background-color: #fafafa; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-author-description .eltd-author-description-inner { padding: 41px 0 39px; min-height: 78px; clear: both; } .eltd-author-description .eltd-author-description-content { position: relative; padding: 0 30px; } .eltd-author-description .eltd-author-description-image { width: 78px; margin: 0 auto; } .eltd-author-description .eltd-author-description-image img { display: block; border-radius: 5em; } .eltd-author-description .eltd-author-description-text-holder { position: relative; padding: 4px 0; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-name { margin: 0; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-name a { color: #262626; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-name a:hover { color: #c8ff0b; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-email { margin: 0; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-text { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-text > p { margin: 17px 0 14px; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a { position: relative; display: inline-block; vertical-align: middle; padding: 0; margin: 0 15px 0 0; font-size: 11px; color: #262626; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a:last-child { margin: 0; } .eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a:hover { color: #c8ff0b; } @media only screen and (max-width: 768px) { .eltd-author-description .eltd-author-description-content { padding: 0; } .eltd-author-description .eltd-author-description-image { display: block; width: 100%; } .eltd-author-description .eltd-author-description-text-holder { display: block; padding: 0; margin-top: 30px; } } / Single author box styles - end ====================================================================== / / ========================================================================== Blog pagination standard style - begin ========================================================================== / .eltd-blog-pagination-wp { display: none; } .eltd-blog-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 40px 0 30px; clear: both; } .eltd-blog-pagination ul { width: auto; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: right; display: inline-block; float: right; position: relative; } .eltd-blog-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0; position: absolute; visibility: hidden; bottom: 0; } .eltd-blog-pagination ul li.eltd-parent-active { position: relative; visibility: visible; } .eltd-blog-pagination ul li.eltd-parent-active:after { content: '-'; display: inline-block; color: #262626; font-weight: 700; } .eltd-blog-pagination ul li.eltd-pag-last-page { position: relative; visibility: visible; } .eltd-blog-pagination ul li.eltd-pag-last-page a { color: #dddddd !important; } .eltd-blog-pagination ul li.eltd-pag-last-page:after { display: none; } .eltd-blog-pagination ul li a { font-size: 16px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; letter-spacing: -.08px; color: #262626; vertical-align: middle; } .eltd-blog-pagination ul li a.eltd-pag-active { color: #262626; } .eltd-blog-pagination ul li:last-child { margin-left: 5px !important; } .eltd-blog-pagination ul li.eltd-pag-prev, .eltd-blog-pagination ul li.eltd-pag-next, .eltd-blog-pagination ul li.eltd-pag-first, .eltd-blog-pagination ul li.eltd-pag-last { margin: 0; position: relative; visibility: visible; } .eltd-blog-pagination ul li.eltd-pag-prev a, .eltd-blog-pagination ul li.eltd-pag-next a, .eltd-blog-pagination ul li.eltd-pag-first a, .eltd-blog-pagination ul li.eltd-pag-last a { font-size: 12px; } .eltd-blog-pagination ul li.eltd-pag-prev a i, .eltd-blog-pagination ul li.eltd-pag-next a i, .eltd-blog-pagination ul li.eltd-pag-first a i, .eltd-blog-pagination ul li.eltd-pag-last a i { display: block; line-height: inherit; } .eltd-blog-pagination ul li.eltd-pag-prev a i:before, .eltd-blog-pagination ul li.eltd-pag-next a i:before, .eltd-blog-pagination ul li.eltd-pag-first a i:before, .eltd-blog-pagination ul li.eltd-pag-last a i:before { display: block; line-height: inherit; } .eltd-blog-pagination ul li.eltd-pag-next a i { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eltd-blog-pagination ul li.eltd-pag-next a:hover i { -webkit-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); } .eltd-blog-pagination ul li.eltd-pag-prev a i { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eltd-blog-pagination ul li.eltd-pag-prev a:hover i { -webkit-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); } .eltd-blog-pagination ul li.eltd-pag-prev { margin-right: 5px; } / ========================================================================== Blog pagination standard style - end ========================================================================== / / ========================================================================== Blog List shortcode pagination standard style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-pag-standard-blog-list .eltd-blog-list { opacity: 1; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltd-blog-list-holder.eltd-bl-pag-standard-blog-list.eltd-bl-pag-standard-blog-list-animate .eltd-blog-list { opacity: 0; } .eltd-bl-standard-pagination { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 20px 0 0; clear: both; } .eltd-bl-standard-pagination ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; list-style: none; text-align: right; width: auto; display: inline-block; float: right; } .eltd-bl-standard-pagination ul li { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; visibility: hidden; position: absolute; } .eltd-bl-standard-pagination ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-size: 16px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; letter-spacing: -.08px; color: #dddddd; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-active { visibility: visible; position: relative; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-active:after { content: '-'; display: inline-block; color: #262626; font-weight: 700; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-active a { color: #262626; } .eltd-bl-standard-pagination ul li.eltd-pag-last-page { position: relative; visibility: visible; } .eltd-bl-standard-pagination ul li.eltd-pag-last-page a { color: #dddddd !important; } .eltd-bl-standard-pagination ul li.eltd-pag-last-page:after { display: none; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next { visibility: visible; position: relative; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a { font-size: 12px; color: #262626; -webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out; -o-transition: color 0.2s ease-out, opacity 0.2s ease-out; transition: color 0.2s ease-out, opacity 0.2s ease-out; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a i, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a i { display: block; line-height: inherit; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a i:before, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a i:before { display: block; line-height: inherit; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev { margin-right: 5px; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a { opacity: 0; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-next { margin-left: 5px; } .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a { opacity: 1; } / ========================================================================== Blog List shortcode pagination standard style - end ========================================================================== / / ========================================================================== Blog pagination load more style - begin ========================================================================== / .eltd-blog-pag-load-more { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 40px 0 30px; text-align: center; } / ========================================================================== Blog pagination load more style - end ========================================================================== / / ========================================================================== Blog pagination loading element style - begin ========================================================================== / .eltd-blog-pag-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; color: #262626; text-align: center; } .eltd-blog-pag-loading.eltd-standard-pag-trigger { position: absolute; top: 50px; left: 0; } .eltd-blog-pag-loading.eltd-showing { display: block; } .eltd-blog-pag-loading > div { position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 3px; background-color: #262626; border-radius: 100%; -webkit-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both; } .eltd-blog-pag-loading .eltd-blog-pag-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltd-blog-pag-loading .eltd-blog-pag-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bl-pag-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bl-pag-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } / ========================================================================== Blog pagination loading element style - end ========================================================================== / / Single posts navigation styles - begin ====================================================================== / .eltd-blog-single-navigation { position: relative; display: table; width: 100%; vertical-align: middle; padding: 0; clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-single-navigation .eltd-blog-single-navigation-inner { padding: 43px 0 98px; } .eltd-blog-single-navigation .eltd-blog-single-prev, .eltd-blog-single-navigation .eltd-blog-single-next { color: #262626; } .eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-label, .eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-label { display: inline-block; font-size: 16px; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 700; letter-spacing: -.08px; color: inherit; vertical-align: middle; } .eltd-blog-single-navigation .eltd-blog-single-prev { float: left; } .eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-mark, .eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-label { float: left; } .eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-mark:before { display: inline-block; content: "\f053"; font-family: 'FontAwesome'; vertical-align: middle; font-size: 12px; margin-right: 5px; margin-top: -3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eltd-blog-single-navigation .eltd-blog-single-prev:hover .eltd-blog-single-nav-mark:before { -webkit-transform: translate3d(-7px, 0, 0); transform: translate3d(-7px, 0, 0); } .eltd-blog-single-navigation .eltd-blog-single-next { float: right; } .eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-mark, .eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-label { float: right; } .eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-mark:after { display: inline-block; content: "\f054"; font-family: 'FontAwesome'; vertical-align: middle; font-size: 12px; margin-left: 5px; margin-top: -3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eltd-blog-single-navigation .eltd-blog-single-next:hover .eltd-blog-single-nav-mark:after { -webkit-transform: translate3d(7px, 0, 0); transform: translate3d(7px, 0, 0); } .eltd-single-links-pages { clear: both; margin: 20px 0 5px; } .eltd-single-links-pages .eltd-single-links-pages-inner > a, .eltd-single-links-pages .eltd-single-links-pages-inner > span { position: relative; display: inline-block; vertical-align: middle; margin: 0 15px 5px 0; } / Single posts navigation styles - end ====================================================================== / / Related posts styles - begin ====================================================================== / .eltd-related-posts-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-related-posts-holder .eltd-related-posts-holder-inner { padding: 46px 0 26px; } .eltd-related-posts-holder .eltd-related-posts-title { margin: 0 0 40px; } .eltd-related-posts-holder .eltd-related-posts-title > { margin: 0; } .eltd-related-posts-holder .eltd-related-posts-inner { margin: 0 -15px; } .eltd-related-posts-holder .eltd-related-post { position: relative; display: inline-block; float: left; width: 25%; margin: 0 0 30px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-content-has-sidebar .eltd-related-posts-holder .eltd-related-post { widtH: 33.33333333333333%; } .touch .eltd-related-posts-holder .eltd-related-post { cursor: pointer; } .eltd-related-posts-holder .eltd-related-post:hover .eltd-related-post-image a:after { opacity: 1; } .eltd-related-posts-holder .eltd-related-post .eltd-related-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden; } .eltd-related-posts-holder .eltd-related-post .eltd-related-post-image a { position: relative; display: block; } .eltd-related-posts-holder .eltd-related-post .eltd-related-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(38, 38, 38, 0.4); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .eltd-related-posts-holder .eltd-related-post .eltd-related-post-image img { display: block; } .eltd-related-posts-holder .eltd-related-post .eltd-post-title { margin: 19px 0 0; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 4px 0 0; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div { position: relative; display: inline-block; vertical-align: top; float: left; padding: 0 13px 0 0; color: inherit; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:after { position: absolute; top: 0; right: 4px; content: '/'; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:last-child { padding: 0; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:last-child:after { display: none; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div.eltd-post-info-author .eltd-post-info-author-text { margin: 0 3px 0 0; } .eltd-related-posts-holder .eltd-related-post .eltd-post-info > div a { color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; } /* Related posts styles - end ====================================================================== / / ========================================================================== Blog Single style - begin ========================================================================== / .eltd-blog-holder.eltd-blog-single article { margin: 0 0 30px; } .eltd-blog-holder.eltd-blog-single article .eltd-post-heading { margin-bottom: 25px; } .eltd-blog-holder.eltd-blog-single article .eltd-post-text { padding: 0 0 21px; } .eltd-blog-holder.eltd-blog-single article .eltd-post-text .eltd-post-info-top { margin-bottom: 10px; } .eltd-blog-holder.eltd-blog-single article .eltd-post-info-bottom { padding-top: 42px; } .eltd-blog-holder.eltd-blog-single article.format-quote .eltd-post-text { padding: 31px 53px 43px; } .eltd-blog-holder.eltd-blog-single article.format-link .eltd-post-text { padding: 23px 53px 50px; } / ========================================================================== Blog Single style - end ========================================================================== / / ========================================================================== Blog List shortcode global style - begin ========================================================================== / .eltd-blog-list-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; clear: both; } .eltd-blog-list-holder .eltd-blog-list { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style: none; margin: 0; padding: 0; } .eltd-blog-list-holder .eltd-bl-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-list-holder .eltd-bli-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-blog-list-holder .eltd-bli-content { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-blog-list-holder .eltd-post-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 30px; } .eltd-blog-list-holder .eltd-post-image a { display: block; } .eltd-blog-list-holder .eltd-post-image a:hover:after { opacity: 1; } .eltd-blog-list-holder .eltd-post-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(38, 38, 38, 0.4); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .eltd-blog-list-holder .eltd-post-image img { display: block; } .eltd-blog-list-holder .eltd-bli-info { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 8px; clear: both; } .eltd-blog-list-holder .eltd-bli-info > div { position: relative; display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.2em; float: left; padding: 0 10px 5px 0; } .eltd-blog-list-holder .eltd-bli-info > div:last-child { padding: 0 0 5px; } .eltd-blog-list-holder .eltd-bli-info > div a, .eltd-blog-list-holder .eltd-bli-info > div span { font-family: "Roboto Condensed", sans-serif; font-style: italic; position: relative; display: inline-block; text-transform: none; } .eltd-blog-list-holder .eltd-bli-info > div a:hover, .eltd-blog-list-holder .eltd-bli-info > div span:hover { color: #262626; } .eltd-blog-list-holder .eltd-post-title { margin: 0; } .eltd-blog-list-holder .eltd-post-excerpt { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 15px 0 0; } .eltd-blog-list-holder .eltd-post-excerpt p { margin: 0; } .eltd-blog-list-holder .eltd-info-bottom-left { float: left; display: inline-block; } .eltd-blog-list-holder .eltd-info-bottom-left > { display: inline-block; padding-right: 7px; margin: 15px 0 0; font-family: "Roboto Condensed", sans-serif; font-style: italic; position: relative; display: inline-block; text-transform: none; } .eltd-blog-list-holder .eltd-info-bottom-left > :after { content: '\|'; font-style: normal; padding-left: 7px; } .eltd-blog-list-holder .eltd-info-bottom-left > :last-child:after { display: none; } .eltd-blog-list-holder .eltd-info-bottom-right { float: right; display: inline-block; } .eltd-blog-list-holder .eltd-post-read-more-button { margin: 15px 0 0; position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-info * { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-info-bellow * { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-post-title { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-excerpt p { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * a, .eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * span, .eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * i { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin.eltd-bl-minimal .eltd-post-info-date a { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin.eltd-bl-simple .eltd-post-info-date a { color: #fff !important; } .eltd-blog-list-holder.eltd-dark-skin .eltd-post-read-more-button a { color: #fff; } .eltd-blog-list-holder.eltd-dark-skin .eltd-post-read-more-button a:hover { color: #fff !important; } /* ========================================================================== Blog List shortcode global style - end ========================================================================== / / ========================================================================== Blog List shortcode - Boxed type style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-boxed:not(.eltd-bl-one-column) .eltd-bl-item { float: left; } .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-two-columns .eltd-bl-item { width: 50%; } @media only screen and (min-width: 1025px) { .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-two-columns .eltd-bl-item:nth-child(2n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-three-columns .eltd-bl-item { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-three-columns .eltd-bl-item:nth-child(3n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-four-columns .eltd-bl-item { width: 25%; } @media only screen and (min-width: 1201px) { .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-four-columns .eltd-bl-item:nth-child(4n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-five-columns .eltd-bl-item { width: 20%; } @media only screen and (min-width: 1201px) { .eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-five-columns .eltd-bl-item:nth-child(5n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content { text-align: center; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info { text-align: center; margin: 35px 0 13px; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info > div { float: none; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-post-excerpt-holder { width: 80%; margin: 0 auto; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0 0 8px; clear: both; text-align: center; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div { position: relative; display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.2em; padding: 0 10px 5px 0; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div:last-child { padding: 0 0 5px; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div a, .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div span { font-family: "Roboto Condensed", sans-serif; font-style: italic; position: relative; display: inline-block; text-transform: none; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div a:hover, .eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div span:hover { color: #262626; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image { margin: 0; overflow: hidden; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image img { -webkit-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; transition: all 0.32s ease-in-out; -webkit-transform: scale(1.005); -ms-transform: scale(1.005); transform: scale(1.005); } .eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image a:after { display: none; } .eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } / ========================================================================== Blog List shortcode - Boxed type style - end ========================================================================== / / ========================================================================== Blog List shortcode - Masonry type style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-masonry { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; overflow: visible !important; } .eltd-blog-list-holder.eltd-bl-masonry .eltd-blog-list { opacity: 0; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-item { vertical-align: top; z-index: 100; } .eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-item, .eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-grid-sizer { width: 100%; } .eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-grid-gutter { width: 0; } .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-two-columns .eltd-bl-item, .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-two-columns .eltd-bl-grid-sizer { width: 50%; } .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-three-columns .eltd-bl-item, .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-three-columns .eltd-bl-grid-sizer { width: 33.33333%; } .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-four-columns .eltd-bl-item, .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-four-columns .eltd-bl-grid-sizer { width: 25%; } .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-five-columns .eltd-bl-item, .eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-five-columns .eltd-bl-grid-sizer { width: 20%; } / ========================================================================== Blog List shortcode - Masonry type style - end ========================================================================== / / ========================================================================== Blog List shortcode - Minimal type style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date { display: block; margin: 0 0 12px; line-height: 1; } .eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date a { font-size: 13px; color: #464646; } .eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date a:hover { color: #262626; } / ========================================================================== Blog List shortcode - Minimal type style - end ========================================================================== / / ========================================================================== Blog List shortcode - Simple type style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-simple .eltd-post-image { display: table-cell; vertical-align: top; width: 84px; } .eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content { display: table-cell; vertical-align: top; width: auto; padding-left: 25px; } .eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date { display: block; margin: 7px 0 0; line-height: 1; } .eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date a { font-size: 13px; color: #464646; } .eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date a:hover { color: #262626; } / ========================================================================== Blog List shortcode - Simple type style - end ========================================================================== / / ========================================================================== Blog List shortcode - Standard type style - begin ========================================================================== / .eltd-blog-list-holder.eltd-bl-standard:not(.eltd-bl-one-column) .eltd-bl-item { float: left; } .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-two-columns .eltd-bl-item { width: 50%; } @media only screen and (min-width: 1025px) { .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-two-columns .eltd-bl-item:nth-child(2n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-three-columns .eltd-bl-item { width: 33.33333%; } @media only screen and (min-width: 1025px) { .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-three-columns .eltd-bl-item:nth-child(3n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-four-columns .eltd-bl-item { width: 25%; } @media only screen and (min-width: 1281px) { .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-four-columns .eltd-bl-item:nth-child(4n+1) { clear: both; } } .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-five-columns .eltd-bl-item { width: 20%; } @media only screen and (min-width: 1281px) { .eltd-blog-list-holder.eltd-bl-standard.eltd-bl-five-columns .eltd-bl-item:nth-child(5n+1) { clear: both; } } / ========================================================================== Blog List shortcode - Standard type style - end ========================================================================== / / ========================================================================== Blog List loading element style - begin ========================================================================== / .eltd-bl-loading { position: relative; display: none; width: 100%; margin: 40px 0 20px; text-align: center; } .eltd-bl-loading.eltd-showing { display: block; } .eltd-bl-loading > div { position: relative; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin: 0 3px; background-color: #262626; border-radius: 100%; -webkit-animation: bl-bouncedelay 1.4s infinite ease-in-out both; animation: bl-bouncedelay 1.4s infinite ease-in-out both; } .eltd-bl-loading .eltd-bl-loading-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eltd-bl-loading .eltd-bl-loading-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bl-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bl-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } / ========================================================================== Blog List loading element style - end ========================================================================== / / ========================================================================== Blog Slider shortcode style - begin ========================================================================== / .eltd-blog-slider-holder { /** Slider Type Style - begin */ /* Slider Type Style - end */ /* Carousel Type Style - begin */ /* Carousel Type Style - end */ /* Carousel Centered Type Style - begin */ /* Carousel Centered Type Style - end **/ } .eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item { text-align: center; } .touch .eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item { cursor: pointer; } .eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item:hover .eltd-item-text-wrapper { opacity: 1; } .eltd-blog-slider-holder.eltd-bs-slider .eltd-post-title { color: #fff; } .eltd-blog-slider-holder.eltd-bs-slider .eltd-post-title a:hover { color: rgba(255, 255, 255, 0.8); } .eltd-blog-slider-holder.eltd-bs-slider .eltd-post-read-more-button a { color: #fff; } .eltd-blog-slider-holder.eltd-bs-slider .eltd-post-read-more-button a:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltd-blog-slider-holder.eltd-bs-carousel .eltd-item-image a:hover:after { opacity: 1; } .eltd-blog-slider-holder.eltd-bs-carousel .eltd-item-image a:after { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; content: ''; background-color: rgba(38, 38, 38, 0.4); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .eltd-blog-slider-holder.eltd-bs-carousel .eltd-post-title { margin: 29px 0 0; } .eltd-blog-slider-holder.eltd-bs-carousel .eltd-post-read-more-button { margin: 15px 0 0; } .eltd-blog-slider-holder.eltd-bs-carousel-centered .active.center .eltd-item-text-wrapper { opacity: 1; } .eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-blog-slider-item { text-align: center; } .eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-title { color: #fff; } .eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-title a:hover { color: rgba(255, 255, 255, 0.8); } .eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-read-more-button a { color: #fff; } .eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-read-more-button a:hover { color: rgba(255, 255, 255, 0.8) !important; } .eltd-blog-slider-holder .eltd-blog-slider-item { position: relative; display: inline-block; width: 100%; vertical-align: middle; list-style-type: none; } .eltd-blog-slider-holder .eltd-item-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .eltd-blog-slider-holder .eltd-item-text-wrapper { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(200, 255, 11, 0.85); opacity: 0; -webkit-transition: opacity 0.45s ease-out; -o-transition: opacity 0.45s ease-out; transition: opacity 0.45s ease-out; } .eltd-blog-slider-holder .eltd-item-text-holder { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; } .eltd-blog-slider-holder .eltd-item-text-holder-inner { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 0 5%; } .eltd-blog-slider-holder .eltd-item-info-section { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-bottom: 2px; } .eltd-blog-slider-holder .eltd-item-info-section > div { position: relative; display: inline-block; vertical-align: top; padding-right: 10px; margin-right: 3px; color: #fff; font-size: 12px; line-height: 24px; } .eltd-blog-slider-holder .eltd-item-info-section > div a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } .eltd-blog-slider-holder .eltd-item-info-section > div a:hover { color: rgba(255, 255, 255, 0.8); } .eltd-blog-slider-holder .eltd-item-info-section > div:after { content: "/"; position: absolute; top: 0; right: 2px; } .eltd-blog-slider-holder .eltd-item-info-section > div:last-child { padding-right: 0; margin-right: 0; } .eltd-blog-slider-holder .eltd-item-info-section > div:last-child:after { content: ''; } .eltd-blog-slider-holder .eltd-post-title { margin: 0; } .eltd-blog-slider-holder .eltd-bli-excerpt { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 12px 0 0; } .eltd-blog-slider-holder .eltd-bli-excerpt p { margin: 0; } .eltd-blog-slider-holder .eltd-post-read-more-button { margin: 5px 0 0; } / ========================================================================== Blog Slider shortcode style - end ========================================================================== / / ========================================================================== Blog styles - end ========================================================================== / /# sourceMappingURL=../css/blog-map.css.map */

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