First Commit
This commit is contained in:
Kevin Adametz
commit
610aa1e202
4204 changed files with 636764 additions and 0 deletions
7
_static/assets/plugins/slider.nivo/README.md
Normal file
7
_static/assets/plugins/slider.nivo/README.md
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
# Nivo Slider
|
||||
|
||||
The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning.
|
||||
|
||||
See http://dev7studios.com/plugins/nivo-slider for more info.
|
||||
|
||||
Docs: http://docs.dev7studios.com/jquery-plugins/nivo-slider
|
||||
38
_static/assets/plugins/slider.nivo/demo/demo.html
Normal file
38
_static/assets/plugins/slider.nivo/demo/demo.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<html lang="en">
|
||||
<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>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<a href="http://dev7studios.com" id="dev7link" title="Go to dev7studios">dev7studios</a>
|
||||
|
||||
<div class="slider-wrapper theme-default">
|
||||
<div id="slider" class="nivoSlider">
|
||||
<img src="images/toystory.jpg" data-thumb="images/toystory.jpg" alt="" />
|
||||
<a href="http://dev7studios.com"><img src="images/up.jpg" data-thumb="images/up.jpg" alt="" title="This is an example of a caption" /></a>
|
||||
<img src="images/walle.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
|
||||
<img src="images/nemo.jpg" data-thumb="images/nemo.jpg" alt="" title="#htmlcaption" />
|
||||
</div>
|
||||
<div id="htmlcaption" class="nivo-html-caption">
|
||||
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
|
||||
<script type="text/javascript" src="../jquery.nivo.slider.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
$('#slider').nivoSlider();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
_static/assets/plugins/slider.nivo/demo/images/dev7logo.png
Normal file
BIN
_static/assets/plugins/slider.nivo/demo/images/dev7logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
_static/assets/plugins/slider.nivo/demo/images/nemo.jpg
Normal file
BIN
_static/assets/plugins/slider.nivo/demo/images/nemo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
BIN
_static/assets/plugins/slider.nivo/demo/images/toystory.jpg
Normal file
BIN
_static/assets/plugins/slider.nivo/demo/images/toystory.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
_static/assets/plugins/slider.nivo/demo/images/up.jpg
Normal file
BIN
_static/assets/plugins/slider.nivo/demo/images/up.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
_static/assets/plugins/slider.nivo/demo/images/walle.jpg
Normal file
BIN
_static/assets/plugins/slider.nivo/demo/images/walle.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
4
_static/assets/plugins/slider.nivo/demo/scripts/jquery-1.9.0.min.js
vendored
Normal file
4
_static/assets/plugins/slider.nivo/demo/scripts/jquery-1.9.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
95
_static/assets/plugins/slider.nivo/demo/style.css
Normal file
95
_static/assets/plugins/slider.nivo/demo/style.css
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
/*=================================*/
|
||||
/* Nivo Slider Demo
|
||||
/* November 2010
|
||||
/* By: Gilbert Pellegrom
|
||||
/* http://dev7studios.com
|
||||
/*=================================*/
|
||||
|
||||
/*====================*/
|
||||
/*=== Reset Styles ===*/
|
||||
/*====================*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
outline:0;
|
||||
font-weight:inherit;
|
||||
font-style:inherit;
|
||||
font-size:100%;
|
||||
font-family:inherit;
|
||||
vertical-align:baseline;
|
||||
}
|
||||
body {
|
||||
line-height:1;
|
||||
color:black;
|
||||
background:white;
|
||||
}
|
||||
table {
|
||||
border-collapse:separate;
|
||||
border-spacing:0;
|
||||
}
|
||||
caption, th, td {
|
||||
text-align:left;
|
||||
font-weight:normal;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content:"";
|
||||
}
|
||||
blockquote, q {
|
||||
quotes:"" "";
|
||||
}
|
||||
/* HTML5 tags */
|
||||
header, section, footer,
|
||||
aside, nav, article, figure {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*===================*/
|
||||
/*=== Main Styles ===*/
|
||||
/*===================*/
|
||||
body {
|
||||
font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
|
||||
color:#333;
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color:blue;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover, a:active {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#dev7link {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:50px;
|
||||
background:url(images/dev7logo.png) no-repeat;
|
||||
width:60px;
|
||||
height:67px;
|
||||
border:0;
|
||||
display:block;
|
||||
text-indent:-9999px;
|
||||
}
|
||||
|
||||
.slider-wrapper {
|
||||
width: 80%;
|
||||
margin: 100px auto;
|
||||
}
|
||||
|
||||
/*====================*/
|
||||
/*=== Other Styles ===*/
|
||||
/*====================*/
|
||||
.clear {
|
||||
clear:both;
|
||||
}
|
||||
662
_static/assets/plugins/slider.nivo/jquery.nivo.slider.js
Normal file
662
_static/assets/plugins/slider.nivo/jquery.nivo.slider.js
Normal file
|
|
@ -0,0 +1,662 @@
|
|||
/*
|
||||
* jQuery Nivo Slider v3.2
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2012, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
var NivoSlider = function(element, options){
|
||||
// Defaults are below
|
||||
var settings = $.extend({}, $.fn.nivoSlider.defaults, options);
|
||||
|
||||
// Useful variables. Play carefully.
|
||||
var vars = {
|
||||
currentSlide: 0,
|
||||
currentImage: '',
|
||||
totalSlides: 0,
|
||||
running: false,
|
||||
paused: false,
|
||||
stop: false,
|
||||
controlNavEl: false
|
||||
};
|
||||
|
||||
// Get this slider
|
||||
var slider = $(element);
|
||||
slider.data('nivo:vars', vars).addClass('nivoSlider');
|
||||
|
||||
// Find our slider children
|
||||
var kids = slider.children();
|
||||
kids.each(function() {
|
||||
var child = $(this);
|
||||
var link = '';
|
||||
if(!child.is('img')){
|
||||
if(child.is('a')){
|
||||
child.addClass('nivo-imageLink');
|
||||
link = child;
|
||||
}
|
||||
child = child.find('img:first');
|
||||
}
|
||||
// Get img width & height
|
||||
var childWidth = (childWidth === 0) ? child.attr('width') : child.width(),
|
||||
childHeight = (childHeight === 0) ? child.attr('height') : child.height();
|
||||
|
||||
if(link !== ''){
|
||||
link.css('display','none');
|
||||
}
|
||||
child.css('display','none');
|
||||
vars.totalSlides++;
|
||||
});
|
||||
|
||||
// If randomStart
|
||||
if(settings.randomStart){
|
||||
settings.startSlide = Math.floor(Math.random() * vars.totalSlides);
|
||||
}
|
||||
|
||||
// Set startSlide
|
||||
if(settings.startSlide > 0){
|
||||
if(settings.startSlide >= vars.totalSlides) { settings.startSlide = vars.totalSlides - 1; }
|
||||
vars.currentSlide = settings.startSlide;
|
||||
}
|
||||
|
||||
// Get initial image
|
||||
if($(kids[vars.currentSlide]).is('img')){
|
||||
vars.currentImage = $(kids[vars.currentSlide]);
|
||||
} else {
|
||||
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
|
||||
}
|
||||
|
||||
// Show initial link
|
||||
if($(kids[vars.currentSlide]).is('a')){
|
||||
$(kids[vars.currentSlide]).css('display','block');
|
||||
}
|
||||
|
||||
// Set first background
|
||||
var sliderImg = $('<img/>').addClass('nivo-main-image');
|
||||
sliderImg.attr('src', vars.currentImage.attr('src')).show();
|
||||
slider.append(sliderImg);
|
||||
|
||||
// Detect Window Resize
|
||||
$(window).resize(function() {
|
||||
slider.children('img').width(slider.width());
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
sliderImg.stop().height('auto');
|
||||
$('.nivo-slice').remove();
|
||||
$('.nivo-box').remove();
|
||||
});
|
||||
|
||||
//Create caption
|
||||
slider.append($('<div class="nivo-caption"></div>'));
|
||||
|
||||
// Process caption function
|
||||
var processCaption = function(settings){
|
||||
var nivoCaption = $('.nivo-caption', slider);
|
||||
if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
|
||||
var title = vars.currentImage.attr('title');
|
||||
if(title.substr(0,1) == '#') title = $(title).html();
|
||||
|
||||
if(nivoCaption.css('display') == 'block'){
|
||||
setTimeout(function(){
|
||||
nivoCaption.html(title);
|
||||
}, settings.animSpeed);
|
||||
} else {
|
||||
nivoCaption.html(title);
|
||||
nivoCaption.stop().fadeIn(settings.animSpeed);
|
||||
}
|
||||
} else {
|
||||
nivoCaption.stop().fadeOut(settings.animSpeed);
|
||||
}
|
||||
}
|
||||
|
||||
//Process initial caption
|
||||
processCaption(settings);
|
||||
|
||||
// In the words of Super Mario "let's a go!"
|
||||
var timer = 0;
|
||||
if(!settings.manualAdvance && kids.length > 1){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
|
||||
// Add Direction nav
|
||||
if(settings.directionNav){
|
||||
slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');
|
||||
|
||||
$(slider).on('click', 'a.nivo-prevNav', function(){
|
||||
if(vars.running) { return false; }
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
vars.currentSlide -= 2;
|
||||
nivoRun(slider, kids, settings, 'prev');
|
||||
});
|
||||
|
||||
$(slider).on('click', 'a.nivo-nextNav', function(){
|
||||
if(vars.running) { return false; }
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
nivoRun(slider, kids, settings, 'next');
|
||||
});
|
||||
}
|
||||
|
||||
// Add Control nav
|
||||
if(settings.controlNav){
|
||||
vars.controlNavEl = $('<div class="nivo-controlNav"></div>');
|
||||
slider.after(vars.controlNavEl);
|
||||
for(var i = 0; i < kids.length; i++){
|
||||
if(settings.controlNavThumbs){
|
||||
vars.controlNavEl.addClass('nivo-thumbs-enabled');
|
||||
var child = kids.eq(i);
|
||||
if(!child.is('img')){
|
||||
child = child.find('img:first');
|
||||
}
|
||||
if(child.attr('data-thumb')) vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('data-thumb') +'" alt="" /></a>');
|
||||
} else {
|
||||
vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
|
||||
}
|
||||
}
|
||||
|
||||
//Set initial active link
|
||||
$('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
|
||||
|
||||
$('a', vars.controlNavEl).bind('click', function(){
|
||||
if(vars.running) return false;
|
||||
if($(this).hasClass('active')) return false;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
vars.currentSlide = $(this).attr('rel') - 1;
|
||||
nivoRun(slider, kids, settings, 'control');
|
||||
});
|
||||
}
|
||||
|
||||
//For pauseOnHover setting
|
||||
if(settings.pauseOnHover){
|
||||
slider.hover(function(){
|
||||
vars.paused = true;
|
||||
clearInterval(timer);
|
||||
timer = '';
|
||||
}, function(){
|
||||
vars.paused = false;
|
||||
// Restart the timer
|
||||
if(timer === '' && !settings.manualAdvance){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Event when Animation finishes
|
||||
slider.bind('nivo:animFinished', function(){
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
vars.running = false;
|
||||
// Hide child links
|
||||
$(kids).each(function(){
|
||||
if($(this).is('a')){
|
||||
$(this).css('display','none');
|
||||
}
|
||||
});
|
||||
// Show current link
|
||||
if($(kids[vars.currentSlide]).is('a')){
|
||||
$(kids[vars.currentSlide]).css('display','block');
|
||||
}
|
||||
// Restart the timer
|
||||
if(timer === '' && !vars.paused && !settings.manualAdvance){
|
||||
timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
|
||||
}
|
||||
// Trigger the afterChange callback
|
||||
settings.afterChange.call(this);
|
||||
});
|
||||
|
||||
// Add slices for slice animations
|
||||
var createSlices = function(slider, settings, vars) {
|
||||
if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
|
||||
$('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
|
||||
var sliceHeight = ($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().is('a')) ? $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().height() : $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height();
|
||||
|
||||
for(var i = 0; i < settings.slices; i++){
|
||||
var sliceWidth = Math.round(slider.width()/settings.slices);
|
||||
|
||||
if(i === settings.slices-1){
|
||||
slider.append(
|
||||
$('<div class="nivo-slice" name="'+i+'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block !important; top:0; left:-'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px;" /></div>').css({
|
||||
left:(sliceWidth*i)+'px',
|
||||
width:(slider.width()-(sliceWidth*i))+'px',
|
||||
height:sliceHeight+'px',
|
||||
opacity:'0',
|
||||
overflow:'hidden'
|
||||
})
|
||||
);
|
||||
} else {
|
||||
slider.append(
|
||||
$('<div class="nivo-slice" name="'+i+'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block !important; top:0; left:-'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px;" /></div>').css({
|
||||
left:(sliceWidth*i)+'px',
|
||||
width:sliceWidth+'px',
|
||||
height:sliceHeight+'px',
|
||||
opacity:'0',
|
||||
overflow:'hidden'
|
||||
})
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
$('.nivo-slice', slider).height(sliceHeight);
|
||||
sliderImg.stop().animate({
|
||||
height: $(vars.currentImage).height()
|
||||
}, settings.animSpeed);
|
||||
};
|
||||
|
||||
// Add boxes for box animations
|
||||
var createBoxes = function(slider, settings, vars){
|
||||
if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
|
||||
$('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
|
||||
var boxWidth = Math.round(slider.width()/settings.boxCols),
|
||||
boxHeight = Math.round($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height() / settings.boxRows);
|
||||
|
||||
|
||||
for(var rows = 0; rows < settings.boxRows; rows++){
|
||||
for(var cols = 0; cols < settings.boxCols; cols++){
|
||||
if(cols === settings.boxCols-1){
|
||||
slider.append(
|
||||
$('<div class="nivo-box" name="'+ cols +'" rel="'+ rows +'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block; top:-'+ (boxHeight*rows) +'px; left:-'+ (boxWidth*cols) +'px;" /></div>').css({
|
||||
opacity:0,
|
||||
left:(boxWidth*cols)+'px',
|
||||
top:(boxHeight*rows)+'px',
|
||||
width:(slider.width()-(boxWidth*cols))+'px'
|
||||
|
||||
})
|
||||
);
|
||||
$('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
|
||||
} else {
|
||||
slider.append(
|
||||
$('<div class="nivo-box" name="'+ cols +'" rel="'+ rows +'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block; top:-'+ (boxHeight*rows) +'px; left:-'+ (boxWidth*cols) +'px;" /></div>').css({
|
||||
opacity:0,
|
||||
left:(boxWidth*cols)+'px',
|
||||
top:(boxHeight*rows)+'px',
|
||||
width:boxWidth+'px'
|
||||
})
|
||||
);
|
||||
$('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
sliderImg.stop().animate({
|
||||
height: $(vars.currentImage).height()
|
||||
}, settings.animSpeed);
|
||||
};
|
||||
|
||||
// Private run method
|
||||
var nivoRun = function(slider, kids, settings, nudge){
|
||||
// Get our vars
|
||||
var vars = slider.data('nivo:vars');
|
||||
|
||||
// Trigger the lastSlide callback
|
||||
if(vars && (vars.currentSlide === vars.totalSlides - 1)){
|
||||
settings.lastSlide.call(this);
|
||||
}
|
||||
|
||||
// Stop
|
||||
if((!vars || vars.stop) && !nudge) { return false; }
|
||||
|
||||
// Trigger the beforeChange callback
|
||||
settings.beforeChange.call(this);
|
||||
|
||||
// Set current background before change
|
||||
if(!nudge){
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
} else {
|
||||
if(nudge === 'prev'){
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
}
|
||||
if(nudge === 'next'){
|
||||
sliderImg.attr('src', vars.currentImage.attr('src'));
|
||||
}
|
||||
}
|
||||
|
||||
vars.currentSlide++;
|
||||
// Trigger the slideshowEnd callback
|
||||
if(vars.currentSlide === vars.totalSlides){
|
||||
vars.currentSlide = 0;
|
||||
settings.slideshowEnd.call(this);
|
||||
}
|
||||
if(vars.currentSlide < 0) { vars.currentSlide = (vars.totalSlides - 1); }
|
||||
// Set vars.currentImage
|
||||
if($(kids[vars.currentSlide]).is('img')){
|
||||
vars.currentImage = $(kids[vars.currentSlide]);
|
||||
} else {
|
||||
vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
|
||||
}
|
||||
|
||||
// Set active links
|
||||
if(settings.controlNav){
|
||||
$('a', vars.controlNavEl).removeClass('active');
|
||||
$('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
|
||||
}
|
||||
|
||||
// Process caption
|
||||
processCaption(settings);
|
||||
|
||||
// Remove any slices from last transition
|
||||
$('.nivo-slice', slider).remove();
|
||||
|
||||
// Remove any boxes from last transition
|
||||
$('.nivo-box', slider).remove();
|
||||
|
||||
var currentEffect = settings.effect,
|
||||
anims = '';
|
||||
|
||||
// Generate random effect
|
||||
if(settings.effect === 'random'){
|
||||
anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
|
||||
'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
|
||||
currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
|
||||
if(currentEffect === undefined) { currentEffect = 'fade'; }
|
||||
}
|
||||
|
||||
// Run random effect from specified set (eg: effect:'fold,fade')
|
||||
if(settings.effect.indexOf(',') !== -1){
|
||||
anims = settings.effect.split(',');
|
||||
currentEffect = anims[Math.floor(Math.random()*(anims.length))];
|
||||
if(currentEffect === undefined) { currentEffect = 'fade'; }
|
||||
}
|
||||
|
||||
// Custom transition as defined by "data-transition" attribute
|
||||
if(vars.currentImage.attr('data-transition')){
|
||||
currentEffect = vars.currentImage.attr('data-transition');
|
||||
}
|
||||
|
||||
// Run effects
|
||||
vars.running = true;
|
||||
var timeBuff = 0,
|
||||
i = 0,
|
||||
slices = '',
|
||||
firstSlice = '',
|
||||
totalBoxes = '',
|
||||
boxes = '';
|
||||
|
||||
if(currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
timeBuff = 0;
|
||||
i = 0;
|
||||
slices = $('.nivo-slice', slider);
|
||||
if(currentEffect === 'sliceDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
slice.css({ 'top': '0px' });
|
||||
if(i === settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
} else if(currentEffect === 'sliceUp' || currentEffect === 'sliceUpRight' || currentEffect === 'sliceUpLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
timeBuff = 0;
|
||||
i = 0;
|
||||
slices = $('.nivo-slice', slider);
|
||||
if(currentEffect === 'sliceUpLeft') { slices = $('.nivo-slice', slider)._reverse(); }
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
slice.css({ 'bottom': '0px' });
|
||||
if(i === settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
} else if(currentEffect === 'sliceUpDown' || currentEffect === 'sliceUpDownRight' || currentEffect === 'sliceUpDownLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
timeBuff = 0;
|
||||
i = 0;
|
||||
var v = 0;
|
||||
slices = $('.nivo-slice', slider);
|
||||
if(currentEffect === 'sliceUpDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
|
||||
|
||||
slices.each(function(){
|
||||
var slice = $(this);
|
||||
if(i === 0){
|
||||
slice.css('top','0px');
|
||||
i++;
|
||||
} else {
|
||||
slice.css('bottom','0px');
|
||||
i = 0;
|
||||
}
|
||||
|
||||
if(v === settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
v++;
|
||||
});
|
||||
} else if(currentEffect === 'fold'){
|
||||
createSlices(slider, settings, vars);
|
||||
timeBuff = 0;
|
||||
i = 0;
|
||||
|
||||
$('.nivo-slice', slider).each(function(){
|
||||
var slice = $(this);
|
||||
var origWidth = slice.width();
|
||||
slice.css({ top:'0px', width:'0px' });
|
||||
if(i === settings.slices-1){
|
||||
setTimeout(function(){
|
||||
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 50;
|
||||
i++;
|
||||
});
|
||||
} else if(currentEffect === 'fade'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'width': slider.width() + 'px'
|
||||
});
|
||||
|
||||
firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
} else if(currentEffect === 'slideInRight'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'width': '0px',
|
||||
'opacity': '1'
|
||||
});
|
||||
|
||||
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
} else if(currentEffect === 'slideInLeft'){
|
||||
createSlices(slider, settings, vars);
|
||||
|
||||
firstSlice = $('.nivo-slice:first', slider);
|
||||
firstSlice.css({
|
||||
'width': '0px',
|
||||
'opacity': '1',
|
||||
'left': '',
|
||||
'right': '0px'
|
||||
});
|
||||
|
||||
firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){
|
||||
// Reset positioning
|
||||
firstSlice.css({
|
||||
'left': '0px',
|
||||
'right': ''
|
||||
});
|
||||
slider.trigger('nivo:animFinished');
|
||||
});
|
||||
} else if(currentEffect === 'boxRandom'){
|
||||
createBoxes(slider, settings, vars);
|
||||
|
||||
totalBoxes = settings.boxCols * settings.boxRows;
|
||||
i = 0;
|
||||
timeBuff = 0;
|
||||
|
||||
boxes = shuffle($('.nivo-box', slider));
|
||||
boxes.each(function(){
|
||||
var box = $(this);
|
||||
if(i === totalBoxes-1){
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + timeBuff));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1' }, settings.animSpeed);
|
||||
}, (100 + timeBuff));
|
||||
}
|
||||
timeBuff += 20;
|
||||
i++;
|
||||
});
|
||||
} else if(currentEffect === 'boxRain' || currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
|
||||
createBoxes(slider, settings, vars);
|
||||
|
||||
totalBoxes = settings.boxCols * settings.boxRows;
|
||||
i = 0;
|
||||
timeBuff = 0;
|
||||
|
||||
// Split boxes into 2D array
|
||||
var rowIndex = 0;
|
||||
var colIndex = 0;
|
||||
var box2Darr = [];
|
||||
box2Darr[rowIndex] = [];
|
||||
boxes = $('.nivo-box', slider);
|
||||
if(currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrowReverse'){
|
||||
boxes = $('.nivo-box', slider)._reverse();
|
||||
}
|
||||
boxes.each(function(){
|
||||
box2Darr[rowIndex][colIndex] = $(this);
|
||||
colIndex++;
|
||||
if(colIndex === settings.boxCols){
|
||||
rowIndex++;
|
||||
colIndex = 0;
|
||||
box2Darr[rowIndex] = [];
|
||||
}
|
||||
});
|
||||
|
||||
// Run animation
|
||||
for(var cols = 0; cols < (settings.boxCols * 2); cols++){
|
||||
var prevCol = cols;
|
||||
for(var rows = 0; rows < settings.boxRows; rows++){
|
||||
if(prevCol >= 0 && prevCol < settings.boxCols){
|
||||
/* Due to some weird JS bug with loop vars
|
||||
being used in setTimeout, this is wrapped
|
||||
with an anonymous function call */
|
||||
(function(row, col, time, i, totalBoxes) {
|
||||
var box = $(box2Darr[row][col]);
|
||||
var w = box.width();
|
||||
var h = box.height();
|
||||
if(currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
|
||||
box.width(0).height(0);
|
||||
}
|
||||
if(i === totalBoxes-1){
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); });
|
||||
}, (100 + time));
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
|
||||
}, (100 + time));
|
||||
}
|
||||
})(rows, prevCol, timeBuff, i, totalBoxes);
|
||||
i++;
|
||||
}
|
||||
prevCol--;
|
||||
}
|
||||
timeBuff += 100;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Shuffle an array
|
||||
var shuffle = function(arr){
|
||||
for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i, 10), x = arr[--i], arr[i] = arr[j], arr[j] = x);
|
||||
return arr;
|
||||
};
|
||||
|
||||
// For debugging
|
||||
var trace = function(msg){
|
||||
if(this.console && typeof console.log !== 'undefined') { console.log(msg); }
|
||||
};
|
||||
|
||||
// Start / Stop
|
||||
this.stop = function(){
|
||||
if(!$(element).data('nivo:vars').stop){
|
||||
$(element).data('nivo:vars').stop = true;
|
||||
trace('Stop Slider');
|
||||
}
|
||||
};
|
||||
|
||||
this.start = function(){
|
||||
if($(element).data('nivo:vars').stop){
|
||||
$(element).data('nivo:vars').stop = false;
|
||||
trace('Start Slider');
|
||||
}
|
||||
};
|
||||
|
||||
// Trigger the afterLoad callback
|
||||
settings.afterLoad.call(this);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.fn.nivoSlider = function(options) {
|
||||
return this.each(function(key, value){
|
||||
var element = $(this);
|
||||
// Return early if this element already has a plugin instance
|
||||
if (element.data('nivoslider')) { return element.data('nivoslider'); }
|
||||
// Pass options to plugin constructor
|
||||
var nivoslider = new NivoSlider(this, options);
|
||||
// Store plugin object in this element's data
|
||||
element.data('nivoslider', nivoslider);
|
||||
});
|
||||
};
|
||||
|
||||
//Default settings
|
||||
$.fn.nivoSlider.defaults = {
|
||||
effect: 'random',
|
||||
slices: 15,
|
||||
boxCols: 8,
|
||||
boxRows: 4,
|
||||
animSpeed: 500,
|
||||
pauseTime: 3000,
|
||||
startSlide: 0,
|
||||
directionNav: true,
|
||||
controlNav: true,
|
||||
controlNavThumbs: false,
|
||||
pauseOnHover: true,
|
||||
manualAdvance: false,
|
||||
prevText: 'Prev',
|
||||
nextText: 'Next',
|
||||
randomStart: false,
|
||||
beforeChange: function(){},
|
||||
afterChange: function(){},
|
||||
slideshowEnd: function(){},
|
||||
lastSlide: function(){},
|
||||
afterLoad: function(){}
|
||||
};
|
||||
|
||||
$.fn._reverse = [].reverse;
|
||||
|
||||
})(jQuery);
|
||||
File diff suppressed because one or more lines are too long
22
_static/assets/plugins/slider.nivo/license.txt
Normal file
22
_static/assets/plugins/slider.nivo/license.txt
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
Copyright (c) 2010-2012 Dev7studios
|
||||
|
||||
Permission is hereby granted, free of charge, to any person
|
||||
obtaining a copy of this software and associated documentation
|
||||
files (the "Software"), to deal in the Software without
|
||||
restriction, including without limitation the rights to use,
|
||||
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the
|
||||
Software is furnished to do so, subject to the following
|
||||
conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
OTHER DEALINGS IN THE SOFTWARE.
|
||||
113
_static/assets/plugins/slider.nivo/nivo-slider.css
Normal file
113
_static/assets/plugins/slider.nivo/nivo-slider.css
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
/*
|
||||
* jQuery Nivo Slider v3.2
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2012, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
/* The Nivo Slider styles */
|
||||
.nivoSlider {
|
||||
position:relative;
|
||||
width:100%;
|
||||
height:auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
max-width: none;
|
||||
}
|
||||
.nivo-main-image {
|
||||
display: block !important;
|
||||
position: relative !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
background:white;
|
||||
filter:alpha(opacity=0);
|
||||
opacity:0;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
top:0;
|
||||
}
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
overflow:hidden;
|
||||
}
|
||||
.nivo-box img { display:block; }
|
||||
|
||||
/* Caption styles */
|
||||
.nivo-caption {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
background:#000;
|
||||
color:#fff;
|
||||
width:100%;
|
||||
z-index:8;
|
||||
padding: 5px 10px;
|
||||
opacity: 0.8;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
-moz-opacity: 0.8;
|
||||
filter:alpha(opacity=8);
|
||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
||||
box-sizing: border-box; /* Opera/IE 8+ */
|
||||
}
|
||||
.nivo-caption p {
|
||||
padding:5px;
|
||||
margin:0;
|
||||
}
|
||||
.nivo-caption a {
|
||||
display:inline !important;
|
||||
}
|
||||
.nivo-html-caption {
|
||||
display:none;
|
||||
}
|
||||
/* Direction nav styles (e.g. Next & Prev) */
|
||||
.nivo-directionNav a {
|
||||
position:absolute;
|
||||
top:45%;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-prevNav {
|
||||
left:0px;
|
||||
}
|
||||
.nivo-nextNav {
|
||||
right:0px;
|
||||
}
|
||||
/* Control nav styles (e.g. 1,2,3...) */
|
||||
.nivo-controlNav {
|
||||
text-align:center;
|
||||
padding: 15px 0;
|
||||
}
|
||||
.nivo-controlNav a {
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-controlNav a.active {
|
||||
font-weight:bold;
|
||||
}
|
||||
29
_static/assets/plugins/slider.nivo/nivoslider.jquery.json
Normal file
29
_static/assets/plugins/slider.nivo/nivoslider.jquery.json
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"name": "nivoslider",
|
||||
"version": "3.2",
|
||||
"title": "Nivo Slider",
|
||||
"author": {
|
||||
"name": "Gilbert Pellegrom",
|
||||
"url": "http://gilbert.pellegrom.me"
|
||||
},
|
||||
"licenses": [
|
||||
{
|
||||
"type": "MIT",
|
||||
"url": "https://github.com/gilbitron/Nivo-Slider/blob/master/license.txt"
|
||||
}
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": ">=1.7"
|
||||
},
|
||||
"description": "The Most Awesome jQuery Image Slider.",
|
||||
"keywords": [
|
||||
"slider",
|
||||
"animation",
|
||||
"effect"
|
||||
],
|
||||
"homepage": "http://nivo.dev7studios.com",
|
||||
"docs": "http://nivo.dev7studios.com/support",
|
||||
"demo": "http://nivo.dev7studios.com/demos",
|
||||
"download": "http://nivo.dev7studios.com/pricing",
|
||||
"bugs": "https://github.com/gilbitron/Nivo-Slider/issues"
|
||||
}
|
||||
BIN
_static/assets/plugins/slider.nivo/themes/bar/arrows.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/bar/arrows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
132
_static/assets/plugins/slider.nivo/themes/bar/bar.css
Normal file
132
_static/assets/plugins/slider.nivo/themes/bar/bar.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
BIN
_static/assets/plugins/slider.nivo/themes/bar/bullets.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/bar/bullets.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/bar/loading.gif
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/bar/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/dark/arrows.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/dark/arrows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/dark/bullets.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/dark/bullets.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
102
_static/assets/plugins/slider.nivo/themes/dark/dark.css
Normal file
102
_static/assets/plugins/slider.nivo/themes/dark/dark.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
BIN
_static/assets/plugins/slider.nivo/themes/dark/loading.gif
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/dark/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/default/arrows.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/default/arrows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
BIN
_static/assets/plugins/slider.nivo/themes/default/bullets.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/default/bullets.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -0,0 +1,93 @@
|
|||
/*
|
||||
Skin Name: Nivo Slider Default Theme
|
||||
Skin URI: http://nivo.dev7studios.com
|
||||
Description: The default skin for the Nivo Slider.
|
||||
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:10px;
|
||||
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
}
|
||||
.theme-default .nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
display:none;
|
||||
}
|
||||
.theme-default .nivoSlider a {
|
||||
border:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.theme-default .nivo-controlNav {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.theme-default .nivo-controlNav a {
|
||||
display:inline-block;
|
||||
width:22px;
|
||||
height:22px;
|
||||
background:url(bullets.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.theme-default .nivo-controlNav a.active {
|
||||
background-position:0 -22px;
|
||||
}
|
||||
|
||||
.theme-default .nivo-directionNav a {
|
||||
display:block;
|
||||
width:30px;
|
||||
height:30px;
|
||||
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;
|
||||
}
|
||||
.theme-default a.nivo-prevNav {
|
||||
left:15px;
|
||||
}
|
||||
|
||||
.theme-default .nivo-caption {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.theme-default .nivo-caption a {
|
||||
color:#fff;
|
||||
border-bottom:1px dotted #fff;
|
||||
}
|
||||
.theme-default .nivo-caption a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
|
||||
width: 100%;
|
||||
}
|
||||
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: none;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: auto;
|
||||
}
|
||||
BIN
_static/assets/plugins/slider.nivo/themes/default/loading.gif
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/default/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/light/arrows.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/light/arrows.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_static/assets/plugins/slider.nivo/themes/light/bullets.png
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/light/bullets.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
102
_static/assets/plugins/slider.nivo/themes/light/light.css
Normal file
102
_static/assets/plugins/slider.nivo/themes/light/light.css
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
/*
|
||||
Skin Name: Nivo Slider Light Theme
|
||||
Skin URI: http://nivo.dev7studios.com
|
||||
Description: A light skin for the Nivo Slider.
|
||||
Version: 1.0
|
||||
Author: Gilbert Pellegrom
|
||||
Author URI: http://dev7studios.com
|
||||
Supports Thumbs: true
|
||||
*/
|
||||
|
||||
.theme-light.slider-wrapper {
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
}
|
||||
.theme-light .nivoSlider {
|
||||
position:relative;
|
||||
background:#fff url(loading.gif) no-repeat 50% 50%;
|
||||
margin-bottom:10px;
|
||||
overflow: visible;
|
||||
}
|
||||
.theme-light .nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
display:none;
|
||||
}
|
||||
.theme-light .nivoSlider a {
|
||||
border:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.theme-light .nivo-controlNav {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.theme-light .nivo-controlNav a {
|
||||
display:inline-block;
|
||||
width:10px;
|
||||
height:10px;
|
||||
background:url(bullets.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.theme-light .nivo-controlNav a.active {
|
||||
background-position:0 100%;
|
||||
}
|
||||
|
||||
.theme-light .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-light .nivo-directionNav a:hover {
|
||||
background-color: #eee;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.theme-light a.nivo-nextNav {
|
||||
background-position:160% 50%;
|
||||
right:0px;
|
||||
}
|
||||
.theme-light a.nivo-prevNav {
|
||||
background-position:-60% 50%;
|
||||
left: auto;
|
||||
right: 35px;
|
||||
}
|
||||
|
||||
.theme-light .nivo-caption {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.theme-light .nivo-caption a {
|
||||
color:#fff;
|
||||
border-bottom:1px dotted #fff;
|
||||
}
|
||||
.theme-light .nivo-caption a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.theme-light .nivo-controlNav.nivo-thumbs-enabled {
|
||||
width: 80%;
|
||||
}
|
||||
.theme-light .nivo-controlNav.nivo-thumbs-enabled a {
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: none;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.theme-light .nivo-controlNav.nivo-thumbs-enabled img {
|
||||
display: block;
|
||||
width: 120px;
|
||||
height: auto;
|
||||
}
|
||||
BIN
_static/assets/plugins/slider.nivo/themes/light/loading.gif
Normal file
BIN
_static/assets/plugins/slider.nivo/themes/light/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Loading…
Add table
Add a link
Reference in a new issue