Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
96 righe
1.7 KiB
96 righe
1.7 KiB
5 anni fa
|
/**
|
||
|
|
* Owl Carousel v2.2.1
|
||
|
|
* Copyright 2013-2017 David Deutsch
|
||
|
|
* Licensed under ()
|
||
|
|
*/
|
||
|
|
/*
|
||
|
|
* Default theme - Owl Carousel CSS File
|
||
|
|
*/
|
||
|
|
.owl-theme .owl-nav {
|
||
|
|
margin-top: 10px;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-nav [class*='owl-'] {
|
||
|
|
color: #FFF;
|
||
|
|
font-size: 14px;
|
||
|
|
margin: 5px;
|
||
|
|
padding: 4px 7px;
|
||
|
|
display: inline-block;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-nav [class*='owl-']:hover {
|
||
|
|
color: #FFF;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-nav .disabled {
|
||
|
|
opacity: 0.5;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-nav.disabled + .owl-dots {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-dots {
|
||
|
|
text-align: center;
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-dots .owl-dot {
|
||
|
|
display: inline-block;
|
||
|
|
zoom: 1;
|
||
|
|
*display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-dots .owl-dot span {
|
||
|
|
border: 1px solid #808080;
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
margin: 5px 7px;
|
||
|
|
background: #D6D6D6;
|
||
|
|
display: block;
|
||
|
|
-webkit-backface-visibility: visible;
|
||
|
|
transition: opacity 200ms ease;
|
||
|
|
border-radius: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||
|
|
background: #869791;
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-nav {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
@include display-flex();
|
||
|
|
@include justify-content(space-between);
|
||
|
|
|
||
|
|
.owl-prev {
|
||
|
|
@include transform(translateX(-150%));
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-next {
|
||
|
|
@include transform(translateX(150%));
|
||
|
|
}
|
||
|
|
|
||
|
|
.owl-prev, .owl-next {
|
||
|
|
&:hover {
|
||
|
|
i {
|
||
|
|
color: #808080;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.fa-arrow-circle-left, .fa-arrow-circle-right {
|
||
|
|
font-size: 50px;
|
||
|
|
color: lighten(#808080, 10%);
|
||
|
|
transition: color $speed;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|