CSS   428

light.css

Guest on 29th September 2021 04:31:52 PM

  1. /*
  2. Skin Name: Nivo Slider Light Theme
  3. Skin URI: http://nivo.dev7studios.com
  4. Description: A light skin for the Nivo Slider.
  5. Version: 1.0
  6. Author: Gilbert Pellegrom
  7. Author URI: http://dev7studios.com
  8. Supports Thumbs: true
  9. */
  10.  
  11. .theme-light.slider-wrapper {
  12.     background: #fff;
  13.     padding: 10px;
  14. }
  15. .theme-light .nivoSlider {
  16.         position:relative;
  17.         background:#fff url(loading.gif) no-repeat 50% 50%;
  18.     margin-bottom:10px;
  19.     overflow: visible;
  20. }
  21. .theme-light .nivoSlider img {
  22.         position:absolute;
  23.         top:0px;
  24.         left:0px;
  25.         display:none;
  26. }
  27. .theme-light .nivoSlider a {
  28.         border:0;
  29.         display:block;
  30. }
  31.  
  32. .theme-light .nivo-controlNav {
  33.         text-align: left;
  34.         padding: 0;
  35.         position: relative;
  36.         z-index: 10;
  37. }
  38. .theme-light .nivo-controlNav a {
  39.         display:inline-block;
  40.         width:10px;
  41.         height:10px;
  42.         background:url(bullets.png) no-repeat;
  43.         text-indent:-9999px;
  44.         border:0;
  45.         margin: 0 2px;
  46. }
  47. .theme-light .nivo-controlNav a.active {
  48.         background-position:0 100%;
  49. }
  50.  
  51. .theme-light .nivo-directionNav a {
  52.         display:block;
  53.         width:30px;
  54.         height:30px;
  55.         background: url(arrows.png) no-repeat;
  56.         text-indent:-9999px;
  57.         border:0;
  58.         top: auto;
  59.         bottom: -36px;
  60.         z-index: 11;
  61. }
  62. .theme-light .nivo-directionNav a:hover {
  63.     background-color: #eee;
  64.     -webkit-border-radius: 2px;
  65.     -moz-border-radius: 2px;
  66.     border-radius: 2px;
  67. }
  68. .theme-light a.nivo-nextNav {
  69.         background-position:160% 50%;
  70.         right:0px;
  71. }
  72. .theme-light a.nivo-prevNav {
  73.     background-position:-60% 50%;
  74.     left: auto;
  75.         right: 35px;
  76. }
  77.  
  78. .theme-light .nivo-caption {
  79.     font-family: Helvetica, Arial, sans-serif;
  80. }
  81. .theme-light .nivo-caption a {
  82.     color:#fff;
  83.     border-bottom:1px dotted #fff;
  84. }
  85. .theme-light .nivo-caption a:hover {
  86.     color:#fff;
  87. }
  88.  
  89. .theme-light .nivo-controlNav.nivo-thumbs-enabled {
  90.         width: 80%;
  91. }
  92. .theme-light .nivo-controlNav.nivo-thumbs-enabled a {
  93.         width: auto;
  94.         height: auto;
  95.         background: none;
  96.         margin-bottom: 5px;
  97. }
  98. .theme-light .nivo-controlNav.nivo-thumbs-enabled img {
  99.         display: block;
  100.         width: 120px;
  101.         height: auto;
  102. }

Raw Paste


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