TEXT 12
Dark.css Guest on 21st September 2020 09:23:35 PM
  1. /*
  2. Skin Name: Nivo Slider Dark Theme
  3. Skin URI: http://nivo.dev7studios.com
  4. Description: A dark 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-dark.slider-wrapper {
  12.     background: #222;
  13.     padding: 10px;
  14. }
  15. .theme-dark .nivoSlider {
  16.         position:relative;
  17.         background:#fff url(loading.gif) no-repeat 50% 50%;
  18.     margin-bottom:10px;
  19.     overflow: visible;
  20. }
  21. .theme-dark .nivoSlider img {
  22.         position:absolute;
  23.         top:0px;
  24.         left:0px;
  25.         display:none;
  26. }
  27. .theme-dark .nivoSlider a {
  28.         border:0;
  29.         display:block;
  30. }
  31.  
  32. .theme-dark .nivo-controlNav {
  33.         text-align: left;
  34.         padding: 0;
  35.         position: relative;
  36.         z-index: 10;
  37. }
  38. .theme-dark .nivo-controlNav a {
  39.         display:inline-block;
  40.         width:10px;
  41.         height:10px;
  42.         background:url(bullets.png) no-repeat 0 2px;
  43.         text-indent:-9999px;
  44.         border:0;
  45.         margin: 0 2px;
  46. }
  47. .theme-dark .nivo-controlNav a.active {
  48.         background-position:0 100%;
  49. }
  50.  
  51. .theme-dark .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-dark .nivo-directionNav a:hover {
  63.     background-color: #333;
  64.     -webkit-border-radius: 2px;
  65.     -moz-border-radius: 2px;
  66.     border-radius: 2px;
  67. }
  68. .theme-dark a.nivo-nextNav {
  69.         background-position:-16px 50%;
  70.         right:0px;
  71. }
  72. .theme-dark a.nivo-prevNav {
  73.     background-position:11px 50%;
  74.     left: auto;
  75.         right: 35px;
  76. }
  77.  
  78. .theme-dark .nivo-caption {
  79.     font-family: Helvetica, Arial, sans-serif;
  80. }
  81. .theme-dark .nivo-caption a {
  82.     color:#fff;
  83.     border-bottom:1px dotted #fff;
  84. }
  85. .theme-dark .nivo-caption a:hover {
  86.     color:#fff;
  87. }
  88.  
  89. .theme-dark .nivo-controlNav.nivo-thumbs-enabled {
  90.         width: 80%;
  91. }
  92. .theme-dark .nivo-controlNav.nivo-thumbs-enabled a {
  93.         width: auto;
  94.         height: auto;
  95.         background: none;
  96.         margin-bottom: 5px;
  97. }
  98. .theme-dark .nivo-controlNav.nivo-thumbs-enabled img {
  99.         display: block;
  100.         width: 120px;
  101.         height: auto;
  102. }

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.