File "image-slider.css"
Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/widgets/image-slider.css
File size: 4.23 KB
MIME-type: text/plain
Charset: utf-8
.gyan-image-slider {
display: block;
position: relative;
}
.gyan-image-slider-wrap {
position: relative;
}
.gyan-image-slider-slide {
position: relative;
}
.gyan-image-slider-slide-link {
cursor: pointer;
}
.gyan-image-slider-slideshow .gyan-image-slider-container {
display: flex;
align-items: flex-start;
}
.gyan-image-slider-slideshow .gyan-image-slider-wrap {
flex: 1 1 auto;
width: 70%;
}
.gyan-image-slider-slideshow .gyan-image-slider-thumb-pagination {
flex: 1 1 auto;
width: 30%;
}
.gyan-image-slider-align-right .gyan-image-slider-container {
flex-direction: row-reverse;
}
.gyan-image-slider-align-top .gyan-image-slider-container {
flex-direction: column;
}
.gyan-image-slider-align-top .gyan-image-slider-wrap,
.gyan-image-slider-align-top .gyan-image-slider-thumb-pagination {
flex: 1 1 auto;
width: 100%;
}
.gyan-image-slider-content,
.gyan-image-slider-thumb-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.gyan-image-slider-content {
color: #fff;
display: flex;
flex-direction: column;
}
.gyan-image-slider-thumb-item {
overflow: hidden;
position: relative;
cursor: pointer;
}
.gyan-image-slider-thumb-item img {
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
width: 100%;
}
.gyan-image-slider-arrow {
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
color: #000;
cursor: pointer;
display: inline-flex;
font-size: 22px;
line-height: 22px;
padding: 20px;
position: absolute;
top: 50%;
width: 22px;
height: 22px;
transform: translateY(-50%);
z-index: 1;
}
.gyan-image-slider-arrow.gyan-image-slider-arrow-next {
right: 20px;
}
.gyan-image-slider-arrow.gyan-image-slider-arrow-prev {
left: 20px;
}
.gyan-image-slider-container .gyan-image-slider-arrow-hover-on.gyan-image-slider-arrow {
opacity: 0;
visibility: hidden;
}
.gyan-image-slider-container:hover .gyan-image-slider-arrow-hover-on.gyan-image-slider-arrow {
opacity: 1;
visibility: visible;
}
.gyan-image-slider-dots-inside .slick-dots {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
}
.gyan-image-slider .slick-dots {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.gyan-image-slider ul li {
background: #ccc;
border-radius: 100%;
position: relative;
display: inline-block;
margin: 0 4px;
padding: 0;
vertical-align: middle;
}
.gyan-image-slider ul li.slick-active {
background: #000;
}
.gyan-image-slider ul li button {
background: transparent;
border: 0;
box-shadow: none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
width: 10px;
height: 10px;
padding: 0;
outline: none;
border-radius: 100%;
}
[dir='rtl'] .slick-slide {
float: right;
}
/* Update */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
@media (max-width:1024px) {
.gyan-image-slider-stack-tablet .gyan-image-slider-container {
display: block;
}
.gyan-image-slider-stack-tablet .gyan-image-slider-wrap,
.gyan-image-slider-stack-tablet .gyan-image-slider-thumb-pagination {
width: 100% !important;
}
}
@media only screen and (max-width:767px) {
.gyan-image-slider-stack-mobile .gyan-image-slider-container {
display: block;
}
.gyan-image-slider-stack-mobile .gyan-image-slider-wrap,
.gyan-image-slider-stack-mobile .gyan-image-slider-thumb-pagination {
width: 100% !important;
}
}