In this repo i store all my websites, each in a different branch
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

161 lignes
4.0 KiB

  1. /*
  2. * Core Owl Carousel CSS File
  3. * v1.3.3
  4. */
  5. /* clearfix */
  6. .owl-carousel .owl-wrapper:after {
  7. content: ".";
  8. display: block;
  9. clear: both;
  10. visibility: hidden;
  11. line-height: 0;
  12. height: 0;
  13. }
  14. /* display none until init */
  15. .owl-carousel {
  16. display: none;
  17. position: relative;
  18. width: 100%;
  19. -ms-touch-action: pan-y;
  20. }
  21. .owl-carousel .owl-wrapper {
  22. display: none;
  23. position: relative;
  24. -webkit-transform: translate3d(0px, 0px, 0px);
  25. }
  26. .owl-carousel .owl-wrapper-outer {
  27. overflow: hidden;
  28. position: relative;
  29. width: 100%;
  30. }
  31. .owl-carousel .owl-wrapper-outer.autoHeight {
  32. -webkit-transition: height 500ms ease-in-out;
  33. -moz-transition: height 500ms ease-in-out;
  34. -ms-transition: height 500ms ease-in-out;
  35. -o-transition: height 500ms ease-in-out;
  36. transition: height 500ms ease-in-out;
  37. }
  38. .owl-carousel .owl-item {
  39. float: left;
  40. }
  41. .owl-controls .owl-page,
  42. .owl-controls .owl-buttons div {
  43. cursor:;
  44. }
  45. .owl-controls {
  46. -webkit-user-select: none;
  47. -khtml-user-select: none;
  48. -moz-user-select: none;
  49. -ms-user-select: none;
  50. user-select: none;
  51. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  52. }
  53. /* mouse grab icon */
  54. .grabbing {
  55. cursor: url(grabbing.png) 8 8, move;
  56. }
  57. /* fix */
  58. .owl-carousel .owl-wrapper,
  59. .owl-carousel .owl-item {
  60. -webkit-backface-visibility: hidden;
  61. -moz-backface-visibility: hidden;
  62. -ms-backface-visibility: hidden;
  63. -webkit-transform: translate3d(0,0,0);
  64. -moz-transform: translate3d(0,0,0);
  65. -ms-transform: translate3d(0,0,0);
  66. }
  67. /*
  68. * Owl Carousel Owl Demo Theme
  69. * v1.3.3
  70. */
  71. .owl-carousel .owl-controls {
  72. text-align: center;
  73. }
  74. /* Styling Next and Prev buttons */
  75. .owl-carousel .owl-controls .owl-buttons div {
  76. cursor:pointer;
  77. display: inline-block;
  78. }
  79. /* Clickable class fix problem with hover on touch devices */
  80. /* Use it for non-touch hover action */
  81. .owl-carousel .owl-controls.clickable .owl-buttons div:hover {
  82. filter: Alpha(Opacity=100); /*IE7 fix*/
  83. opacity: 1;
  84. text-decoration: none;
  85. }
  86. /* Styling Pagination*/
  87. .owl-carousel .owl-controls .owl-page {
  88. display: inline-block;
  89. zoom: 1;
  90. *display: inline; /*IE7 life-saver */
  91. }
  92. .owl-carousel .owl-controls .owl-page span {
  93. display: block;
  94. width: 8px;
  95. height: 8px;
  96. margin: 0px 5px;
  97. -webkit-border-radius: 20px;
  98. -moz-border-radius: 20px;
  99. border-radius: 20px;
  100. background: #323232;
  101. border: 2px solid;
  102. border-color: none;
  103. transition: all 0.3s ease 0s;
  104. -o-transition: all 0.3s ease 0s;
  105. -moz-transition: all 0.3s ease 0s;
  106. -webkit-transition: all 0.3s ease 0s;
  107. cursor: pointer;
  108. }
  109. /*.owl-carousel .owl-controls.clickable .owl-page:hover span,*/
  110. .owl-carousel .owl-controls .owl-page.active span {
  111. background: rgba(0,0,0,0);
  112. border: 2px solid #323232;
  113. transform: scale(1.5);
  114. -webkit-transform: scale(1.5);
  115. -moz-transform: scale(1.5);
  116. -ms-transform: scale(1.5);
  117. -o-transform: scale(1.5);
  118. }
  119. /* If PaginationNumbers is true */
  120. .owl-carousel .owl-controls .owl-page span.owl-numbers {
  121. height: auto;
  122. width: auto;
  123. color: #FFF;
  124. padding: 2px 10px;
  125. font-size: 12px;
  126. -webkit-border-radius: 30px;
  127. -moz-border-radius: 30px;
  128. border-radius: 30px;
  129. }
  130. /* preloading images */
  131. .owl-item.loading {
  132. min-height: 150px;
  133. background: url(AjaxLoader.gif) no-repeat center center;
  134. }