File manager - Edit - /home/xfekoga/grenier/wp-content/plugins/sliderkits/assets/css/widgets/split-slider.css
Back
.sk-slick-split, .sk-slick-split .sk-slick-item { height: 650px; overflow: hidden; } .sk-slick-split .sk-slick-item .sk-text-side { padding-right: 50px; } .sk-slick-split .sk-slick-item .sk-img-side { display: flex; justify-content: center; overflow: hidden; padding-right: 20px; position: relative; } .sk-slick-split .sk-slick-item .sk-img-side img { max-width: none; height: auto; } @media(min-width: 767px) { .sk-slick-split .sk-slick-item .sk-img-side img { max-width: 100%; } } .sk-slick-split .sk-slick-item .sk-column-reverse .sk-img-side { order: 1; } .sk-slick-split .sk-slick-item .sk-column-reverse .sk-text-side { order: 2; padding-left: 50px; padding-right: 20px; } .sk-slick-split .sk-slick-item .sk-heading, .sk-slick-split .sk-slick-item .sk-subheading{ color: #000; position: relative; } .sk-slick-split .sk-slick-item .sk-heading::before, .sk-slick-split .sk-slick-item .sk-subheading::before, .sk-slick-split .sk-slick-item .sk-heading::after, .sk-slick-split .sk-slick-item .sk-subheading::after, .sk-slick-split .sk-slick-item .sk-img-side::before, .sk-slick-split .sk-slick-item .sk-img-side::after { background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; content: ''; } .sk-slick-split .sk-slick-item .sk-heading::after, .sk-slick-split .sk-slick-item .sk-subheading::after, .sk-slick-split .sk-slick-item .sk-img-side::after { background: #fff; z-index: 1; } .sk-slick-split .sk-slick-item .sk-img-side::before { background: #fff; } .sk-slick-split .sk-slick-item .sk-subheading::before { background: #fc0; } .sk-slick-split .sk-slick-item .sk-content, .sk-slick-split .sk-slick-item .sk-content p { color: rgba(0,0,0,.8); } .sk-slick-split .sk-slick-item .sk-content, .sk-slick-split .sk-slick-item .sk-button { opacity: 0; } .sk-slick-split .slick-dots { top: 50%; right: 20px; width: 20px; } .sk-slick-split .slick-dots li button:before { font-size: 9px; color: #000; transform: scale(0.8); -webkit-transform: scale(0.8); } .sk-slick-split .slick-dots li.slick-active button:before { transform: scale(1); -webkit-transform: scale(1); border: 1px solid #000; border-radius: 50px; } .sk-slick-split .sk-slick-item.slick-current .sk-heading::before { animation: skMaskMoveRightShrink 1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards; -webkit-animation: skMaskMoveRightShrink 1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards; width: 0; } .sk-slick-split .sk-slick-item.slick-current .sk-heading::after { animation: skMaskMoveRight 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards; -webkit-animation: skMaskMoveRight 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards; width: 100%; } .sk-slick-split .sk-slick-item.slick-current .sk-subheading::before { animation: skMaskMoveRightShrink 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; -webkit-animation: skMaskMoveRightShrink 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; width: 0; } .sk-slick-split .sk-slick-item.slick-current .sk-subheading::after { animation: skMaskMoveRight 2s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; -webkit-animation: skMaskMoveRight 2s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; width: 100%; } .sk-slick-split .sk-slick-item.slick-current .sk-content{ animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.7s backwards; -webkit-animation: skFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.7s backwards; } .sk-slick-split .sk-slick-item.slick-current .sk-button { animation: skFadeInUp 1s linear 1s backwards; -webkit-animation: skFadeInUp 1s linear 1s backwards; } .sk-slick-split .sk-slick-item.slick-current .sk-img-side::before { animation: skMaskSlideDown 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s backwards; -webkit-animation: skMaskSlideDown 1s cubic-bezier(0.4, 0, 0.2, 1) 0.3s backwards; height: 0; } .sk-slick-split .sk-slick-item.slick-current .sk-img-side::after { animation: skMaskSlideDownInverse 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; -webkit-animation: skMaskSlideDownInverse 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s forwards; height: 100%; } .sk-slick-split .sk-slick-item.slick-current .sk-content { animation: skFadeInUp 1s linear 0.8s backwards; -webkit-animation: skFadeInUp 1s linear 0.8s backwards; opacity: 1; } .sk-slick-split .sk-slick-item.slick-current .sk-button { animation: skFadeInUp 1s linear 1s backwards; -webkit-animation: skFadeInUp 1s linear 1s backwards; opacity: 1; } @media(max-width: 768px) { .sk-slick-split .sk-slick-item { height: auto; overflow: hidden; padding-bottom: 20px; } .sk-slick-split .sk-slick-item .sk-img-side { order: 1; } .sk-slick-split .sk-slick-item .sk-text-side { order: 2; margin-top: 20px; } .sk-slick-split .sk-slick-item .sk-heading { font-size: 2em; } .sk-slick-split .sk-slick-item .sk-subheading { font-size: 1.5em; } }
| ver. 1.4 |
Github
|
.
| PHP 8.0.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings