first commit

This commit is contained in:
2025-09-09 19:58:42 -06:00
commit 6b40f60448
4981 changed files with 485864 additions and 0 deletions

View File

@ -0,0 +1,346 @@
// Commom Plugins
(($ => {
'use strict';
// Scroll to Top Button.
if (typeof theme.PluginScrollToTop !== 'undefined') {
theme.PluginScrollToTop.initialize();
}
// Tooltips
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
// Popovers
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
});
// Validations
if ( $.isFunction($.validator) && typeof theme.PluginValidation !== 'undefined') {
theme.PluginValidation.initialize();
}
// Animate
if ($.isFunction($.fn['themePluginAnimate']) && $('[data-appear-animation]').length) {
theme.fn.dynIntObsInit( '[data-appear-animation], [data-appear-animation-svg]', 'themePluginAnimate', theme.PluginAnimate.defaults );
}
// Animated Content
if ($.isFunction($.fn['themePluginAnimatedContent'])) {
theme.fn.intObsInit( '[data-plugin-animated-letters]:not(.manual), .animated-letters', 'themePluginAnimatedContent' );
theme.fn.intObsInit( '[data-plugin-animated-words]:not(.manual), .animated-words', 'themePluginAnimatedContent' );
}
// Before / After
if ($.isFunction($.fn['themePluginBeforeAfter']) && $('[data-plugin-before-after]').length) {
theme.fn.intObsInit( '[data-plugin-before-after]:not(.manual)', 'themePluginBeforeAfter' );
}
// Carousel Light
if ($.isFunction($.fn['themePluginCarouselLight']) && $('.owl-carousel-light').length) {
theme.fn.intObsInit( '.owl-carousel-light', 'themePluginCarouselLight' );
}
// Carousel
if ($.isFunction($.fn['themePluginCarousel']) && $('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').length) {
theme.fn.intObsInit( '[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)', 'themePluginCarousel' );
}
// Chart.Circular
if ($.isFunction($.fn['themePluginChartCircular']) && ( $('[data-plugin-chart-circular]').length || $('.circular-bar-chart').length )) {
theme.fn.dynIntObsInit( '[data-plugin-chart-circular]:not(.manual), .circular-bar-chart:not(.manual)', 'themePluginChartCircular', theme.PluginChartCircular.defaults );
}
// Countdown
if ($.isFunction($.fn['themePluginCountdown']) && ( $('[data-plugin-countdown]').length || $('.countdown').length )) {
theme.fn.intObsInit( '[data-plugin-countdown]:not(.manual), .countdown', 'themePluginCountdown' );
}
// Counter
if ($.isFunction($.fn['themePluginCounter']) && ( $('[data-plugin-counter]').length || $('.counters [data-to]').length )) {
theme.fn.dynIntObsInit( '[data-plugin-counter]:not(.manual), .counters [data-to]', 'themePluginCounter', theme.PluginCounter.defaults );
}
// Cursor Effect
if ($.isFunction($.fn['themePluginCursorEffect']) && $('[data-plugin-cursor-effect]').length ) {
theme.fn.intObsInit( '[data-plugin-cursor-effect]:not(.manual)', 'themePluginCursorEffect' );
}
// Float Element
if ($.isFunction($.fn['themePluginFloatElement']) && $('[data-plugin-float-element]').length) {
theme.fn.intObsInit( '[data-plugin-float-element], [data-plugin-float-element-svg]', 'themePluginFloatElement' );
}
// GDPR
if ($.isFunction($.fn['themePluginGDPR']) && $('[data-plugin-gdpr]').length) {
$(() => {
$('[data-plugin-gdpr]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginGDPR(opts);
});
});
}
// GDPR Wrapper
if ($.isFunction($.fn['themePluginGDPRWrapper']) && $('[data-plugin-gdpr-wrapper]').length) {
$(() => {
$('[data-plugin-gdpr-wrapper]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginGDPRWrapper(opts);
});
});
}
// Hover Effect
if ($.isFunction($.fn['themePluginHoverEffect']) && $('[data-plugin-hover-effect], .hover-effect-3d').length) {
theme.fn.intObsInit( '[data-plugin-hover-effect]:not(.manual), .hover-effect-3d:not(.manual)', 'themePluginHoverEffect' );
}
// Animated Icon
if ($.isFunction($.fn['themePluginIcon']) && $('[data-icon]').length) {
theme.fn.dynIntObsInit( '[data-icon]:not(.svg-inline--fa)', 'themePluginIcon', theme.PluginIcon.defaults );
}
// In Viewport Style
if ($.isFunction($.fn['themePluginInViewportStyle']) && $('[data-inviewport-style]').length) {
$(() => {
$('[data-inviewport-style]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginInViewportStyle(opts);
});
});
}
// Lightbox
if ($.isFunction($.fn['themePluginLightbox']) && ( $('[data-plugin-lightbox]').length || $('.lightbox').length )) {
theme.fn.execOnceTroughEvent( '[data-plugin-lightbox]:not(.manual), .lightbox:not(.manual)', 'mouseover.trigger.lightbox', function(){
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginLightbox(opts);
});
}
// Masonry
if ($.isFunction($.fn['themePluginMasonry']) && $('[data-plugin-masonry]').length) {
$(() => {
$('[data-plugin-masonry]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginMasonry(opts);
});
});
}
if ($('[data-masonry]').length) {
const $masonryItems = $('[data-masonry]');
$(window).on('load', () => {
setTimeout(() => {
$masonryItems.each(function() {
$(this).masonry('layout');
});
}, 1);
});
}
// Match Height
if ($.isFunction($.fn['themePluginMatchHeight']) && $('[data-plugin-match-height]').length) {
$(() => {
$('[data-plugin-match-height]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginMatchHeight(opts);
});
});
}
// Parallax
if ($.isFunction($.fn['themePluginParallax']) && $('[data-plugin-parallax]').length) {
theme.fn.intObsInit( '[data-plugin-parallax]:not(.manual)', 'themePluginParallax' );
}
// Progress Bar
if ($.isFunction($.fn['themePluginProgressBar']) && ( $('[data-plugin-progress-bar]') || $('[data-appear-progress-animation]').length )) {
theme.fn.dynIntObsInit( '[data-plugin-progress-bar]:not(.manual), [data-appear-progress-animation]', 'themePluginProgressBar', theme.PluginProgressBar.defaults );
}
// Random Images
if ($.isFunction($.fn['themePluginRandomImages']) && $('[data-plugin-random-images]').length) {
theme.fn.dynIntObsInit( '.plugin-random-images', 'themePluginRandomImages', theme.PluginRandomImages.defaults );
}
// Read More
if ($.isFunction($.fn['themePluginReadMore']) && $('[data-plugin-readmore]').length) {
theme.fn.intObsInit( '[data-plugin-readmore]:not(.manual)', 'themePluginReadMore' );
}
// Revolution Slider
if ($.isFunction($.fn['themePluginRevolutionSlider']) && ( $('[data-plugin-revolution-slider]').length || $('.slider-container .slider').length )) {
$(() => {
$('[data-plugin-revolution-slider]:not(.manual), .slider-container .slider:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginRevolutionSlider(opts);
});
});
}
// Scroll Spy
if ($.isFunction($.fn['themePluginScrollSpy']) && $('[data-plugin-scroll-spy]').length) {
$(() => {
$('[data-plugin-scroll-spy]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginScrollSpy(opts);
});
});
}
// Scrollable
if ( $.isFunction($.fn[ 'nanoScroller' ]) && $('[data-plugin-scrollable]').length ) {
theme.fn.intObsInit( '[data-plugin-scrollable]', 'themePluginScrollable' );
}
// Section Scroll
if ($.isFunction($.fn['themePluginSectionScroll']) && $('[data-plugin-section-scroll]').length) {
$(() => {
$('[data-plugin-section-scroll]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginSectionScroll(opts);
});
});
}
// Sort
if ($.isFunction($.fn['themePluginSort']) && ( $('[data-plugin-sort]').length || $('.sort-source').length )) {
theme.fn.intObsInit( '[data-plugin-sort]:not(.manual), .sort-source:not(.manual)', 'themePluginSort' );
}
// Star Rating
if ($.isFunction($.fn['themePluginStarRating']) && $('[data-plugin-star-rating]').length) {
theme.fn.intObsInit( '[data-plugin-star-rating]:not(.manual)', 'themePluginStarRating' );
}
// Sticky
if ($.isFunction($.fn['themePluginSticky']) && $('[data-plugin-sticky]').length) {
theme.fn.execOnceTroughWindowEvent( window, 'scroll.trigger.sticky', () => {
$('[data-plugin-sticky]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginSticky(opts);
});
});
}
// Toggle
if ($.isFunction($.fn['themePluginToggle']) && $('[data-plugin-toggle]').length) {
theme.fn.intObsInit( '[data-plugin-toggle]:not(.manual)', 'themePluginToggle' );
}
// Video Background
if ($.isFunction($.fn['themePluginVideoBackground']) && $('[data-plugin-video-background]').length) {
theme.fn.intObsInit( '[data-plugin-video-background]:not(.manual)', 'themePluginVideoBackground' );
}
// Sticky Header
if (typeof theme.StickyHeader !== 'undefined') {
theme.StickyHeader.initialize();
}
// Nav Menu
if (typeof theme.Nav !== 'undefined') {
theme.Nav.initialize();
}
// Search
if (typeof theme.Search !== 'undefined' && ( $('#searchForm').length || $('.header-nav-features-search-reveal').length )) {
theme.Search.initialize();
}
// Newsletter
if (typeof theme.Newsletter !== 'undefined' && $('#newsletterForm').length) {
theme.fn.intObs( '#newsletterForm', 'theme.Newsletter.initialize();', {} );
}
// Account
if (typeof theme.Account !== 'undefined' && ( $('#headerAccount').length || $('#headerSignUp').length || $('#headerSignIn').length || $('#headerRecover').length || $('#headerRecoverCancel').length )) {
theme.Account.initialize();
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,11 @@
/*
Name: Demo Accounting 1
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,5 @@
/*
Name: App Landing
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,156 @@
/*
Name: Architecture 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Slider Background
*/
const $slider = $('#slider');
let direction = '';
$slider.on('click', '.owl-next', () => {
direction = 'next';
});
$slider.on('click', '.owl-prev', () => {
direction = 'prev';
});
$slider.on('changed.owl.carousel', ({item}) => {
$('.custom-slider-background .custom-slider-background-image-stage').each(function(){
const $stage = $(this), $stageOuter = $stage.closest('.custom-slider-background-image-stage-outer'), $currentItem = $stage.find('.custom-slider-background-image-item').eq( item.index ), nItems = $stage.find('.custom-slider-background-image-item').length;
const distance = $stage.hasClass('reverse') ? ( $currentItem.outerHeight() * nItems ) - ( $currentItem.outerHeight() * ( item.index + 1 ) ) : $currentItem.outerHeight() * item.index, mathSymbol = $stage.hasClass('reverse') ? '-' : '-';
$stage.css({
transform: 'translate3d(0, '+ mathSymbol + distance +'px, 0)'
});
});
});
// Once we have all ready, show the slider
$slider.on('initialized.owl.carousel', () => {
setTimeout(() => {
$('.custom-slider-background').addClass('show');
}, 800);
});
// Hide nav on first load of page
$slider.on('initialized.owl.carousel', () => {
setTimeout(() => {
$slider.find('.owl-nav').addClass('hide');
}, 200);
});
// Show nav once the slider animation is completed
$('.custom-slider-background').parent().on('transitionend', () => {
setTimeout(() => {
$slider.find('.owl-nav').addClass('show');
$('.custom-slider-background').addClass('custom-box-shadow-1');
}, 2000);
});
/*
* Page Header
*/
$('.custom-page-header-1-wrapper > div').on('animationend', () => {
setTimeout(() => {
$('.custom-page-header-1-wrapper').addClass('custom-box-shadow-1');
}, 1000);
});
/*
* Load More - Projects
*/
const loadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#loadMoreWrapper'),
$btn: $('#loadMore'),
$btnWrapper: $('#loadMoreBtnWrapper'),
$loader: $('#loadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
// init isotope
self.$wrapper.isotope();
self.$btn.on('click', () => {
self.loadMore();
});
// Lazy Load
if(self.$btn.hasClass('btn-lazy-load')) {
theme.fn.intObs( '#loadMore', "$('#loadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this;
self.$btn.css({
opacity: 0
});
self.$loader.show();
// Ajax
$.ajax({
url: 'ajax/demo-architecture-2-ajax-projects-load-more-' + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.css({
opacity: 1
}).blur();
} else {
self.$btnWrapper.remove();
}
self.$loader.hide();
}, 1000);
}
});
}
};
if($('#loadMoreWrapper').get(0)) {
loadMore.build();
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,214 @@
/*
Name: Architecture & Interior Design
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Custom Content Rotator
$('.custom-content-rotator').each(function(){
$(this).textRotator({
fadeSpeed: 500,
pauseSpeed: 5000
});
});
// Load More - Projects
var portfolioLoadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#portfolioLoadMoreWrapper'),
$btn: $('#portfolioLoadMore'),
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
$loader: $('#portfolioLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
self.$btn.on('click', () => {
self.loadMore();
});
// Infinite Scroll
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
self.$btn.parent().find('.btn').hide();
self.$loader.addClass('portfolio-load-more-loader-showing').show();
// Ajax
$.ajax({
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.parent().find('.btn').show().blur();
} else {
self.$btnWrapper.remove();
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
}, 1000);
}
});
}
}
if($('#portfolioLoadMoreWrapper').get(0)) {
portfolioLoadMore.build();
}
// Load More - Blog
var portfolioLoadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#portfolioLoadMoreWrapperBlog'),
$btn: $('#portfolioLoadMoreBlog'),
$btnWrapper: $('#portfolioLoadMoreBtnWrapperBlog'),
$loader: $('#portfolioLoadMoreLoaderBlog'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
self.$btn.on('click', () => {
self.loadMore();
});
// Infinite Scroll
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
theme.fn.intObs( '#portfolioLoadMoreBlog', "$('#portfolioLoadMoreBlog').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
self.$btn.parent().find('.btn').hide();
self.$loader.addClass('portfolio-load-more-loader-showing').show();
// Ajax
$.ajax({
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.parent().find('.btn').show().blur();
} else {
self.$btnWrapper.remove();
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
}, 1000);
}
});
}
}
if($('#portfolioLoadMoreWrapperBlog').get(0)) {
portfolioLoadMore.build();
}
/*
Services Ajax
*/
$('.simple-ajax-popup').magnificPopup({
type: 'ajax',
callbacks: {
open() {
$('html').addClass('lightbox-opened');
},
close() {
$('html').removeClass('lightbox-opened');
}
}
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,51 @@
/*
Name: Auto Services
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Datepicker
*/
// Fix datepicker issue when using body with margin (notice top bar)
const datepicker = $.fn.datepicker;
$.fn.datepicker = function(...args) {
const result = datepicker.apply(this, args);
this.on('show', function (e) {
const $target = $(this);
const $picker = $target.data('datepicker').picker;
let top;
if ($picker.hasClass('datepicker-orient-top')) {
top = $target.offset().top - $picker.outerHeight() - parseInt($picker.css('marginTop'));
} else {
top = $target.offset().top + $target.outerHeight() + parseInt($picker.css('marginTop'));
}
$picker.offset({top});
});
return result;
}
// Initialize Datepickers on the page
$('.custom-datepicker').each(function(){
$(this).datepicker();
});
/*
* Timepicker
*/
$('.custom-timepicker').each(function(){
$(this).timepicker({
disableMousewheel: true,
icons: {
up: 'fas fa-chevron-up',
down: 'fas fa-chevron-down'
}
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,51 @@
/*
Name: Band
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Add "active" class to animate Custom Porto SVG Logo
*/
$(window).on('load', () => {
setTimeout(() => {
$('.custom-porto-svg-logo').addClass('active');
}, 1000);
});
/*
* Scroll and Focus
*/
function scrollAndFocus($this, scrollTarget, focusTarget, scrollOffset, scrollAgain) {
($ => {
$('body').addClass('scrolling');
// if it's inside a header menu
if( $($this).closest('#mainNav').length ) {
$($this).parents('.collapse.show').collapse('hide');
}
$('html, body').animate({
scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
}, 300, () => {
$('body').removeClass('scrolling');
setTimeout(() => {
$(focusTarget).focus();
}, 500);
if( scrollAgain ) {
$('html, body').animate({
scrollTop: $(scrollTarget).offset().top - (scrollOffset ? scrollOffset : 0)
});
}
});
})(jQuery);
}
$('[data-scroll-and-focus]').on('click', function() {
scrollAndFocus($(this), '#contact', '#name', 70, true);
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,5 @@
/*
Name: Barber
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,5 @@
/*
Name: Demo Beauty Salon
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,17 @@
/*
Name: Business Consulting 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Accordion
$("[data-parent='#accordionServices']").on("click", function() {
const trigger = $(this);
$("#accordionServices .collapse.show").each(function() {
if (trigger.attr("href") != ("#" + $(this).attr("id"))) {
$(this).removeClass("show");
}
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,120 @@
/*
Name: Demo Business Consulting 4
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Particles 1
particlesJS("particles-1", {
"particles": {
"number": {
"value": 30,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "image",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/demos/business-consulting-4/generic/generic-7.png",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 1,
"random": true,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 48.10236182596568,
"random": true,
"anim": {
"enable": false,
"speed": 4,
"size_min": 0.3,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 600
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "bubble"
},
"onclick": {
"enable": true,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 250,
"size": 0,
"duration": 2,
"opacity": 0,
"speed": 3
},
"repulse": {
"distance": 400,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,5 @@
/*
Name: Demo Business Consulting 5
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,130 @@
/*
Name: Church
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Validate
*/
if($('#contactFormMessage').get(0) ) {
$('#contactFormMessage').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
}
/*
* Ajax on Page
*/
const ajaxOnPagePortfolioDetails = {
pages: [],
$ajaxBox: $('#galleryAjaxBox'),
$ajaxBoxContent: $('#galleryAjaxBoxContent'),
build() {
const self = this;
$('a[data-ajax-on-page]').each(function() {
self.add($(this));
});
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
if (ev.which == 2) {
ev.preventDefault();
return false;
}
});
},
add($el) {
const self = this, href = $el.attr('data-href');
self.pages.push(href);
$el.on('click', function(e) {
e.preventDefault();
self.show(self.pages.indexOf(href));
// Remove active from all items
$('a[data-ajax-on-page]').find('.thumb-info-wrapper').removeClass('active');
// Set active current selected item
$(this).find('.thumb-info-wrapper').addClass('active');
});
},
events() {
const self = this;
// Carousel
if ($.isFunction($.fn['themePluginCarousel'])) {
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
},
show(i) {
const self = this;
self.$ajaxBoxContent.empty();
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
$('html, body').animate({
scrollTop: self.$ajaxBox.offset().top - 100
}, 300, 'easeOutQuad');
// Ajax
$.ajax({
url: self.pages[i],
complete({responseText}) {
setTimeout(() => {
self.$ajaxBoxContent.html(responseText);
self.$ajaxBox.removeClass('ajax-box-loading');
self.events();
}, 1000);
}
});
}
};
if($('#galleryAjaxBox').get(0)) {
ajaxOnPagePortfolioDetails.build();
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,27 @@
/*
Name: Cleaning Services
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* SVG Aspect Ratio
*/
function aspectRatioSVG() {
if( $(window).width() < 2000 ) {
$('svg[preserveAspectRatio]').each(function(){
$(this).attr('preserveAspectRatio', 'xMinYMin');
});
} else {
$('svg[preserveAspectRatio]').each(function(){
$(this).attr('preserveAspectRatio', 'none');
});
}
}
aspectRatioSVG();
$(window).on('resize', () => {
aspectRatioSVG();
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,135 @@
/*
Name: Construction 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Load More - Projects
const loadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#loadMoreWrapper'),
$btn: $('#loadMore'),
$btnWrapper: $('#loadMoreBtnWrapper'),
$loader: $('#loadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
// init isotope
self.$wrapper.isotope();
self.$btn.on('click', () => {
self.loadMore();
});
// Lazy Load
if(self.$btn.hasClass('btn-lazy-load')) {
theme.fn.intObs( '#loadMore', "$('#loadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this;
self.$btn.css('visibility', 'hidden');
self.$loader.show();
// Ajax
$.ajax({
url: 'ajax/demo-construction-2-ajax-projects-load-more-' + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.css('visibility', 'visible').blur();
} else {
self.$btnWrapper.remove();
}
self.$loader.hide();
}, 1000);
}
});
}
};
if($('#loadMoreWrapper').get(0)) {
loadMore.build();
}
// Thumb Gallery
const $customThumbGalleryDetail = $('#customThumbGalleryDetail');
const $customThumbGalleryThumbs = $('#customThumbGalleryThumbs');
let flag = false;
const duration = 300;
$customThumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: false,
dots: false,
loop: false,
navText: [],
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$customThumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
flag = false;
}
});
$customThumbGalleryThumbs
.owlCarousel({
margin: 15,
items: 4,
nav: false,
center: false,
dots: false,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('click', '.owl-item', function() {
$customThumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$customThumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
flag = false;
}
});
})).apply(this, [jQuery]);

View File

@ -0,0 +1,74 @@
/*
Name: Demo Creative Agency 1
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
// Disable Scroll to Top
theme.PluginScrollToTop.initialize = () => {};
(($ => {
if (typeof LocomotiveScroll !== 'undefined') {
window.scrollTo(0,0);
setTimeout(() => {
/*
Horizontal Scroll
*/
let scroller;
let initLocoScroll = () => {
window.scrollTo(0,0);
scroller = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true,
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical"),
mobile: {
breakpoint: 0,
smooth: true,
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
},
tablet: {
breakpoint: 0,
smooth: true,
direction: (window.innerWidth > 1199 ? "horizontal" : "vertical")
}
});
scroller.on("scroll", () => {
ScrollTrigger.update();
});
}
initLocoScroll();
$('[data-hash]').off().on('click', function(e) {
e.preventDefault();
e.stopPropagation();
const anchor = $($(this).attr('href')).get(0);
scroller.scrollTo(anchor);
});
$(window).afterResize(() => {
scroller.destroy();
initLocoScroll();
});
}, 100);
window.onbeforeunload = () => {
window.scrollTo(0,0);
};
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,14 @@
/*
Name: Demo Creative Agency 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
$(window).on('load', () => {
setTimeout(() => {
$('.custom-hero-bg').addClass('loaded');
}, 500);
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,62 @@
/*
Name: Demo Dentist
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
const owlTestimonials = $('#textimonialsCarousel');
owlTestimonials.on('initialized.owl.carousel', event => {
if ($.isFunction($.fn['themePluginBeforeAfter'])) {
$(() => {
$('[data-plugin-before-after]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginBeforeAfter(opts);
});
});
}
});
owlTestimonials.owlCarousel({
loop: false,
responsive: {
0: {
items: 1
},
479: {
items: 1
},
768: {
items: 1
},
979: {
items: 1
},
1199: {
items: 1
}
},
mouseDrag: false,
touchDrag: false,
nav: true,
dots: false,
navText: [],
margin: 0,
autoWidth: false,
autoHeight: false,
items: 1,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,28 @@
/*
Name: Event
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Dialog with CSS animation
*/
theme.fn.execOnceTroughEvent( $('.popup-with-zoom-anim'), 'mouseover.trigger.zoom.lightbox', function(){
$(this).magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,105 @@
/*
Name: Gym
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Slider Options
const sliderOptions = {
sliderType: 'standard',
sliderLayout: 'fullscreen',
responsiveLevels: [4096,1200,992,420],
gridwidth:[1170,970,750],
delay: 5000,
disableProgressBar: 'on',
lazyType: "none",
shadow: 0,
spinner: "off",
shuffle: "off",
autoHeight: "off",
fullScreenAlignForce: "off",
fullScreenOffset: "",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
},
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
enable: false,
},
bullets: {
style:"custom-tp-bullets",
enable: true,
container:"slider",
rtl: false,
hide_onmobile: false,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
hide_under: 0,
hide_over: 9999,
direction:"horizontal",
space: 20,
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 50
}
},
parallax:{
type:"on",
levels:[20,40,60,80,100],
origo:"enterpoint",
speed:400,
bgparallax:"on",
disable_onmobile:"off"
}
};
// Slider Init
$('#revolutionSlider').revolution(sliderOptions);
// Custom Menu Style
if($('.custom-header-style-1').get(0)) {
$('.header-nav-main nav > ul > li > a').each(function(){
const parent = $(this).parent(), clone = $(this).clone(), clone2 = $(this).clone(), wrapper = $('<span class="wrapper-items-cloned"></span>');
// Config Classes
$(this).addClass('item-original');
clone2.addClass('item-two');
// Insert on DOM
parent.prepend(wrapper);
wrapper.append(clone).append(clone2);
});
}
// Isotope
const $wrapper = $('#itemDetailGallery');
if( $wrapper.get(0) ) {
$wrapper.waitForImages(() => {
$wrapper.isotope({
itemSelector: '.isotope-item'
});
});
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,136 @@
/*
Name: Hotel
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Slider
$('#revolutionSlider').revolution({
sliderType: 'standard',
sliderLayout: 'fullwidth',
delay: 5000,
gridwidth: 1170,
gridheight: 530,
spinner: 'off',
disableProgressBar: 'on',
parallax:{
type:"on",
levels:[5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85],
origo:"enterpoint",
speed:400,
bgparallax:"on",
disable_onmobile:"off"
},
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
onHoverStop:"on",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
bullets: {
enable:true,
hide_onmobile:true,
hide_under:778,
style:"uranus",
tmp: '<span class="tp-bullet-inner"></span>',
hide_onleave:false,
direction:"horizontal",
h_align:"center",
v_align:"bottom",
h_offset:0,
v_offset:45,
space:7
}
}
});
// Header
const $headerWrapper = $('#headerBookNow');
if( $(window).width() > 991 ) {
$headerWrapper.on('mousedown', () => {
$headerWrapper.addClass('open');
});
$(document).mouseup(({target}) => {
if (!$headerWrapper.is(target) && $headerWrapper.has(target).length === 0 && !$(target).parents('.datepicker').get(0)) {
$headerWrapper.removeClass('open');
}
});
}
// DatePicker
$('#bookNowArrivalHeader').datepicker({
defaultDate: '+1d',
startDate: '+1d',
autoclose: true,
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom right' : 'bottom'),
container: '#header',
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
});
$('#bookNowDepartureHeader').datepicker({
defaultDate: '+2d',
startDate: '+2d',
autoclose: true,
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom right' : 'bottom'),
container: '#header',
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
});
$(document).scroll(() => {
$('#bookNowArrivalHeader, #bookNowDepartureHeader').datepicker('hide').blur();
});
$('#bookNowArrival').datepicker({
defaultDate: '+1d',
startDate: '+1d',
autoclose: true,
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom left' : 'bottom left'),
container: '#bookFormDetails',
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
});
$('#bookNowDeparture').datepicker({
defaultDate: '+2d',
startDate: '+2d',
autoclose: true,
orientation: (($('html[dir="rtl"]').get(0)) ? 'bottom left' : 'bottom left'),
container: '#bookFormDetails',
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
});
// Book Form
$('#bookFormHeader').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
$('#bookForm').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,69 @@
/*
Name: Industry & Factory
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* SVG Aspect Ratio
*/
function aspectRatioSVG() {
if( $(window).width() < 2000 ) {
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
$(this).attr('preserveAspectRatio', 'xMinYMin');
});
} else {
$('svg[preserveAspectRatio]:not(.custom-svg-btn-background)').each(function(){
$(this).attr('preserveAspectRatio', 'none');
});
}
}
aspectRatioSVG();
$(window).on('resize', () => {
aspectRatioSVG();
});
/*
* Play Video
*/
const $videoBox = $('.custom-featured-box-with-video');
$videoBox.find('.custom-trigger-play-video').on('click', function(e){
e.preventDefault();
const $this = $(this);
// Show Loading Dots
$this
.css('height', $this.outerHeight())
.html( '<div class="bounce-loader"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' );
setTimeout(() => {
// Hide Video Poster
$videoBox
.find('.featured-box-background')
.addClass('hide');
// Hide Video Box Content
$videoBox
.find('.box-content')
.addClass('hide');
// Turn the video active
$videoBox
.find('.custom-featured-box-video')
.addClass('active');
// Play video
setTimeout(() => {
$videoBox
.find('.custom-featured-box-video')
.get(0)
.play();
}, 500);
}, 1000);
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,122 @@
/*
Name: it-services
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Load More - Cases
*/
const portfolioLoadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#portfolioLoadMoreWrapper'),
$btn: $('#portfolioLoadMore'),
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
$loader: $('#portfolioLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
self.$btn.on('click', () => {
self.loadMore();
});
// Infinite Scroll
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
self.$btn.hide();
self.$loader.addClass('portfolio-load-more-loader-showing').show();
// Ajax
$.ajax({
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.show().blur();
} else {
self.$btnWrapper.remove();
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
}, 1000);
}
});
}
};
if($('#portfolioLoadMoreWrapper').get(0)) {
portfolioLoadMore.build();
}
/**
* Custom Simple Form Validation
*
*/
$('.custom-form-simple-validation').each(function(){
$(this).validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,27 @@
/*
Name: Law Firm 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Custom See More Overlay
*/
$('.custom-seemore-overlay-button').on('click', function(e){
e.preventDefault();
const $this = $(this), $wrapper = $this.closest('.custom-seemore-overlay');
$wrapper.addClass('active');
setTimeout(() => {
$this.closest('.custom-seemore-overlay').animate({
'max-height': $wrapper[0].scrollHeight
}, () => {
$this.remove();
$wrapper.closest('.custom-seemore-overlay').css('max-height', 'none');
});
}, 200);
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,87 @@
/*
Name: Law Firm
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Combination Filters
*/
if($('#combinationFilters').get(0)) {
$(window).on('load', () => {
setTimeout(() => {
const $grid = $('.portfolio-list').isotope({
itemSelector: '.isotope-item',
layoutMode: 'masonry',
filter: '*',
hiddenStyle: {
opacity: 0
},
visibleStyle: {
opacity: 1
},
stagger: 30,
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
});
const filters = {}, $loader = $('.sort-destination-loader');
$('.filters').on('click', 'a', function(e) {
e.preventDefault();
const $this = $(this);
const $buttonGroup = $this.parents('.portfolio-filter-group');
const filterGroup = $buttonGroup.attr('data-filter-group');
filters[filterGroup] = $this.parent().attr('data-option-value');
const filterValue = concatValues(filters);
$grid.isotope({
filter: filterValue
});
});
$('.portfolio-filter-group').each((i, buttonGroup) => {
const $buttonGroup = $(buttonGroup);
$buttonGroup.on('click', 'a', function() {
$buttonGroup.find('.active').removeClass('active');
$(this).parent().addClass('active');
$(this).addClass('active');
});
});
var concatValues = obj => {
let value = '';
for (const prop in obj) {
value += obj[prop];
}
return value;
}
$(window).on('resize', () => {
setTimeout(() => {
$grid.isotope('layout');
}, 300);
});
if ($loader) {
$loader.removeClass('sort-destination-loader-showing');
setTimeout(() => {
$loader.addClass('sort-destination-loader-loaded');
}, 500);
}
}, 1000);
});
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,102 @@
/*
Name: Demo Marketing 1
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
gsap.registerPlugin(ScrollTrigger);
/*
Section Scale
*/
gsap.utils.toArray(".gsap-section-scale").forEach((section, index) => {
const tl1 = gsap.timeline({
scrollTrigger: {
trigger: section,
start: "100% 100%",
end: "bottom top",
scrub: true
},
});
tl1.fromTo(
section, {
scale: 1,
},
{
scale: 0.9,
duration: 1,
ease: "power2.out"
}
);
});
/*
Image Change
*/
gsap.defaults({ overwrite: 'auto'});
// Set up our scroll trigger
const ST = ScrollTrigger.create({
trigger: ".gsap-content-container",
start: "top top",
end: "bottom bottom",
onUpdate: getCurrentSection
});
const contentMarkers = gsap.utils.toArray(".gsap-content-marker");
// Set up our content behaviors
contentMarkers.forEach(marker => {
marker.content = document.querySelector(`#${marker.dataset.markerContent}`);
marker.content.enter = () => {
gsap.fromTo(marker.content, {
autoAlpha: 0
}, {
duration: 0.3,
autoAlpha: 1
});
}
marker.content.leave = () => {
gsap.to(marker.content, {
duration: 0.1,
autoAlpha: 0
});
}
});
// Handle the updated position
let lastContent;
function getCurrentSection() {
let newContent;
const currScroll = scrollY;
// Find the current section
contentMarkers.forEach(({offsetTop, content}) => {
if (currScroll > (offsetTop - 100)) {
newContent = content;
}
});
// If the current section is different than that last, animate in
if (newContent &&
(lastContent == null ||
!newContent.isSameNode(lastContent))) {
// Fade out last section
if (lastContent) {
lastContent.leave();
}
// Animate in new section
newContent.enter();
lastContent = newContent;
}
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,104 @@
/*
Name: Medical
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Ajax on Page
const ajaxOnPageMedical = {
pages: [],
$ajaxBox: $('#porfolioAjaxBoxMedical'),
$ajaxBoxContent: $('#porfolioAjaxBoxContentMedical'),
build() {
const self = this;
$('a[data-ajax-on-page]').each(function() {
self.add($(this));
});
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
if (ev.which == 2) {
ev.preventDefault();
return false;
}
});
},
add($el) {
const self = this, href = $el.attr('data-href');
self.pages.push(href);
$el.on('click', e => {
e.preventDefault();
self.show(self.pages.indexOf(href));
});
},
events() {
const self = this;
// Carousel
if ($.isFunction($.fn['themePluginCarousel'])) {
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
},
show(i) {
const self = this;
self.$ajaxBoxContent.empty();
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
$('html, body').animate({
scrollTop: self.$ajaxBox.offset().top - 100
}, 300, 'easeOutQuad');
// Ajax
$.ajax({
url: self.pages[i],
complete({responseText}) {
setTimeout(() => {
self.$ajaxBoxContent.html(responseText);
self.$ajaxBox.removeClass('ajax-box-loading');
self.events();
}, 1000);
}
});
}
};
if($('#porfolioAjaxBoxMedical').get(0)) {
ajaxOnPageMedical.build();
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,229 @@
/*
Name: One Page Agency
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
const $window = $(window);
/*
* Header
*/
const $header = $('#header');
window.onscroll = () => {
if (window.pageYOffset > $header.offset().top) {
$('html').addClass('sticky-header-active');
} else {
$('html').removeClass('sticky-header-active');
}
};
/*
* Collapse Menu Button
*/
$('.header-btn-collapse-nav').on('click', () => {
$('html, body').animate({
scrollTop: $(".header-btn-collapse-nav").offset().top - 18
}, 300);
});
/*
* Isotope
*/
const $wrapper = $('#itemDetailGallery');
if( $wrapper.get(0) ) {
$wrapper.waitForImages(() => {
$wrapper.isotope({
itemSelector: '.isotope-item'
});
});
}
/*
Load More
*/
const portfolioLoadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#portfolioLoadMoreWrapper'),
$btn: $('#portfolioLoadMore'),
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
$loader: $('#portfolioLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
self.$btn.on('click', () => {
self.loadMore();
});
// Infinite Scroll
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
}, true );
}
}
},
loadMore() {
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
self.$btn.hide();
self.$loader.addClass('portfolio-load-more-loader-showing').show();
// Ajax
$.ajax({
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.show().blur();
} else {
self.$btnWrapper.remove();
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
self.$wrapper.waitForImages(() => {
self.$wrapper.isotope('layout');
});
}, 1000);
}
});
}
};
if($('#portfolioLoadMoreWrapper').get(0)) {
portfolioLoadMore.build();
}
/*
* Ajax on Modal
*/
theme.fn.execOnceTroughEvent( 'a[data-ajax-on-modal]', 'mouseover.trigger.ajax.on.modal', () => {
$('a[data-ajax-on-modal]').magnificPopup({
type: 'ajax',
tLoading: '',
mainClass: 'portfolio-ajax-modal',
closeBtnInside: true,
gallery: {
enabled: true
},
callbacks: {
ajaxContentAdded() {
// Wrapper
const $wrapper = $('.portfolio-ajax-modal');
// Close
$wrapper.find('a[data-ajax-portfolio-close]').on('click', e => {
e.preventDefault();
$.magnificPopup.close();
});
// Remove Next and Close
if($('a[data-ajax-on-modal]').length <= 1) {
$wrapper.find('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
} else {
// Prev
$wrapper.find('a[data-ajax-portfolio-prev]').on('click', e => {
e.preventDefault();
$('.mfp-arrow-left').trigger('click');
return false;
});
// Next
$wrapper.find('a[data-ajax-portfolio-next]').on('click', e => {
e.preventDefault();
$('.mfp-arrow-right').trigger('click');
return false;
});
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
}
});
});
/*
* Dialog with CSS animation
*/
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,134 @@
/*
Name: Demo Personal Portfolio 1
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Horizontal Scroller Section
*/
if( $('.horizontal-scroller-item').length ) {
if (typeof gsap !== 'undefined') {
// Copy Original HTML to clone on Resize.
const originalScrollHTML = $('.horizontal-scroller').html();
// Generate Scroller
const generateScroller = () => {
let images = gsap.utils.toArray('.horizontal-scroller-item');
gsap.to(images, {
xPercent: -100 * (images.length - 1),
ease: 'none',
scrollTrigger: {
trigger: '.horizontal-scroller',
pin: true,
scrub: 1,
snap: 1 / (images.length - 1),
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
}
});
};
// Resize Event removing and restarting
$(window).afterResize(() => {
setTimeout(() => {
let Alltrigger = ScrollTrigger.getAll();
for (let i = 0; i < Alltrigger.length; i++) {
Alltrigger[i].kill(true);
}
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
generateScroller();
generateCircleExpand();
}, 500);
});
/*
Circle Expand
*/
var generateCircleExpand = () => {
let section = document.getElementById('circleSection'),
dot = document.getElementById("circleDot");
gsap.set(dot, {
width: "142vmax",
height: "142vmax",
xPercent: -50,
yPercent: -50,
top: "50%",
left: "50%"
});
let tl1 = gsap.timeline({
scrollTrigger: {
trigger: section,
start: "-50%",
end: "0%",
scrub: 2,
invalidateOnRefresh: true,
},
defaults: {
ease: "none"
}
});
tl1
.fromTo(dot, {
scale: 0
}, {
x: 0,
y: 0,
ease: "power3.in",
scale: 1
});
}
// Init GSAP Elements
generateScroller();
generateCircleExpand();
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
/*
Spotlight Cursor Text - Credits: https://codepen.io/carolineartz/pen/rNaGQYo
*/
if( $('.spotlight-cursor-text').length ) {
if (typeof gsap !== 'undefined') {
document.body.addEventListener('mousemove', ({clientX, clientY}) => {
const mouseX = clientX;
const mouseY = clientY;
gsap.to('.shape', {
x: mouseX,
y: mouseY,
stagger: -0.1
});
});
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
}
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,49 @@
/*
Name: Demo Personal Portfolio 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Locomotive
*/
if (typeof LocomotiveScroll !== 'undefined') {
window.scrollTo(0,0);
setTimeout(() => {
const scroller = new LocomotiveScroll({
el: document.querySelector("[data-scroll-container]"),
smooth: true,
mobile: {
breakpoint: 0,
smooth: true
},
tablet: {
breakpoint: 0,
smooth: true
}
});
$('[data-hash]').off().on('click', function(e) {
e.preventDefault();
e.stopPropagation();
const anchor = $($(this).attr('href')).get(0);
scroller.scrollTo(anchor);
});
}, 100);
window.onbeforeunload = () => {
window.scrollTo(0,0);
};
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,97 @@
/*
Name: Demo Personal Portfolio 3
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
// Disable Scroll to Top
theme.PluginScrollToTop.initialize = () => {};
(($ => {
/*
Locomotive
*/
if (typeof LocomotiveScroll !== 'undefined') {
setTimeout(() => {
const pageContainer = document.querySelector("[data-scroll-container]");
pageContainer.setAttribute("data-scroll-container", "");
const scroller = new LocomotiveScroll({
el: pageContainer,
smooth: true,
mobile: {
breakpoint: 0,
smooth: true
},
tablet: {
breakpoint: 0,
smooth: true
}
});
ScrollTrigger.scrollerProxy(pageContainer, {
getBoundingClientRect() {
return {
left: 0,
top: 0,
width: window.innerWidth,
height: window.innerHeight
};
},
pinType: pageContainer.style.transform ? "transform" : "fixed"
});
const scrollColorElems = document.querySelectorAll("[data-bgcolor]");
scrollColorElems.forEach((colorSection, i) => {
const prevBg = i === 0 ? "" : scrollColorElems[i - 1].dataset.bgcolor;
ScrollTrigger.create({
trigger: colorSection,
scroller: "[data-scroll-container]",
start: "33% 50%",
onEnter: () =>
gsap.to(".bg-color-changer", {
backgroundColor: colorSection.dataset.bgcolor,
overwrite: "auto"
}),
onLeaveBack: () =>
gsap.to(".bg-color-changer", {
backgroundColor: prevBg,
overwrite: "auto"
})
});
});
$('[data-hash]').off().on('click', function(e) {
e.preventDefault();
e.stopPropagation();
const anchor = $($(this).attr('href')).get(0);
$('.hamburguer-btn-side-header.active').trigger('click');
scroller.scrollTo(anchor);
});
scroller.on("scroll", ScrollTrigger.update);
ScrollTrigger.addEventListener("refresh", () => scroller.update());
ScrollTrigger.refresh();
window.scrollTo(0,1);
}, 100);
window.onbeforeunload = () => {
window.scrollTo(0,0);
};
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,879 @@
/*
Name: Photography
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
// Disable Scroll to Top
theme.PluginScrollToTop.initialize = () => {};
(($ => {
// Slider Options
const sliderOptions = {
sliderType: 'standard',
sliderLayout: 'fullscreen',
fullScreenOffsetContainer: '#header',
delay: 5000,
disableProgressBar: 'on',
gridwidth: 1170,
gridheight: 500,
lazyType: "none",
shadow: 0,
spinner: "off",
shuffle: "off",
autoHeight: "off",
fullScreenAlignForce: "off",
fullScreenOffset: "",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
},
navigation: {
keyboardNavigation: "on",
keyboard_direction: "horizontal",
mouseScrollNavigation: "on",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
enable: true,
style: "arrows-portfolio-detail-1",
left : {
container:"slider",
h_align:"left",
v_align:"center",
h_offset:0,
v_offset:0,
},
right : {
v_align:"center",
container:"slider",
h_align:"right",
h_offset:0,
v_offset:0
}
}
},
parallax:{
type:"on",
levels:[20,40,60,80,100],
origo:"enterpoint",
speed:400,
bgparallax:"on",
disable_onmobile:"off"
}
};
if( $('.photography-demo-3').get(0) ) {
sliderOptions.fullScreenOffsetContainer = null;
sliderOptions.navigation.arrows.style = 'arrows-side-header-1';
sliderOptions.navigation.arrows.hide_onleave = false;
if( $(window).width() < 992 ) {
sliderOptions.fullScreenOffsetContainer = '#header';
}
}
if( $('.photography-demo-2').get(0) ) {
sliderOptions.fullScreenOffsetContainer = null;
sliderOptions.navigation.arrows.style = 'arrows-transparent-header-photography-1';
sliderOptions.navigation.arrows.hide_onleave = false;
sliderOptions.navigation.arrows.left.h_offset = 20;
sliderOptions.navigation.arrows.right.h_offset = 20;
}
if( $('.rev_about_us').get(0) ) {
sliderOptions.navigation.mouseScrollNavigation = false;
}
// Slider Init
$(window).on('load', () => {
$('#revolutionSlider').revolution(sliderOptions);
});
/*
Custom Portfolio Details Load More
*/
const portfolioDetailLoadMore = {
pages: 0,
currentPage: 0,
$wrapper: $('#portfolioDetailLoadMoreWrapper'),
$btn: $('#portfolioDetailLoadMore'),
$btnWrapper: $('#portfolioDetailLoadMoreBtnWrapper'),
$loader: $('#portfolioDetailLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
// init isotope
self.$wrapper.isotope();
self.$btn.on('click', () => {
self.loadMore();
});
// Lazy Load
if(self.$btn.hasClass('btn-portfolioDetail-lazy-load')) {
theme.fn.intObs( '#portfolioDetailLoadMore', "$('#portfolioDetailLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
} );
}
}
},
loadMore() {
const self = this;
self.$btn.hide();
self.$loader.show();
// Ajax
$.ajax({
url: 'ajax/demo-photography-portfolio-ajax-on-page-load-more.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.$wrapper.isotope('layout');
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.show().blur();
} else {
self.$btnWrapper.remove();
}
self.$wrapper.on( 'layoutComplete', laidOutItems => {
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
setTimeout(() => {
$this.owlCarousel('refresh');
}, 1);
});
});
});
// Ajax On Page
ajaxOnPagePortfolioDetails.build();
self.$loader.hide();
// Refresh Parallax
$(window).trigger('scroll');
}, 1000);
}
});
}
};
if($('#portfolioDetailLoadMoreWrapper').get(0)) {
portfolioDetailLoadMore.build();
}
/*
Custom Portfolio Infinite Scroll
*/
const portfolioInfiniteScroll = {
pages: 0,
currentPage: 0,
$wrapper: $('.portfolioInfiniteScrollWrapper'),
$btn: $('#portfolioInfiniteScrollLoadMore'),
$btnWrapper: $('#portfolioInfiniteScrollLoadMoreBtnWrapper'),
$loader: $('#portfolioInfiniteScrollLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
// init isotope
self.$wrapper.isotope();
self.$btn.on('click', () => {
self.loadMore();
});
// Lazy Load
if(self.$btn.hasClass('btn-portfolioInfiniteScroll-lazy-load')) {
theme.fn.intObs( '#portfolioInfiniteScrollLoadMore', "$('#portfolioInfiniteScrollLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
}, true );
}
}
},
loadMore() {
const self = this;
self.$btn.hide();
self.$loader.show();
// Ajax
$.ajax({
url: 'ajax/demo-photography-portfolio-infinite-scroll-load-more.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.$wrapper.isotope('layout');
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.show().blur();
} else {
self.$btnWrapper.remove();
}
self.$wrapper.on( 'layoutComplete', laidOutItems => {
// Add new items to gallery
self.$wrapper.find('.item-appended').each(function(){
const imgsrc = $(this).find('.thumb-info-background').attr('data-src'), imgThumbsrc = $(this).find('.thumb-info-background').attr('data-thumb-src'), clone = $('#thumbGalleryDetail .owl-item > div').first().clone(), cloneThumb = $('#thumbGalleryThumbs .owl-item > div').first().clone();
// Create images
clone.find('img').attr('src',imgsrc);
cloneThumb.find('img').attr('src',imgThumbsrc);
// Add images
$('#thumbGalleryDetail').owlCarousel().trigger('add.owl.carousel', [clone]);
$('#thumbGalleryThumbs').owlCarousel().trigger('add.owl.carousel', [cloneThumb]);
$(this).removeClass('item-appended');
});
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
setTimeout(() => {
$this.owlCarousel('refresh');
}, 1);
});
});
// Lightbox - Clicked Item
$('a[href="#photographyLightbox"]').on('click', function(){
if($('.grid-sizer').get(0)) {
clickedItem = $(this).parent().parent().index() - 1;
} else {
clickedItem = $(this).parent().parent().index();
}
});
// Lightbox
$('.popup-with-move-anim').magnificPopup(portfolioLightboxOptions);
});
self.$loader.hide();
// Refresh Parallax
$(window).trigger('scroll');
}, 1000);
}
});
}
};
if($('.portfolioInfiniteScrollWrapper').get(0)) {
portfolioInfiniteScroll.build();
}
/*
* Ajax on Page
*/
var ajaxOnPagePortfolioDetails = {
pages: [],
$ajaxBox: $('#porfolioDetailsAjaxBox'),
$ajaxBoxContent: $('#porfolioDetailsAjaxBoxContent'),
build() {
const self = this;
$('a[data-ajax-on-page]').each(function() {
self.add($(this));
});
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
if (ev.which == 2) {
ev.preventDefault();
return false;
}
});
},
add($el) {
const self = this, href = $el.attr('data-href');
self.pages.push(href);
$el.on('click', e => {
e.preventDefault();
self.show(self.pages.indexOf(href));
});
},
events() {
const self = this;
// Slider
sliderOptions.navigation.mouseScrollNavigation = false;
$('#revolutionSlider').revolution(sliderOptions);
// Carousel
if ($.isFunction($.fn['themePluginCarousel'])) {
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
},
show(i) {
const self = this;
self.$ajaxBoxContent.empty();
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
$('html, body').animate({
scrollTop: self.$ajaxBox.offset().top - 100
}, 300, 'easeOutQuad');
// Ajax
$.ajax({
url: self.pages[i],
complete({responseText}) {
setTimeout(() => {
self.$ajaxBoxContent.html(responseText);
self.$ajaxBox.removeClass('ajax-box-loading');
self.events();
}, 1000);
}
});
}
}
if($('#porfolioDetailsAjaxBox').get(0)) {
ajaxOnPagePortfolioDetails.build();
}
/*
* Portfolio Grid - Init isotope
*/
$(window).on('load', () => {
const $portfolioGrid = $('#portfolioGrid'), $ourBlog = $('#ourBlog'), gridSizer = $portfolioGrid.attr('data-grid-sizer');
// Portfolio Grid
if( $portfolioGrid.get(0) ) {
$portfolioGrid.isotope({
itemSelector: '.isotope-item',
masonry: {
columnWidth: gridSizer,
gutter: 0
}
});
$portfolioGrid.isotope('layout');
}
if( $ourBlog.get(0) ) {
$ourBlog.isotope({
itemSelector: '.isotope-item',
masonry: {
gutter: 0
}
});
$ourBlog.isotope('layout');
}
});
/*
* Horizontal Scroll
*/
const $horizontalScroll = {
$horizontalScrollWrapper : $('#horizontalScrollBox'),
$horizontalScrollContent : $('#horizontalScrollBox .content'),
$horizontalScrollItem : $('#horizontalScrollBox .content .horizontal-scroll-item-wrapper'),
build() {
const self = this;
self.setContentWidth();
self.buttonNavigation();
self.disableEnableButtons();
},
setContentWidth() {
const self = this;
let totalWidth = 0;
$(self.$horizontalScrollItem).each(function(e){
const boxImageWidth = $(this).outerWidth(true);
totalWidth = (totalWidth + boxImageWidth);
});
self.$horizontalScrollContent.width( totalWidth );
},
isElementInView(element, fullyInView) {
const pageLeft = $(window).scrollLeft(), pageRight = pageLeft + $(window).width(), elementLeft = $(element).offset().left, elementRight = elementLeft + $(element).width();
if (fullyInView === true) {
return ((pageLeft < elementLeft) && (pageRight > elementRight));
} else {
return ((elementLeft <= pageRight) && (elementRight >= pageLeft));
}
},
buttonNavigation() {
const self = this;
const nextButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .next');
const prevButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .prev');
const totalItems = self.$horizontalScrollItem.length - 1;
let screen = 0;
let distance = 0;
let index = 0;
let flag = false;
let atualItem;
prevButton.on('click', () => {
if( !flag ){
flag = true;
if( index > 0 ) {
index--;
}
atualItem = self.$horizontalScrollItem.eq(index);
// Check if Element in View
const isElementInView = self.isElementInView(atualItem, false);
if( !isElementInView ) {
self.$horizontalScrollItem.each(function(){
const inView = self.isElementInView($(this), false);
if( inView ) {
atualItem = $(this);
return false;
}
});
}
// If Demo 3
if($('.photography-demo-3').get(0)) {
screen = (($(window).width() - 255 ) - atualItem.outerWidth(true)) / 2;
} else {
screen = ($(window).width() - atualItem.outerWidth(true)) / 2;
}
distance = (atualItem.position().left - screen);
$('#horizontalScrollBox').animate({ scrollLeft: distance }, 300, () => {
flag = false;
});
}
});
nextButton.on('click', () => {
if( !flag ){
flag = true;
if( index < totalItems ) {
index++;
}
atualItem = self.$horizontalScrollItem.eq(index);
// Check if Element in View
const isElementInView = self.isElementInView(atualItem, false);
if( !isElementInView ) {
self.$horizontalScrollItem.each(function(){
const inView = self.isElementInView($(this), false);
if( inView ) {
atualItem = $(this);
index = $(this).index();
return false;
}
});
}
// If Demo 3
if($('.photography-demo-3').get(0)) {
screen = (($(window).width() - 255 ) - atualItem.outerWidth(true)) / 2;
} else {
screen = ($(window).width() - atualItem.outerWidth(true)) / 2;
}
distance = (atualItem.position().left - screen);
$('#horizontalScrollBox').animate({ scrollLeft: distance }, 300, () => {
flag = false;
});
}
});
},
disableEnableButtons() {
const self = this, nextButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .next'), prevButton = self.$horizontalScrollWrapper.find('.custom-portfolio-navigation .prev');
self.$horizontalScrollWrapper.on('scroll', function(){
if( $(this).scrollLeft() == 0 ) {
prevButton.addClass('disable-button');
} else {
prevButton.removeClass('disable-button');
}
if( $(this).scrollLeft() > ((self.$horizontalScrollContent.width() - $(window).width()) - 1) ) {
nextButton.addClass('disable-button');
} else {
nextButton.removeClass('disable-button');
}
});
}
};
if($('#horizontalScrollBox').get(0)) {
$horizontalScroll.build();
$(window).trigger('resize');
const $window = $(window);
// Mousewheel horizontal scroll
$('#horizontalScrollBox').mousewheel(function(event, delta) {
if ($window.width() > 991) {
this.scrollLeft -= (delta * 60);
event.preventDefault();
}
});
// Build $horizontalScroll on resize
$window.on('load', () => {
$(document).ready(() => {
$(window).afterResize(() => {
$horizontalScroll.setContentWidth();
if($('.photography-demo-2').get(0)) {
$(".thumb-info-wrapper img").css('transition','ease all 5s');
$(".thumb-info-wrapper img").on("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", e => {
$horizontalScroll.setContentWidth();
});
}
});
if($('.photography-demo-2').get(0)) {
$(window).on('resize', () => {
$(".thumb-info-wrapper img").css('transition','none');
});
}
$(window).trigger('resize');
});
});
}
/*
* Lightbox
*/
var clickedItem;
let removeShowThumbsTimeout;
var portfolioLightboxOptions = {
type: 'inline',
fixedContentPos: true,
fixedBgPos: true,
overflowY: 'hidden',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'photography-portfolio-gallery',
callbacks: {
open() {
$('#thumbGalleryDetail').owlCarousel().trigger('refresh.owl.carousel');
$('#thumbGalleryDetail').owlCarousel().trigger('to.owl.carousel', [clickedItem, 0]);
$('#thumbGalleryThumbs').owlCarousel('refresh');
removeShowThumbsTimeout = setTimeout(() => {
$('#thumbGalleryThumbs').removeClass('show-thumbs');
}, 3000);
$(document).on('keydown', ({keyCode}) => {
if(keyCode == 37) {
$('#thumbGalleryDetail').trigger('prev.owl')
}
if(keyCode == 39) {
$('#thumbGalleryDetail').trigger('next.owl')
}
});
},
close() {
clearTimeout(removeShowThumbsTimeout);
$('#thumbGalleryThumbs').addClass('show-thumbs');
$(document).off('keydown');
}
}
};
if($('a[href="#photographyLightbox"]').get(0)) {
$('a[href="#photographyLightbox"]').on('click', function(){
if($('.grid-sizer').get(0)) {
clickedItem = $(this).parent().parent().index() - 1;
} else {
clickedItem = $(this).parent().parent().index();
}
});
$('a[href="#photographyLightbox"]').magnificPopup(portfolioLightboxOptions);
}
/*
Thumb Gallery
*/
if( $('#photographyLightbox').get(0) ) {
var $thumbGalleryDetail = $('#thumbGalleryDetail'),
$thumbGalleryThumbs = $('#thumbGalleryThumbs'),
flag = false,
duration = 300;
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
navText: [],
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
onRefreshed(e) {
setTimeout(() => {
$('.mfp-wrap.photography-portfolio-gallery').css('opacity',1);
}, 300);
}
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
flag = false;
}
});
$thumbGalleryThumbs
.owlCarousel({
margin: 15,
items: 15,
nav: false,
center: false,
dots: false,
pagination: false,
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$(this).addClass('active-thumb');
});
// Set first item with active-thumb
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
}
if( $('#portfolioSliderWithThumbs').get(0) ) {
var $thumbGalleryDetail = $('#thumbGalleryDetail'),
$thumbGalleryThumbs = $('#thumbGalleryThumbs'),
flag = false,
duration = 300;
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
navText: [],
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
onRefreshed(e) {
setTimeout(() => {
$('.mfp-wrap.photography-portfolio-gallery').css('opacity',1);
}, 300);
}
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
flag = false;
}
});
$thumbGalleryThumbs
.owlCarousel({
margin: 15,
items: 8,
nav: false,
center: false,
dots: false,
pagination: false,
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
responsive:{
0:{
items:2
},
300:{
items:3
},
767:{
items:6,
},
991:{
items:7,
},
1200:{
items:8,
}
}
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$(this).addClass('active-thumb');
});
// Set first item with active-thumb
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
$(document).on('keydown', ({keyCode}) => {
if(keyCode == 37) {
$('#thumbGalleryDetail').trigger('prev.owl')
}
if(keyCode == 39) {
$('#thumbGalleryDetail').trigger('next.owl')
}
});
}
})).apply(this, [jQuery]);

View File

@ -0,0 +1,26 @@
/*
Name: Product Landing
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Quantity
*/
$('.quantity .plus').on('click',function(){
const $qty=$(this).parents('.quantity').find('.qty');
const currentVal = parseInt($qty.val());
if (!isNaN(currentVal)) {
$qty.val(currentVal + 1);
}
});
$('.quantity .minus').on('click',function(){
const $qty=$(this).parents('.quantity').find('.qty');
const currentVal = parseInt($qty.val());
if (!isNaN(currentVal) && currentVal > 0) {
$qty.val(currentVal - 1);
}
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,82 @@
/*
Name: RealEstate
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
/*
Header
*/
// Search Properties
const $headerWrapper = $('#headerSearchProperties'), $window = $(window);
$headerWrapper.on('click', () => {
if ($window.width() > 992) {
$headerWrapper.addClass('open');
}
});
$(document).mouseup(({target}) => {
if (!$headerWrapper.is(target) && $headerWrapper.has(target).length === 0) {
$headerWrapper.removeClass('open');
}
});
$('#propertiesFormHeader').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
// Thumb Gallery
const $thumbGalleryDetail1 = $('#thumbGalleryDetail');
const $thumbGalleryThumbs1 = $('#thumbGalleryThumbs');
let flag = false;
const duration = 300;
$thumbGalleryDetail1
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
navText: [],
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs1.trigger('to.owl.carousel', [item.index-1, duration, true]);
flag = false;
}
});
$thumbGalleryThumbs1
.owlCarousel({
margin: 15,
items: 4,
nav: false,
center: false,
dots: false,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail1.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryDetail1.trigger('to.owl.carousel', [item.index, duration, true]);
flag = false;
}
});

View File

@ -0,0 +1,5 @@
/*
Name: Demo Renewable Energy
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,70 @@
/*
Name: Resume
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// About Me
$('#aboutMeMoreBtn').on('click', function() {
$(this).hide();
$('#aboutMeMore').toggleClass('about-me-more-visible');
return false;
});
/*
* Timeline
*/
const timelineHeightAdjust = {
$timeline: $('#timeline'),
$timelineBar: $('#timeline .timeline-bar'),
$firstTimelineItem: $('#timeline .timeline-box').first(),
$lastTimelineItem: $('#timeline .timeline-box').last(),
build() {
const self = this;
self.adjustHeight();
},
adjustHeight() {
const self = this, calcFirstItemHeight = self.$firstTimelineItem.outerHeight(true) / 2, calcLastItemHeight = self.$lastTimelineItem.outerHeight(true) / 2;
// Set Timeline Bar Top and Bottom
self.$timelineBar.css({
top: calcFirstItemHeight,
bottom: calcLastItemHeight
});
}
};
if( $('#timeline').get(0) ) {
setTimeout(() => {
// Adjust Timeline Height On Resize
$(window).afterResize(() => {
timelineHeightAdjust.build();
});
}, 1000);
timelineHeightAdjust.build();
}
/*
* Header Image Anim
*/
let lastScrollTop = 0;
$(window).on('scroll', function(){
const st = $(this).scrollTop();
if (st > lastScrollTop){
$('img[custom-anim]').css({
transform: 'translate(0, -'+ st +'px)'
});
} else {
$('img[custom-anim]').css({
transform: 'translate(0, '+ -Math.abs(st) +'px)'
});
}
lastScrollTop = st;
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,26 @@
/*
Name: SEO 2
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/**
* Custom Simple Form Validation
*
*/
$('.custom-form-simple-validation').each(function(){
$(this).validate({
onkeyup: false,
onclick: false,
onfocusout: false,
errorPlacement(error, element) {
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,81 @@
/*
Name: Demo SEO 3
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Mouse Hover Split
*/
const left = document.getElementById("side-left");
const handleMove = ({clientX}) => {
left.style.width = `${clientX / window.innerWidth * 100}%`;
}
document.onmousemove = e => handleMove(e);
document.ontouchmove = ({touches}) => handleMove(touches[0]);
$(window).on('load resize', () => {
const height = $('.mouse-hover-split .side').height();
$('.mouse-hover-split').css('min-height', height);
});
/*
Horizontal Scroller Section
*/
if( $('.horizontal-scroller-item').length ) {
if (typeof gsap !== 'undefined') {
// Copy Original HTML to clone on Resize.
const originalScrollHTML = $('.horizontal-scroller').html();
// Generate Scroller
const generateScroller = () => {
let images = gsap.utils.toArray('.horizontal-scroller-item');
gsap.to(images, {
xPercent: -100 * (images.length - ( $(window).width() > 991 ? 3 : 1 )),
ease: 'none',
scrollTrigger: {
trigger: '.horizontal-scroller',
pin: true,
scrub: 1,
snap: 1 / (images.length - 1),
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
}
});
};
// Resize Event removing and restarting
$(window).afterResize(() => {
setTimeout(() => {
let Alltrigger = ScrollTrigger.getAll();
for (let i = 0; i < Alltrigger.length; i++) {
Alltrigger[i].kill(true);
}
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
generateScroller();
}, 500);
});
generateScroller();
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,58 @@
/*
Name: SEO
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
SVG Morphing
*/
setTimeout(() => {
if( $('#shape_one_start').get(0) ) {
const shape1 = KUTE.fromTo('#shape_one_start', {
path: '#shape_one_start'
}, {
path: '#shape_one_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
if( $('#shape_two_start').get(0) ) {
const shape2 = KUTE.fromTo('#shape_two_start', {
path: '#shape_two_start'
}, {
path: '#shape_two_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
}, 100);
/*
Form
*/
$('.popup-with-form').magnificPopup({
type: 'inline',
preloader: false,
focus: '#name',
mainClass: 'my-mfp-zoom-in',
callbacks: {
open() {
$('html').addClass('lightbox-opened');
},
close() {
$('html').removeClass('lightbox-opened');
}
}
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,94 @@
/*
Name: Startup Agency
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
SVG Morphing
*/
$(window).on('load', () => {
setTimeout(() => {
if( $('#st0_start').get(0) ) {
var shape1 = KUTE.fromTo('#st0_start', {
path: '#st0_start'
}, {
path: '#st0_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
if( $('#st1_start').get(0) ) {
var shape1 = KUTE.fromTo('#st1_start', {
path: '#st1_start'
}, {
path: '#st1_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
if( $('#st2_start').get(0) ) {
var shape1 = KUTE.fromTo('#st2_start', {
path: '#st2_start'
}, {
path: '#st2_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
if( $('#st3_start').get(0) ) {
var shape1 = KUTE.fromTo('#st3_start', {
path: '#st3_start'
}, {
path: '#st3_end'
}, {
duration: 10000,
easing : 'easingQuadraticInOut',
repeat: 20,
repeatDelay: 1000,
yoyo: true
}).start();
}
/*
* SVG Aspect Ratio
*/
function aspectRatioSVG() {
if( $(window).width() < 2000 ) {
$('svg[preserveAspectRatio]').each(function(){
$(this).attr('preserveAspectRatio', 'xMinYMin');
});
} else {
$('svg[preserveAspectRatio]').each(function(){
$(this).attr('preserveAspectRatio', 'none');
});
}
}
aspectRatioSVG();
$(window).on('resize', () => {
aspectRatioSVG();
});
}, 100);
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,5 @@
/*
Name: Demo Transportation Logistic
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/

View File

@ -0,0 +1,204 @@
/*
Name: Wedding
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Slider
*/
$('#revolutionSlider').revolution({
sliderType: 'standard',
sliderLayout: 'fullwidth',
delay: 9000,
responsiveLevels: [1920, 1200, 992, 500],
gridwidth: [1920, 1200, 992, 500],
gridheight: 780,
disableProgressBar: 'on',
spinner: 'spinner3',
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
},
navigation: {
arrows: {
style: "hades",
enable: false,
hide_onmobile: false,
hide_onleave: false,
tmp: '<div class="tp-arr-allwrapper"><div class="tp-arr-imgholder"></div></div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 10,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 10,
v_offset: 0
}
}
}
});
$('#revolutionSlider2').revolution({
sliderType: 'standard',
sliderLayout: 'fullwidth',
delay: 9000,
responsiveLevels: [1920, 1200, 992, 500],
gridwidth: [1920, 1200, 992, 500],
gridheight: 575,
disableProgressBar: 'on',
spinner: 'spinner3',
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
},
navigation: {
arrows: {
style: "hades",
enable: false,
hide_onmobile: false,
hide_onleave: false,
tmp: '<div class="tp-arr-allwrapper"><div class="tp-arr-imgholder"></div></div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 10,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 10,
v_offset: 0
}
}
}
});
// Our History Gallery
var clickedItem;
let removeShowThumbsTimeout;
const portfolioLightboxOptions = {
type: 'inline',
fixedContentPos: true,
fixedBgPos: true,
overflowY: 'hidden',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'wedding-portfolio-gallery',
callbacks: {
open() {
$('#thumbGalleryDetail').owlCarousel().trigger('refresh.owl.carousel');
$('#thumbGalleryDetail').owlCarousel().trigger('to.owl.carousel', [clickedItem, 0]);
$('#thumbGalleryThumbs').owlCarousel('refresh');
removeShowThumbsTimeout = setTimeout(() => {
$('#thumbGalleryThumbs').removeClass('show-thumbs');
}, 3000);
$(document).on('keydown', ({keyCode}) => {
if(keyCode == 37) {
$('#thumbGalleryDetail').trigger('prev.owl')
}
if(keyCode == 39) {
$('#thumbGalleryDetail').trigger('next.owl')
}
});
},
close() {
clearTimeout(removeShowThumbsTimeout);
$('#thumbGalleryThumbs').addClass('show-thumbs');
$(document).off('keydown');
}
}
};
var clickedItem = '';
if( $('a[href="#ourHistoryLightbox"]').length ) {
$('a[href="#ourHistoryLightbox"]').on('click', function(){
clickedItem = $(this).parent().index();
});
$('a[href="#ourHistoryLightbox"]').magnificPopup(portfolioLightboxOptions);
}
/*
Thumb Gallery
*/
if( $('#ourHistoryLightbox').get(0) ) {
const $thumbGalleryDetail = $('#thumbGalleryDetail');
const $thumbGalleryThumbs = $('#thumbGalleryThumbs');
let flag = false;
const duration = 300;
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
navText: [],
rtl: (($('html[dir="rtl"]').get(0)) ? true : false),
onRefreshed(e) {
setTimeout(() => {
$('.mfp-wrap.wedding-portfolio-gallery').css('opacity',1);
}, 300);
}
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$thumbGalleryThumbs.find('.owl-item:eq('+ item.index +')').addClass('active-thumb');
flag = false;
}
});
$thumbGalleryThumbs
.owlCarousel({
margin: 15,
items: 15,
nav: false,
center: false,
dots: false,
pagination: false,
rtl: (($('html[dir="rtl"]').get(0)) ? true : false)
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
// add class to active thumb
$thumbGalleryThumbs.find('.owl-item').removeClass('active-thumb');
$(this).addClass('active-thumb');
});
// Set first item with active-thumb
$thumbGalleryThumbs.find('.owl-item:eq(0)').addClass('active-thumb');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,128 @@
/*
Name: Elements - Animations - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Spotlight Cursor Text - Credits: https://codepen.io/carolineartz/pen/rNaGQYo
*/
if( $('.spotlight-cursor-text').length ) {
if (typeof gsap !== 'undefined') {
document.body.addEventListener('mousemove', ({clientX, clientY}) => {
const mouseX = clientX;
const mouseY = clientY;
gsap.to('.shape', {
x: mouseX,
y: mouseY,
stagger: -0.1
});
});
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
}
/*
Scroll Rotate Up/Down
*/
if( $('.scroll-rotate').length ) {
$('.scroll-rotate').each(function() {
const elem = $(this);
$(window).on('scroll', () => {
elem.css('transform', 'translatex(-50%) translatey(-50%) rotate(' + window.scrollY * 0.25 + 'deg)');
elem.css('top', (elem.height()/2) + 'px');
elem.css('left', (elem.width()/2) + 'px');
});
});
$(window).trigger('scroll');
}
/*
GSAP Text Reveal
*/
if (typeof gsap !== 'undefined') {
if( $('.gsap-text-wrapper').length ) {
// Animation 1
$('.gsap-text-wrapper[data-gsap-text-anim-1]').each(function() {
const wrapper = $(this), text = wrapper.find('>:first-child')[0];
wrapper.css('perspective', '100px');
const tl1Options = $.extend(true, {}, {
toggleActions: 'restart none none none',
duration: 1.3,
opacity: 0,
rotationX: -90,
transformOrigin: '50% 50% -100',
stagger: .25,
ease: 'expo.out'
},
theme.fn.getOptions(wrapper.data('plugin-options'))
);
const tl1 = gsap.timeline({
scrollTrigger: {
trigger: wrapper,
toggleActions: tl1Options.toggleActions
}
});
tl1.from(text, tl1Options);
});
// Animation 2
$('.gsap-text-wrapper[data-gsap-text-anim-2]').each(function() {
const wrapper = $(this), text = wrapper.find('>:first-child');
const tl2 = gsap.timeline({
scrollTrigger: {
trigger: wrapper,
toggleActions: 'restart none none none'
}
});
text.html((i, html) => {
const chars = $.trim(html).split("");
return '<span class="d-inline-block ws-pre-wrap">' + chars.join('</span><span class="d-inline-block ws-pre-wrap">') + '</span>';
});
const targetsSpans = wrapper.find('span');
tl2.staggerFromTo(targetsSpans, 2, {
opacity: 0,
y: 90,
ease: Elastic.easeOut.config(1.2, 0.5)
}, {
opacity: 1,
y: 0,
ease: Elastic.easeOut.config(1.2, 0.5)
}, 0.03);
});
}
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,116 @@
/*
Name: Elements - Carousels - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Carousel
*/
$('#carousel').owlCarousel({
loop: true,
responsive: {
0: {
items: 1
},
479: {
items: 1
},
768: {
items: 2
},
979: {
items: 3
},
1199: {
items: 6
}
},
navText: [],
margin: 10,
autoWidth: false,
items: 6,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
});
/*
Videos
*/
$('#videos').owlCarousel({
items:1,
merge:true,
loop:true,
margin:10,
video:true,
lazyLoad:true,
center:true,
responsive:{
480:{
items:2
},
600:{
items:4
}
},
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
});
/*
Horizontal Scroller Section
*/
if( $('.horizontal-scroller-item').length ) {
if (typeof gsap !== 'undefined') {
// Copy Original HTML to clone on Resize.
const originalScrollHTML = $('.horizontal-scroller').html();
// Generate Scroller
const generateScroller = () => {
let images = gsap.utils.toArray('.horizontal-scroller-item');
gsap.to(images, {
xPercent: -100 * (images.length - ( $(window).width() > 991 ? 3 : 1 )),
ease: 'none',
scrollTrigger: {
trigger: '.horizontal-scroller',
pin: true,
scrub: 1,
snap: 1 / (images.length - 1),
end: () => '+=' + document.querySelector('.horizontal-scroller-images').offsetWidth
}
});
};
// Resize Event removing and restarting
$(window).afterResize(() => {
setTimeout(() => {
scrollerInitialized = false;
let Alltrigger = ScrollTrigger.getAll();
for (let i = 0; i < Alltrigger.length; i++) {
Alltrigger[i].kill(true);
}
$('.horizontal-scroller-wrapper').empty().html('<section class="horizontal-scroller bg-dark">' + originalScrollHTML + '</section>');
generateScroller();
}, 500);
});
generateScroller();
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: GSAP - Include the following file(s): (vendor/gsap/gsap.min.js)');
}
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,262 @@
/*
Name: Forms
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Custom Rules
*/
// No White Space
$.validator.addMethod("noSpace", (value, element) => {
if( $(element).attr('required') ) {
return value.search(/^(?! *$)[^]+$/) == 0;
}
return true;
}, 'Please fill this empty field.');
/*
Assign Custom Rules on Fields
*/
$.validator.addClassRules({
'form-control': {
noSpace: true
}
});
/*
Contact Form: Basic
*/
$('.contact-form').each(function(){
$(this).validate({
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
if( element.closest('.form-group').length ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
},
submitHandler(form) {
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
// Fields Data
const formData = $form.serializeArray(), data = {};
$(formData).each((index, {name, value}) => {
if( data[name] ) {
data[name] = data[name] + ', ' + value;
} else {
data[name] = value;
}
});
// Google Recaptcha v2
if( data["g-recaptcha-response"] != undefined ) {
data["g-recaptcha-response"] = $form.find('#g-recaptcha-response').val();
}
// Ajax Submit
$.ajax({
type: 'POST',
url: $form.attr('action'),
data
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
$errorMessage.empty().hide();
if (response == 'success') {
// Uncomment the code below to redirect for a thank you page
// self.location = 'thank-you.html';
$messageSuccess.removeClass('d-none');
$messageError.addClass('d-none');
// Reset Form
$form.find('.form-control')
.val('')
.blur()
.parent()
.removeClass('has-success')
.removeClass('has-danger')
.find('label.error')
.remove();
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageSuccess.offset().top - 80
}, 300);
}
$form.find('.form-control').removeClass('error');
$submitButton.val( submitButtonText ).attr('disabled', false);
return;
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
$errorMessage.html(errorMessage).show();
} else {
$errorMessage.html(responseText).show();
}
$messageError.removeClass('d-none');
$messageSuccess.addClass('d-none');
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageError.offset().top - 80
}, 300);
}
$form.find('.has-success')
.removeClass('has-success');
$submitButton.val( submitButtonText ).attr('disabled', false);
});
}
});
});
/*
Contact Form: Advanced
*/
$('#contactFormAdvanced').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
rules: {
'captcha': {
captcha: true
},
'checkboxes[]': {
required: true
},
'radios': {
required: true
}
},
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
});
/*
Contact Form: reCaptcha v3
*/
$('.contact-form-recaptcha-v3').each(function(){
$(this).validate({
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
},
submitHandler(form) {
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
const recaptchaSrcURL = $('#google-recaptcha-v3').attr('src'), newURL = new URL(recaptchaSrcURL), site_key = newURL.searchParams.get("render");
grecaptcha.execute(site_key, {action: 'contact_us'}).then(token => {
// Fields Data
const formData = $form.serializeArray(), data = {};
$(formData).each((index, {name, value}) => {
data[name] = value;
});
// Recaptcha v3 Token
data["g-recaptcha-response"] = token;
// Ajax Submit
$.ajax({
type: 'POST',
url: $form.attr('action'),
data
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
$errorMessage.empty().hide();
if (response == 'success') {
// Uncomment the code below to redirect for a thank you page
// self.location = 'thank-you.html';
$messageSuccess.removeClass('d-none');
$messageError.addClass('d-none');
// Reset Form
$form.find('.form-control')
.val('')
.blur()
.parent()
.removeClass('has-success')
.removeClass('has-danger')
.find('label.error')
.remove();
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageSuccess.offset().top - 80
}, 300);
}
$form.find('.form-control').removeClass('error');
$submitButton.val( submitButtonText ).attr('disabled', false);
return;
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
$errorMessage.html(errorMessage).show();
} else {
$errorMessage.html(responseText).show();
}
$messageError.removeClass('d-none');
$messageSuccess.addClass('d-none');
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageError.offset().top - 80
}, 300);
}
$form.find('.has-success')
.removeClass('has-success');
$submitButton.val( submitButtonText ).attr('disabled', false);
});
});
}
});
});
})).apply(this, [jQuery]);

View File

@ -0,0 +1,61 @@
/*
Name: Elements - Image Gallery - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Thumb Gallery
*/
theme.fn.intObs( '.thumb-gallery-wrapper', function(){
const $thumbGalleryDetail = $(this).find('.thumb-gallery-detail');
const $thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs');
let flag = false;
const duration = 300;
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
autoHeight: true,
navText: [],
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
$thumbGalleryThumbs.find('.owl-item').eq( item.index ).addClass('selected');
flag = false;
}
});
$thumbGalleryThumbs
.owlCarousel({
margin: 15,
items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
nav: false,
center: $(this).data('thumbs-center') ? true : false,
dots: false,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
flag = false;
}
});
$thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
}, {});
})).apply(this, [jQuery]);

View File

@ -0,0 +1,53 @@
/*
Name: Horizontal Scroll Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Horizontal Scroll
*/
let locoScrollDefaults = {
el: document.querySelector('[data-scroll-container]'),
smooth: true,
direction: "horizontal",
mobile: {
breakpoint: 0,
smooth: true,
direction: "horizontal",
},
tablet: {
breakpoint: 0,
smooth: true,
direction: "horizontal"
}
};
let locoScroll = new LocomotiveScroll(locoScrollDefaults);
// GSAP integration
gsap.registerPlugin(ScrollTrigger);
locoScroll.on("scroll", ScrollTrigger.update);
ScrollTrigger.scrollerProxy(".smoothScroll", {
scrollTop(value) {
return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y;
},
scrollLeft(value) {
return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.x;
},
getBoundingClientRect() {
return {
top: 0,
left: 0,
width: window.innerWidth,
height: window.innerHeight
};
},
pinType: document.querySelector(".smoothScroll").style.transform ? "transform" : "fixed"
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,209 @@
/*
Name: 360º Image Viewer - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
Credits: Codyhouse (https://codyhouse.co/gem/360-degrees-product-viewer)
*/
(($ => {
class productViewer {
constructor(element) {
this.element = element;
this.handleContainer = this.element.find('.cd-product-viewer-handle');
this.handleFill = this.handleContainer.children('.fill');
this.handle = this.handleContainer.children('.handle');
this.imageWrapper = this.element.find('.product-viewer');
this.slideShow = this.imageWrapper.children('.product-sprite');
this.frames = this.element.data('frame');
this.friction = this.element.data('friction');
this.visibleFrame = 0;
this.loaded = false;
this.animating = false;
this.xPosition = 0;
this.loadFrames();
}
loadFrames() {
const self = this, imageUrl = this.slideShow.data('image'), newImg = $('<img/>');
this.loading('0.5');
newImg.attr('src', imageUrl).load(imageUrl, function() {
$(this).remove();
self.loaded = true;
}).each(function(){
const image = this;
if(image.complete) {
$(image).trigger('load');
}
});
}
loading(percentage) {
const self = this;
transformElement(this.handleFill, 'scaleX('+ percentage +')');
setTimeout(() => {
if( self.loaded ){
//sprite image has been loaded
self.element.addClass('loaded');
transformElement(self.handleFill, 'scaleX(1)');
self.dragImage();
if(self.handle) self.dragHandle();
} else {
const newPercentage = parseFloat(percentage) + .1;
if ( newPercentage < 1 ) {
self.loading(newPercentage);
} else {
self.loading(parseFloat(percentage));
}
}
}, 500);
}
dragHandle() {
const self = this;
self.handle.on('mousedown touchstart', e => {
self.handle.addClass('cd-draggable');
const dragWidth = self.handle.outerWidth(), containerOffset = self.handleContainer.offset().left, containerWidth = self.handleContainer.outerWidth(), minLeft = containerOffset - dragWidth/2, maxLeft = containerOffset + containerWidth - dragWidth/2;
self.xPosition = self.handle.offset().left + dragWidth - ( ($(window).width() < 992) ? e.originalEvent.touches[0].pageX : e.pageX );
self.element.on('mousemove touchmove', e => {
if( !self.animating) {
self.animating = true;
( !window.requestAnimationFrame )
? setTimeout(() => {self.animateDraggedHandle(e, dragWidth, containerOffset, containerWidth, minLeft, maxLeft);}, 100)
: requestAnimationFrame(() => {self.animateDraggedHandle(e, dragWidth, containerOffset, containerWidth, minLeft, maxLeft);});
}
}).one('mouseup touchend', e => {
self.handle.removeClass('cd-draggable');
self.element.off('mousemove touchmove');
});
e.preventDefault();
}).on('mouseup touchend', e => {
self.handle.removeClass('cd-draggable');
});
}
animateDraggedHandle(
{originalEvent, pageX},
dragWidth,
containerOffset,
containerWidth,
minLeft,
maxLeft
) {
const self = this;
let leftValue = ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX ) + self.xPosition - dragWidth;
if (leftValue < minLeft) {
leftValue = minLeft;
} else if (leftValue > maxLeft) {
leftValue = maxLeft;
}
const widthValue = Math.ceil( (leftValue + dragWidth / 2 - containerOffset) * 1000 / containerWidth)/10;
self.visibleFrame = Math.ceil( (widthValue * (self.frames-1))/100 );
//update image frame
self.updateFrame();
//update handle position
$('.cd-draggable', self.handleContainer).css('left', widthValue + '%').one('mouseup touchend', function () {
$(this).removeClass('cd-draggable');
});
self.animating = false;
}
dragImage() {
const self = this;
self.slideShow.on('mousedown touchstart', e => {
self.slideShow.addClass('cd-draggable');
const containerOffset = self.imageWrapper.offset().left, containerWidth = self.imageWrapper.outerWidth(), minFrame = 0, maxFrame = self.frames - 1;
self.xPosition = ( ($(window).width() < 992) ? e.originalEvent.touches[0].pageX : e.pageX );
self.element.on('mousemove touchmove', e => {
if( !self.animating) {
self.animating = true;
( !window.requestAnimationFrame )
? setTimeout(() => {self.animateDraggedImage(e, containerOffset, containerWidth);}, 100)
: requestAnimationFrame(() => {self.animateDraggedImage(e, containerOffset, containerWidth);});
}
}).one('mouseup touchend', e => {
self.slideShow.removeClass('cd-draggable');
self.element.off('mousemove touchmove');
self.updateHandle();
});
e.preventDefault();
}).on('mouseup touchend', e => {
self.slideShow.removeClass('cd-draggable');
});
}
animateDraggedImage({originalEvent, pageX}, containerOffset, containerWidth) {
const self = this;
const leftValue = self.xPosition - ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX );
const widthValue = Math.ceil( (leftValue) * 100 / ( containerWidth * self.friction ));
let frame = (widthValue * (self.frames-1))/100;
if( frame > 0 ) {
frame = Math.floor(frame);
} else {
frame = Math.ceil(frame);
}
let newFrame = self.visibleFrame + frame;
if (newFrame < 0) {
newFrame = self.frames - 1;
} else if (newFrame > self.frames - 1) {
newFrame = 0;
}
if( newFrame != self.visibleFrame ) {
self.visibleFrame = newFrame;
self.updateFrame();
self.xPosition = ( ($(window).width() < 992) ? originalEvent.touches[0].pageX : pageX );
}
self.animating = false;
}
updateHandle() {
if(this.handle) {
const widthValue = 100*this.visibleFrame/this.frames;
this.handle.animate({'left': widthValue + '%'}, 200);
}
}
updateFrame() {
const transformValue = - (100 * this.visibleFrame/this.frames);
transformElement(this.slideShow, 'translateX('+transformValue+'%)');
}
}
function transformElement(element, value) {
element.css({
'-moz-transform': value,
'-webkit-transform': value,
'-ms-transform': value,
'-o-transform': value,
'transform': value
});
if(element.data('image') != undefined) {
element.css({
'background-image': 'url('+ element.data('image') +')'
});
}
element.prev().css({
visibility: 'hidden'
});
}
theme.fn.intObs( '.cd-product-viewer-wrapper', function(){
new productViewer($(this));
}, {});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,96 @@
/*
Name: Elements - Lightboxes - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Popup with video or map
*/
theme.fn.execOnceTroughEvent( $('.popup-youtube, .popup-vimeo, .popup-gmaps'), 'mouseover.trigger.iframe.lightbox', function(){
$(this).magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
/*
Dialog with CSS animation
*/
theme.fn.execOnceTroughEvent( $('.popup-with-zoom-anim'), 'mouseover.trigger.zoom.lightbox', function(){
$(this).magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
theme.fn.execOnceTroughEvent( $('.popup-with-move-anim'), 'mouseover.trigger.slide.lightbox', function(){
$(this).magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});
});
/*
Form
*/
theme.fn.execOnceTroughEvent( $('.popup-with-form'), 'mouseover.trigger.form.lightbox', function(){
$(this).magnificPopup({
type: 'inline',
preloader: false,
focus: '#name',
callbacks: {
open() {
$('html').addClass('lightbox-opened');
},
close() {
$('html').removeClass('lightbox-opened');
}
}
});
});
/*
Ajax
*/
theme.fn.execOnceTroughEvent( $('.simple-ajax-popup'), 'mouseover.trigger.ajax.lightbox', function(){
$(this).magnificPopup({
type: 'ajax',
callbacks: {
open() {
$('html').addClass('lightbox-opened');
},
close() {
$('html').removeClass('lightbox-opened');
}
}
});
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,36 @@
/*
Name: Locomotive Scroll Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Locomotive
*/
if (typeof LocomotiveScroll !== 'undefined') {
const scroller = new LocomotiveScroll({
el: document.querySelector("[data-scroll-container]"),
smooth: true,
mobile: {
breakpoint: 0,
smooth: true
},
tablet: {
breakpoint: 0,
smooth: true
}
});
// Scroll to Top
$('.scroll-to-top').on('click', e => {
scroller.scrollTo(0);
});
} else {
theme.fn.showErrorMessage('Failed to Load File', 'Failed to load: Locomotive Scroll - Include the following file(s): (vendor/locomotive-scroll/locomotive-scroll.min.js)');
}
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,18 @@
/*
Name: Mouse Hover Split
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Mouse Hover Split
const left = document.getElementById("side-left");
const handleMove = ({clientX}) => {
left.style.width = `${clientX / window.innerWidth * 100}%`;
}
document.onmousemove = e => handleMove(e);
document.ontouchmove = ({touches}) => handleMove(touches[0]);
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,440 @@
/*
Name: Elements - Particles - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
// Particles 1
particlesJS("particles-1", {
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#0088cc"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
}
},
"opacity": {
"value": 1,
"random": true,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 8,
"random": true,
"anim": {
"enable": false,
"speed": 4,
"size_min": 0.3,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#0088cc",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 600
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "bubble"
},
"onclick": {
"enable": true,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 250,
"size": 0,
"duration": 2,
"opacity": 0,
"speed": 3
},
"repulse": {
"distance": 400,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
// Particles 2
particlesJS("particles-2", {
"particles": {
"number": {
"value": 160,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#0088cc"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
}
},
"opacity": {
"value": 1,
"random": true,
"anim": {
"enable": true,
"speed": 1,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 4,
"size_min": 0.3,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 150,
"color": "#0088cc",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 1,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 600
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "bubble"
},
"onclick": {
"enable": true,
"mode": "repulse"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 250,
"size": 0,
"duration": 2,
"opacity": 0,
"speed": 3
},
"repulse": {
"distance": 400,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
// Particles 3
particlesJS("particles-3", {
"particles": {
"number": {
"value": 20,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#0088cc"
},
"shape": {
"type": "polygon",
"stroke": {
"width": 0,
"color": "#000"
},
"polygon": {
"nb_sides": 6
},
},
"opacity": {
"value": 0.1,
"random": true,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 60,
"random": false,
"anim": {
"enable": true,
"speed": 10,
"size_min": 40,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 200,
"color": "#ffffff",
"opacity": 1,
"width": 2
},
"move": {
"enable": true,
"speed": 8,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": false,
"mode": "grab"
},
"onclick": {
"enable": false,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
// Particles 4
particlesJS("particles-4", {
"particles": {
"number": {
"value": 80,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#0088cc"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": false,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#0088cc",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 200,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,754 @@
/*
Name: Portfolio - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Portfolio on Modal
*/
$('a[data-portfolio-on-modal]').magnificPopup({
mainClass: 'portfolio-modal',
type: 'inline',
gallery: {
enabled: true
},
callbacks: {
open() {
$('.owl-carousel').owlCarousel('refresh');
},
change() {
setTimeout(() => {
$('.owl-carousel').owlCarousel('refresh');
}, 1);
}
}
});
$('a[data-portfolio-close]').on('click', e => {
e.preventDefault();
$.magnificPopup.instance.close();
return false;
});
$('a[data-portfolio-prev]').on('click', e => {
e.preventDefault();
$.magnificPopup.instance.prev();
return false;
});
$('a[data-portfolio-next]').on('click', e => {
e.preventDefault();
$.magnificPopup.instance.next();
return false;
});
/*
Carousel
*/
if ($.isFunction($.fn.revolution)) {
$("#revolutionSliderCarousel").show().revolution({
sliderType: "carousel",
sliderLayout: "fullwidth",
dottedOverlay: "none",
delay: 4000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
arrows: {
style: "tparrows-carousel",
enable: true,
hide_onmobile: false,
hide_onleave: false,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 30,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 30,
v_offset: 0
}
}
},
carousel: {
maxRotation: 65,
vary_rotation: "on",
minScale: 55,
vary_scale: "off",
horizontal_align: "center",
vertical_align: "center",
fadeout: "on",
vary_fade: "on",
maxVisibleItems: 5,
infinity: "on",
space: -150,
stretch: "off"
},
gridwidth: 600,
gridheight: 600,
lazyType: "none",
shadow: 0,
spinner: "off",
stopLoop: "on",
stopAfterLoops: 0,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
/*
Medias
*/
if ($.isFunction($.fn.revolution)) {
$("#revolutionSliderMedias").show().revolution({
sliderType: "standard",
sliderLayout: "auto",
dottedOverlay: "none",
delay: 9000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
tabs: {
style: "hesperiden hesperiden-custom",
enable: true,
width: 250,
height: 80,
min_width: 250,
wrapper_padding: 20,
wrapper_color: "#ffffff",
wrapper_opacity: "1",
tmp: '<div class="tp-tab-content"> <span class="tp-tab-date">{{param1}}</span> <span class="tp-tab-title">{{title}}</span></div><div class="tp-tab-image"></div>',
visibleAmount: 5,
hide_onmobile: false,
hide_onleave: false,
hide_delay: 200,
direction: "horizontal",
span: false,
position: "outer-bottom",
space: 0,
h_align: "left",
v_align: "bottom",
h_offset: 0,
v_offset: 0
}
},
gridwidth: 1230,
gridheight: 692,
lazyType: "smart",
shadow: 0,
spinner: "off",
stopLoop: "on",
stopAfterLoops: 0,
stopAtSlide: 1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
/*
Ajax on Page
*/
const ajaxOnPage = {
pages: [],
currentPage: 0,
total: 0,
$ajaxBox: $('#porfolioAjaxBox'),
$ajaxBoxContent: $('#porfolioAjaxBoxContent'),
build() {
const self = this;
$('a[data-ajax-on-page]').each(function() {
self.add($(this));
});
$(document).on('mousedown', 'a[data-ajax-on-page]', ev => {
if (ev.which == 2) {
ev.preventDefault();
return false;
}
});
// Key Press
$(document.documentElement).on('keyup', ({keyCode}) => {
if( !$('.mfp-wrap').get(0) ) {
// Next
if (keyCode == 39) {
self.next();
}
// Prev
if (keyCode == 37) {
self.prev();
}
}
});
},
add($el) {
const self = this, href = $el.attr('data-href');
self.pages.push(href);
self.total++;
$el.on('click', e => {
e.preventDefault();
self.show(self.pages.indexOf(href));
});
},
events() {
const self = this;
// Close
$('a[data-ajax-portfolio-close]').on('click', e => {
e.preventDefault();
self.close();
});
if (self.total <= 1) {
$('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
} else {
// Prev
$('a[data-ajax-portfolio-prev]').on('click', e => {
e.preventDefault();
self.prev();
});
// Next
$('a[data-ajax-portfolio-next]').on('click', e => {
e.preventDefault();
self.next();
});
}
// Carousel
if ($.isFunction($.fn['themePluginCarousel'])) {
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
},
close() {
const self = this;
self.$ajaxBoxContent.empty();
self.$ajaxBox.removeClass('ajax-box-init').removeClass('ajax-box-loading');
},
next() {
const self = this;
if(self.currentPage + 1 < self.total) {
self.show(self.currentPage + 1);
} else {
self.show(0);
}
},
prev() {
const self = this;
if((self.currentPage - 1) >= 0) {
self.show(self.currentPage - 1);
} else {
self.show(self.total - 1);
}
},
show(i) {
const self = this;
self.$ajaxBoxContent.empty();
self.$ajaxBox.removeClass('ajax-box-init').addClass('ajax-box-loading');
$('html, body').animate({
scrollTop: self.$ajaxBox.offset().top - 100
}, 300, 'easeOutQuad');
self.currentPage = i;
if (i < 0 || i > (self.total-1)) {
self.close();
return false;
}
// Ajax
$.ajax({
url: self.pages[i],
cache: false,
complete({responseText}) {
setTimeout(() => {
self.$ajaxBoxContent.html(responseText).append('<div class="row"><div class="col-md-12"><hr class="tall mt-4"></div></div>');
self.$ajaxBox.removeClass('ajax-box-loading');
self.events();
}, 1000);
}
});
}
};
if($('#porfolioAjaxBox').get(0)) {
ajaxOnPage.build();
}
/*
Ajax on Modal
*/
theme.fn.execOnceTroughEvent( 'a[data-ajax-on-modal]', 'mouseover.trigger.ajax.on.modal', () => {
$('a[data-ajax-on-modal]').magnificPopup({
type: 'ajax',
tLoading: '',
mainClass: 'portfolio-ajax-modal',
closeBtnInside: true,
gallery: {
enabled: true
},
callbacks: {
ajaxContentAdded() {
// Wrapper
const $wrapper = $('.portfolio-ajax-modal');
// Close
$wrapper.find('a[data-ajax-portfolio-close]').on('click', e => {
e.preventDefault();
$.magnificPopup.close();
});
// Remove Next and Close
if($('a[data-ajax-on-modal]').length <= 1) {
$wrapper.find('a[data-ajax-portfolio-prev], a[data-ajax-portfolio-next]').remove();
} else {
// Prev
$wrapper.find('a[data-ajax-portfolio-prev]').on('click', e => {
e.preventDefault();
$('.mfp-arrow-left').trigger('click');
return false;
});
// Next
$wrapper.find('a[data-ajax-portfolio-next]').on('click', e => {
e.preventDefault();
$('.mfp-arrow-right').trigger('click');
return false;
});
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
}
}
});
});
/*
Load More
*/
const portfolioLoadMore = {
pages: 0,
currentPage: 1,
$wrapper: $('#portfolioLoadMoreWrapper'),
$btn: $('#portfolioLoadMore'),
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
$loader: $('#portfolioLoadMoreLoader'),
build() {
const self = this;
self.pages = self.$wrapper.data('total-pages');
if(self.pages <= 1) {
self.$btnWrapper.remove();
return;
} else {
self.$btn.on('click', () => {
self.loadMore();
});
// Infinite Scroll
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
rootMargin: '0px 0px 0px 0px'
}, true );
}
}
},
loadMore() {
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
self.$btn.hide();
self.$loader.addClass('portfolio-load-more-loader-showing').show();
// Ajax
$.ajax({
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
complete({responseText}) {
const $items = $(responseText);
setTimeout(() => {
self.$wrapper.append($items)
self.$wrapper.isotope('appended', $items);
self.currentPage++;
if(self.currentPage < self.pages) {
self.$btn.show().blur();
} else {
self.$btnWrapper.remove();
}
// Carousel
$(() => {
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginCarousel(opts);
});
});
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
self.$wrapper.waitForImages(() => {
self.$wrapper.isotope('layout');
});
}, 1000);
}
});
}
};
if($('#portfolioLoadMoreWrapper').get(0)) {
portfolioLoadMore.build();
}
/*
Pagination
*/
const portfolioPagination = {
pages: 0,
$wrapper: $('#portfolioPaginationWrapper'),
$filter: $('#portfolioPaginationFilter'),
$pager: $('#portfolioPagination'),
init() {
const self = this;
self.$filter.on('filtered', (event, laidOutItems) => {
self.build();
self.$filter.find('.active').trigger('click');
});
},
calcPages() {
const self = this, filter = self.$wrapper.attr('data-filter'), itemsPerPage = parseInt(self.$wrapper.attr('data-items-per-page')), $activeItems = self.$wrapper.find(filter + '.isotope-item');
self.$wrapper.find('.isotope-item').removeAttr('data-page-rel');
$activeItems.each(function(i) {
const itemPage = Math.ceil((i+1)/itemsPerPage);
$(this).attr('data-page-rel', ((itemPage == 0) ? 1 : itemPage));
if (itemPage > 1) {
$(this).hide();
}
});
self.$wrapper.isotope('layout');
return Math.ceil($activeItems.length/itemsPerPage);
},
build() {
const self = this;
self.pages = self.calcPages();
self.$wrapper.removeAttr('data-current-page');
self.$pager.empty().unbind();
if(self.pages <= 1) {
return;
} else {
self.$wrapper.attr('data-current-page', 1);
self.$pager.bootpag({
total: self.pages,
page: 1,
next: '<i class="fas fa-angle-right"></i>',
prev: '<i class="fas fa-angle-left"></i>'
}).on('page', (event, num) => {
self.$wrapper.attr('data-current-page', num);
self.$filter.find('.active').trigger('click');
});
}
self.$filter.find('.active').trigger('click');
self.$pager.find('li').addClass('page-item');
self.$pager.find('a').addClass('page-link');
}
};
if($('#portfolioPagination').get(0)) {
portfolioPagination.init();
}
/*
Combination Filters
*/
if($('#combinationFilters').get(0)) {
$(window).on('load', () => {
setTimeout(() => {
const $grid = $('.portfolio-list').isotope({
itemSelector: '.isotope-item',
layoutMode: 'masonry',
filter: '*',
hiddenStyle: {
opacity: 0
},
visibleStyle: {
opacity: 1
},
stagger: 30,
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
});
const filters = {}, $loader = $('.sort-destination-loader');
$('.filters').on('click', 'a', function(e) {
e.preventDefault();
const $this = $(this);
const $buttonGroup = $this.parents('.portfolio-filter-group');
const filterGroup = $buttonGroup.attr('data-filter-group');
filters[filterGroup] = $this.parent().attr('data-option-value');
const filterValue = concatValues(filters);
$grid.isotope({
filter: filterValue
});
});
$('.portfolio-filter-group').each((i, buttonGroup) => {
const $buttonGroup = $(buttonGroup);
$buttonGroup.on('click', 'a', function() {
$buttonGroup.find('.active').removeClass('active');
$(this).parent().addClass('active');
$(this).addClass('active');
});
});
var concatValues = obj => {
let value = '';
for (const prop in obj) {
value += obj[prop];
}
return value;
}
$(window).on('resize', () => {
setTimeout(() => {
$grid.isotope('layout');
}, 300);
});
if ($loader) {
$loader.removeClass('sort-destination-loader-showing');
setTimeout(() => {
$loader.addClass('sort-destination-loader-loaded');
}, 500);
}
}, 1000);
});
}
/*
Lazy Load Masonry
*/
if($('#portfolioLazyLoadMasonry').get(0)) {
const $window = $(window);
$window.on('load', () => {
const $grid = $('#portfolioLazyLoadMasonry .portfolio-list').isotope({
itemSelector: '.isotope-item',
layoutMode: 'masonry',
filter: '*',
hiddenStyle: {
opacity: 0
},
visibleStyle: {
opacity: 1
},
stagger: 30,
isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true)
});
let runningIsotope = false;
function reLayouIsotope() {
if(!runningIsotope) {
$grid.isotope('layout');
runningIsotope = true;
setTimeout(() => {
runningIsotope = false;
}, 1000);
}
}
$grid.isotope('on', 'layoutComplete', () => {
reLayouIsotope();
});
$window.on('scroll', () => {
reLayouIsotope();
});
$window.on('resize', () => {
setTimeout(() => {
reLayouIsotope();
}, 300);
});
});
}
})).apply(this, [jQuery]);

View File

@ -0,0 +1,45 @@
/*
Name: Elements - Sections - Examples
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Circle Expand
*/
let section = document.getElementById('circleSection'),
dot = document.getElementById("circleDot");
gsap.set(dot, {
width: "142vmax",
height: "142vmax",
xPercent: -50,
yPercent: -50,
top: "50%",
left: "50%"
});
let tl1 = gsap.timeline({
scrollTrigger: {
trigger: section,
start: "-50%",
end: "0%",
scrub: 2,
invalidateOnRefresh: true,
},
defaults: {
ease: "none"
}
});
tl1
.fromTo(dot, {
scale: 0
}, {
x: 0,
y: 0,
ease: "power3.in",
scale: 1
});
})).apply( this, [ jQuery ]);

9509
resources/public/js/theme.js Normal file

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,262 @@
/*
Name: View - Contact
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Custom Rules
*/
// No White Space
$.validator.addMethod("noSpace", (value, element) => {
if( $(element).attr('required') ) {
return value.search(/^(?! *$)[^]+$/) == 0;
}
return true;
}, 'Please fill this empty field.');
/*
Assign Custom Rules on Fields
*/
$.validator.addClassRules({
'form-control': {
noSpace: true
}
});
/*
Contact Form: Basic
*/
$('.contact-form').each(function(){
$(this).validate({
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
if( element.closest('.form-group').length ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
},
submitHandler(form) {
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
// Fields Data
const formData = $form.serializeArray(), data = {};
$(formData).each((index, {name, value}) => {
if( data[name] ) {
data[name] = data[name] + ', ' + value;
} else {
data[name] = value;
}
});
// Google Recaptcha v2
if( data["g-recaptcha-response"] != undefined ) {
data["g-recaptcha-response"] = $form.find('#g-recaptcha-response').val();
}
// Ajax Submit
$.ajax({
type: 'POST',
url: $form.attr('action'),
data
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
$errorMessage.empty().hide();
if (response == 'success') {
// Uncomment the code below to redirect for a thank you page
// self.location = 'thank-you.html';
$messageSuccess.removeClass('d-none');
$messageError.addClass('d-none');
// Reset Form
$form.find('.form-control')
.val('')
.blur()
.parent()
.removeClass('has-success')
.removeClass('has-danger')
.find('label.error')
.remove();
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageSuccess.offset().top - 80
}, 300);
}
$form.find('.form-control').removeClass('error');
$submitButton.val( submitButtonText ).attr('disabled', false);
return;
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
$errorMessage.html(errorMessage).show();
} else {
$errorMessage.html(responseText).show();
}
$messageError.removeClass('d-none');
$messageSuccess.addClass('d-none');
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageError.offset().top - 80
}, 300);
}
$form.find('.has-success')
.removeClass('has-success');
$submitButton.val( submitButtonText ).attr('disabled', false);
});
}
});
});
/*
Contact Form: Advanced
*/
$('#contactFormAdvanced').validate({
onkeyup: false,
onclick: false,
onfocusout: false,
rules: {
'captcha': {
captcha: true
},
'checkboxes[]': {
required: true
},
'radios': {
required: true
}
},
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
}
});
/*
Contact Form: reCaptcha v3
*/
$('.contact-form-recaptcha-v3').each(function(){
$(this).validate({
errorPlacement(error, element) {
if(element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
error.appendTo(element.closest('.form-group'));
} else if( element.is('select') && element.closest('.custom-select-1') ) {
error.appendTo(element.closest('.form-group'));
} else {
error.insertAfter(element);
}
},
submitHandler(form) {
const $form = $(form), $messageSuccess = $form.find('.contact-form-success'), $messageError = $form.find('.contact-form-error'), $submitButton = $(this.submitButton), $errorMessage = $form.find('.mail-error-message'), submitButtonText = $submitButton.val();
$submitButton.val( $submitButton.data('loading-text') ? $submitButton.data('loading-text') : 'Loading...' ).attr('disabled', true);
const recaptchaSrcURL = $('#google-recaptcha-v3').attr('src'), newURL = new URL(recaptchaSrcURL), site_key = newURL.searchParams.get("render");
grecaptcha.execute(site_key, {action: 'contact_us'}).then(token => {
// Fields Data
const formData = $form.serializeArray(), data = {};
$(formData).each((index, {name, value}) => {
data[name] = value;
});
// Recaptcha v3 Token
data["g-recaptcha-response"] = token;
// Ajax Submit
$.ajax({
type: 'POST',
url: $form.attr('action'),
data
}).always(({response, errorMessage, responseText}, textStatus, jqXHR) => {
$errorMessage.empty().hide();
if (response == 'success') {
// Uncomment the code below to redirect for a thank you page
// self.location = 'thank-you.html';
$messageSuccess.removeClass('d-none');
$messageError.addClass('d-none');
// Reset Form
$form.find('.form-control')
.val('')
.blur()
.parent()
.removeClass('has-success')
.removeClass('has-danger')
.find('label.error')
.remove();
if (($messageSuccess.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageSuccess.offset().top - 80
}, 300);
}
$form.find('.form-control').removeClass('error');
$submitButton.val( submitButtonText ).attr('disabled', false);
return;
} else if (response == 'error' && typeof errorMessage !== 'undefined') {
$errorMessage.html(errorMessage).show();
} else {
$errorMessage.html(responseText).show();
}
$messageError.removeClass('d-none');
$messageSuccess.addClass('d-none');
if (($messageError.offset().top - 80) < $(window).scrollTop()) {
$('html, body').animate({
scrollTop: $messageError.offset().top - 80
}, 300);
}
$form.find('.has-success')
.removeClass('has-success');
$submitButton.val( submitButtonText ).attr('disabled', false);
});
});
}
});
});
})).apply(this, [jQuery]);

View File

@ -0,0 +1,46 @@
/*
Name: View - Home
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
Circle Slider
*/
if ($.isFunction($.fn.flipshow)) {
const circleContainer = $('.fc-slideshow');
$.each( circleContainer, function() {
const $container = $(this);
$container.flipshow();
setTimeout(function circleFlip() {
$container.data().flipshow._navigate($container.find('div.fc-right span:first'), 'right');
setTimeout(circleFlip, 3000);
}, 3000);
});
}
/*
Move Cloud
*/
if ($('.cloud').get(0)) {
const moveCloud = () => {
$('.cloud').animate({
'top': '+=20px'
}, 3000, 'linear', () => {
$('.cloud').animate({
'top': '-=20px'
}, 3000, 'linear', () => {
moveCloud();
});
});
};
moveCloud();
}
})).apply(this, [jQuery]);

View File

@ -0,0 +1,30 @@
/*
Name: View - Landing
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
let timeout = false;
$('#demoFilter').keyup(() => {
if(!timeout) {
timeout = true;
$('html, body').animate({
scrollTop: $('#demos').offset().top - 90
}, 600, 'easeOutQuad', () => {
$('body').removeClass('scrolling');
timeout = false;
});
}
});
$('.custom-banner-content-item-1').on('click', () => {
$('.style-switcher-open-loader').trigger('click');
});
})).apply( this, [ jQuery ]);

View File

@ -0,0 +1,133 @@
/*
Name: View - Shop
Written by: Okler Themes - (http://www.okler.net)
Theme Version: 12.1.0
*/
(($ => {
/*
* Quantity
*/
$( document ).on('click', '.quantity .plus',function(){
const $qty=$(this).parents('.quantity').find('.qty');
const currentVal = parseInt($qty.val());
if (!isNaN(currentVal)) {
$qty.val(currentVal + 1);
}
});
$( document ).on('click', '.quantity .minus',function(){
const $qty=$(this).parents('.quantity').find('.qty');
const currentVal = parseInt($qty.val());
if (!isNaN(currentVal) && currentVal > 1) {
$qty.val(currentVal - 1);
}
});
/*
* Quick View Lightbox/Popup With Ajax
*/
$('.quick-view').magnificPopup({
type: 'ajax',
fixedContentPos: true,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: '',
callbacks: {
open() {
$('html').addClass('lightbox-opened');
},
close() {
$('html').removeClass('lightbox-opened');
setTimeout(() => {
$('html').removeClass('lightbox-beforeclose');
}, 500);
},
beforeClose() {
$('html').addClass('lightbox-beforeclose');
},
ajaxContentAdded() {
/*
Thumb Gallery
*/
$('.thumb-gallery-wrapper').each(function(){
const $thumbGalleryDetail = $(this).find('.thumb-gallery-detail');
const $thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs');
let flag = false;
const duration = 300;
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
autoHeight: true,
navText: [],
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [item.index-1, duration, true]);
$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
$thumbGalleryThumbs.find('.owl-item').eq( item.index ).addClass('selected');
flag = false;
}
});
$thumbGalleryThumbs
.owlCarousel({
margin: 15,
items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
nav: false,
center: $(this).data('thumbs-center') ? true : false,
dots: false,
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('click', '.owl-item', function() {
$thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
})
.on('changed.owl.carousel', ({item}) => {
if (!flag) {
flag = true;
$thumbGalleryDetail.trigger('to.owl.carousel', [item.index, duration, true]);
flag = false;
}
});
$thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
});
/*
* Star Rating
*/
if ($.isFunction($.fn['themePluginStarRating'])) {
$(() => {
$('[data-plugin-star-rating]:not(.manual)').each(function() {
const $this = $(this);
let opts;
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
if (pluginOptions)
opts = pluginOptions;
$this.themePluginStarRating(opts);
});
});
}
}
}
});
})).apply(this, [jQuery]);

View File

@ -0,0 +1,19 @@
# afterResize.js
If you have ever used jQuery's .resize() method to detect a window resize you may be aware that most browsers don't wait for the resize event to finish before it triggers a callback. Instead the event and it's callback is fired rapidly until the resize is complete.
This very simple jQuery plugin is designed to emulate an 'after resize' event. It works by adding the callback to a queue to be executed after a duration. If the event is triggered again before the end of this duration, it is restarted and the callback will not execute until the duration can finish.
## Example
```javascript
$(document).ready( function() {
$(window).afterResize( function() {
alert('Resize event has finished');
}, true, 100 );
});
```
## Licence
Do with it what you wish.

View File

@ -0,0 +1,99 @@
( function( $ ) {
"use strict";
// Define default settings
var defaults = {
action: function() {},
runOnLoad: false,
duration: 500
};
// Define global variables
var settings = defaults,
running = false,
start;
var methods = {};
// Initial plugin configuration
methods.init = function() {
// Allocate passed arguments to settings based on type
for( var i = 0; i <= arguments.length; i++ ) {
var arg = arguments[i];
switch ( typeof arg ) {
case "function":
settings.action = arg;
break;
case "boolean":
settings.runOnLoad = arg;
break;
case "number":
settings.duration = arg;
break;
}
}
// Process each matching jQuery object
return this.each(function() {
if( settings.runOnLoad ) { settings.action(); }
$(this).resize( function() {
methods.timedAction.call( this );
} );
} );
};
methods.timedAction = function( code, millisec ) {
var doAction = function() {
var remaining = settings.duration;
if( running ) {
var elapse = new Date() - start;
remaining = settings.duration - elapse;
if( remaining <= 0 ) {
// Clear timeout and reset running variable
clearTimeout(running);
running = false;
// Perform user defined function
settings.action();
return;
}
}
wait( remaining );
};
var wait = function( time ) {
running = setTimeout( doAction, time );
};
// Define new action starting time
start = new Date();
// Define runtime settings if function is run directly
if( typeof millisec === 'number' ) { settings.duration = millisec; }
if( typeof code === 'function' ) { settings.action = code; }
// Only run timed loop if not already running
if( !running ) { doAction(); }
};
$.fn.afterResize = function( method ) {
if( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ) );
} else {
return methods.init.apply( this, arguments );
}
};
})(jQuery);

View File

@ -0,0 +1 @@
(function(f){"use strict";var k={action:function(){},runOnLoad:false,duration:500};var b=k,e=false,g;var c={};c.init=function(){for(var a=0;a<=arguments.length;a++){var d=arguments[a];switch(typeof d){case"function":b.action=d;break;case"boolean":b.runOnLoad=d;break;case"number":b.duration=d;break}}return this.each(function(){if(b.runOnLoad){b.action()}f(this).resize(function(){c.timedAction.call(this)})})};c.timedAction=function(h,i){var j=function(){var a=b.duration;if(e){var d=new Date()-g;a=b.duration-d;if(a<=0){clearTimeout(e);e=false;b.action();return}}l(a)};var l=function(a){e=setTimeout(j,a)};g=new Date();if(typeof i==='number'){b.duration=i}if(typeof h==='function'){b.action=h}if(!e){j()}};f.fn.afterResize=function(a){if(c[a]){return c[a].apply(this,Array.prototype.slice.call(arguments,1))}else{return c.init.apply(this,arguments)}}})(jQuery);

View File

@ -0,0 +1,5 @@
$(document).ready( function() {
$(window).afterResize( function() {
alert('Resize event has finished');
}, true, 100 );
});

View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>afterResize.js demo</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<h1>afterResize.js</h1>
<script src="./afterresize.js"></script>
<script src="./demo.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,10 @@
Animated Headlines
=========
A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.
[Article on CodyHouse](http://codyhouse.co/gem/css-animated-headlines/)
[Demo](http://codyhouse.co/demo/animated-headlines/)
[Terms](http://codyhouse.co/terms/)

View File

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,123 @@
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<script src="js/modernizr.js"></script> <!-- Modernizr -->
<title>Animated Headlines | CodyHouse</title>
</head>
<body>
<section class="cd-title">
<h1>Animated Headlines</h1>
</section>
<section class="cd-intro">
<h1 class="cd-headline rotate-1">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline letters type">
<span>My favourite food is</span>
<span class="cd-words-wrapper waiting">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline letters rotate-2">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline loading-bar">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline slide">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline clip is-full-width">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline zoom">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline letters rotate-3">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline letters scale">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<section class="cd-intro">
<h1 class="cd-headline push">
<span>My favourite food is</span>
<span class="cd-words-wrapper">
<b class="is-visible">pizza</b>
<b>sushi</b>
<b>steak</b>
</span>
</h1>
</section> <!-- cd-intro -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,221 @@
/*
Plugin Name: Animated Headlines
Written by: Codyhouse - (https://codyhouse.co/demo/animated-headlines/index.html)
*/
jQuery(document).ready(function($) {
//set animation timing
var animationDelay = 2500,
//loading bar effect
barAnimationDelay = 3800,
barWaiting = barAnimationDelay - 3000, //3000 is the duration of the transition on the loading bar - set in the scss/css file
//letters effect
lettersDelay = 50,
//type effect
typeLettersDelay = 150,
selectionDuration = 500,
typeAnimationDelay = selectionDuration + 800,
//clip effect
revealDuration = 600,
revealAnimationDelay = 1500;
initHeadline();
function initHeadline() {
//initialise headline animation
animateHeadline('.word-rotator', '.word-rotator.letters');
}
function animateHeadline($selector) {
var duration = animationDelay;
theme.fn.intObs($selector, function(){
// Single Letters - Insert <i> element for each letter of a changing word
if( $(this).hasClass('letters') ) {
$(this).find('b').each(function() {
var word = $(this),
letters = word.text().split(''),
selected = word.hasClass('is-visible');
for (i in letters) {
if (word.parents('.rotate-2').length > 0) letters[i] = '<em>' + letters[i] + '</em>';
letters[i] = (selected) ? '<i class="in">' + letters[i] + '</i>' : '<i>' + letters[i] + '</i>';
}
var newLetters = letters.join('');
word.html(newLetters).css('opacity', 1);
});
}
// Animate the Headline
var headline = $(this);
if (headline.hasClass('loading-bar')) {
duration = barAnimationDelay;
setTimeout(function() {
headline.find('.word-rotator-words').addClass('is-loading')
}, barWaiting);
} else if (headline.hasClass('clip')) {
var spanWrapper = headline.find('.word-rotator-words'),
newWidth = spanWrapper.outerWidth() + 10
spanWrapper.css('width', newWidth);
} else if (!headline.hasClass('type')) {
//assign to .word-rotator-words the width of its longest word
var words = headline.find('.word-rotator-words b'),
width = 0;
words.each(function() {
var wordWidth = $(this).outerWidth();
if (wordWidth > width) width = wordWidth;
});
headline.find('.word-rotator-words').css('width', width);
};
// Trigger animation
setTimeout(function() {
hideWord(headline.find('.is-visible').eq(0))
}, duration);
}, {});
}
function hideWord($word) {
var nextWord = takeNext($word);
if ($word.parents('.word-rotator').hasClass('type')) {
var parentSpan = $word.parent('.word-rotator-words');
parentSpan.addClass('selected').removeClass('waiting');
setTimeout(function() {
parentSpan.removeClass('selected');
$word.removeClass('is-visible').addClass('is-hidden').children('i').removeClass('in').addClass('out');
}, selectionDuration);
setTimeout(function() {
showWord(nextWord, typeLettersDelay)
}, typeAnimationDelay);
} else if ($word.parents('.word-rotator').hasClass('letters')) {
var bool = ($word.children('i').length >= nextWord.children('i').length) ? true : false;
hideLetter($word.find('i').eq(0), $word, bool, lettersDelay);
showLetter(nextWord.find('i').eq(0), nextWord, bool, lettersDelay);
} else if ($word.parents('.word-rotator').hasClass('clip')) {
$word.parents('.word-rotator-words').stop( true, true ).animate({
width: '2px'
}, revealDuration, function() {
switchWord($word, nextWord);
showWord(nextWord);
});
} else if ($word.parents('.word-rotator').hasClass('loading-bar')) {
$word.parents('.word-rotator-words').removeClass('is-loading');
switchWord($word, nextWord);
setTimeout(function() {
hideWord(nextWord)
}, barAnimationDelay);
setTimeout(function() {
$word.parents('.word-rotator-words').addClass('is-loading')
}, barWaiting);
} else {
switchWord($word, nextWord);
setTimeout(function() {
hideWord(nextWord)
}, animationDelay);
}
}
function showWord($word, $duration) {
if ($word.parents('.word-rotator').hasClass('type')) {
showLetter($word.find('i').eq(0), $word, false, $duration);
$word.addClass('is-visible').removeClass('is-hidden');
} else if ($word.parents('.word-rotator').hasClass('clip')) {
if (document.hasFocus()) {
$word.parents('.word-rotator-words').stop( true, true ).animate({
'width': $word.outerWidth() + 10
}, revealDuration, function() {
setTimeout(function() {
hideWord($word)
}, revealAnimationDelay);
});
} else {
$word.parents('.word-rotator-words').stop( true, true ).animate({
width: $word.outerWidth() + 10
});
setTimeout(function() {
hideWord($word)
}, revealAnimationDelay);
}
}
}
function hideLetter($letter, $word, $bool, $duration) {
$letter.removeClass('in').addClass('out');
if (!$letter.is(':last-child')) {
setTimeout(function() {
hideLetter($letter.next(), $word, $bool, $duration);
}, $duration);
} else if ($bool) {
setTimeout(function() {
hideWord(takeNext($word))
}, animationDelay);
}
if ($letter.is(':last-child') && $('html').hasClass('no-csstransitions')) {
var nextWord = takeNext($word);
switchWord($word, nextWord);
}
}
function showLetter($letter, $word, $bool, $duration) {
$letter.addClass('in').removeClass('out');
if (!$letter.is(':last-child')) {
setTimeout(function() {
showLetter($letter.next(), $word, $bool, $duration);
}, $duration);
} else {
if ($word.parents('.word-rotator').hasClass('type')) {
setTimeout(function() {
$word.parents('.word-rotator-words').addClass('waiting');
}, 200);
}
if (!$bool) {
setTimeout(function() {
hideWord($word)
}, animationDelay)
}
if (!$word.closest('.word-rotator').hasClass('type')) {
$word.closest('.word-rotator-words').stop( true, true ).animate({
width: $word.outerWidth()
});
}
}
}
function takeNext($word) {
return (!$word.is(':last-child')) ? $word.next() : $word.parent().children().eq(0);
}
function takePrev($word) {
return (!$word.is(':first-child')) ? $word.prev() : $word.parent().children().last();
}
function switchWord($oldWord, $newWord) {
$oldWord.removeClass('is-visible').addClass('is-hidden');
$newWord.removeClass('is-hidden').addClass('is-visible');
if (!$newWord.closest('.word-rotator').hasClass('clip')) {
var space = 0,
delay = ($newWord.outerWidth() > $oldWord.outerWidth()) ? 0 : 600;
if ($newWord.closest('.word-rotator').hasClass('loading-bar') || $newWord.closest('.word-rotator').hasClass('slide')) {
space = 3;
delay = 0;
}
setTimeout(function() {
$newWord.closest('.word-rotator-words').stop( true, true ).animate({
width: $newWord.outerWidth() + space
});
}, delay);
}
}
});

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,20 @@
// breakpoints
$S: 480px;
$M: 768px;
$L: 1170px;
// media queries
@mixin MQ($canvas) {
@if $canvas == S {
@media only screen and (min-width: $S) { @content; }
}
@else if $canvas == M {
@media only screen and (min-width: $M) { @content; }
}
@else if $canvas == L {
@media only screen and (min-width: $L) { @content; }
}
}

View File

@ -0,0 +1,21 @@
// center vertically and/or horizontally an absolute positioned element
@mixin center($xy:xy) {
@if $xy == xy {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
@include transform(translateX(-50%) translateY(-50%));
}
@else if $xy == x {
left: 50%;
right: auto;
@include transform(translateX(-50%));
}
@else if $xy == y {
top: 50%;
bottom: auto;
@include transform(translateY(-50%));
}
}

View File

@ -0,0 +1,9 @@
// colors
$color-1: #aebcb9; // Tower Gray
$color-2: #0096a7; // Bondi Blue
$color-3: #0d0d0d; // Cod Gray
// fonts
$primary-font: 'Source Sans Pro', sans-serif;

View File

@ -0,0 +1,755 @@
@import 'bourbon'; // http://bourbon.io/
@import '../partials/variables'; // colors, fonts etc...
@import '../partials/mixins'; // custom mixins
@import '../partials/layout'; // responsive grid and media queries
/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
@include box-sizing(border-box);
}
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
font-size: 62.5%;
}
body {
font: {
size: 1.6rem;
family: $primary-font; // variables inside partials > _variables.scss
}
color: $color-1;
background-color: $color-3;
}
a {
text-decoration: none;
}
.cd-title {
position: relative;
height: 160px;
line-height: 230px;
text-align: center;
h1 {
font-size: 2.4rem;
font-weight: 700;
}
@include MQ(M) {
line-height: 250px;
}
@include MQ(L) {
height: 200px;
line-height: 300px;
h1 {
font-size: 3rem;
}
}
}
.cd-intro {
width: 90%;
max-width: $M;
text-align: center;
}
.cd-intro {
margin: 4em auto;
@include MQ(M) {
margin: 5em auto;
}
@include MQ(L) {
margin: 6em auto;
}
}
.cd-headline {
font-size: 3rem;
line-height: 1.2;
@include MQ(M) {
font-size: 4.4rem;
font-weight: 300;
}
@include MQ(L) {
font-size: 6rem;
}
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
&.is-visible {
position: relative;
}
}
.no-js & b {
opacity: 0;
&.is-visible {
opacity: 1;
}
}
}
/* --------------------------------
xrotate-1
-------------------------------- */
.cd-headline.rotate-1 {
.cd-words-wrapper {
@include perspective(300px);
}
b {
opacity: 0;
@include transform-origin(50% 100%);
@include transform(rotateX(180deg));
&.is-visible {
opacity: 1;
@include transform(rotateX(0deg));
@include animation(cd-rotate-1-in 1.2s);
}
&.is-hidden {
@include transform(rotateX(180deg));
@include animation(cd-rotate-1-out 1.2s);
}
}
}
@include keyframes(cd-rotate-1-in) {
0% {
@include transform(rotateX(180deg));
opacity: 0;
}
35% {
@include transform(rotateX(120deg));
opacity: 0;
}
65% {
opacity: 0;
}
100% {
@include transform(rotateX(360deg));
opacity: 1;
}
}
@include keyframes(cd-rotate-1-out) {
0% {
@include transform(rotateX(0deg));
opacity: 1;
}
35% {
@include transform(rotateX(-40deg));
opacity: 1;
}
65% {
opacity: 0;
}
100% {
@include transform(rotateX(180deg));
opacity: 0;
}
}
/* --------------------------------
xtype
-------------------------------- */
.cd-headline.type {
.cd-words-wrapper {
vertical-align: top;
overflow: hidden;
&::after {
/* vertical bar */
content: '';
position: absolute;
right: 0;
@include center(y);
height: 90%;
width: 1px;
background-color: $color-1;
}
&.waiting::after {
@include animation(cd-pulse 1s infinite);
}
&.selected {
background-color: $color-1;
&::after {
visibility: hidden;
}
b {
color: $color-3;
}
}
}
b {
visibility: hidden;
&.is-visible {
visibility: visible;
}
}
i {
position: absolute;
visibility: hidden;
&.in {
position: relative;
visibility: visible;
}
}
}
@include keyframes(cd-pulse) {
0% {
@include transform(translateY(-50%) scale(1));
opacity: 1;
}
40% {
@include transform(translateY(-50%) scale(0.9));
opacity: 0;
}
100% {
@include transform(translateY(-50%) scale(0));
opacity: 0;
}
}
/* --------------------------------
xrotate-2
-------------------------------- */
.cd-headline.rotate-2 {
.cd-words-wrapper {
@include perspective(300px);
}
i, em {
display: inline-block;
@include backface-visibility(hidden);
}
b {
opacity: 0;
}
i {
@include transform-style(preserve-3d);
@include transform(translateZ(-20px) rotateX(90deg));
opacity: 0;
.is-visible & {
opacity: 1;
}
&.in {
@include animation(cd-rotate-2-in .4s forwards);
}
&.out {
@include animation(cd-rotate-2-out .4s forwards);
}
}
em {
@include transform(translateZ(20px));
}
}
.no-csstransitions .cd-headline.rotate-2 i {
@include transform(rotateX(0deg));
opacity: 0;
em {
@include transform(scale(1));
}
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@include keyframes(cd-rotate-2-in) {
0% {
opacity: 0;
@include transform(translateZ(-20px) rotateX(90deg));
}
60% {
opacity: 1;
@include transform(translateZ(-20px) rotateX(-10deg));
}
100% {
opacity: 1;
@include transform(translateZ(-20px) rotateX(0deg));
}
}
@include keyframes(cd-rotate-2-out) {
0% {
opacity: 1;
@include transform(translateZ(-20px) rotateX(0));
}
60% {
opacity: 0;
@include transform(translateZ(-20px) rotateX(-100deg));
}
100% {
opacity: 0;
@include transform(translateZ(-20px) rotateX(-90deg));
}
}
/* --------------------------------
xloading-bar
-------------------------------- */
.cd-headline.loading-bar {
span {
display: inline-block;
padding: .2em 0;
}
.cd-words-wrapper {
overflow: hidden;
vertical-align: top;
&::after {
/* loading bar */
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: $color-2;
z-index: 2;
@include transition(width .3s -0.1s);
}
&.is-loading::after {
width: 100%;
@include transition(width 3s);
}
}
b {
top: .2em;
opacity: 0;
@include transition(opacity .3s);
&.is-visible {
opacity: 1;
top: 0;
}
}
}
/* --------------------------------
xslide
-------------------------------- */
.cd-headline.slide {
span {
display: inline-block;
padding: .2em 0;
}
.cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
b {
opacity: 0;
top: .2em;
&.is-visible {
top: 0;
opacity: 1;
@include animation(slide-in .6s);
}
&.is-hidden {
@include animation(slide-out .6s);
}
}
}
@include keyframes(slide-in) {
0% {
opacity: 0;
@include transform(translateY(-100%));
}
60% {
opacity: 1;
@include transform(translateY(20%));
}
100% {
opacity: 1;
@include transform(translateY(0));
}
}
@include keyframes(slide-out) {
0% {
opacity: 1;
@include transform(translateY(0));
}
60% {
opacity: 0;
@include transform(translateY(120%));
}
100% {
opacity: 0;
@include transform(translateY(100%));
}
}
/* --------------------------------
xclip
-------------------------------- */
.cd-headline.clip {
span {
display: inline-block;
padding: .2em 0;
}
.cd-words-wrapper {
overflow: hidden;
vertical-align: top;
&::after {
/* line */
content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: $color-1;
}
}
b {
opacity: 0;
&.is-visible {
opacity: 1;
}
}
}
/* --------------------------------
xzoom
-------------------------------- */
.cd-headline.zoom {
.cd-words-wrapper {
@include perspective(300px);
}
b {
opacity: 0;
&.is-visible {
opacity: 1;
@include animation(zoom-in .8s);
}
&.is-hidden {
@include animation(zoom-out .8s);
}
}
}
@include keyframes(zoom-in) {
0% {
opacity: 0;
@include transform(translateZ(100px));
}
100% {
opacity: 1;
@include transform(translateZ(0));
}
}
@include keyframes(zoom-out) {
0% {
opacity: 1;
@include transform(translateZ(0));
}
100% {
opacity: 0;
@include transform(translateZ(-100px));
}
}
/* --------------------------------
xrotate-3
-------------------------------- */
.cd-headline.rotate-3 {
.cd-words-wrapper {
@include perspective(300px);
}
b {
opacity: 0;
}
i {
display: inline-block;
@include transform(rotateY(180deg));
@include backface-visibility(hidden);
.is-visible & {
@include transform(rotateY(0deg));
}
&.in {
@include animation(cd-rotate-3-in .6s forwards);
}
&.out {
@include animation(cd-rotate-3-out .6s forwards);
}
}
}
.no-csstransitions .cd-headline.rotate-3 i {
@include transform(rotateY(0deg));
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@include keyframes(cd-rotate-3-in) {
0% {
@include transform(rotateY(180deg));
}
100% {
@include transform(rotateY(0deg));
}
}
@include keyframes(cd-rotate-3-out) {
0% {
@include transform(rotateY(0));
}
100% {
@include transform(rotateY(-180deg));
}
}
/* --------------------------------
xscale
-------------------------------- */
.cd-headline.scale {
b {
opacity: 0;
}
i {
display: inline-block;
opacity: 0;
@include transform(scale(0));
.is-visible & {
opacity: 1;
}
&.in {
@include animation(scale-up .6s forwards);
}
&.out {
@include animation(scale-down .6s forwards);
}
}
}
.no-csstransitions .cd-headline.scale i {
@include transform(scale(1));
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@include keyframes(scale-up) {
0% {
@include transform(scale(0));
opacity: 0;
}
60% {
@include transform(scale(1.2));
opacity: 1;
}
100% {
@include transform(scale(1));
opacity: 1;
}
}
@include keyframes(scale-down) {
0% {
@include transform(scale(1));
opacity: 1;
}
60% {
@include transform(scale(0));
opacity: 0;
}
}
/* --------------------------------
xpush
-------------------------------- */
.cd-headline.push {
b {
opacity: 0;
&.is-visible {
opacity: 1;
@include animation(push-in .6s);
}
&.is-hidden {
@include animation(push-out .6s);
}
}
}
@include keyframes(push-in) {
0% {
opacity: 0;
@include transform(translateX(-100%));
}
60% {
opacity: 1;
@include transform(translateX(10%));
}
100% {
opacity: 1;
@include transform(translateX(0));
}
}
@include keyframes(push-out) {
0% {
opacity: 1;
@include transform(translateX(0));
}
60% {
opacity: 0;
@include transform(translateX(110%));
}
100% {
opacity: 0;
@include transform(translateX(100%));
}
}

View File

@ -0,0 +1,21 @@
/*
bootpag - jQuery plugin for dynamic pagination
Copyright (c) 2015 botmonster@7items.com
Licensed under the MIT license:
http://www.opensource.org/licenses/mit-license.php
Project home:
http://botmonster.com/jquery-bootpag/
Version: 1.0.7
*/
(function(h,q){h.fn.bootpag=function(p){function m(c,b){b=parseInt(b,10);var d,e=0==a.maxVisible?1:a.maxVisible,k=1==a.maxVisible?0:1,n=Math.floor((b-1)/e)*e,f=c.find("li");a.page=b=0>b?0:b>a.total?a.total:b;f.removeClass(a.activeClass);d=1>b-1?1:a.leaps&&b-1>=a.maxVisible?Math.floor((b-1)/e)*e:b-1;a.firstLastUse&&f.first().toggleClass(a.disabledClass,1===b);e=f.first();a.firstLastUse&&(e=e.next());e.toggleClass(a.disabledClass,1===b).attr("data-lp",d).find("a").attr("href",g(d));k=1==a.maxVisible?
0:1;d=b+1>a.total?a.total:a.leaps&&b+1<a.total-a.maxVisible?n+a.maxVisible+k:b+1;e=f.last();a.firstLastUse&&(e=e.prev());e.toggleClass(a.disabledClass,b===a.total).attr("data-lp",d).find("a").attr("href",g(d));f.last().toggleClass(a.disabledClass,b===a.total);e=f.filter("[data-lp="+b+"]");k="."+[a.nextClass,a.prevClass,a.firstClass,a.lastClass].join(",.");if(!e.not(k).length){var m=b<=n?-a.maxVisible:0;f.not(k).each(function(b){d=b+1+n+m;h(this).attr("data-lp",d).toggle(d<=a.total).find("a").html(d).attr("href",
g(d))});e=f.filter("[data-lp="+b+"]")}e.not(k).addClass(a.activeClass);l.data("settings",a)}function g(c){return a.href.replace(a.hrefVariable,c)}var l=this,a=h.extend({total:0,page:1,maxVisible:null,leaps:!0,href:"javascript:void(0);",hrefVariable:"{{number}}",next:"&raquo;",prev:"&laquo;",firstLastUse:!1,first:'<span aria-hidden="true">&larr;</span>',last:'<span aria-hidden="true">&rarr;</span>',wrapClass:"pagination",activeClass:"active",disabledClass:"disabled",nextClass:"next",prevClass:"prev",
lastClass:"last",firstClass:"first"},l.data("settings")||{},p||{});if(0>=a.total)return this;h.isNumeric(a.maxVisible)||a.maxVisible||(a.maxVisible=parseInt(a.total,10));l.data("settings",a);return this.each(function(){var c,b,d=h(this);c=['<ul class="',a.wrapClass,' bootpag">'];a.firstLastUse&&(c=c.concat(['<li data-lp="1" class="',a.firstClass,'"><a href="',g(1),'">',a.first,"</a></li>"]));a.prev&&(c=c.concat(['<li data-lp="1" class="',a.prevClass,'"><a href="',g(1),'">',a.prev,"</a></li>"]));for(b=
1;b<=Math.min(a.total,a.maxVisible);b++)c=c.concat(['<li data-lp="',b,'"><a href="',g(b),'">',b,"</a></li>"]);a.next&&(b=a.leaps&&a.total>a.maxVisible?Math.min(a.maxVisible+1,a.total):2,c=c.concat(['<li data-lp="',b,'" class="',a.nextClass,'"><a href="',g(b),'">',a.next,"</a></li>"]));a.firstLastUse&&(c=c.concat(['<li data-lp="',a.total,'" class="last"><a href="',g(a.total),'">',a.last,"</a></li>"]));c.push("</ul>");d.find("ul.bootpag").remove();d.append(c.join(""));c=d.find("ul.bootpag");d.find("li").click(function(){var b=
h(this);if(!b.hasClass(a.disabledClass)&&!b.hasClass(a.activeClass)){var c=parseInt(b.attr("data-lp"),10);l.find("ul.bootpag").each(function(){m(h(this),c)});l.trigger("page",c)}});m(c,a.page)})}})(jQuery,window);

View File

@ -0,0 +1,477 @@
/*!
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 18px;
padding: 4px 5px;
font-weight: normal;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,510 @@
/*!
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333333;
font-size: 13px;
line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 4px 5px;
}
/*# sourceMappingURL=bootstrap-datepicker.standalone.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,683 @@
/*!
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td.highlighted {
color: #000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
color: #000;
background-color: #afd9ee;
border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
color: #000;
background-color: #91cbe8;
border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
background-color: #d9edf7;
border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
background: #d9edf7;
color: #777777;
}
.datepicker table tr td.today {
color: #000;
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
color: #000;
background-color: #ffc966;
border-color: #b37400;
}
.datepicker table tr td.today:hover {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
color: #000;
background-color: #ffbc42;
border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today.focused {
background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
background: #ffdb99;
color: #777777;
}
.datepicker table tr td.range {
color: #000;
background-color: #eeeeee;
border-color: #bbbbbb;
border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
color: #000;
background-color: #d5d5d5;
border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
color: #000;
background-color: #c3c3c3;
border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
background-color: #eeeeee;
border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
background: #eeeeee;
color: #777777;
}
.datepicker table tr td.range.highlighted {
color: #000;
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
color: #000;
background-color: #c1d7e3;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
color: #000;
background-color: #a8c8d8;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
background: #e4eef3;
color: #777777;
}
.datepicker table tr td.range.today {
color: #000;
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
color: #000;
background-color: #f4b747;
border-color: #815608;
}
.datepicker table tr td.range.today:hover {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
color: #000;
background-color: #f2aa25;
border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
color: #fff;
background-color: #777777;
border-color: #555555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
color: #fff;
background-color: #5e5e5e;
border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
color: #fff;
background-color: #4c4c4c;
border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
background-color: #777777;
border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #777777;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.input-daterange {
width: 100%;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.42857143;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,712 @@
/*!
* Datepicker for Bootstrap v1.10.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td.highlighted {
color: #000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
color: #000;
background-color: #afd9ee;
border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
color: #000;
background-color: #afd9ee;
border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
color: #000;
background-color: #91cbe8;
border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
background-color: #d9edf7;
border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
background: #d9edf7;
color: #777777;
}
.datepicker table tr td.today {
color: #000;
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
color: #000;
background-color: #ffc966;
border-color: #b37400;
}
.datepicker table tr td.today:hover {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
color: #000;
background-color: #ffc966;
border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
color: #000;
background-color: #ffbc42;
border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today.focused {
background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
background: #ffdb99;
color: #777777;
}
.datepicker table tr td.range {
color: #000;
background-color: #eeeeee;
border-color: #bbbbbb;
border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
color: #000;
background-color: #d5d5d5;
border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
color: #000;
background-color: #c3c3c3;
border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
background-color: #eeeeee;
border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
background: #eeeeee;
color: #777777;
}
.datepicker table tr td.range.highlighted {
color: #000;
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
color: #000;
background-color: #c1d7e3;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
color: #000;
background-color: #a8c8d8;
border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
background-color: #e4eef3;
border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
background: #e4eef3;
color: #777777;
}
.datepicker table tr td.range.today {
color: #000;
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
color: #000;
background-color: #f4b747;
border-color: #815608;
}
.datepicker table tr td.range.today:hover {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
color: #000;
background-color: #f4b747;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
color: #000;
background-color: #f2aa25;
border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
color: #fff;
background-color: #777777;
border-color: #555555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
color: #fff;
background-color: #5e5e5e;
border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
color: #fff;
background-color: #5e5e5e;
border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
color: #fff;
background-color: #4c4c4c;
border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
background-color: #777777;
border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #777777;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #777777;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.input-daterange {
width: 100%;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.42857143;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
color: #333333;
font-size: 13px;
line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 0px 5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
!function(a){a.fn.datepicker.dates["en-CA"]={days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",monthsTitle:"Months",clear:"Clear",weekStart:0,format:"yyyy-mm-dd"},a.fn.datepicker.deprecated("This filename doesn't follow the convention, use bootstrap-datepicker.en-CA.js instead.")}(jQuery);

View File

@ -0,0 +1 @@
!function(a){a.fn.datepicker.dates["ar-DZ"]={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0,monthsTitle:"أشهر",clear:"إزالة",format:"yyyy/mm/dd",weekStart:0}}(jQuery);

View File

@ -0,0 +1 @@
!function(a){a.fn.datepicker.dates["ar-tn"]={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويليه","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0}}(jQuery);

View File

@ -0,0 +1 @@
!function(a){a.fn.datepicker.dates.ar={days:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"],daysShort:["أحد","اثنين","ثلاثاء","أربعاء","خميس","جمعة","سبت","أحد"],daysMin:["ح","ن","ث","ع","خ","ج","س","ح"],months:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],monthsShort:["يناير","فبراير","مارس","أبريل","مايو","يونيو","يوليو","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],today:"هذا اليوم",rtl:!0}}(jQuery);

Some files were not shown because too many files have changed in this diff Show More