unslider.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /**
  2. * Here's where everything gets included. You don't need
  3. * to change anything here, and doing so might break
  4. * stuff. Here be dragons and all that.
  5. */
  6. /**
  7. * Default variables
  8. *
  9. * While these can be set with JavaScript, it's probably
  10. * better and faster to just set them here, compile to
  11. * CSS and include that instead to use some of that
  12. * hardware-accelerated goodness.
  13. */
  14. .unslider {
  15. position: relative;
  16. text-align: center;
  17. overflow: auto;
  18. margin: 0;
  19. padding: 0;
  20. }
  21. .unslider-wrap {
  22. position: relative;
  23. }
  24. .unslider-wrap.unslider-carousel > li {
  25. float: left;
  26. }
  27. .unslider-vertical > ul {
  28. height: 100%;
  29. }
  30. .unslider-vertical li {
  31. float: none;
  32. width: 100%;
  33. }
  34. .unslider-fade {
  35. position: relative;
  36. }
  37. .unslider-fade .unslider-wrap li {
  38. position: absolute;
  39. left: 0;
  40. top: 0;
  41. right: 0;
  42. z-index: 8;
  43. }
  44. .unslider-fade .unslider-wrap li.unslider-active {
  45. z-index: 10;
  46. }
  47. .unslider ul, .unslider ol, .unslider li {
  48. list-style: none;
  49. /* Reset any weird spacing */
  50. margin: 0;
  51. padding: 0;
  52. border: none;
  53. }
  54. .unslider-arrow {
  55. position: absolute;
  56. left: 20px;
  57. z-index: 10;
  58. cursor: pointer;
  59. }
  60. .unslider-arrow.next {
  61. left: auto;
  62. right: 20px;
  63. }
  64. .unslider-nav ol {
  65. list-style: none;
  66. text-align: center;
  67. }
  68. .unslider-nav ol li {
  69. display: inline-block;
  70. width: 6px;
  71. height: 6px;
  72. margin: 0 4px;
  73. background: transparent;
  74. border-radius: 5px;
  75. overflow: hidden;
  76. text-indent: -999em;
  77. border: 2px solid #1D2B36;
  78. cursor: pointer;
  79. }
  80. .unslider-nav ol li.unslider-active {
  81. background: #1D2B36;
  82. cursor: default;
  83. }
  84. .unslider-arrow {
  85. display: block;
  86. width: 32px;
  87. height: 32px;
  88. top: 50%;
  89. right: -50px;
  90. left: auto;
  91. margin-top: -16px;
  92. overflow: hidden;
  93. border-radius: 32px;
  94. background: rgba(0,0,0,.2);
  95. /*text-indent: -999em;*/
  96. font-size: 0;
  97. opacity: .6;
  98. transition: opacity .2s;
  99. text-align: center;
  100. line-height: 32px;
  101. }
  102. .unslider-arrow.prev {
  103. left: 20px;
  104. right: auto;
  105. }
  106. .unslider-arrow.prev:before {
  107. font-family: 'icomoon';
  108. font-size: 1.3rem;
  109. content: '\ea07';
  110. color: #1D2B36;
  111. }
  112. .unslider-arrow.next:before {
  113. font-family: 'icomoon';
  114. font-size: 1.3rem;
  115. content: '\ea09';
  116. color: #1D2B36;
  117. }