/* Skin Name: Nivo Slider Dark Theme Skin URI: http://nivo.dev7studios.com Description: A dark skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .metaslider.ms-theme-nivo-dark .slider-wrapper { background: #222; padding: 10px; } .metaslider.ms-theme-nivo-dark .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:10px; overflow: visible; } .metaslider.ms-theme-nivo-light.has-thumb-nav .nivoSlider { margin-bottom: 0; } .metaslider.ms-theme-nivo-dark .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .metaslider.ms-theme-nivo-dark .nivoSlider a { border:0; display:block; } .metaslider.ms-theme-nivo-dark .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; } .metaslider.ms-theme-nivo-dark .nivo-controlNav a { display:inline-block; width:10px; height:13px; background: url(bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px; background-position:0 5px; } .metaslider.ms-theme-nivo-dark.has-thumb-nav .nivo-directionNav a { bottom: 0; margin-right: 5px; } .metaslider.ms-theme-nivo-dark .nivo-controlNav a.active { background-position:0 100%; } .metaslider.ms-theme-nivo-dark .nivo-directionNav a { display:block; width:30px; height:30px; background: #222222 url(arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; } .metaslider.ms-theme-nivo-dark .nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .metaslider.ms-theme-nivo-dark a.nivo-nextNav { background-position:-16px 50%; right:0px; } .metaslider.ms-theme-nivo-dark a.nivo-prevNav { background-position:11px 50%; left: auto; right: 35px; } .metaslider.ms-theme-nivo-dark .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .metaslider.ms-theme-nivo-dark .nivo-caption a { color:#fff; text-decoration: none; border-bottom:1px dotted #fff; } .metaslider.ms-theme-nivo-dark .nivo-caption a:hover { color:#fff; } .metaslider.ms-theme-nivo-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; } .metaslider.ms-theme-nivo-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .metaslider.ms-theme-nivo-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; height: auto; }