File manager - Edit - /home/jardides/www/Jardi-design/old/plugins/pagebuilderck/slider/assets/slider.css
Back
/** * @name Page Builder CK * @package com_pagebuilderck * @copyright Copyright (C) 2015. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @author Cedric Keiflin - https://www.template-creator.com - https://www.joomlack.fr */ .cktype[data-type="slider"] { overflow: hidden; } .pbck_slider { text-align: center; margin: 0 auto; max-width: 100%; position: relative; } .pbck_slider a { color: #ef023f; cursor: pointer; text-decoration: none; } .pbck_wrap { width: 100%; overflow: hidden; } .pbck_slide_img { width: 100%; height: auto; overflow: hidden; } .pbck_slides { position: relative; overflow: hidden; } .pbck_slides:not([data-sliderheight="auto"]) .pbck_slide_img { object-fit: cover; } .pbck_slides .pbck_wrapinner { /*width: 500%;*/ line-height: 0; margin-left: 0; } .pbck_slide { /*width: 20%;*/ float: left; position: relative; margin: 0; padding: 0; } .pbck_slider_controls { position: absolute; bottom: 0; right: 0; } .pbck_slider_controls .pbck_slider_control { width: 50px; height: 50px; opacity: 0.7; cursor: pointer; } .pbck_slider_controls .pbck_slider_control:hover { opacity: 1; } .pbck_slider_controls .control_next { background: url('images/next.png') no-repeat; float: right; margin: 0 10px 0 0; display: block; background-color: #ccc; } .pbck_slider_controls .control_prev { background: url('images/prev.png') no-repeat; float: left; margin: 0 0 0 17px; display: block; background-color: #ccc; } .pbck_slide_caption { color: #FFFFFF; font-style: italic; line-height: 20px; bottom: 5%; opacity: 0; position: absolute; text-align: left; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pbck_slide_caption .pbck_slide_title { color: #FFFFFF; margin: 0 0 5px; font-weight: normal; font-size: 1.1em; font-style: normal; background: none repeat scroll 0 0 #222222; padding: 5px; display: inline-block; } .pbck_slide_caption .pbck_slide_desc { color: #FFFFFF; margin: 0 0 5px; font-weight: normal; font-size: 0.9em; font-style: normal; background: none repeat scroll 0 0 #222222; padding: 5px; text-align:right; display: inline-block; } .pbck_slide_caption .pbck_slide_title:empty, .pbck_slide_caption .pbck_slide_desc:empty { display: none; } .pbck_slide_caption > br { display:block; height:0; overflow: hidden; } /* Animation */ .pbck_slider.pbck_animate .pbck_slides .pbck_wrapinner { -webkit-transform: translateZ(0); -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */ } .pbck_slider.pbck_animate { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pbck_slider.pbck_animate .pbck_slider_controls .pbck_slider_control { -webkit-transform: translateZ(0); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .pbck_slider.pbck_animate .pbck_slide.current .pbck_slide_caption { opacity: 1; -webkit-transition: all 1s ease-out 0.6s; -moz-transition: all 1s ease-out 0.6s; -o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s; } /* thumbs */ .pbck_slider_thumbs { overflow: hidden; flex-direction: row; margin: 5px 0 0 0; position: relative; z-index: 2; } .sliderthumbswrap { display: flex; flex-direction: row; } .pbck_slide_thumb { opacity: 0.5; cursor: pointer; transition: 0.2s opacity; float: left; } .pbck_slide_thumb + .pbck_slide_thumb { margin: 0 0 0 5px; } .pbck_slide_thumb.current, .pbck_slide_thumb:hover { opacity: 1; } .pbck_slider .pbck_slide_thumb > img { height: 100%; width: 100%; object-fit: cover; } .pbck_slider_thumbs_control { width: 40px; height: 40px; opacity: 0.7; cursor: pointer; position: absolute; top: 50%; margin: -20px 0 0 0; } .pbck_slider_thumbs_control:hover { opacity: 1; } .pbck_slider_thumbs_control.control_next { background: url('images/next.png') center center no-repeat; background-color: #ccc; right: 0; } .pbck_slider_thumbs_control.control_prev { background: url('images/prev.png') center center no-repeat; background-color: #ccc; left: 0; } .pbck_slide_link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings