edition/assets/css/misc/tiny-slider.css

203 lines
3.3 KiB
CSS
Raw Permalink Normal View History

2024-02-12 12:39:05 +00:00
.tns-outer {
position: relative;
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
white-space: normal;
vertical-align: top;
}
.tns-horizontal.tns-no-subpixel::after {
display: table;
clear: both;
content: "";
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
opacity: 0.6;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
visibility: hidden;
opacity: 0;
}
.tns-fadeIn {
z-index: 0;
opacity: 1;
}
.tns-normal,
.tns-fadeOut {
z-index: -1;
opacity: 0;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
position: relative;
width: 310px;
height: 10px;
margin: 0 auto;
overflow: hidden;
}
.tns-t-ct {
position: absolute;
right: 0;
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
}
.tns-t-ct::after {
display: table;
clear: both;
content: "";
}
.tns-t-ct > div {
float: left;
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
}
.tns-controls button {
position: absolute;
top: -86px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
color: var(--dark-gray-color);
text-align: center;
background-color: var(--white-color);
border: 1px solid var(--light-gray-color);
border-radius: 3px;
outline: none;
transition: color 0.5s var(--animation-base);
}
.tns-controls button[disabled] {
color: var(--mid-gray-color);
cursor: default;
}
.tns-controls button svg {
width: 18px;
height: 18px;
}
.tns-controls button[data-controls="prev"] {
right: 34px;
}
.tns-controls button[data-controls="next"] {
right: 0;
}