File manager - Edit - /home/xfekoga/grenier/wp-content/plugins/sliderkits/assets/css/widgets/blog-slider.css
Back
.sk-slick-blog, .sk-slick-blog .sk-slick-item { height: 650px; overflow: hidden; } .sk-slick-blog .sk-slick-item .sk-slick-item__bg { background-color: #333; } .sk-slick-blog .sk-slick-item .sk-heading, .sk-slick-blog .sk-slick-item .sk-subheading{ color: #fff; } .sk-slick-blog .sk-slick-item .sk-content, .sk-slick-blog .sk-slick-item .sk-content p { color: rgba(255,255,255, .8); } .sk-slick-blog .slick-dots { bottom: auto; top: 5px; right: 0; text-align: left; width: 300px; height: 100%; background: rgba(0,0,0,.1); display: flex; flex-direction: column; justify-content: center; } .sk-slick-blog .slick-dots li { display: block; width: 100%; height: 100px; margin: 0; padding: 10px; color: #fff; transition: all 0.3s; } .sk-slick-blog .slick-dots li:hover { background: rgba(0,0,0,.2); transition: all 0.3s; } .sk-slick-blog .slick-dots li.slick-active { background: rgba(0,0,0,.4); } .sk-slick-blog .slick-dots li .sk-paging-thumb { width: 80px; height: 80px; display: block; overflow: hidden; float: left; margin-right: 20px; } .sk-slick-blog .slick-dots li .sk-paging-thumb img { width: 100%; height: 100%; object-fit: cover; } .sk-slick-blog .slick-dots li h5 { line-height: 1.4; margin-top: 10px; } .sk-slick-blog .slick-next { right: 350px; } .sk-slick-blog .slick-prev { right: 400px; left: auto; } .sk-slick-blog .slick-prev, .sk-slick-blog .slick-next { z-index: 3; top: auto; bottom: 50px; } .sk-slick-blog .slick-prev:before, .sk-slick-blog .slick-next:before { font-size: 50px; border: 1px solid rgba(255,255,255, .8); } .sk-slick-blog .slick-prev:before { border-right: 0; } .sk-slick-blog .slick-prev:hover:before, .sk-slick-blog .slick-next:hover:before { background: #fff; color: #000; } .sk-slick-blog .sk-slick-item.slick-current .sk-slick-item__bg { animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards; -webkit-animation: skZoomOut 3s cubic-bezier(0.4, 0, 0.2, 1) 0.2s backwards; transform: scale(1); -webkit-transform: scale(1); } .sk-slick-blog .sk-slick-item.slick-current .sk-heading{ animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards; -webkit-animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.6s backwards; } .sk-slick-blog .sk-slick-item.slick-current .sk-subheading{ animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards; -webkit-animation: skFadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) 1s backwards; } .sk-slick-blog .sk-slick-item.slick-current .sk-content{ animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards; -webkit-animation: skFadeInUp 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.3s backwards; } .sk-slick-blog .sk-slick-item.slick-current .sk-button { animation: skFadeInUp 1s linear 1.5s backwards; -webkit-animation: skFadeInUp 1s linear 1.5s backwards; } .sk-gallery-top.slick-slider { margin-bottom: 10px; } .sk-slick-blog-thumbs .sk-slick-item { height: 100px; overflow: hidden; margin: 0 5px; } .sk-slick-blog-thumbs .sk-slick-item img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; } @media(max-width: 767px) { .sk-slick-blog .slick-next { right: 50px; bottom: 40px; top: auto; } .sk-slick-blog .slick-prev { right: 100px; top: auto; bottom: 40px; left: auto; } .sk-slick-blog .slick-dots { bottom: 30px; text-align: left; padding-left: 30px; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings