You are here

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

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

#slider {
	position:relative;
	margin:30px 30px 60px 30px;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}
#slider a {
	border:0;
}

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