You are here

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

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

.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. .nivoSlider {
  6. position: relative;
  7. }
  8. .nivoSlider img {
  9. position:absolute;
  10. top:0px;
  11. left:0px;
  12. display: none;
  13. }
  14. .nivoSlider a {
  15. border:0;
  16. display: block;
  17. }
  18. .nivo-controlNav {
  19. position:absolute;
  20. left:47%;
  21. bottom:-30px;
  22. }
  23. .nivo-controlNav a {
  24. display:block;
  25. width:10px;
  26. height:10px;
  27. background:url(bullets.png) no-repeat;
  28. text-indent:-9999px;
  29. border:0;
  30. margin-right:3px;
  31. float:left;
  32. }
  33. .nivo-controlNav a.active {
  34. background-position:-10px 0;
  35. }
  36. .nivo-directionNav a {
  37. display:block;
  38. width:32px;
  39. height:34px;
  40. background:url(arrows.png) no-repeat;
  41. text-indent:-9999px;
  42. border:0;
  43. }
  44. a.nivo-nextNav {
  45. background-position:-32px 0;
  46. right:10px;
  47. }
  48. a.nivo-prevNav {
  49. left:10px;
  50. }