owl.theme.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. @charset "utf-8";
  2. body{margin: 0;padding: 0;}
  3. .owl-theme .owl-controls{margin-top:10px;text-align:center}
  4. .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
  5. .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
  6. .owl-theme .owl-controls .owl-page span{display:block; height:4px;margin:5px 2px;filter:Alpha(Opacity=50);opacity:1;overflow:hidden}
  7. .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
  8. .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
  9. .owl-pagination{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;-webkit-tap-highlight-color:transparent}
  10. .owl-pagination .owl-page{display:inline-block;zoom:1}
  11. .owl-pagination .owl-page span{position:relative;transition:.36s ease}
  12. .owl-pagination .owl-page span{background-color:transparent;width:auto;height:auto}
  13. .owl-pagination .owl-page{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  14. .owl-pagination{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
  15. .owl-pagination .owl-page:nth-of-type(1) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  16. .owl-pagination .owl-page:nth-of-type(2) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  17. .owl-pagination .owl-page:nth-of-type(3) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  18. .owl-pagination .owl-page:nth-of-type(4) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  19. .owl-pagination .owl-page:nth-of-type(5) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  20. .owl-pagination .owl-page:nth-of-type(6) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  21. .owl-pagination .owl-page:nth-of-type(7) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  22. .owl-pagination .owl-page:nth-of-type(8) span:after{content:"";width:0;height:0;border: 8px solid rgba(0, 0, 0, 0.2);}
  23. .owl-pagination .owl-page span{border:0}
  24. /*.owl-pagination .owl-page:nth-of-type(1) span:after{font-size:16px;font-family:CYJXY;color: rgb(51, 51, 51);}*/
  25. /*.owl-pagination .owl-page:nth-of-type(1) span:after{background: #f00;}
  26. .owl-pagination .owl-page:nth-of-type(2) span:after{font-size:16px;font-family:CYJXY;color: rgb(51, 51, 51);}
  27. .owl-pagination .owl-page:nth-of-type(3) span:after{font-size:16px;font-family:CYJXY;color: rgb(51, 51, 51);}*/
  28. .owl-pagination{bottom:-40px}
  29. .owl-pagination .owl-page span{background-color:transparent;width:auto;height:auto;}
  30. .owl-pagination .owl-page span{position:relative;transition:.36s ease}
  31. .owl-pagination .owl-page.active span:after{color:#0b74c3}
  32. .owl-pagination .owl-page.active span{padding-right:48px;background:0 0;}
  33. .owl-pagination .owl-page.active span:before{width:64px}
  34. .owl-pagination .owl-page span:before{content:"";position:absolute;top:0;left:0px;background-color:rgba(51, 119, 255, 1);width:0;height:8px;transition:.36s ease}
  35. .owl-pagination .owl-page:last-of-type span:before{left:auto;right:0px}
  36. .owl-pagination .owl-page:last-of-type.active span{padding-right:48px;}
  37. .owl-pagination .owl-page:last-of-type.active span:before{left:auto;right:0px}
  38. .owl-pagination .owl-page{margin-right:8px}
  39. .owl-item .item img{display:block;width:100%}
  40. /*banner nav prev next buttons*/
  41. .owl-buttons {
  42. height: 0;
  43. top: 50%;
  44. -webkit-transform: translateY(calc(-50%));
  45. -ms-transform: translateY(calc(-50%));
  46. transform: translateY(calc(-50%));
  47. position: absolute;
  48. width: 100%;
  49. margin: 0;
  50. }
  51. .owl-buttons {
  52. text-align: center;
  53. -webkit-tap-highlight-color: transparent;
  54. }
  55. .owl-buttons .owl-prev,.owl-buttons .owl-next {
  56. width: 48px;
  57. height: 48px;
  58. margin-left: 16px;
  59. margin-right: 16px;
  60. border-radius: 2px 0 0 2px;
  61. }
  62. .owl-buttons .owl-prev, .owl-buttons .owl-next {
  63. height: 48px;
  64. }
  65. .owl-buttons .owl-prev {
  66. position: absolute;
  67. left: -72px;
  68. /*background: rgba(0,0,0,.2);*/
  69. padding: 0;
  70. border-radius: 0;
  71. cursor: pointer;
  72. background: url(../img/css_sprites.png) no-repeat -160px 0px;
  73. /*background-repeat: no-repeat;
  74. background-position: 7px 30px;*/
  75. }
  76. .owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover {
  77. /*background-color: #0b74c3;
  78. font-weight: bold;*/
  79. }
  80. .owl-buttons .owl-prev, .owl-buttons .owl-next {
  81. top: 50%;
  82. -webkit-transform: translateY(-50%);
  83. -ms-transform: translateY(-50%);
  84. transform: translateY(-50%);
  85. }
  86. .owl-buttons .owl-next {
  87. position: absolute;
  88. right: -72px;
  89. /*background: rgba(0,0,0,.2);*/
  90. padding: 0;
  91. border-radius: 0;
  92. cursor: pointer;
  93. background: url(../img/css_sprites.png) no-repeat 0px -100px;
  94. /*background-repeat: no-repeat;
  95. background-position: 7px 30px;*/
  96. }
  97. /*progress bar*/
  98. #bar, #bar1, #bar2 {
  99. width: 0%;
  100. max-width: 100%;
  101. height: 4px;
  102. background: rgba(51, 119, 255, 1);
  103. overflow: hidden;
  104. }
  105. #progressBar, #progressBar1, #progressBar2 {
  106. width: 100%;
  107. background: #100E0E;
  108. }