PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 4.0.8
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v4.0.8
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
post-carousel / blocks / includes / post-timeline-three / style.css

style.css in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.8, at blocks/includes/post-timeline-three/style.css

1 lines 5.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .post-timeline-three{position:relative}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container{display:flex;justify-content:space-around;position:relative;z-index:1}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .rfm-initial-child-container,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .rfm-initial-child-container{align-items:flex-start}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-border,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-border{content:"";position:absolute;top:11px;left:0;right:0;height:6px;width:100%;margin:auto;background:#333;border-radius:4px}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container{position:relative;padding-top:60px}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container::before,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container::before{content:"";position:absolute;height:0;width:0;z-index:1;top:45px;left:50%;transform:translateX(-50%)}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container::after,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container::after{content:"";position:absolute;width:20px;height:20px;left:50%;top:4px;z-index:1;border-radius:50%;background-color:#fff;transform:translateX(-50%);box-sizing:border-box}.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_eight.sp-smart-post-card,.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_seven.sp-smart-post-card,.post-timeline-three.timeline-three-layout-one .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_six.sp-smart-post-card,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_eight.sp-smart-post-card,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_seven.sp-smart-post-card,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-three-post-container .orientation_six.sp-smart-post-card{background-color:transparent}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-nav-arrow,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-container .sp-smart-post-timeline-border{transform:translateY(-50%)}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-nav-arrow{transform:translateY(-17px)}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even){display:flex;align-items:flex-end}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even)::after,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even)::before{top:100%;transform:rotate(180deg) translateX(50%)}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even)::after{top:calc(100% + 38px)}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even) .sp-smart-post-template-one-content.orientation_eight,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even) .sp-smart-post-template-one-content.orientation_seven,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even) .sp-smart-post-template-one-content.orientation_six{margin-bottom:-50px;margin-top:0}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even) .sp-smart-post-card,.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even) .sp-smart-post-card-content{flex-direction:column-reverse}.post-timeline-three.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(odd)::after{top:7px}.post-timeline-three .sp-smart-post-card-image a{display:block;width:100%;height:100%}.post-timeline-three .sp-smart-post-card-image a img{width:100%;height:100%}.post-timeline-three .sp-smart-post-swiper-nav-arrow .btn-prev{left:-10px}.post-timeline-three .sp-smart-post-swiper-nav-arrow .btn-next{right:-10px}.sp-smart-post-timeline-three-container{overflow:hidden}.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(odd){margin-top:-5px}.timeline-three-layout-two .sp-smart-post-timeline-three-post-container:nth-child(even){top:calc(-100% - 38px)}