CSS   23

jquery dbpas carousel css

Guest on 28th June 2022 04:30:48 AM

  1. [data-carousel-name] {
  2.         display: table;
  3.         margin-right: auto;
  4.         margin-left: auto;
  5. }
  6. [data-carousel-control="wrapper"] {
  7.         display: table-cell;
  8.         overflow: hidden;
  9. }
  10. [data-carousel-control="wrapper"] ul {
  11.         position: relative;
  12.         margin: 0;
  13.         padding: 0;
  14.         list-style: none;
  15.         white-space: nowrap;
  16. }
  17. [data-carousel-control="wrapper"] ul li {
  18.         display: inline-block;
  19.         min-width: none;      /*items are smashed, increase with min width*/
  20.         max-width: none;      /*items are to wide, limit with max width*/
  21.         min-height: none;     /*items are to long, limit with min height*/
  22.         padding-top: 5px;
  23.         padding-right: 5px;   /*items need some room, increase padding right*/
  24.         padding-bottom: 5px;
  25.         padding-left: 5px;    /*items need some room, increase padding left*/
  26.         vertical-align: top;
  27.         text-align: center;
  28. }
  29. [data-carousel-control="wrapper"] ul li .caption {
  30.         white-space: normal;
  31. }
  32. [data-carousel-control="wrapper"] ul li div {
  33.         overflow: hidden;
  34.         text-align: left;
  35.         white-space: normal;
  36. }
  37. [data-carousel-control="left"], [data-carousel-control="right"] {
  38.         display: table-cell;
  39.         font-size: 14px;
  40.         vertical-align: middle;
  41.         /*background-color: rgba(0, 0, 0, 0.1);*/
  42.         background: #ff6600;
  43.         border-radius: 5px;
  44.         height:250px;
  45.         padding:6px;
  46.         color:white;
  47.         /*color: rgba(255, 255, 255, 1);*/
  48.         cursor: pointer;
  49. }
  50. .no-touch [data-carousel-control="left"]:hover, .no-touch [data-carousel-control="right"]:hover, [data-carousel-control="left"]:active, [data-carousel-control="right"]:active {
  51.         /*background-color: rgba(0, 0, 0, 0.5);*/
  52.         background-color: #ff9a56;
  53.         color: rgba(255, 255, 255, 1);
  54. }

Raw Paste

Login or Register to edit or fork this paste. It's free.