85 lines
1.3 KiB
CSS
85 lines
1.3 KiB
CSS
/*Carousel specific css*/
|
|
.pause-btn, .play-btn {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.pause-btn svg, .play-btn svg {
|
|
width: 29px;
|
|
height: 29px;
|
|
fill: white;
|
|
padding: 2px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.pause-btn .icon, .play-btn .icon {
|
|
border: none;
|
|
border-radius: 25px;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
margin: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.pause-btn .icon {
|
|
background: darkgray;
|
|
}
|
|
|
|
.play-btn .icon {
|
|
background: gray;
|
|
}
|
|
|
|
.playPause {
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
|
|
/*Slideshow specific css*/
|
|
|
|
.ssPlayPause {
|
|
width: 100%;
|
|
height: 5em;
|
|
display: inline-block;
|
|
opacity: 0.1;
|
|
cursor: pointer;
|
|
transition: opacity 333ms;
|
|
-webkit-transition: opacity 333ms;
|
|
-o-transition: opacity 333ms;
|
|
}
|
|
|
|
.ssPlayPause:hover,
|
|
.ssPlayPause:focus {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.ssPause-btn, .ssPlay-btn {
|
|
border: none;
|
|
background: none;
|
|
margin-top: 6px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.ssPause-btn svg, .ssPlay-btn svg {
|
|
width: 47px;
|
|
height: 47px;
|
|
margin-left: 3px;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
/*Common css*/
|
|
|
|
.isHidden {
|
|
display: none;
|
|
}
|
|
|
|
.alignCenter{
|
|
margin-left: 48%;
|
|
}
|
|
|
|
.alignRight {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
.alignLeft {
|
|
margin-left: 0%;
|
|
} |