Joywork/js/owlcarousel/owl.theme.default.css

95 lines
2.3 KiB
CSS
Raw Normal View History

2026-05-22 20:21:54 +02:00
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* 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;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
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;
margin-top:30px;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
outline:0 !important;}
.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
border: 2px solid #409B43;
margin: 5px 3px;
background: #fff;
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: #409B43; }
.owl-theme .owl-nav button.owl-prev{
position:absolute;
left:-21px;
top:44%;
outline:0 !important;
}
.owl-theme .owl-nav button.owl-next{
position:absolute;
right:-21px;
top:44%;
outline:0 !important;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next{
background: #FFFFFF !important;
color:#888888 !important;
border: 1px solid #E5E5E5 !important;
box-sizing: border-box;
border-radius: 2px;
}
.owl-theme .owl-nav button.owl-prev span,
.owl-theme .owl-nav button.owl-next span{
display:inline-block;
width:32px;
height:32px;
padding:0;
line-height:30px;
text-align:center;
font-size:14px;
}
.owl-theme .owl-nav button.owl-prev:hover,
.owl-theme .owl-nav button.owl-next:hover{
background: linear-gradient(180deg, #398F3D 0%, #429F46 100%) !important;
color:#ffffff !important;
border: 1px solid #328436 !important;
}