CSS   60
slick theme css
Guest on 6th February 2023 02:25:23 AM


  1. @charset 'UTF-8';
  2. /* Slider */
  3. .slick-loading .slick-list
  4. {
  5.     background: #fff url('./ajax-loader.gif') center center no-repeat;
  6. }
  7.  
  8. /* Icons */
  9. @font-face
  10. {
  11.     font-family: 'slick';
  12.     font-weight: normal;
  13.     font-style: normal;
  14.  
  15.     src: url('./fonts/slick.eot');
  16.     src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
  17. }
  18. /* Arrows */
  19. .slick-prev,
  20. .slick-next
  21. {
  22.     font-size: 0;
  23.     line-height: 0;
  24.  
  25.     position: absolute;
  26.     top: 50%;
  27.  
  28.     display: block;
  29.  
  30.     width: 20px;
  31.     height: 20px;
  32.     padding: 0;
  33.     -webkit-transform: translate(0, -50%);
  34.     -ms-transform: translate(0, -50%);
  35.     transform: translate(0, -50%);
  36.  
  37.     cursor: pointer;
  38.  
  39.     color: transparent;
  40.     border: none;
  41.     background: transparent;
  42. }
  43. .slick-prev:hover,
  44. .slick-prev:focus,
  45. .slick-next:hover,
  46. .slick-next:focus
  47. {
  48.     color: transparent;
  49.     background: transparent;
  50. }
  51. .slick-prev:hover:before,
  52. .slick-prev:focus:before,
  53. .slick-next:hover:before,
  54. .slick-next:focus:before
  55. {
  56.     opacity: 1;
  57. }
  58. .slick-prev.slick-disabled:before,
  59. .slick-next.slick-disabled:before
  60. {
  61.     opacity: .25;
  62. }
  63.  
  64. .slick-prev:before,
  65. .slick-next:before
  66. {
  67.     font-family: 'slick';
  68.     font-size: 20px;
  69.     line-height: 1;
  70.  
  71.     opacity: .75;
  72.     color: white;
  73.  
  74.     -webkit-font-smoothing: antialiased;
  75.     -moz-osx-font-smoothing: grayscale;
  76. }
  77.  
  78. .slick-prev
  79. {
  80.     left: -25px;
  81. }
  82. [dir='rtl'] .slick-prev
  83. {
  84.     right: -25px;
  85.     left: auto;
  86. }
  87. .slick-prev:before
  88. {
  89.     content: 'ā†'';
  90. }
  91. [dir='] .slick-prev:before
  92. {
  93.    content: 't: ';
  94. }
  95.  
  96. .slick-next
  97. {
  98.    right: -25px;
  99. }
  100. [dir='
  101. }
  102. [dir='rtl'] .slick-next
  103. {
  104.     right: auto;
  105.     left: -25px;
  106. }
  107. .slick-next:before
  108. {
  109.     content: 'ā†’'] .slick-next:before
  110. {
  111.    content: '    conte/* Dots *//* .slick-dotted.slick-slider
  112. {
  113.     margin-bottom: 30px;
  114. } */bottom: 30px;
  115. } */
  116.  
  117. .slick-dots
  118. {
  119.     position: absolute;
  120.     bottom: -25px;
  121.  
  122.     display: block;
  123.  
  124.     width: 100%;
  125.     padding: 0;
  126.     margin: 0;
  127.  
  128.     list-style: none;
  129.  
  130.     text-align: center;
  131. }
  132. .slick-dots li
  133. {
  134.     position: relative;
  135.  
  136.     display: inline-block;
  137.  
  138.     width: 10px;
  139.     height: 10px;
  140.     margin: 0 7px;
  141.     padding: 0;
  142.  
  143.     cursor: pointer;
  144. }
  145. .slick-dots li button
  146. {
  147.     font-size: 0;
  148.     line-height: 0;
  149.  
  150.     display: block;
  151.  
  152.     width: 10px;
  153.     height: 10px;
  154.     padding: 5px;
  155.  
  156.     cursor: pointer;
  157.  
  158.     color: transparent;
  159.  /* outline: none; */ outline: none; */
  160.     background: transparent;
  161. }
  162. .slick-dots li button:hover,
  163. .slick-dots li b/* outline: none; */ outline: none; */
  164. }
  165. .slick-dots li button:hover:before,
  166. .slick-dots li button:focus:before
  167. {
  168.     background:#555;
  169. }
  170. .slick-dots li button:before
  171. {
  172.     font-family: 'slick';
  173.     font-size: 6px;
  174.     line-height: 20px;
  175.  
  176.     position: absolute;
  177.     top: 0;
  178.     left: 0;
  179.  
  180.     width: 10px;
  181.     height: 10px;
  182.         border-radius:50%;
  183.         background:#888;
  184.  
  185.     content: '';
  186.     text-align: center;
  187.  
  188.  
  189.     -webkit-font-smoothing: antialiased;
  190.     -moz-osx-font-smoothing: grayscale;
  191. }
  192. .slick-dots li.slick-active button:before
  193. {
  194.     opacity: .75;
  195.         bac
Raw Paste

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