CSS   19

Nivo Slider css

Guest on 27th June 2022 03:51:22 PM

  1. /*
  2.  * jQuery Nivo Slider v3.2
  3.  * http://nivo.dev7studios.com
  4.  *
  5.  * Copyright 2012, Dev7studios
  6.  * Free to use and abuse under the MIT license.
  7.  * http://www.opensource.org/licenses/mit-license.php
  8.  */
  9.  
  10. /* The Nivo Slider styles */
  11. .nivoSlider {
  12.         position:relative;
  13.         width:100%;
  14.         height:auto;
  15.         overflow: hidden;
  16. }
  17. .nivoSlider img {
  18.         position:absolute;
  19.         top:0px;
  20.         left:0px;
  21.         max-width: none;
  22. }
  23. .nivo-main-image {
  24.         display: block !important;
  25.         position: relative !important;
  26.         width: 100% !important;
  27. }
  28.  
  29. /* If an image is wrapped in a link */
  30. .nivoSlider a.nivo-imageLink {
  31.         position:absolute;
  32.         top:0px;
  33.         left:0px;
  34.         width:100%;
  35.         height:100%;
  36.         border:0;
  37.         padding:0;
  38.         margin:0;
  39.         z-index:6;
  40.         display:none;
  41.         background:white;
  42.         filter:alpha(opacity=0);
  43.         opacity:0;
  44. }
  45. /* The slices and boxes in the Slider */
  46. .nivo-slice {
  47.         display:block;
  48.         position:absolute;
  49.         z-index:5;
  50.         height:100%;
  51.         top:0;
  52. }
  53. .nivo-box {
  54.         display:block;
  55.         position:absolute;
  56.         z-index:5;
  57.         overflow:hidden;
  58. }
  59. .nivo-box img { display:block; }
  60.  
  61. /* Caption styles */
  62. .nivo-caption {
  63.         position:absolute;
  64.         left:0px;
  65.         bottom:0px;
  66.         background:#000;
  67.         color:#fff;
  68.         width:100%;
  69.         z-index:8;
  70.         padding: 5px 10px;
  71.         opacity: 0.8;
  72.         overflow: hidden;
  73.         display: none;
  74.         -moz-opacity: 0.8;
  75.         filter:alpha(opacity=8);
  76.         -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  77.         -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  78.         box-sizing: border-box;         /* Opera/IE 8+ */
  79. }
  80. .nivo-caption p {
  81.         padding:5px;
  82.         margin:0;
  83. }
  84. .nivo-caption a {
  85.         display:inline !important;
  86. }
  87. .nivo-html-caption {
  88.     display:none;
  89. }
  90. /* Direction nav styles (e.g. Next & Prev) */
  91. .nivo-directionNav a {
  92.         position:absolute;
  93.         top:45%;
  94.         z-index:9;
  95.         cursor:pointer;
  96. }
  97. .nivo-prevNav {
  98.         left:0px;
  99. }
  100. .nivo-nextNav {
  101.         right:0px;
  102. }
  103. /* Control nav styles (e.g. 1,2,3...) */
  104. .nivo-controlNav {
  105.         text-align:center;
  106.         padding: 15px 0;
  107. }
  108. .nivo-controlNav a {
  109.         cursor:pointer;
  110. }
  111. .nivo-controlNav a.active {
  112.         font-weight:bold;
  113. }

Raw Paste


Login or Register to edit or fork this paste. It's free.