Advertisement
Guest User

nivo-slider.css

a guest
Oct 23rd, 2014
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.05 KB | None | 0 0
  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% !important; /*shm: for 5.5.1 capability? */
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement