196 lines
16 KiB
CSS
196 lines
16 KiB
CSS
|
.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,d09GRgABAAAAAA1YAA8AAAAAF5QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQgAAAGBWImDEY21hcAAAAdgAAABiAAABojStBSVjdnQgAAACPAAAAAsAAAAOAAAAAGZwZ20AAAJIAAAG7QAADgxiLvl6Z2FzcAAACTgAAAAIAAAACAAAABBnbHlmAAAJQAAAAUMAAAGe0I3mJmhlYWQAAAqEAAAAMwAAADYh3d7ZaGhlYQAACrgAAAAfAAAAJAcwA01obXR4AAAK2AAAABoAAAAcEHn/52xvY2EAAAr0AAAAEAAAABABRgGtbWF4cAAACwQAAAAgAAAAIADDDjtuYW1lAAALJAAAAXQAAALNzZ0ZGnBvc3QAAAyYAAAAQQAAAGh6rLJYcHJlcAAADNwAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYYpinMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDAf+AwFz0P8shijmNQzTgMKMKIqYAKmiDpEAAHic7ZHBDYAwDAOdpu0DIeXLEIzBiwnYf4GMUByLMXB1rWxFebgABgAnJ+mA3TCULqam3LEp7zjoGw+1ltCsTfzadT+fm4g0wXr4NlHtRbqo1iO7qOYjh6gfiZyCe165NxIGAAB4nGNgQAYAAA4AAQB4nK1Xa1sbxxWe1Q2MAQNC2M267ihjUZcdySRxHGIrDtllURwlqcC43XVuu0i4TZNekt7oNb1flD9zVrRPnW/5aXnPzEoBB9ynz1M+6Lwz886c65xZSGhJ4n4UxlJ2H4n5nS5V7j2I6IZL1+LkoRzej6jQSD+bFtOi31f7br1OIiYRqK2RcESQ+E1yNMnkYZMKWtVVvUlFLQdHxeWa8AOqBjJJ/KywHPhZoxhQIdg7lDSrAIJ0QKXe4ahQKOAYqh9crvPsaL7m+JcloPJHVaeKNUWiFx3EoxWnYBSWNBU9qgUR66OVIMgJrhxI+rxHpdUHo2vOXBD2Q6qEUZ2KjXj3rQhkdxhJ6vUwtQk2bTDaiGOZWTYsuoapfCRpndfXmfl5L5KIxjCVNNOLEsxIXpthdJPRzcRN4jh2ES2aDfokdiMSXSbXMXa7dIXRlW76aEH0mfGoLPbjeJDG5HhxnHsQywH8UX7cpLKWsKDUSOHTVNCLaEr5NK18ZABbkiZVTLgRCTnIpvZ9yYvsrmvN518SSdin8lodi4EcyiF0ZevlBiK0EyU9N92NIxXXY0mb9yKsuRyX3JQmTWk6F3gjUbBpnsZQ+QrlovyUCvsPyenDEJpaa9I5LdnaebhVEvuST6DNJGZKsmWsndGjc/MiCP21+qRwzuuThTRrT3E8mBDA9USGQ5VyUk2whcsJIenCyLGVSK1Kt6yKuTO201XsEu6Xrh3fNK+NQ0dzs6IYQour6vEaiviCzgqFkAbpVpMWNKhS0oXgNT4AABmiBR7tYrRg8rWIgxZMUCRi0IdmWgwSOUwkLSJsTVrS3b0oKw224qs0d6AOm1TV3Z2oe89OunXMV838ss7EUnA/ypaWAnJSnxY9vnIoLT+7wD8L+CFnBbkoNnpRxuGDv/4QGYbahbW6wrYxdu06b8FN5pkYnnRgfwezJ5N1RgozIaoK8UJB3Rk5jmOyVdMiE4VwL6Il5cuQ5lF+c4hw4svkP5cuOWJRVIXv+xyBZaw5abY87dGnnvs0wrUCH2teky7qzGF5CfFm+TWdFVk+pbMSS1dnZZaXdVZh+XWdTbG8orNplt/Q2TmWnlbj+FMlQaSVbJHzDt+WJuljiyuTxY/sYvPY4upk8WO7KLWgC96ZfsKpf1tX2c/j/tXhn4RdT8M/lgr+sbwK/1g24B/LVfjH8pvwj+U1+MfyW/CP5Rr8Y9nSsm0K9rqG2kuJRNNzksCkFJewxTW7rum6R9dxH5/BVejIM7Kp0g3Fjf2JDJe9f3ac4my+EnLF0TNrWdmphRGaInv53LHwnMW5oeXzxvLncZrlhF/ViWt7qi08L1b+Jfhv647ayG44Nfb1JuIBB063H5cl3WjSC7p1sd2kjf9GRWH3QX8RKRIrDdmSHW4JCO3d4bCjOughER4+dF28SBuOU1tGhG+hd63QRdBKaKcNQ8tmhU/nA+9g2FJStoc48/ZJmmzZ86ii/DFbUsI9ZXMnOirJsnSPSqvlp2KfO+0MmrYyO9R2QpXg8euacLezr1IpSAaKynhUsVwKUhc44U73+J4UpqH/q23kWEHDNr9YM4HRgvNOUaJsT62giSAZZRRc+Sun4kQ2osFGFPGbd9IvdaEQ2uNYSMyWV/NYqDbC9NJkiWbM+rbqsFLO4p1JCNkZG2kSe1FLtvGgs/X5pGS78lRQpYHR3ePfLjaJp1V7ni3FJf/yMUuCcboS/sB53OVxijfRP1ocxW26GEQ9F2+qbMetbN1Zxr195cTqrts7seqfuvdJOwJNt7wnKdzSdNsbwjauMTh1JhUJbdE6doTGZa7PVRv5FB9ovnWdC1Th+rRw8+z52zqbwVsz3vI/lnTn/1XF7BP3sbZCqzpWL/U4t7ODBnzLG0flVYxue3WVxyX3ZhKCuwhBzV57fI3ghldbdBO3/LUz5rs4zlmu0gvAr2t6EeINjmKIcMttPLzjaL2puaDpDcBv65EQ2wA9AIfBjh45ZmYXwMzcY04HYI85DO4zh8F3mMPgu/oIvTAAioAcg2J95Ni5B0B27i3mOYzeZp5B7zDPoHeZZ9B7rDMESFgng5R1MthnnQz6zHkVYMAcBgfMYfCQOQy+Z+zaAvq+sYvR+8YuRj8wdjH6wNjF6ENjF6MfGrsY/cjYxejHiHF7ksCfmBFtAn5k4SuAH3PQzcjH6Kd4a3POzyxkzs8Nx8k5v8Dmlyan/tKMzI5DC3nHryxk+q9xTk74jYVM+K2FTPgduHcm5/3ejAz9EwuZ/gcLmf5H7MwJf7KQCX+2kAl/AfflyXl/NSND/5uFTP+7hUz/B3bmhH9ayIShhUz4VI/Omy9bqrijUqEY4p8mtMHY92j6gIpXe4fjx7r5BSXaAUEAAAAAAQAB//8AD3icVZCxTgJBEIbnP8JeTsGE5bhbN1aIR0ED5AKd4QGsfADFxsLSGAL2KjGW0FChr8AbGAs7eAF9BQu1sZhzllBoMdmd3fm+f7MEouwVH94PFSnuhT5AOCIC3RAwMNpTplFCpx2FfoAoVNU67nTrQPMKTV1ra5xJX0tLvOJlKd3XRA6m7Fmc37RDplfZynn/pGHspK20GyBJDxEHUNVEo8VLJ8ItX5ebya5GUxLSqlfmEY90beO98Ma5Y/JJLZSHdqPUdbyPCfoTfsTphOc4ma5XnsvhH0Y5JidMJYBQQH89MeGCh/4an3KBkH1mT3jL7cl/qMV2XuYlIOl2YkQ+VD0p4pxn1toIY2N4GFkb4hJXVjY8sEbKRu6t2Zd43jeewOXmI1/VRYVOLCq8OAkPjcFYWMuz0Dlwb6TkxvID/QILrF4lAHicY2BkYGAA4t/GX/zj+W2+MvAzvwCKMNzPPzsHRv///D+L+QVzEJDLwcAEEgUAnncPIAB4nGNgZGBgDvqfBSRf/P/8/zPzCwagCApgBwC0kQeCAHicY37BwMD4HoKZOiCY8eL/z0D8BQBkMwlpAAAAAAAAACoAVgBwAIgArADPAAEAAAAHAA8AAQAAAAAAAgAEAB4AjQAAACkODAAAAAB4nHWQ307CMBSHf+WfCokaTby1VwZiHLDEGxISEgzc6A0x3JoxxjYyVtIVEl7Dd/BhfAmfxR9bMUbilq7f+Xp62h0AV/iCQPE8chQscMqo4BJO0Ldcpn+yXCE/W66igVfLNfo3y3XcI7TcwDXeWUFUzhgt8WFZ4FJcWC7hXNxaLtM/WK6Q+5aruBEvlmv0vuU6piKz3MCd+Byq9U7HYWRkc9iSbsd15WwnFVWceon0NiZSOpMDu
|
||
|
}
|
||
|
|
||
|
[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"
|
||
|
}
|