Newer
Older
.quiqqer-bricks-children-slider {
float: left;
position: relative;
width: 100%;
}
.quiqqer-bricks-children-slider-container {
float: left;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.quiqqer-bricks-children-slider-container-inner {
float: left;

Henning Leutz
committed
/*height: calc(100% + 22px);*/
left: 0;
overflow: auto;
position: absolute;
top: 0;
width: 100%;
}
.quiqqer-bricks-children-slider-container-slide {
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.quiqqer-bricks-children-slider-child {
display: inline-block;
height: calc(100% - 2px);
}
.quiqqer-bricks-children-slider-child-display {
border: 1px solid #dfe4e4;
overflow: hidden;
text-align: center;
}
.quiqqer-bricks-children-slider-child-display:first-child {
margin: 0 10px 0 0;
}
.quiqqer-bricks-children-slider-child a {
display: block;
}
.quiqqer-bricks-children-slider-child .quiqqer-icon {
font-size: 80px;
height: 100%;
opacity: 0;
padding: 0 1em;
.quiqqer-bricks-children-slider-child-display img {
transition: all 1s ease;
-webkit-transition: all 1s ease;
max-height: calc(100% - 2px);
}
.quiqqer-bricks-children-slider-child-display img:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 2s ease;
-webkit-transition: all 2s ease;
}
.quiqqer-bricks-children-slider-prev,
.quiqqer-bricks-children-slider-next {
color: #f1f1f1;
cursor: pointer;
font-size: 50px;
height: 100%;
position: absolute;
text-align: center;
top: 0;
visibility: visible;
width: 50px;
}
.quiqqer-bricks-children-slider-next {
right: -50px;
}
.quiqqer-bricks-children-slider-prev {
left: -50px;
}
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
.quiqqer-bricks-children-slider-mobile .quiqqer-bricks-children-slider-next {
background: #fff;
border: 1px solid #f1f1f1;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
right: 20px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.quiqqer-bricks-children-slider-mobile .quiqqer-bricks-children-slider-prev {
background: #fff;
border: 1px solid #f1f1f1;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
left: 20px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.quiqqer-bricks-children-slider-mobile .quiqqer-bricks-children-slider-prev:hover,
.quiqqer-bricks-children-slider-mobile .quiqqer-bricks-children-slider-next:hover {
background: rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}