Permalink
Browse files

v3.1

Added 3 new responsive themes
Fixed "small image" bug in TwentyEleven WordPress theme
Removed directionNavHide setting
Added "Support Thumbs" to themes
  • Loading branch information...
1 parent 1440399 commit 56cea898bb0a606d21d8a346680074926c8ea388 @gilbitron gilbitron committed Jul 5, 2012
View
@@ -4,6 +4,9 @@
<head>
<title>Nivo Slider Demo</title>
<link rel="stylesheet" href="../themes/default/default.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="../themes/light/light.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="../themes/dark/dark.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="../themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
View
@@ -84,15 +84,7 @@ a:hover, a:active {
.slider-wrapper {
width: 80%;
- margin: 20px auto;
-}
-
-.theme-default #slider {
- margin:100px auto 0 auto;
-}
-.theme-pascal.slider-wrapper,
-.theme-orman.slider-wrapper {
- margin-top:150px;
+ margin: 100px auto;
}
/*====================*/
View
@@ -1,5 +1,5 @@
/*
- * jQuery Nivo Slider v3.0.1
+ * jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
@@ -123,16 +123,6 @@
if(settings.directionNav){
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');
- // Hide Direction nav
- if(settings.directionNavHide){
- $('.nivo-directionNav', slider).hide();
- slider.hover(function(){
- $('.nivo-directionNav', slider).show();
- }, function(){
- $('.nivo-directionNav', slider).hide();
- });
- }
-
$('a.nivo-prevNav', slider).live('click', function(){
if(vars.running) { return false; }
clearInterval(timer);
@@ -653,7 +643,6 @@
pauseTime: 3000,
startSlide: 0,
directionNav: true,
- directionNavHide: true,
controlNav: true,
controlNavThumbs: false,
pauseOnHover: true,

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -1,5 +1,5 @@
/*
- * jQuery Nivo Slider v3.0.1
+ * jQuery Nivo Slider v3.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
@@ -18,6 +18,7 @@
position:absolute;
top:0px;
left:0px;
+ max-width: none;
}
.nivo-main-image {
display: block !important;
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,132 @@
+/*
+Skin Name: Nivo Slider Bar Theme
+Skin URI: http://nivo.dev7studios.com
+Description: The bottom bar skin for the Nivo Slider.
+Version: 1.0
+Author: Gilbert Pellegrom
+Author URI: http://dev7studios.com
+Supports Thumbs: false
+*/
+
+.theme-bar.slider-wrapper {
+ position: relative;
+ border: 1px solid #333;
+ overflow: hidden;
+}
+.theme-bar .nivoSlider {
+ position:relative;
+ background:#fff url(loading.gif) no-repeat 50% 50%;
+}
+.theme-bar .nivoSlider img {
+ position:absolute;
+ top:0px;
+ left:0px;
+ display:none;
+}
+.theme-bar .nivoSlider a {
+ border:0;
+ display:block;
+}
+
+.theme-bar .nivo-controlNav {
+ position: absolute;
+ left: 0;
+ bottom: -41px;
+ z-index: 10;
+ width: 100%;
+ height: 30px;
+ text-align: center;
+ padding: 5px 0;
+ border-top: 1px solid #333;
+ background: #333;
+ background: -moz-linear-gradient(top, #565656 0%, #333333 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#333333)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #565656 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #565656 0%,#333333 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #565656 0%,#333333 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #565656 0%,#333333 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
+ opacity: 0.5;
+ -webkit-transition: all 200ms ease-in-out;
+ -moz-transition: all 200ms ease-in-out;
+ -o-transition: all 200ms ease-in-out;
+ transition: all 200ms ease-in-out;
+}
+.theme-bar:hover .nivo-controlNav {
+ bottom: 0;
+ opacity: 1;
+}
+.theme-bar .nivo-controlNav a {
+ display:inline-block;
+ width:22px;
+ height:22px;
+ background:url(bullets.png) no-repeat;
+ text-indent:-9999px;
+ border:0;
+ margin: 5px 2px 0 2px;
+}
+.theme-bar .nivo-controlNav a.active {
+ background-position:0 -22px;
+}
+
+.theme-bar .nivo-directionNav a {
+ display:block;
+ border:0;
+ color: #fff;
+ text-transform: uppercase;
+ top: auto;
+ bottom: 10px;
+ z-index: 11;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ line-height: 20px;
+ opacity: 0.5;
+ -webkit-transition: all 200ms ease-in-out;
+ -moz-transition: all 200ms ease-in-out;
+ -o-transition: all 200ms ease-in-out;
+ transition: all 200ms ease-in-out;
+}
+.theme-bar a.nivo-nextNav { right: -50px; }
+.theme-bar a.nivo-prevNav { left: -50px; }
+.theme-bar:hover a.nivo-nextNav {
+ right: 15px;
+ opacity: 1;
+}
+.theme-bar:hover a.nivo-prevNav {
+ left: 15px;
+ opacity: 1;
+}
+.theme-bar .nivo-directionNav a:hover { color: #ddd; }
+
+.theme-bar .nivo-caption {
+ font-family: Helvetica, Arial, sans-serif;
+ -webkit-transition: all 200ms ease-in-out;
+ -moz-transition: all 200ms ease-in-out;
+ -o-transition: all 200ms ease-in-out;
+ transition: all 200ms ease-in-out;
+}
+.theme-bar:hover .nivo-caption {
+ bottom: 41px;
+}
+.theme-bar .nivo-caption a {
+ color:#fff;
+ border-bottom:1px dotted #fff;
+}
+.theme-bar .nivo-caption a:hover {
+ color:#fff;
+}
+
+.theme-bar .nivo-controlNav.nivo-thumbs-enabled {
+ width: 100%;
+}
+.theme-bar .nivo-controlNav.nivo-thumbs-enabled a {
+ width: auto;
+ height: auto;
+ background: none;
+ margin-bottom: 5px;
+}
+.theme-bar .nivo-controlNav.nivo-thumbs-enabled img {
+ display: block;
+ width: 120px;
+ height: auto;
+}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,102 @@
+/*
+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
+*/
+
+.theme-dark.slider-wrapper {
+ background: #222;
+ padding: 10px;
+}
+.theme-dark .nivoSlider {
+ position:relative;
+ background:#fff url(loading.gif) no-repeat 50% 50%;
+ margin-bottom:10px;
+ overflow: visible;
+}
+.theme-dark .nivoSlider img {
+ position:absolute;
+ top:0px;
+ left:0px;
+ display:none;
+}
+.theme-dark .nivoSlider a {
+ border:0;
+ display:block;
+}
+
+.theme-dark .nivo-controlNav {
+ text-align: left;
+ padding: 0;
+ position: relative;
+ z-index: 10;
+}
+.theme-dark .nivo-controlNav a {
+ display:inline-block;
+ width:10px;
+ height:10px;
+ background:url(bullets.png) no-repeat 0 2px;
+ text-indent:-9999px;
+ border:0;
+ margin: 0 2px;
+}
+.theme-dark .nivo-controlNav a.active {
+ background-position:0 100%;
+}
+
+.theme-dark .nivo-directionNav a {
+ display:block;
+ width:30px;
+ height:30px;
+ background: url(arrows.png) no-repeat;
+ text-indent:-9999px;
+ border:0;
+ top: auto;
+ bottom: -36px;
+ z-index: 11;
+}
+.theme-dark .nivo-directionNav a:hover {
+ background-color: #333;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+}
+.theme-dark a.nivo-nextNav {
+ background-position:-16px 50%;
+ right:0px;
+}
+.theme-dark a.nivo-prevNav {
+ background-position:11px 50%;
+ left: auto;
+ right: 35px;
+}
+
+.theme-dark .nivo-caption {
+ font-family: Helvetica, Arial, sans-serif;
+}
+.theme-dark .nivo-caption a {
+ color:#fff;
+ border-bottom:1px dotted #fff;
+}
+.theme-dark .nivo-caption a:hover {
+ color:#fff;
+}
+
+.theme-dark .nivo-controlNav.nivo-thumbs-enabled {
+ width: 80%;
+}
+.theme-dark .nivo-controlNav.nivo-thumbs-enabled a {
+ width: auto;
+ height: auto;
+ background: none;
+ margin-bottom: 5px;
+}
+.theme-dark .nivo-controlNav.nivo-thumbs-enabled img {
+ display: block;
+ width: 120px;
+ height: auto;
+}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -1,17 +1,17 @@
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
-Skin Type: flexible
Description: The default skin for the Nivo Slider.
-Version: 1.2
+Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
+Supports Thumbs: true
*/
.theme-default .nivoSlider {
position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
- margin-bottom:50px;
+ margin-bottom:10px;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
@@ -51,7 +51,13 @@ Author URI: http://dev7studios.com
background:url(arrows.png) no-repeat;
text-indent:-9999px;
border:0;
+ opacity: 0;
+ -webkit-transition: all 200ms ease-in-out;
+ -moz-transition: all 200ms ease-in-out;
+ -o-transition: all 200ms ease-in-out;
+ transition: all 200ms ease-in-out;
}
+.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
background-position:-30px 0;
right:15px;
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 56cea89

Please sign in to comment.