| Current Path : /home/antonen/poznajlitwe.lt/media/n2/ss3/plugins/type/carousel/carousel/ |
| Current File : /home/antonen/poznajlitwe.lt/media/n2/ss3/plugins/type/carousel/carousel/style.n2less |
(~'div@{sliderid}') {
width: @width;
float: left;
margin: @margin;
.x-rtl & {
float: right;
}
.n2-ss-slider-1 {
position: relative;
height: @height;
}
.n2-ss-slider-2 {
position: relative;
height: @inner1height;
overflow: hidden;
border-style: solid;
border-width: @border;
border-color: @borderhex;
border-color: @borderrgba;
border-radius: @borderRadius;
background-clip: padding-box;
background-repeat: repeat;
background-position: 50% 50%;
background-size: @backgroundSize;
background-attachment: @backgroundAttachment;
background-color: @backgroundhex;
background-color: @backgroundrgba;
z-index: 1;
}
.n-particles-js-canvas-el {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 12;
}
.n2-ss-slider-3 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 20;
}
.n2-ss-slider-pane {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.n2-ss-slider-pane-single {
position: relative;
width: 100%;
overflow-x: hidden;
}
.n2-ss-slider-pane-single:after {
content: "";
display: block;
clear: both;
}
.n2-ss-slider-pipeline {
height: 100%;
width: 100000%;
float: left;
position: relative !important;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
[dir="rtl"] & .n2-ss-slider-pipeline {
float: right;
}
.x-msie & .n2-ss-slider-pipeline {
perspective: @perspective;
backface-visibility: visible;
transform-origin: 50% 50% 0;
}
.n2-ss-slide-group {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.n2-ss-slide {
position: relative;
width: @canvaswidth;
height: @canvasheight;
float: left;
display: block;
border-radius: @slideBorderRadius;
background-clip: padding-box;
background-color: @slideBackgroundhex;
background-color: @slideBackgroundrgba;
z-index: 1;
}
[dir="rtl"] & .n2-ss-slide {
float: right;
}
.n2-ss-layers-container {
position: relative;
width: @canvaswidth;
height: @canvasheight;
}
.ssPerspective() when (@hasPerspective = 1) {
.n2-ss-slide {
-webkit-perspective: @perspective;
perspective: @perspective;
}
@supports (-ms-ime-align:auto) {
.n2-ss-slide {
-webkit-perspective: none;
perspective: none;
-webkit-transform: perspective(@perspective);
transform: perspective(@perspective);
}
}
}
.ssPerspective();
.n2-ss-slide-active {
z-index: 3;
display: block;
}
.n2-ss-layer {
-webkit-backface-visibility: hidden;
}
}