nivo-slider.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /*
  2. * jQuery Nivo Slider v3.2
  3. * http://nivo.dev7studios.com
  4. *
  5. * Copyright 2012, Dev7studios
  6. * Free to use and abuse under the MIT license.
  7. * http://www.opensource.org/licenses/mit-license.php
  8. */
  9. /* The Nivo Slider styles */
  10. .nivoSlider {
  11. position:relative;
  12. width:100%;
  13. height:auto;
  14. overflow: hidden;
  15. }
  16. .nivoSlider img {
  17. position:absolute;
  18. top:0px;
  19. left:0px;
  20. max-width: none;
  21. }
  22. .nivo-main-image {
  23. display: block !important;
  24. position: relative !important;
  25. width: 100% !important;
  26. }
  27. /* If an image is wrapped in a link */
  28. .nivoSlider a.nivo-imageLink {
  29. position:absolute;
  30. top:0px;
  31. left:0px;
  32. width:100%;
  33. height:100%;
  34. border:0;
  35. padding:0;
  36. margin:0;
  37. z-index:6;
  38. display:none;
  39. background:white;
  40. filter:alpha(opacity=0);
  41. opacity:0;
  42. }
  43. /* The slices and boxes in the Slider */
  44. .nivo-slice {
  45. display:block;
  46. position:absolute;
  47. z-index:5;
  48. height:100%;
  49. top:0;
  50. }
  51. .nivo-box {
  52. display:block;
  53. position:absolute;
  54. z-index:5;
  55. overflow:hidden;
  56. }
  57. .nivo-box img { display:block; }
  58. /* Caption styles */
  59. .nivo-caption {
  60. position:absolute;
  61. left:0px;
  62. bottom:0px;
  63. background:#000;
  64. color:#fff;
  65. width:100%;
  66. z-index:8;
  67. padding: 5px 10px;
  68. opacity: 0.8;
  69. overflow: hidden;
  70. display: none;
  71. -moz-opacity: 0.8;
  72. filter:alpha(opacity=8);
  73. -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  74. -moz-box-sizing: border-box; /* Firefox, other Gecko */
  75. box-sizing: border-box; /* Opera/IE 8+ */
  76. }
  77. .nivo-caption p {
  78. padding:5px;
  79. margin:0;
  80. }
  81. .nivo-caption a {
  82. display:inline !important;
  83. }
  84. .nivo-html-caption {
  85. display:none;
  86. }
  87. /* Direction nav styles (e.g. Next & Prev) */
  88. .nivo-directionNav a {
  89. position:absolute;
  90. top:45%;
  91. z-index:9;
  92. cursor:pointer;
  93. }
  94. .nivo-prevNav {
  95. left:0px;
  96. }
  97. .nivo-nextNav {
  98. right:0px;
  99. }
  100. /* Control nav styles (e.g. 1,2,3...) */
  101. .nivo-controlNav {
  102. text-align:center;
  103. padding: 15px 0;
  104. }
  105. .nivo-controlNav a {
  106. cursor:pointer;
  107. }
  108. .nivo-controlNav a.active {
  109. font-weight:bold;
  110. }