You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

183 lines
4.0 KiB

7 years ago
  1. /* AB模版网 做最好的织梦整站模板下载网站 */
  2. /* 网址:Www.AdminBuy.Cn */
  3. /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */
  4. /* QQ:9490489 */
  5. /**
  6. * BxSlider v4.1.2 - Fully loaded, responsive content slider
  7. * /bxslider.com
  8. *
  9. * Written by: Steven Wanderski, 2014
  10. * /stevenwanderski.com
  11. * (while drinking Belgian ales and listening to jazz)
  12. *
  13. * CEO and founder of bxCreative, LTD
  14. * /bxcreative.com
  15. */
  16. /** RESET AND LAYOUT
  17. ===================================*/
  18. .bx-wrapper {
  19. position: relative;
  20. /*margin: 0 auto 60px;*/
  21. margin: 0 auto 0px;
  22. padding: 0;
  23. *zoom: 1;
  24. }
  25. .bx-wrapper img {
  26. max-width: 100%;
  27. display: block;
  28. }
  29. /** THEME
  30. ===================================*/
  31. .bx-wrapper .bx-viewport {
  32. /* -moz-box-shadow: 0 0 5px #ccc;
  33. -webkit-box-shadow: 0 0 5px #ccc;
  34. box-shadow: 0 0 5px #ccc;
  35. border: 5px solid #fff;
  36. left: -5px;
  37. background: #fff;*/
  38. /*fix other elements on the page moving (on Chrome)*/
  39. -webkit-transform: translatez(0);
  40. -moz-transform: translatez(0);
  41. -ms-transform: translatez(0);
  42. -o-transform: translatez(0);
  43. transform: translatez(0);
  44. }
  45. .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  46. position: absolute;
  47. bottom: -30px;
  48. width: 100%;
  49. }
  50. /* LOADER */
  51. .bx-wrapper .bx-loading {
  52. min-height: 50px;
  53. background: url(../images/bx_loader.gif) center center no-repeat #fff;
  54. height: 100%;
  55. width: 100%;
  56. position: absolute;
  57. top: 0;
  58. left: 0;
  59. z-index: 2000;
  60. }
  61. /* PAGER */
  62. .bx-wrapper .bx-pager {
  63. text-align: center;
  64. font-size: .85em;
  65. font-family: Arial;
  66. font-weight: bold;
  67. color: #666;
  68. padding-top: 20px;
  69. }
  70. .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  71. display: inline-block;
  72. *zoom: 1;
  73. *display: inline;
  74. }
  75. .bx-wrapper .bx-pager.bx-default-pager a {
  76. /*background: #303c4b;*/
  77. border: 1px solid #fff;
  78. text-indent: -9999px;
  79. display: block;
  80. width: 15px;
  81. height: 15px;
  82. margin: 0 3px;
  83. outline: 0;
  84. -moz-border-radius: 10px;
  85. -webkit-border-radius: 10px;
  86. border-radius: 10px;
  87. }
  88. .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  89. background: #fff;
  90. border: 1px solid #fff;
  91. }
  92. /* DIRECTION CONTROLS (NEXT / PREV) */
  93. .bx-wrapper .bx-prev {
  94. left: 10px;
  95. background: url(../images/controls.png) no-repeat 0 -32px;
  96. }
  97. .bx-wrapper .bx-next {
  98. right: 10px;
  99. background: url(../images/controls.png) no-repeat -43px -32px;
  100. }
  101. .bx-wrapper .bx-prev:hover {
  102. background-position: 0 0;
  103. }
  104. .bx-wrapper .bx-next:hover {
  105. background-position: -43px 0;
  106. }
  107. .bx-wrapper .bx-controls-direction a {
  108. position: absolute;
  109. top: 50%;
  110. margin-top: -16px;
  111. outline: 0;
  112. width: 32px;
  113. height: 32px;
  114. text-indent: -9999px;
  115. z-index: 999;
  116. }
  117. .bx-wrapper .bx-controls-direction a.disabled {
  118. display: none;
  119. }
  120. /* AUTO CONTROLS (START / STOP) */
  121. .bx-wrapper .bx-controls-auto {
  122. text-align: center;
  123. }
  124. .bx-wrapper .bx-controls-auto .bx-start {
  125. display: block;
  126. text-indent: -9999px;
  127. width: 10px;
  128. height: 11px;
  129. outline: 0;
  130. background: url(../images/controls.png) -86px -11px no-repeat;
  131. margin: 0 3px;
  132. }
  133. .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  134. background-position: -86px 0;
  135. }
  136. .bx-wrapper .bx-controls-auto .bx-stop {
  137. display: block;
  138. text-indent: -9999px;
  139. width: 9px;
  140. height: 11px;
  141. outline: 0;
  142. background: url(../images/controls.png) -86px -44px no-repeat;
  143. margin: 0 3px;
  144. }
  145. .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  146. background-position: -86px -33px;
  147. }
  148. /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
  149. .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  150. text-align: left;
  151. width: 80%;
  152. }
  153. .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  154. right: 0;
  155. width: 35px;
  156. }
  157. /* IMAGE CAPTIONS */
  158. .bx-wrapper .bx-caption {
  159. position: absolute;
  160. bottom: 0;
  161. left: 0;
  162. background: #666\9;
  163. background: rgba(80, 80, 80, 0.75);
  164. width: 100%;
  165. }
  166. .bx-wrapper .bx-caption span {
  167. color: #fff;
  168. font-family: Arial;
  169. display: block;
  170. font-size: .85em;
  171. padding: 10px;
  172. }