Carousel.css

De WikiCafe
Revisión del 02:45 4 mar 2021 de CafeManagement (discusión | contribs.) (Página creada con «→‎carousel: .jcarousel { position: relative; overflow: hidden; } .jcarousel-wrapper { max-width: 1125px; margin: 0; position: relative; } .jcarousel…»)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

/* carousel */ .jcarousel {

   position: relative;
   overflow: hidden;

}

.jcarousel-wrapper { max-width: 1125px;

   margin: 0;
   position: relative;

}

.jcarousel .jcarousel-list {

   width: 20000em;
   position: relative;
   margin: 0;
   padding: 0;

}

.jcarousel .jcarousel-item {

   float: left;

}

.jcarousel-item img {

   display: block;
   max-width: 100%;
   height: auto !important;

}

.jcarousel-control-prev, .jcarousel-control-next {

   position: absolute;
   top: 45%;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #fff;
   color: #fff;
   text-decoration: none;
   text-shadow: 0 0 1px #000;
   font: 24px/27px Arial, sans-serif;
   -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
           border-radius: 30px;
   -webkit-box-shadow: 0 0 2px #999;
      -moz-box-shadow: 0 0 2px #999;
           box-shadow: 0 0 2px #999;

}

.jcarousel-control-prev {

   left: -15px;

}

.jcarousel-control-next {

   right: -15px;

}

.jcarousel-control-prev:hover span, .jcarousel-control-next:hover span {

   display: block;

}

.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {

   opacity: .5;
   cursor: default;

}

.jcarousel-pagination {

   position: absolute;
   bottom: 10px;
   left: 15px;

}

.jcarousel-pagination a {

   text-decoration: none;
   display: inline-block;
   font-size: 11px;
   line-height: 14px;
   min-width: 14px;
   background: #fff;
   color: #4E443C;
   border-radius: 14px;
   padding: 3px;
   text-align: center;
   margin-right: 2px;
   opacity: .75;

}

.jcarousel-pagination a.active {

   background: #4E443C;
   color: #fff;
   opacity: 1;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);

}