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
/** |
|
* 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; |
|
} |
|
|
|
} |