You are here

Home » API reference » Views Nivo Slider 6

nivo-slider.css in Views Nivo Slider 6

Same filename and directory in other branches
  1. 6.2 js/nivo-slider.css
  2. 7 js/nivo-slider.css
  3. 7.2 js/nivo-slider.css
/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

File

js/nivo-slider.css
View source 
  1. /*

  2.  * jQuery Nivo Slider v1.9

  3.  * http://nivo.dev7studios.com

  4.  *

  5.  * Copyright 2010, Gilbert Pellegrom

  6.  * Free to use and abuse under the MIT license.

  7.  * http://www.opensource.org/licenses/mit-license.php

  8.  * 

  9.  * March 2010

  10.  */

  11.  

  12.  

  13. /* The Nivo Slider styles */

  14. .nivoSlider {

  15. 	position:relative;

  16. }

  17. .nivoSlider img {

  18. 	position:absolute;

  19. 	top:0px;

  20. 	left:0px;

  21. }

  22. /* If an image is wrapped in a link */

  23. .nivoSlider a.nivo-imageLink {

  24. 	position:absolute;

  25. 	top:0px;

  26. 	left:0px;

  27. 	width:100%;

  28. 	height:100%;

  29. 	border:0;

  30. 	padding:0;

  31. 	margin:0;

  32. 	z-index:60;

  33. 	display:none;

  34. }

  35. /* The slices in the Slider */

  36. .nivo-slice {

  37. 	display:block;

  38. 	position:absolute;

  39. 	z-index:50;

  40. 	height:100%;

  41. }

  42. /* Caption styles */

  43. .nivo-caption {

  44. 	position:absolute;

  45. 	left:0px;

  46. 	bottom:0px;

  47. 	background:#000;

  48. 	color:#fff;

  49. 	opacity:0.8; /* Overridden by captionOpacity setting */

  50. 	width:100%;

  51. 	z-index:89;

  52. }

  53. .nivo-caption p {

  54. 	padding:5px;

  55. 	margin:0;

  56. }

  57. /* Direction nav styles (e.g. Next & Prev) */

  58. .nivo-directionNav a {

  59. 	position:absolute;

  60. 	top:45%;

  61. 	z-index:99;

  62. 	cursor:pointer;

  63. }

  64. .nivo-prevNav {

  65. 	left:0px;

  66. }

  67. .nivo-nextNav {

  68. 	right:0px;

  69. }

  70. /* Control nav styles (e.g. 1,2,3...) */

  71. .nivo-controlNav a {

  72. 	position:relative;

  73. 	z-index:99;

  74. 	cursor:pointer;

  75. }

  76. .nivo-controlNav a.active {

  77. 	font-weight:bold;

  78. }