stylehub/assets/3rdparty/sliderm.css

196 lines
16 KiB
CSS
Raw Normal View History

.sliderm {
position: relative
}
.sliderm__slider {
overflow: hidden
}
.sliderm__slides {
display: flex;
transition: all 0s linear 0s
}
.sliderm__slide {
box-sizing: border-box
}
.sliderm__slide img {
width: 100%
}
.sliderm--initialize > div {
opacity: 0
}
.sliderm__button--next, .sliderm__button--previous {
align-items: center;
background-color: #000;
color: #fff;
cursor: pointer;
display: inline-flex;
height: 32px;
justify-content: center;
opacity: .5;
overflow: hidden;
position: absolute;
top: calc(50% - 16px);
width: 32px
}
.sliderm__button--next span, .sliderm__button--previous span {
opacity: 1
}
.sliderm__button--none {
background: none !important;
height: 100%;
text-shadow: 1px 1px 5px #000;
top: 0
}
.sliderm__button--square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.sliderm__button--circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.sliderm__button--previous {
left: -16px
}
.sliderm__button--previous span {
margin-left: -3px
}
.sliderm__button--next {
right: -16px
}
.sliderm__button--next span {
margin-right: -3px
}
.sliderm__paginations {
display: flex;
justify-content: center;
margin: 10px 0
}
.sliderm__pagination {
border: 2px solid #aaa;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
height: 10px;
margin: 0 2px;
position: relative;
width: 10px
}
.sliderm__pagination[data-active=true] {
border: 2px solid #00a0a0
}
.sliderm--initialized .sliderm__spinner {
display: none
}
.sliderm__spinner {
animation: sliderm-load 1.8s ease-in-out infinite;
animation-delay: -.16s;
animation-fill-mode: both;
border-radius: 50%;
color: #1cbbb4;
font-size: 10px;
height: 2.5em;
left: calc(50% - 1.25em);
opacity: 1 !important;
position: absolute;
text-indent: -9999em;
top: calc(50% - 1.25em);
transform: translateZ(0);
width: 2.5em
}
.sliderm__spinner:after, .sliderm__spinner:before {
animation: sliderm-load 1.8s ease-in-out infinite;
animation-fill-mode: both;
border-radius: 50%;
content: "";
height: 2.5em;
position: absolute;
top: 0;
width: 2.5em
}
.sliderm__spinner:before {
animation-delay: -.32s;
left: -3.5em
}
.sliderm__spinner:after {
left: 3.5em
}
@keyframes sliderm-load {
0%, 80%, to {
box-shadow: 0 2.5em 0 -1.3em
}
40% {
box-shadow: 0 2.5em 0 0
}
}
@font-face {
font-family: sliderm__fontello;
src: url(data:application/octet-stream;base64,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
}
[class*=" sliderm__icon-"]:before, [class^=sliderm__icon-]:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-family: sliderm__fontello;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1em;
margin-left: .2em;
margin-right: .2em;
text-align: center;
text-decoration: inherit;
text-transform: none;
width: 1em
}
.sliderm__icon-left--regular:before {
content: "\fef01"
}
.sliderm__icon-right--regular:before {
content: "\fef02"
}
.sliderm__icon-left--bold:before {
content: "\fef03"
}
.sliderm__icon-right--bold:before {
content: "\fef04"
}
.sliderm__icon-right--thin:before {
content: "\fef05"
}
.sliderm__icon-left--thin:before {
content: "\fef06"
}