CSS 15
Nivo-slider.css Guest on 1st October 2020 08:33:02 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:486px;
  15.         overflow: hidden;
  16. }
  17. .nivoSlider img {
  18.         position:absolute;
  19.         top:0px;
  20.         left:0px;
  21.   height:486px;
  22.         max-width: none;
  23. }
  24. .nivo-main-image {
  25.         display: block !important;
  26.         position: relative !important;
  27.         width: 100% !important;
  28. }
  29.  
  30. /* If an image is wrapped in a link */
  31. .nivoSlider a.nivo-imageLink {
  32.         position:absolute;
  33.         top:0px;
  34.         left:0px;
  35.         width:100%;
  36.         height:100%;
  37.         border:0;
  38.         padding:0;
  39.         margin:0;
  40.         z-index:6;
  41.         display:none;
  42.         background:white;
  43.         filter:alpha(opacity=0);
  44.         opacity:0;
  45. }
  46. /* The slices and boxes in the Slider */
  47. .nivo-slice {
  48.         display:block;
  49.         position:absolute;
  50.         z-index:5;
  51.         height:100%;
  52.         top:0;
  53. }
  54. .nivo-box {
  55.         display:block;
  56.         position:absolute;
  57.         z-index:5;
  58.         overflow:hidden;
  59. }
  60. .nivo-box img { display:block; }
  61.  
  62. /* Caption styles */
  63. .nivo-caption {
  64.         position:absolute;
  65.         left:0px;
  66.         bottom:25px;
  67.         background: url(../images/spotlight_ribbon.png) no-repeat;
  68.         color:#fff;
  69.         width:495px;
  70.   height:98px;
  71.         z-index:8;
  72.         padding-top: 55px;
  73.   padding-left: 37px;
  74.         overflow: hidden;
  75.         display: none;
  76.   font-size:14px;
  77.         filter:alpha(opacity=8);
  78.         -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  79.         -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  80.         box-sizing: border-box;         /* Opera/IE 8+ */
  81. }
  82. .nivo-caption p {
  83.         padding:5px;
  84.         margin:0;
  85.  
  86. }
  87. .nivo-caption a {
  88.         display:inline !important;
  89. }
  90. .nivo-html-caption {
  91.     display:none;
  92. }
  93. /* Direction nav styles (e.g. Next & Prev) */
  94. .nivo-directionNav a {
  95.         position:absolute;
  96.         top:45%;
  97.         z-index:9;
  98.         cursor:pointer;
  99. }
  100. .nivo-prevNav {
  101.         left:0px;
  102. }
  103. .nivo-nextNav {
  104.         right:0px;
  105. }
  106. /* Control nav styles (e.g. 1,2,3...) */
  107. .nivo-controlNav {
  108.         text-align:center;
  109.         padding: 15px 0;
  110. }
  111. .nivo-controlNav a {
  112.         cursor:pointer;
  113. }
  114. .nivo-controlNav a.active {
  115.         font-weight:bold;
  116. }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

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