You are here

Home » API reference » Views Nivo Slider 7.2

nivo-slider.css in Views Nivo Slider 7.2

Same filename and directory in other branches
  1. 6.2 js/nivo-slider.css
  2. 6 js/nivo-slider.css
  3. 7 js/nivo-slider.css
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, 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:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* 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:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	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:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

File

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

  2.  * jQuery Nivo Slider v2.5.1

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

  4.  *

  5.  * Copyright 2011, 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:6;

  33. 	display:none;

  34. }

  35. /* The slices and boxes in the Slider */

  36. .nivo-slice {

  37. 	display:block;

  38. 	position:absolute;

  39. 	z-index:5;

  40. 	height:100%;

  41. }

  42. .nivo-box {

  43. 	display:block;

  44. 	position:absolute;

  45. 	z-index:5;

  46. }

  47. /* Caption styles */

  48. .nivo-caption {

  49. 	position:absolute;

  50. 	left:0px;

  51. 	bottom:0px;

  52. 	background:#000;

  53. 	color:#fff;

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

  55. 	width:100%;

  56. 	z-index:8;

  57. }

  58. .nivo-caption p {

  59. 	padding:5px;

  60. 	margin:0;

  61. }

  62. .nivo-caption a {

  63. 	display:inline !important;

  64. }

  65. .nivo-html-caption {

  66.     display:none;

  67. }

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

  69. .nivo-directionNav a {

  70. 	position:absolute;

  71. 	top:45%;

  72. 	z-index:9;

  73. 	cursor:pointer;

  74. }

  75. .nivo-prevNav {

  76. 	left:0px;

  77. }

  78. .nivo-nextNav {

  79. 	right:0px;

  80. }

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

  82. .nivo-controlNav a {

  83. 	position:relative;

  84. 	z-index:9;

  85. 	cursor:pointer;

  86. }

  87. .nivo-controlNav a.active {

  88. 	font-weight:bold;

  89. }