You are here

custom-nivo-slider.css in Views Nivo Slider 7.2

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */
.views-nivo-slider {
  background: transparent url(loading.gif) no-repeat 50% 50%;
}

.nivoSlider {
  position: relative;
}

.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display: none;
}
.nivoSlider a {
  border:0;
  display: block;
}

.nivo-controlNav {
  position:absolute;
  left:47%;
  bottom:-30px;
}
.nivo-controlNav a {
  display:block;
  width:10px;
  height:10px;
  background:url(bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.nivo-controlNav a.active {
  background-position:-10px 0;
}

.nivo-directionNav a {
  display:block;
  width:32px;
  height:34px;
  background:url(arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {
  background-position:-32px 0;
  right:10px;
}
a.nivo-prevNav {
  left:10px;
}

File

styles/default/custom-nivo-slider.css
View source
  1. /*
  2. * Note: Include the nivo-slider.css file that comes
  3. * with the main download before including this file.
  4. */
  5. .views-nivo-slider {
  6. background: transparent url(loading.gif) no-repeat 50% 50%;
  7. }
  8. .nivoSlider {
  9. position: relative;
  10. }
  11. .nivoSlider img {
  12. position:absolute;
  13. top:0px;
  14. left:0px;
  15. display: none;
  16. }
  17. .nivoSlider a {
  18. border:0;
  19. display: block;
  20. }
  21. .nivo-controlNav {
  22. position:absolute;
  23. left:47%;
  24. bottom:-30px;
  25. }
  26. .nivo-controlNav a {
  27. display:block;
  28. width:10px;
  29. height:10px;
  30. background:url(bullets.png) no-repeat;
  31. text-indent:-9999px;
  32. border:0;
  33. margin-right:3px;
  34. float:left;
  35. }
  36. .nivo-controlNav a.active {
  37. background-position:-10px 0;
  38. }
  39. .nivo-directionNav a {
  40. display:block;
  41. width:32px;
  42. height:34px;
  43. background:url(arrows.png) no-repeat;
  44. text-indent:-9999px;
  45. border:0;
  46. }
  47. a.nivo-nextNav {
  48. background-position:-32px 0;
  49. right:10px;
  50. }
  51. a.nivo-prevNav {
  52. left:10px;
  53. }