Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

NivoSlider CSS for Joomla

By: a guest on Apr 29th, 2012  |  syntax: CSS  |  size: 3.40 KB  |  hits: 84  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. body > .moduletable {background: #232f3a;}
  2.  
  3. .NivoSzakiSlider .nivoSlider {
  4.         position: relative;
  5.         background: url(loading.gif) no-repeat 50% 50%;
  6. }
  7. .nivoSlider {
  8.         position:       relative;
  9.         margin: 0px;
  10.         background: url(loading.gif) no-repeat 50% 50%;
  11. }
  12. .NivoSzakiSlider {
  13.         margin: 0px auto;
  14.         width: 940px;
  15.         position: relative;
  16.         background: none;
  17.         z-index: 1;
  18. }
  19.        
  20. .nivoSlider img {
  21.         position:absolute;
  22.         top:0;
  23.         left:0;
  24.         display:none
  25. }
  26. .nivoSlider a.nivo-imageLink {
  27.         position:absolute;
  28.         top:0;
  29.         left:0;
  30.         width:100%;
  31.         height:100%;
  32.         border:0;
  33.         padding:0;
  34.         margin:0;
  35.         z-index:6;
  36.         display:none
  37. }
  38. .nivo-slice {
  39.         display:block;
  40.         position:absolute;
  41.         z-index:5;
  42.         height:100%
  43. }
  44. .nivo-box {
  45.         display:block;
  46.         position:absolute;
  47.         z-index:5
  48. }
  49. .nivo-caption {
  50.         position: absolute;
  51.         left: 97px;
  52.         top: 98px;
  53.         margin: 0;
  54.         opacity: none !important;
  55.         z-index: 8;
  56.         height: 245px;
  57.         background: none;
  58. }
  59.  
  60. .nivo-caption p {padding: 0;}
  61.  
  62.         .nivo-caption p span {
  63.                 display: block;
  64.                 font: normal 34px/1.2307em "Times New Roman", Times, serif;
  65.                 color: #14827d;
  66.                 text-transform: uppercase;
  67.         }
  68.         .nivo-caption p strong {
  69.                 display: block;
  70.                 font: normal 140px/1.2307em "Times New Roman", Times, serif;
  71.                 text-transform: uppercase;
  72.                 color: white;
  73.                 padding: 0;
  74.                 margin: -34px 0 -38px;
  75.                 letter-spacing: -5px;
  76.         }
  77.         .nivo-caption p em {
  78.                 display: block;
  79.                 font: normal 34px/1.2307em "Times New Roman", Times, serif;
  80.                 text-transform: uppercase;
  81.                 color: white;
  82.         }
  83.         .nivo-caption p a {
  84.                 display: inline-block;
  85.                 background: url(slider-link.png)repeat 0px 0px;
  86.                 font: normal 10px/12px "Times New Roman", Times, serif;
  87.                 color: white;
  88.                 text-transform: uppercase;
  89.                 margin: 18px 0 0 2px;
  90.                 padding: 15px 21px 16px 20px;
  91.                 -webkit-transition: all 0.3s ease;
  92.                 -moz-transition: all 0.3s ease;
  93.                 -o-transition: all 0.3s ease;
  94.                 text-decoration: none;
  95.         }
  96.         .nivo-caption p a:hover {text-decoration: none; color: #14827d; background: white;}
  97.        
  98.  
  99. .nivo-html-caption {display:none;}
  100. .nivoSlider a {border:0;}
  101.  
  102. .nivo-directionNav {
  103.         width: 52px;
  104.         height: 25px;
  105.         position: absolute;
  106.         top: 407px;
  107.         left: 373px;
  108.         z-index: 9;
  109. }
  110. .nivo-directionNav a {
  111.         position:absolute;
  112.         z-index:9;
  113.         cursor:pointer
  114. }
  115. .nivo-prevNav {left:0;}
  116. .nivo-nextNav {right:0;}
  117. .nivo-controlNav a {
  118.         position:relative;
  119.         z-index:9;
  120.         cursor:pointer
  121. }
  122. .nivo-controlNav a.active {font-weight:bold;}
  123.  
  124. .nivo-controlNav img {
  125.         display:inline;
  126.         position:relative
  127. }
  128. .nivo-controlNav a.active img {}
  129. .nivo-directionNav a {
  130.         display:block;
  131.         width:25px;
  132.         height:25px;
  133.         background:url(arrows.png) no-repeat;
  134.         text-indent:-9999px;
  135.         border:0
  136. }
  137.  
  138. a.nivo-nextNav {
  139.         background-position: 100% 0;
  140.         right: 0px;
  141. }
  142. a.nivo-prevNav {background-position: 0% 0%;}
  143. a.nivo-nextNav {background-position: 100% 0%;}
  144. a.nivo-prevNav:hover {background-position: 0% 100%;}
  145. a.nivo-nextNav:hover {background-position: 100% 100%;}
  146.  
  147.  
  148. .nivoSlider .nivo-controlNav {
  149.         bottom: 31px;
  150.     height: 13px;
  151.     right: 31px;
  152.     position: absolute;
  153.     z-index: 99;
  154.         /*background: url(controlNav.png) no-repeat;*/
  155. }
  156. .nivoSlider .nivo-controlNav a {
  157.         display: block;
  158.         border: 0;
  159.         float: left;
  160.         height: 13px;
  161.         width: 13px;
  162.         background: url(bullets.png) no-repeat 0 0;
  163.         text-indent: -9999px;
  164.         margin-left: 3px;
  165. }
  166. .nivoSlider .nivo-controlNav a.active, .nivoSlider .nivo-controlNav a:hover {
  167.         background:url(bullets.png) no-repeat 100% 0px;
  168. }
create a new version of this paste RAW Paste Data