' );
+ $( id ).after( '' );
+
+ mask = mask.replace('yyyy', 'YYYY', mask);
+ mask = mask.replace('mm', 'MM', mask);
+ mask = mask.replace('dd', 'DD', mask);
+ mask = mask.replace('hh', 'HH', mask);
+ mask = mask.replace('ii', 'mm', mask);
+
+ atributes = {
+ lang: language,
+ weekStart : 0,
+ format : mask,
+ switchOnClick: true,
+ clearButton: true,
+ };
+
+ switch (language){
+ case 'es':
+ atributes.cancelText = 'Cancelar';
+ atributes.okText = 'Listo';
+ atributes.clearText = 'Limpiar';
+ break;
+ case 'pt':
+ atributes.cancelText = 'Cancelar';
+ atributes.okText = 'Ok';
+ atributes.clearText = 'Limpar';
+ break;
+ }
+
+ options = Object.assign(atributes, JSON.parse( options) );
+ if (options.pickDate == false)
+ {
+ options.date = false;
+ }
+
+ $( id ).bootstrapMaterialDatePicker(options).on('change', function(e, date) {
+ if ( $( id ).attr('exitaction')) {
+ new Function( $ ( id ).attr('exitaction'))();
+ }
+ });
+
+ if (size !== 'undefined')
+ {
+ $( id ).closest('.tdate-group').width(size);
+ }
+}
+
+function tdate_set_value(id, value)
+{
+ $(id).val(value);
+}
+
+$( document ).on( 'click', 'ul.dropdown-menu a[generator="adianti"]', function() {
+ $(this).parents(".dropdown.show").removeClass("show");
+ $(this).parents(".dropdown-menu.show").removeClass("show");
+});
+
+
+//==========================================================================================================================
+
+/* Input - Function ========================================================================================================
+* You can manage the inputs(also textareas) with name of class 'form-control'
+*
+*/
+$.AdminBSB.input = {
+ activate: function () {
+ //On focus event
+ $('.form-control').focus(function () {
+ // Exclude date picker
+ if ( ! $(this).parent().hasClass('tdate-group') ) {
+ // add on .formline
+ $(this).parents('.form-line').addClass('focused');
+ }
+ });
+
+ //On focusout event
+ $('.form-control').focusout(function () {
+ var $this = $(this);
+ if ($this.parents('.form-group').hasClass('form-float')) {
+ if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); }
+ }
+ else {
+ $this.parents('.form-line').removeClass('focused');
+ }
+ });
+
+ //On label click
+ $('body').on('click', '.form-float .form-line .form-label', function () {
+ $(this).parent().find('input').focus();
+ });
+
+ }
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/demo.js b/template/app/templates/theme4/js/demo.js
new file mode 100644
index 00000000..4924a4bf
--- /dev/null
+++ b/template/app/templates/theme4/js/demo.js
@@ -0,0 +1,90 @@
+$(function () {
+ skinChanger();
+ activateNotificationAndTasksScroll();
+
+ setSkinListHeightAndScroll();
+ setSettingListHeightAndScroll();
+ $(window).resize(function () {
+ setSkinListHeightAndScroll();
+ setSettingListHeightAndScroll();
+ });
+});
+
+//Skin changer
+function skinChanger() {
+ $('.right-sidebar .demo-choose-skin li').on('click', function () {
+ var $body = $('body');
+ var $this = $(this);
+
+ var existTheme = $('.right-sidebar .demo-choose-skin li.active').data('theme');
+ $('.right-sidebar .demo-choose-skin li').removeClass('active');
+ $body.removeClass('theme-' + existTheme);
+ $this.addClass('active');
+
+ $body.addClass('theme-' + $this.data('theme'));
+ });
+}
+
+//Skin tab content set height and show scroll
+function setSkinListHeightAndScroll() {
+ var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
+ var $el = $('.demo-choose-skin');
+
+ $el.slimScroll({ destroy: true }).height('auto');
+ $el.parent().find('.slimScrollBar, .slimScrollRail').remove();
+
+ $el.slimscroll({
+ height: height + 'px',
+ color: 'rgba(0,0,0,0.5)',
+ size: '4px',
+ alwaysVisible: false,
+ borderRadius: '0',
+ railBorderRadius: '0'
+ });
+}
+
+//Setting tab content set height and show scroll
+function setSettingListHeightAndScroll() {
+ var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
+ var $el = $('.right-sidebar .demo-settings');
+
+ $el.slimScroll({ destroy: true }).height('auto');
+ $el.parent().find('.slimScrollBar, .slimScrollRail').remove();
+
+ $el.slimscroll({
+ height: height + 'px',
+ color: 'rgba(0,0,0,0.5)',
+ size: '4px',
+ alwaysVisible: false,
+ borderRadius: '0',
+ railBorderRadius: '0'
+ });
+}
+
+//Activate notification and task dropdown on top right menu
+function activateNotificationAndTasksScroll() {
+ $('.navbar-right .dropdown-menu .body .menu').slimscroll({
+ height: '254px',
+ color: 'rgba(0,0,0,0.5)',
+ size: '4px',
+ alwaysVisible: false,
+ borderRadius: '0',
+ railBorderRadius: '0'
+ });
+}
+
+//Google Analiytics ======================================================================================
+var trackingId = 'UA-30038099-6';
+
+function addLoadEvent(func) {
+ var oldonload = window.onload;
+ if (typeof window.onload != 'function') {
+ window.onload = func;
+ } else {
+ window.onload = function () {
+ oldonload();
+ func();
+ }
+ }
+}
+//========================================================================================================
diff --git a/template/app/templates/theme4/js/helpers.js b/template/app/templates/theme4/js/helpers.js
new file mode 100644
index 00000000..37e3d323
--- /dev/null
+++ b/template/app/templates/theme4/js/helpers.js
@@ -0,0 +1,13 @@
+function hexToRgb(hexCode) {
+ var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
+ var matches = patt.exec(hexCode);
+ var rgb = "rgb(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + ")";
+ return rgb;
+}
+
+function hexToRgba(hexCode, opacity) {
+ var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
+ var matches = patt.exec(hexCode);
+ var rgb = "rgba(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + "," + opacity + ")";
+ return rgb;
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/cards/basic.js b/template/app/templates/theme4/js/pages/cards/basic.js
new file mode 100644
index 00000000..dcd55f69
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/cards/basic.js
@@ -0,0 +1,21 @@
+$(function () {
+ initLoading();
+});
+
+//Init Loading
+function initLoading() {
+ $('[data-toggle="cardloading"]').on('click', function () {
+ var effect = $(this).data('loadingEffect');
+ var $loading = $(this).parents('.card').waitMe({
+ effect: effect,
+ text: 'Loading...',
+ bg: 'rgba(255,255,255,0.90)',
+ color: '#555'
+ });
+
+ setTimeout(function () {
+ //Loading hide
+ $loading.waitMe('hide');
+ }, 3200);
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/cards/colored.js b/template/app/templates/theme4/js/pages/cards/colored.js
new file mode 100644
index 00000000..230566aa
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/cards/colored.js
@@ -0,0 +1,23 @@
+$(function () {
+ initLoading();
+});
+
+//Init Loading
+function initLoading() {
+ $('[data-toggle="cardloading"]').on('click', function () {
+ var effect = $(this).data('loadingEffect');
+ var color = $.AdminBSB.options.colors[$(this).data('loadingColor')];
+
+ var $loading = $(this).parents('.card').waitMe({
+ effect: effect,
+ text: 'Loading...',
+ bg: 'rgba(255,255,255,0.90)',
+ color: color
+ });
+
+ setTimeout(function () {
+ //Loading hide
+ $loading.waitMe('hide');
+ }, 3200);
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/charts/chartjs.js b/template/app/templates/theme4/js/pages/charts/chartjs.js
new file mode 100644
index 00000000..fe5b3b9f
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/charts/chartjs.js
@@ -0,0 +1,117 @@
+$(function () {
+ new Chart(document.getElementById("line_chart").getContext("2d"), getChartJs('line'));
+ new Chart(document.getElementById("bar_chart").getContext("2d"), getChartJs('bar'));
+ new Chart(document.getElementById("radar_chart").getContext("2d"), getChartJs('radar'));
+ new Chart(document.getElementById("pie_chart").getContext("2d"), getChartJs('pie'));
+});
+
+function getChartJs(type) {
+ var config = null;
+
+ if (type === 'line') {
+ config = {
+ type: 'line',
+ data: {
+ labels: ["January", "February", "March", "April", "May", "June", "July"],
+ datasets: [{
+ label: "My First dataset",
+ data: [65, 59, 80, 81, 56, 55, 40],
+ borderColor: 'rgba(0, 188, 212, 0.75)',
+ backgroundColor: 'rgba(0, 188, 212, 0.3)',
+ pointBorderColor: 'rgba(0, 188, 212, 0)',
+ pointBackgroundColor: 'rgba(0, 188, 212, 0.9)',
+ pointBorderWidth: 1
+ }, {
+ label: "My Second dataset",
+ data: [28, 48, 40, 19, 86, 27, 90],
+ borderColor: 'rgba(233, 30, 99, 0.75)',
+ backgroundColor: 'rgba(233, 30, 99, 0.3)',
+ pointBorderColor: 'rgba(233, 30, 99, 0)',
+ pointBackgroundColor: 'rgba(233, 30, 99, 0.9)',
+ pointBorderWidth: 1
+ }]
+ },
+ options: {
+ responsive: true,
+ legend: false
+ }
+ }
+ }
+ else if (type === 'bar') {
+ config = {
+ type: 'bar',
+ data: {
+ labels: ["January", "February", "March", "April", "May", "June", "July"],
+ datasets: [{
+ label: "My First dataset",
+ data: [65, 59, 80, 81, 56, 55, 40],
+ backgroundColor: 'rgba(0, 188, 212, 0.8)'
+ }, {
+ label: "My Second dataset",
+ data: [28, 48, 40, 19, 86, 27, 90],
+ backgroundColor: 'rgba(233, 30, 99, 0.8)'
+ }]
+ },
+ options: {
+ responsive: true,
+ legend: false
+ }
+ }
+ }
+ else if (type === 'radar') {
+ config = {
+ type: 'radar',
+ data: {
+ labels: ["January", "February", "March", "April", "May", "June", "July"],
+ datasets: [{
+ label: "My First dataset",
+ data: [65, 25, 90, 81, 56, 55, 40],
+ borderColor: 'rgba(0, 188, 212, 0.8)',
+ backgroundColor: 'rgba(0, 188, 212, 0.5)',
+ pointBorderColor: 'rgba(0, 188, 212, 0)',
+ pointBackgroundColor: 'rgba(0, 188, 212, 0.8)',
+ pointBorderWidth: 1
+ }, {
+ label: "My Second dataset",
+ data: [72, 48, 40, 19, 96, 27, 100],
+ borderColor: 'rgba(233, 30, 99, 0.8)',
+ backgroundColor: 'rgba(233, 30, 99, 0.5)',
+ pointBorderColor: 'rgba(233, 30, 99, 0)',
+ pointBackgroundColor: 'rgba(233, 30, 99, 0.8)',
+ pointBorderWidth: 1
+ }]
+ },
+ options: {
+ responsive: true,
+ legend: false
+ }
+ }
+ }
+ else if (type === 'pie') {
+ config = {
+ type: 'pie',
+ data: {
+ datasets: [{
+ data: [225, 50, 100, 40],
+ backgroundColor: [
+ "rgb(233, 30, 99)",
+ "rgb(255, 193, 7)",
+ "rgb(0, 188, 212)",
+ "rgb(139, 195, 74)"
+ ],
+ }],
+ labels: [
+ "Pink",
+ "Amber",
+ "Cyan",
+ "Light Green"
+ ]
+ },
+ options: {
+ responsive: true,
+ legend: false
+ }
+ }
+ }
+ return config;
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/charts/flot.js b/template/app/templates/theme4/js/pages/charts/flot.js
new file mode 100644
index 00000000..896ec8bd
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/charts/flot.js
@@ -0,0 +1,251 @@
+var data = [], totalPoints = 110;
+var updateInterval = 320;
+var realtime = 'on';
+
+$(function () {
+ //Real time ==========================================================================================
+ var plot = $.plot('#real_time_chart', [getRandomData()], {
+ series: {
+ shadowSize: 0,
+ color: 'rgb(0, 188, 212)'
+ },
+ grid: {
+ borderColor: '#f3f3f3',
+ borderWidth: 1,
+ tickColor: '#f3f3f3'
+ },
+ lines: {
+ fill: true
+ },
+ yaxis: {
+ min: 0,
+ max: 100
+ },
+ xaxis: {
+ min: 0,
+ max: 100
+ }
+ });
+
+ function updateRealTime() {
+ plot.setData([getRandomData()]);
+ plot.draw();
+
+ var timeout;
+ if (realtime === 'on') {
+ timeout = setTimeout(updateRealTime, updateInterval);
+ } else {
+ clearTimeout(timeout);
+ }
+ }
+
+ updateRealTime();
+
+ $('#realtime').on('change', function () {
+ realtime = this.checked ? 'on' : 'off';
+ updateRealTime();
+ });
+ //====================================================================================================
+
+ //Tracking ===========================================================================================
+ var sin = [], cos = [];
+ for (var i = 0; i < 14; i += 0.1) {
+ sin.push([i, Math.sin(i)]);
+ cos.push([i, Math.cos(i)]);
+ }
+
+ var trackingData = [
+ {
+ data: sin,
+ label: 'sin(x) = -0.00',
+ color: '#E91E63'
+ },
+ {
+ data: cos,
+ label: 'cos(x) = -0.00',
+ color: '#00BCD4'
+ }
+ ];
+
+ var trackingPlot = $.plot('#tracking_chart', trackingData, {
+ crosshair: {
+ mode: 'x'
+ },
+ grid: {
+ hoverable: true,
+ autoHighlight: false,
+ borderColor: '#f3f3f3',
+ borderWidth: 1,
+ tickColor: '#f3f3f3'
+ },
+ yaxis: {
+ min: -1.2,
+ max: 1.2
+ }
+ });
+
+ var legends = $('#tracking_chart .legendLabel');
+
+ legends.each(function () {
+ $(this).css('width', $(this).width());
+ });
+
+ var updateLegendTimeout = null;
+ var latestPosition = null;
+
+ function updateLegend() {
+ updateLegendTimeout = null;
+ var pos = latestPosition;
+
+ var axes = trackingPlot.getAxes();
+ if (pos.x < axes.xaxis.min || pos.x > axes.xaxis.max ||
+ pos.y < axes.yaxis.min || pos.y > axes.yaxis.max) {
+ return;
+ }
+
+ var i, j, dataset = trackingPlot.getData();
+ for (i = 0; i < dataset.length; ++i) {
+ var series = dataset[i];
+
+ for (j = 0; j < series.data.length; ++j) {
+ if (series.data[j][0] > pos.x) {
+ break;
+ }
+ }
+
+ var y, p1 = series.data[j - 1], p2 = series.data[j];
+
+ if (p1 == null) {
+ y = p2[1];
+ } else if (p2 == null) {
+ y = p1[1];
+ } else {
+ y = p1[1] + (p2[1] - p1[1]) * (pos.x - p1[0]) / (p2[0] - p1[0]);
+ }
+
+ legends.eq(i).text(series.label.replace(/=.*/, '= ' + y.toFixed(2)));
+ }
+ }
+
+ $('#tracking_chart').bind('plothover', function (event, pos, item) {
+ latestPosition = pos;
+ if (!updateLegendTimeout) {
+ updateLegendTimeout = setTimeout(updateLegend, 50);
+ }
+ });
+ //====================================================================================================
+
+ //MULTIPLE AXIS ======================================================================================
+ var oilprices = [[1167692400000, 61.05], [1167778800000, 58.32], [1167865200000, 57.35], [1167951600000, 56.31], [1168210800000, 55.55], [1168297200000, 55.64], [1168383600000, 54.02], [1168470000000, 51.88], [1168556400000, 52.99], [1168815600000, 52.99], [1168902000000, 51.21], [1168988400000, 52.24], [1169074800000, 50.48], [1169161200000, 51.99], [1169420400000, 51.13], [1169506800000, 55.04], [1169593200000, 55.37], [1169679600000, 54.23], [1169766000000, 55.42], [1170025200000, 54.01], [1170111600000, 56.97], [1170198000000, 58.14], [1170284400000, 58.14], [1170370800000, 59.02], [1170630000000, 58.74], [1170716400000, 58.88], [1170802800000, 57.71], [1170889200000, 59.71], [1170975600000, 59.89], [1171234800000, 57.81], [1171321200000, 59.06], [1171407600000, 58.00], [1171494000000, 57.99], [1171580400000, 59.39], [1171839600000, 59.39], [1171926000000, 58.07], [1172012400000, 60.07], [1172098800000, 61.14], [1172444400000, 61.39], [1172530800000, 61.46], [1172617200000, 61.79], [1172703600000, 62.00], [1172790000000, 60.07], [1173135600000, 60.69], [1173222000000, 61.82], [1173308400000, 60.05], [1173654000000, 58.91], [1173740400000, 57.93], [1173826800000, 58.16], [1173913200000, 57.55], [1173999600000, 57.11], [1174258800000, 56.59], [1174345200000, 59.61], [1174518000000, 61.69], [1174604400000, 62.28], [1174860000000, 62.91], [1174946400000, 62.93], [1175032800000, 64.03], [1175119200000, 66.03], [1175205600000, 65.87], [1175464800000, 64.64], [1175637600000, 64.38], [1175724000000, 64.28], [1175810400000, 64.28], [1176069600000, 61.51], [1176156000000, 61.89], [1176242400000, 62.01], [1176328800000, 63.85], [1176415200000, 63.63], [1176674400000, 63.61], [1176760800000, 63.10], [1176847200000, 63.13], [1176933600000, 61.83], [1177020000000, 63.38], [1177279200000, 64.58], [1177452000000, 65.84], [1177538400000, 65.06], [1177624800000, 66.46], [1177884000000, 64.40], [1178056800000, 63.68], [1178143200000, 63.19], [1178229600000, 61.93], [1178488800000, 61.47], [1178575200000, 61.55], [1178748000000, 61.81], [1178834400000, 62.37], [1179093600000, 62.46], [1179180000000, 63.17], [1179266400000, 62.55], [1179352800000, 64.94], [1179698400000, 66.27], [1179784800000, 65.50], [1179871200000, 65.77], [1179957600000, 64.18], [1180044000000, 65.20], [1180389600000, 63.15], [1180476000000, 63.49], [1180562400000, 65.08], [1180908000000, 66.30], [1180994400000, 65.96], [1181167200000, 66.93], [1181253600000, 65.98], [1181599200000, 65.35], [1181685600000, 66.26], [1181858400000, 68.00], [1182117600000, 69.09], [1182204000000, 69.10], [1182290400000, 68.19], [1182376800000, 68.19], [1182463200000, 69.14], [1182722400000, 68.19], [1182808800000, 67.77], [1182895200000, 68.97], [1182981600000, 69.57], [1183068000000, 70.68], [1183327200000, 71.09], [1183413600000, 70.92], [1183586400000, 71.81], [1183672800000, 72.81], [1183932000000, 72.19], [1184018400000, 72.56], [1184191200000, 72.50], [1184277600000, 74.15], [1184623200000, 75.05], [1184796000000, 75.92], [1184882400000, 75.57], [1185141600000, 74.89], [1185228000000, 73.56], [1185314400000, 75.57], [1185400800000, 74.95], [1185487200000, 76.83], [1185832800000, 78.21], [1185919200000, 76.53], [1186005600000, 76.86], [1186092000000, 76.00], [1186437600000, 71.59], [1186696800000, 71.47], [1186956000000, 71.62], [1187042400000, 71.00], [1187301600000, 71.98], [1187560800000, 71.12], [1187647200000, 69.47], [1187733600000, 69.26], [1187820000000, 69.83], [1187906400000, 71.09], [1188165600000, 71.73], [1188338400000, 73.36], [1188511200000, 74.04], [1188856800000, 76.30], [1189116000000, 77.49], [1189461600000, 78.23], [1189548000000, 79.91], [1189634400000, 80.09], [1189720800000, 79.10], [1189980000000, 80.57], [1190066400000, 81.93], [1190239200000, 83.32], [1190325600000, 81.62], [1190584800000, 80.95], [1190671200000, 79.53], [1190757600000, 80.30], [1190844000000, 82.88], [1190930400000, 81.66], [1191189600000, 80.24], [1191276000000, 80.05], [1191362400000, 79.94], [1191448800000, 81.44], [1191535200000, 81.22], [1191794400000, 79.02], [1191880800000, 80.26], [1191967200000, 80.30], [1192053600000, 83.08], [1192140000000, 83.69], [1192399200000, 86.13], [1192485600000, 87.61], [1192572000000, 87.40], [1192658400000, 89.47], [1192744800000, 88.60], [1193004000000, 87.56], [1193090400000, 87.56], [1193176800000, 87.10], [1193263200000, 91.86], [1193612400000, 93.53], [1193698800000, 94.53], [1193871600000, 95.93], [1194217200000, 93.98], [1194303600000, 96.37], [1194476400000, 95.46], [1194562800000, 96.32], [1195081200000, 93.43], [1195167600000, 95.10], [1195426800000, 94.64], [1195513200000, 95.10], [1196031600000, 97.70], [1196118000000, 94.42], [1196204400000, 90.62], [1196290800000, 91.01], [1196377200000, 88.71], [1196636400000, 88.32], [1196809200000, 90.23], [1196982000000, 88.28], [1197241200000, 87.86], [1197327600000, 90.02], [1197414000000, 92.25], [1197586800000, 90.63], [1197846000000, 90.63], [1197932400000, 90.49], [1198018800000, 91.24], [1198105200000, 91.06], [1198191600000, 90.49], [1198710000000, 96.62], [1198796400000, 96.00], [1199142000000, 99.62], [1199314800000, 99.18], [1199401200000, 95.09], [1199660400000, 96.33], [1199833200000, 95.67], [1200351600000, 91.90], [1200438000000, 90.84], [1200524400000, 90.13], [1200610800000, 90.57], [1200956400000, 89.21], [1201042800000, 86.99], [1201129200000, 89.85], [1201474800000, 90.99], [1201561200000, 91.64], [1201647600000, 92.33], [1201734000000, 91.75], [1202079600000, 90.02], [1202166000000, 88.41], [1202252400000, 87.14], [1202338800000, 88.11], [1202425200000, 91.77], [1202770800000, 92.78], [1202857200000, 93.27], [1202943600000, 95.46], [1203030000000, 95.46], [1203289200000, 101.74], [1203462000000, 98.81], [1203894000000, 100.88], [1204066800000, 99.64], [1204153200000, 102.59], [1204239600000, 101.84], [1204498800000, 99.52], [1204585200000, 99.52], [1204671600000, 104.52], [1204758000000, 105.47], [1204844400000, 105.15], [1205103600000, 108.75], [1205276400000, 109.92], [1205362800000, 110.33], [1205449200000, 110.21], [1205708400000, 105.68], [1205967600000, 101.84], [1206313200000, 100.86], [1206399600000, 101.22], [1206486000000, 105.90], [1206572400000, 107.58], [1206658800000, 105.62], [1206914400000, 101.58], [1207000800000, 100.98], [1207173600000, 103.83], [1207260000000, 106.23], [1207605600000, 108.50], [1207778400000, 110.11], [1207864800000, 110.14], [1208210400000, 113.79], [1208296800000, 114.93], [1208383200000, 114.86], [1208728800000, 117.48], [1208815200000, 118.30], [1208988000000, 116.06], [1209074400000, 118.52], [1209333600000, 118.75], [1209420000000, 113.46], [1209592800000, 112.52], [1210024800000, 121.84], [1210111200000, 123.53], [1210197600000, 123.69], [1210543200000, 124.23], [1210629600000, 125.80], [1210716000000, 126.29], [1211148000000, 127.05], [1211320800000, 129.07], [1211493600000, 132.19], [1211839200000, 128.85], [1212357600000, 127.76], [1212703200000, 138.54], [1212962400000, 136.80], [1213135200000, 136.38], [1213308000000, 134.86], [1213653600000, 134.01], [1213740000000, 136.68], [1213912800000, 135.65], [1214172000000, 134.62], [1214258400000, 134.62], [1214344800000, 134.62], [1214431200000, 139.64], [1214517600000, 140.21], [1214776800000, 140.00], [1214863200000, 140.97], [1214949600000, 143.57], [1215036000000, 145.29], [1215381600000, 141.37], [1215468000000, 136.04], [1215727200000, 146.40], [1215986400000, 145.18], [1216072800000, 138.74], [1216159200000, 134.60], [1216245600000, 129.29], [1216332000000, 130.65], [1216677600000, 127.95], [1216850400000, 127.95], [1217282400000, 122.19], [1217455200000, 124.08], [1217541600000, 125.10], [1217800800000, 121.41], [1217887200000, 119.17], [1217973600000, 118.58], [1218060000000, 120.02], [1218405600000, 114.45], [1218492000000, 113.01], [1218578400000, 116.00], [1218751200000, 113.77], [1219010400000, 112.87], [1219096800000, 114.53], [1219269600000, 114.98], [1219356000000, 114.98], [1219701600000, 116.27], [1219788000000, 118.15], [1219874400000, 115.59], [1219960800000, 115.46], [1220306400000, 109.71], [1220392800000, 109.35], [1220565600000, 106.23], [1220824800000, 106.34]];
+
+ var exchangerates = [[1167606000000, 0.7580], [1167692400000, 0.7580], [1167778800000, 0.75470], [1167865200000, 0.75490], [1167951600000, 0.76130], [1168038000000, 0.76550], [1168124400000, 0.76930], [1168210800000, 0.76940], [1168297200000, 0.76880], [1168383600000, 0.76780], [1168470000000, 0.77080], [1168556400000, 0.77270], [1168642800000, 0.77490], [1168729200000, 0.77410], [1168815600000, 0.77410], [1168902000000, 0.77320], [1168988400000, 0.77270], [1169074800000, 0.77370], [1169161200000, 0.77240], [1169247600000, 0.77120], [1169334000000, 0.7720], [1169420400000, 0.77210], [1169506800000, 0.77170], [1169593200000, 0.77040], [1169679600000, 0.7690], [1169766000000, 0.77110], [1169852400000, 0.7740], [1169938800000, 0.77450], [1170025200000, 0.77450], [1170111600000, 0.7740], [1170198000000, 0.77160], [1170284400000, 0.77130], [1170370800000, 0.76780], [1170457200000, 0.76880], [1170543600000, 0.77180], [1170630000000, 0.77180], [1170716400000, 0.77280], [1170802800000, 0.77290], [1170889200000, 0.76980], [1170975600000, 0.76850], [1171062000000, 0.76810], [1171148400000, 0.7690], [1171234800000, 0.7690], [1171321200000, 0.76980], [1171407600000, 0.76990], [1171494000000, 0.76510], [1171580400000, 0.76130], [1171666800000, 0.76160], [1171753200000, 0.76140], [1171839600000, 0.76140], [1171926000000, 0.76070], [1172012400000, 0.76020], [1172098800000, 0.76110], [1172185200000, 0.76220], [1172271600000, 0.76150], [1172358000000, 0.75980], [1172444400000, 0.75980], [1172530800000, 0.75920], [1172617200000, 0.75730], [1172703600000, 0.75660], [1172790000000, 0.75670], [1172876400000, 0.75910], [1172962800000, 0.75820], [1173049200000, 0.75850], [1173135600000, 0.76130], [1173222000000, 0.76310], [1173308400000, 0.76150], [1173394800000, 0.760], [1173481200000, 0.76130], [1173567600000, 0.76270], [1173654000000, 0.76270], [1173740400000, 0.76080], [1173826800000, 0.75830], [1173913200000, 0.75750], [1173999600000, 0.75620], [1174086000000, 0.7520], [1174172400000, 0.75120], [1174258800000, 0.75120], [1174345200000, 0.75170], [1174431600000, 0.7520], [1174518000000, 0.75110], [1174604400000, 0.7480], [1174690800000, 0.75090], [1174777200000, 0.75310], [1174860000000, 0.75310], [1174946400000, 0.75270], [1175032800000, 0.74980], [1175119200000, 0.74930], [1175205600000, 0.75040], [1175292000000, 0.750], [1175378400000, 0.74910], [1175464800000, 0.74910], [1175551200000, 0.74850], [1175637600000, 0.74840], [1175724000000, 0.74920], [1175810400000, 0.74710], [1175896800000, 0.74590], [1175983200000, 0.74770], [1176069600000, 0.74770], [1176156000000, 0.74830], [1176242400000, 0.74580], [1176328800000, 0.74480], [1176415200000, 0.7430], [1176501600000, 0.73990], [1176588000000, 0.73950], [1176674400000, 0.73950], [1176760800000, 0.73780], [1176847200000, 0.73820], [1176933600000, 0.73620], [1177020000000, 0.73550], [1177106400000, 0.73480], [1177192800000, 0.73610], [1177279200000, 0.73610], [1177365600000, 0.73650], [1177452000000, 0.73620], [1177538400000, 0.73310], [1177624800000, 0.73390], [1177711200000, 0.73440], [1177797600000, 0.73270], [1177884000000, 0.73270], [1177970400000, 0.73360], [1178056800000, 0.73330], [1178143200000, 0.73590], [1178229600000, 0.73590], [1178316000000, 0.73720], [1178402400000, 0.7360], [1178488800000, 0.7360], [1178575200000, 0.7350], [1178661600000, 0.73650], [1178748000000, 0.73840], [1178834400000, 0.73950], [1178920800000, 0.74130], [1179007200000, 0.73970], [1179093600000, 0.73960], [1179180000000, 0.73850], [1179266400000, 0.73780], [1179352800000, 0.73660], [1179439200000, 0.740], [1179525600000, 0.74110], [1179612000000, 0.74060], [1179698400000, 0.74050], [1179784800000, 0.74140], [1179871200000, 0.74310], [1179957600000, 0.74310], [1180044000000, 0.74380], [1180130400000, 0.74430], [1180216800000, 0.74430], [1180303200000, 0.74430], [1180389600000, 0.74340], [1180476000000, 0.74290], [1180562400000, 0.74420], [1180648800000, 0.7440], [1180735200000, 0.74390], [1180821600000, 0.74370], [1180908000000, 0.74370], [1180994400000, 0.74290], [1181080800000, 0.74030], [1181167200000, 0.73990], [1181253600000, 0.74180], [1181340000000, 0.74680], [1181426400000, 0.7480], [1181512800000, 0.7480], [1181599200000, 0.7490], [1181685600000, 0.74940], [1181772000000, 0.75220], [1181858400000, 0.75150], [1181944800000, 0.75020], [1182031200000, 0.74720], [1182117600000, 0.74720], [1182204000000, 0.74620], [1182290400000, 0.74550], [1182376800000, 0.74490], [1182463200000, 0.74670], [1182549600000, 0.74580], [1182636000000, 0.74270], [1182722400000, 0.74270], [1182808800000, 0.7430], [1182895200000, 0.74290], [1182981600000, 0.7440], [1183068000000, 0.7430], [1183154400000, 0.74220], [1183240800000, 0.73880], [1183327200000, 0.73880], [1183413600000, 0.73690], [1183500000000, 0.73450], [1183586400000, 0.73450], [1183672800000, 0.73450], [1183759200000, 0.73520], [1183845600000, 0.73410], [1183932000000, 0.73410], [1184018400000, 0.7340], [1184104800000, 0.73240], [1184191200000, 0.72720], [1184277600000, 0.72640], [1184364000000, 0.72550], [1184450400000, 0.72580], [1184536800000, 0.72580], [1184623200000, 0.72560], [1184709600000, 0.72570], [1184796000000, 0.72470], [1184882400000, 0.72430], [1184968800000, 0.72440], [1185055200000, 0.72350], [1185141600000, 0.72350], [1185228000000, 0.72350], [1185314400000, 0.72350], [1185400800000, 0.72620], [1185487200000, 0.72880], [1185573600000, 0.73010], [1185660000000, 0.73370], [1185746400000, 0.73370], [1185832800000, 0.73240], [1185919200000, 0.72970], [1186005600000, 0.73170], [1186092000000, 0.73150], [1186178400000, 0.72880], [1186264800000, 0.72630], [1186351200000, 0.72630], [1186437600000, 0.72420], [1186524000000, 0.72530], [1186610400000, 0.72640], [1186696800000, 0.7270], [1186783200000, 0.73120], [1186869600000, 0.73050], [1186956000000, 0.73050], [1187042400000, 0.73180], [1187128800000, 0.73580], [1187215200000, 0.74090], [1187301600000, 0.74540], [1187388000000, 0.74370], [1187474400000, 0.74240], [1187560800000, 0.74240], [1187647200000, 0.74150], [1187733600000, 0.74190], [1187820000000, 0.74140], [1187906400000, 0.73770], [1187992800000, 0.73550], [1188079200000, 0.73150], [1188165600000, 0.73150], [1188252000000, 0.7320], [1188338400000, 0.73320], [1188424800000, 0.73460], [1188511200000, 0.73280], [1188597600000, 0.73230], [1188684000000, 0.7340], [1188770400000, 0.7340], [1188856800000, 0.73360], [1188943200000, 0.73510], [1189029600000, 0.73460], [1189116000000, 0.73210], [1189202400000, 0.72940], [1189288800000, 0.72660], [1189375200000, 0.72660], [1189461600000, 0.72540], [1189548000000, 0.72420], [1189634400000, 0.72130], [1189720800000, 0.71970], [1189807200000, 0.72090], [1189893600000, 0.7210], [1189980000000, 0.7210], [1190066400000, 0.7210], [1190152800000, 0.72090], [1190239200000, 0.71590], [1190325600000, 0.71330], [1190412000000, 0.71050], [1190498400000, 0.70990], [1190584800000, 0.70990], [1190671200000, 0.70930], [1190757600000, 0.70930], [1190844000000, 0.70760], [1190930400000, 0.7070], [1191016800000, 0.70490], [1191103200000, 0.70120], [1191189600000, 0.70110], [1191276000000, 0.70190], [1191362400000, 0.70460], [1191448800000, 0.70630], [1191535200000, 0.70890], [1191621600000, 0.70770], [1191708000000, 0.70770], [1191794400000, 0.70770], [1191880800000, 0.70910], [1191967200000, 0.71180], [1192053600000, 0.70790], [1192140000000, 0.70530], [1192226400000, 0.7050], [1192312800000, 0.70550], [1192399200000, 0.70550], [1192485600000, 0.70450], [1192572000000, 0.70510], [1192658400000, 0.70510], [1192744800000, 0.70170], [1192831200000, 0.70], [1192917600000, 0.69950], [1193004000000, 0.69940], [1193090400000, 0.70140], [1193176800000, 0.70360], [1193263200000, 0.70210], [1193349600000, 0.70020], [1193436000000, 0.69670], [1193522400000, 0.6950], [1193612400000, 0.6950], [1193698800000, 0.69390], [1193785200000, 0.6940], [1193871600000, 0.69220], [1193958000000, 0.69190], [1194044400000, 0.69140], [1194130800000, 0.68940], [1194217200000, 0.68910], [1194303600000, 0.69040], [1194390000000, 0.6890], [1194476400000, 0.68340], [1194562800000, 0.68230], [1194649200000, 0.68070], [1194735600000, 0.68150], [1194822000000, 0.68150], [1194908400000, 0.68470], [1194994800000, 0.68590], [1195081200000, 0.68220], [1195167600000, 0.68270], [1195254000000, 0.68370], [1195340400000, 0.68230], [1195426800000, 0.68220], [1195513200000, 0.68220], [1195599600000, 0.67920], [1195686000000, 0.67460], [1195772400000, 0.67350], [1195858800000, 0.67310], [1195945200000, 0.67420], [1196031600000, 0.67440], [1196118000000, 0.67390], [1196204400000, 0.67310], [1196290800000, 0.67610], [1196377200000, 0.67610], [1196463600000, 0.67850], [1196550000000, 0.68180], [1196636400000, 0.68360], [1196722800000, 0.68230], [1196809200000, 0.68050], [1196895600000, 0.67930], [1196982000000, 0.68490], [1197068400000, 0.68330], [1197154800000, 0.68250], [1197241200000, 0.68250], [1197327600000, 0.68160], [1197414000000, 0.67990], [1197500400000, 0.68130], [1197586800000, 0.68090], [1197673200000, 0.68680], [1197759600000, 0.69330], [1197846000000, 0.69330], [1197932400000, 0.69450], [1198018800000, 0.69440], [1198105200000, 0.69460], [1198191600000, 0.69640], [1198278000000, 0.69650], [1198364400000, 0.69560], [1198450800000, 0.69560], [1198537200000, 0.6950], [1198623600000, 0.69480], [1198710000000, 0.69280], [1198796400000, 0.68870], [1198882800000, 0.68240], [1198969200000, 0.67940], [1199055600000, 0.67940], [1199142000000, 0.68030], [1199228400000, 0.68550], [1199314800000, 0.68240], [1199401200000, 0.67910], [1199487600000, 0.67830], [1199574000000, 0.67850], [1199660400000, 0.67850], [1199746800000, 0.67970], [1199833200000, 0.680], [1199919600000, 0.68030], [1200006000000, 0.68050], [1200092400000, 0.6760], [1200178800000, 0.6770], [1200265200000, 0.6770], [1200351600000, 0.67360], [1200438000000, 0.67260], [1200524400000, 0.67640], [1200610800000, 0.68210], [1200697200000, 0.68310], [1200783600000, 0.68420], [1200870000000, 0.68420], [1200956400000, 0.68870], [1201042800000, 0.69030], [1201129200000, 0.68480], [1201215600000, 0.68240], [1201302000000, 0.67880], [1201388400000, 0.68140], [1201474800000, 0.68140], [1201561200000, 0.67970], [1201647600000, 0.67690], [1201734000000, 0.67650], [1201820400000, 0.67330], [1201906800000, 0.67290], [1201993200000, 0.67580], [1202079600000, 0.67580], [1202166000000, 0.6750], [1202252400000, 0.6780], [1202338800000, 0.68330], [1202425200000, 0.68560], [1202511600000, 0.69030], [1202598000000, 0.68960], [1202684400000, 0.68960], [1202770800000, 0.68820], [1202857200000, 0.68790], [1202943600000, 0.68620], [1203030000000, 0.68520], [1203116400000, 0.68230], [1203202800000, 0.68130], [1203289200000, 0.68130], [1203375600000, 0.68220], [1203462000000, 0.68020], [1203548400000, 0.68020], [1203634800000, 0.67840], [1203721200000, 0.67480], [1203807600000, 0.67470], [1203894000000, 0.67470], [1203980400000, 0.67480], [1204066800000, 0.67330], [1204153200000, 0.6650], [1204239600000, 0.66110], [1204326000000, 0.65830], [1204412400000, 0.6590], [1204498800000, 0.6590], [1204585200000, 0.65810], [1204671600000, 0.65780], [1204758000000, 0.65740], [1204844400000, 0.65320], [1204930800000, 0.65020], [1205017200000, 0.65140], [1205103600000, 0.65140], [1205190000000, 0.65070], [1205276400000, 0.6510], [1205362800000, 0.64890], [1205449200000, 0.64240], [1205535600000, 0.64060], [1205622000000, 0.63820], [1205708400000, 0.63820], [1205794800000, 0.63410], [1205881200000, 0.63440], [1205967600000, 0.63780], [1206054000000, 0.64390], [1206140400000, 0.64780], [1206226800000, 0.64810], [1206313200000, 0.64810], [1206399600000, 0.64940], [1206486000000, 0.64380], [1206572400000, 0.63770], [1206658800000, 0.63290], [1206745200000, 0.63360], [1206831600000, 0.63330], [1206914400000, 0.63330], [1207000800000, 0.6330], [1207087200000, 0.63710], [1207173600000, 0.64030], [1207260000000, 0.63960], [1207346400000, 0.63640], [1207432800000, 0.63560], [1207519200000, 0.63560], [1207605600000, 0.63680], [1207692000000, 0.63570], [1207778400000, 0.63540], [1207864800000, 0.6320], [1207951200000, 0.63320], [1208037600000, 0.63280], [1208124000000, 0.63310], [1208210400000, 0.63420], [1208296800000, 0.63210], [1208383200000, 0.63020], [1208469600000, 0.62780], [1208556000000, 0.63080], [1208642400000, 0.63240], [1208728800000, 0.63240], [1208815200000, 0.63070], [1208901600000, 0.62770], [1208988000000, 0.62690], [1209074400000, 0.63350], [1209160800000, 0.63920], [1209247200000, 0.640], [1209333600000, 0.64010], [1209420000000, 0.63960], [1209506400000, 0.64070], [1209592800000, 0.64230], [1209679200000, 0.64290], [1209765600000, 0.64720], [1209852000000, 0.64850], [1209938400000, 0.64860], [1210024800000, 0.64670], [1210111200000, 0.64440], [1210197600000, 0.64670], [1210284000000, 0.65090], [1210370400000, 0.64780], [1210456800000, 0.64610], [1210543200000, 0.64610], [1210629600000, 0.64680], [1210716000000, 0.64490], [1210802400000, 0.6470], [1210888800000, 0.64610], [1210975200000, 0.64520], [1211061600000, 0.64220], [1211148000000, 0.64220], [1211234400000, 0.64250], [1211320800000, 0.64140], [1211407200000, 0.63660], [1211493600000, 0.63460], [1211580000000, 0.6350], [1211666400000, 0.63460], [1211752800000, 0.63460], [1211839200000, 0.63430], [1211925600000, 0.63460], [1212012000000, 0.63790], [1212098400000, 0.64160], [1212184800000, 0.64420], [1212271200000, 0.64310], [1212357600000, 0.64310], [1212444000000, 0.64350], [1212530400000, 0.6440], [1212616800000, 0.64730], [1212703200000, 0.64690], [1212789600000, 0.63860], [1212876000000, 0.63560], [1212962400000, 0.6340], [1213048800000, 0.63460], [1213135200000, 0.6430], [1213221600000, 0.64520], [1213308000000, 0.64670], [1213394400000, 0.65060], [1213480800000, 0.65040], [1213567200000, 0.65030], [1213653600000, 0.64810], [1213740000000, 0.64510], [1213826400000, 0.6450], [1213912800000, 0.64410], [1213999200000, 0.64140], [1214085600000, 0.64090], [1214172000000, 0.64090], [1214258400000, 0.64280], [1214344800000, 0.64310], [1214431200000, 0.64180], [1214517600000, 0.63710], [1214604000000, 0.63490], [1214690400000, 0.63330], [1214776800000, 0.63340], [1214863200000, 0.63380], [1214949600000, 0.63420], [1215036000000, 0.6320], [1215122400000, 0.63180], [1215208800000, 0.6370], [1215295200000, 0.63680], [1215381600000, 0.63680], [1215468000000, 0.63830], [1215554400000, 0.63710], [1215640800000, 0.63710], [1215727200000, 0.63550], [1215813600000, 0.6320], [1215900000000, 0.62770], [1215986400000, 0.62760], [1216072800000, 0.62910], [1216159200000, 0.62740], [1216245600000, 0.62930], [1216332000000, 0.63110], [1216418400000, 0.6310], [1216504800000, 0.63120], [1216591200000, 0.63120], [1216677600000, 0.63040], [1216764000000, 0.62940], [1216850400000, 0.63480], [1216936800000, 0.63780], [1217023200000, 0.63680], [1217109600000, 0.63680], [1217196000000, 0.63680], [1217282400000, 0.6360], [1217368800000, 0.6370], [1217455200000, 0.64180], [1217541600000, 0.64110], [1217628000000, 0.64350], [1217714400000, 0.64270], [1217800800000, 0.64270], [1217887200000, 0.64190], [1217973600000, 0.64460], [1218060000000, 0.64680], [1218146400000, 0.64870], [1218232800000, 0.65940], [1218319200000, 0.66660], [1218405600000, 0.66660], [1218492000000, 0.66780], [1218578400000, 0.67120], [1218664800000, 0.67050], [1218751200000, 0.67180], [1218837600000, 0.67840], [1218924000000, 0.68110], [1219010400000, 0.68110], [1219096800000, 0.67940], [1219183200000, 0.68040], [1219269600000, 0.67810], [1219356000000, 0.67560], [1219442400000, 0.67350], [1219528800000, 0.67630], [1219615200000, 0.67620], [1219701600000, 0.67770], [1219788000000, 0.68150], [1219874400000, 0.68020], [1219960800000, 0.6780], [1220047200000, 0.67960], [1220133600000, 0.68170], [1220220000000, 0.68170], [1220306400000, 0.68320], [1220392800000, 0.68770], [1220479200000, 0.69120], [1220565600000, 0.69140], [1220652000000, 0.70090], [1220738400000, 0.70120], [1220824800000, 0.7010], [1220911200000, 0.70050]];
+
+ function euroFormatter(v, axis) {
+ return v.toFixed(axis.tickDecimals) + '€';
+ }
+
+ $.plot('#multiple_axis_chart', [
+ { data: oilprices, label: 'Oil price ($)', color: '#E91E63' },
+ { data: exchangerates, label: 'USD/EUR exchange rate', yaxis: 2, color: '#00BCD4' }
+ ], {
+ xaxes: [{ mode: 'time' }],
+ yaxes: [{ min: 0 }, {
+ alignTicksWithAxis: 1,
+ position: 'right',
+ tickFormatter: euroFormatter
+ }],
+ grid: {
+ hoverable: true,
+ autoHighlight: false,
+ borderColor: '#f3f3f3',
+ borderWidth: 1,
+ tickColor: '#f3f3f3'
+ },
+ legend: { position: 'sw' }
+ });
+ //====================================================================================================
+
+ //BAR CHART ==========================================================================================
+ var barChartData = [];
+ for (var i = 0; i <= 10; i += 1) {
+ barChartData.push([i, parseInt(Math.random() * 30)]);
+ }
+
+ $.plot('#bar_chart', [barChartData], {
+ series: {
+ stack: 0,
+ lines: {
+ show: false,
+ fill: true,
+ steps: false
+ },
+ bars: {
+ show: true,
+ barWidth: 0.6
+ },
+ color: '#00BCD4'
+ },
+ grid: {
+ hoverable: true,
+ autoHighlight: false,
+ borderColor: '#f3f3f3',
+ borderWidth: 1,
+ tickColor: '#f3f3f3'
+ }
+ });
+ //====================================================================================================
+
+ //PIE CHART ==========================================================================================
+ var pieChartData = [], pieChartSeries = 4;
+ var pieChartColors = ['#E91E63', '#03A9F4', '#FFC107', '#009688'];
+ var pieChartDatas = [45, 17, 28, 10];
+
+ for (var i = 0; i < pieChartSeries; i++) {
+ pieChartData[i] = {
+ label: 'Serie - ' + (i + 1),
+ data: pieChartDatas[i],
+ color: pieChartColors[i]
+ }
+ }
+ $.plot('#pie_chart', pieChartData, {
+ series: {
+ pie: {
+ show: true,
+ radius: 1,
+ label: {
+ show: true,
+ radius: 3 / 4,
+ formatter: labelFormatter,
+ background: {
+ opacity: 0.5
+ }
+ }
+ }
+ },
+ legend: {
+ show: false
+ }
+ });
+ function labelFormatter(label, series) {
+ return '![]()
').attr('src', staticMap).appendTo('#gmap_static_map');
+
+ //Static maps with markers
+ var staticMapWithMarkers = GMaps.staticMapURL({
+ size: [$('#gmap_static_map_with_markers').width(), 400],
+ lat: -12.043333,
+ lng: -77.028333,
+ markers: [
+ { lat: -12.043333, lng: -77.028333 },
+ {
+ lat: -12.045333, lng: -77.034,
+ size: 'small'
+ },
+ {
+ lat: -12.045633, lng: -77.022,
+ color: 'blue'
+ }
+ ]
+ });
+
+ $('![]()
').attr('src', staticMapWithMarkers).appendTo('#gmap_static_map_with_markers');
+
+ //Static maps with polyline
+ var path = [
+ [-12.040397656836609, -77.03373871559225],
+ [-12.040248585302038, -77.03993927003302],
+ [-12.050047116528843, -77.02448169303511],
+ [-12.044804866577001, -77.02154422636042],
+ [-12.040397656836609, -77.03373871559225],
+ ];
+
+ var staticMapPolyline = GMaps.staticMapURL({
+ size: [$('#gmap_static_map_polyline').width(), 400],
+ lat: -12.043333,
+ lng: -77.028333,
+
+ polyline: {
+ path: path,
+ strokeColor: '#131540',
+ strokeOpacity: 0.6,
+ strokeWeight: 6
+ // fillColor: '#ffaf2ecc'
+ }
+ });
+
+ $('![]()
').attr('src', staticMapPolyline).appendTo('#gmap_static_map_polyline');
+
+ //Panorama
+ var panorama = GMaps.createPanorama({
+ el: '#gmap_panorama',
+ lat: 42.3455,
+ lng: -71.0983
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/maps/jvectormap.js b/template/app/templates/theme4/js/pages/maps/jvectormap.js
new file mode 100644
index 00000000..4c2088db
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/maps/jvectormap.js
@@ -0,0 +1,51 @@
+$(function () {
+ $('#world-map-markers').vectorMap({
+ map: 'world_mill_en',
+ normalizeFunction: 'polynomial',
+ hoverOpacity: 0.7,
+ hoverColor: false,
+ backgroundColor: 'transparent',
+ regionStyle: {
+ initial: {
+ fill: 'rgba(210, 214, 222, 1)',
+ "fill-opacity": 1,
+ stroke: 'none',
+ "stroke-width": 0,
+ "stroke-opacity": 1
+ },
+ hover: {
+ "fill-opacity": 0.7,
+ cursor: 'pointer'
+ },
+ selected: {
+ fill: 'yellow'
+ },
+ selectedHover: {}
+ },
+ markerStyle: {
+ initial: {
+ fill: '#009688',
+ stroke: '#000'
+ }
+ },
+ markers: [
+ { latLng: [41.90, 12.45], name: 'Vatican City' },
+ { latLng: [43.73, 7.41], name: 'Monaco' },
+ { latLng: [-0.52, 166.93], name: 'Nauru' },
+ { latLng: [-8.51, 179.21], name: 'Tuvalu' },
+ { latLng: [43.93, 12.46], name: 'San Marino' },
+ { latLng: [47.14, 9.52], name: 'Liechtenstein' },
+ { latLng: [7.11, 171.06], name: 'Marshall Islands' },
+ { latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis' },
+ { latLng: [3.2, 73.22], name: 'Maldives' },
+ { latLng: [35.88, 14.5], name: 'Malta' },
+ { latLng: [12.05, -61.75], name: 'Grenada' },
+ { latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines' },
+ { latLng: [13.16, -59.55], name: 'Barbados' },
+ { latLng: [17.11, -61.85], name: 'Antigua and Barbuda' },
+ { latLng: [-4.61, 55.45], name: 'Seychelles' },
+ { latLng: [7.35, 134.46], name: 'Palau' },
+ { latLng: [42.5, 1.51], name: 'Andorra' }
+ ]
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/medias/image-gallery.js b/template/app/templates/theme4/js/pages/medias/image-gallery.js
new file mode 100644
index 00000000..2f3737a6
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/medias/image-gallery.js
@@ -0,0 +1,6 @@
+$(function () {
+ $('#aniimated-thumbnials').lightGallery({
+ thumbnail: true,
+ selector: 'a'
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/tables/editable-table.js b/template/app/templates/theme4/js/pages/tables/editable-table.js
new file mode 100644
index 00000000..101b15ef
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/tables/editable-table.js
@@ -0,0 +1,3 @@
+$(function () {
+ $('#mainTable').editableTableWidget();
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/tables/jquery-datatable.js b/template/app/templates/theme4/js/pages/tables/jquery-datatable.js
new file mode 100644
index 00000000..56f09c5c
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/tables/jquery-datatable.js
@@ -0,0 +1,14 @@
+$(function () {
+ $('.js-basic-example').DataTable({
+ responsive: true
+ });
+
+ //Exportable table
+ $('.js-exportable').DataTable({
+ dom: 'Bfrtip',
+ responsive: true,
+ buttons: [
+ 'copy', 'csv', 'excel', 'pdf', 'print'
+ ]
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/animations.js b/template/app/templates/theme4/js/pages/ui/animations.js
new file mode 100644
index 00000000..212052a1
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/animations.js
@@ -0,0 +1,16 @@
+$(function () {
+ $('.js-animations').bind('change', function () {
+ var animation = $(this).val();
+ $('.js-animating-object').animateCss(animation);
+ });
+});
+
+//Copied from https://github.com/daneden/animate.css
+$.fn.extend({
+ animateCss: function (animationName) {
+ var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+ $(this).addClass('animated ' + animationName).one(animationEnd, function() {
+ $(this).removeClass('animated ' + animationName);
+ });
+ }
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/dialogs.js b/template/app/templates/theme4/js/pages/ui/dialogs.js
new file mode 100644
index 00000000..cdb90c2e
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/dialogs.js
@@ -0,0 +1,140 @@
+$(function () {
+ $('.js-sweetalert button').on('click', function () {
+ var type = $(this).data('type');
+ if (type === 'basic') {
+ showBasicMessage();
+ }
+ else if (type === 'with-title') {
+ showWithTitleMessage();
+ }
+ else if (type === 'success') {
+ showSuccessMessage();
+ }
+ else if (type === 'confirm') {
+ showConfirmMessage();
+ }
+ else if (type === 'cancel') {
+ showCancelMessage();
+ }
+ else if (type === 'with-custom-icon') {
+ showWithCustomIconMessage();
+ }
+ else if (type === 'html-message') {
+ showHtmlMessage();
+ }
+ else if (type === 'autoclose-timer') {
+ showAutoCloseTimerMessage();
+ }
+ else if (type === 'prompt') {
+ showPromptMessage();
+ }
+ else if (type === 'ajax-loader') {
+ showAjaxLoaderMessage();
+ }
+ });
+});
+
+//These codes takes from http://t4t5.github.io/sweetalert/
+function showBasicMessage() {
+ swal("Here's a message!");
+}
+
+function showWithTitleMessage() {
+ swal("Here's a message!", "It's pretty, isn't it?");
+}
+
+function showSuccessMessage() {
+ swal("Good job!", "You clicked the button!", "success");
+}
+
+function showConfirmMessage() {
+ swal({
+ title: "Are you sure?",
+ text: "You will not be able to recover this imaginary file!",
+ type: "warning",
+ showCancelButton: true,
+ confirmButtonColor: "#DD6B55",
+ confirmButtonText: "Yes, delete it!",
+ closeOnConfirm: false
+ }, function () {
+ swal("Deleted!", "Your imaginary file has been deleted.", "success");
+ });
+}
+
+function showCancelMessage() {
+ swal({
+ title: "Are you sure?",
+ text: "You will not be able to recover this imaginary file!",
+ type: "warning",
+ showCancelButton: true,
+ confirmButtonColor: "#DD6B55",
+ confirmButtonText: "Yes, delete it!",
+ cancelButtonText: "No, cancel plx!",
+ closeOnConfirm: false,
+ closeOnCancel: false
+ }, function (isConfirm) {
+ if (isConfirm) {
+ swal("Deleted!", "Your imaginary file has been deleted.", "success");
+ } else {
+ swal("Cancelled", "Your imaginary file is safe :)", "error");
+ }
+ });
+}
+
+function showWithCustomIconMessage() {
+ swal({
+ title: "Sweet!",
+ text: "Here's a custom image.",
+ imageUrl: "../../images/thumbs-up.png"
+ });
+}
+
+function showHtmlMessage() {
+ swal({
+ title: "HTML Title!",
+ text: "A custom html message.",
+ html: true
+ });
+}
+
+function showAutoCloseTimerMessage() {
+ swal({
+ title: "Auto close alert!",
+ text: "I will close in 2 seconds.",
+ timer: 2000,
+ showConfirmButton: false
+ });
+}
+
+function showPromptMessage() {
+ swal({
+ title: "An input!",
+ text: "Write something interesting:",
+ type: "input",
+ showCancelButton: true,
+ closeOnConfirm: false,
+ animation: "slide-from-top",
+ inputPlaceholder: "Write something"
+ }, function (inputValue) {
+ if (inputValue === false) return false;
+ if (inputValue === "") {
+ swal.showInputError("You need to write something!"); return false
+ }
+ swal("Nice!", "You wrote: " + inputValue, "success");
+ });
+}
+
+function showAjaxLoaderMessage() {
+ swal({
+ title: "Ajax request example",
+ text: "Submit to run ajax request",
+ type: "info",
+ showCancelButton: true,
+ closeOnConfirm: false,
+ showLoaderOnConfirm: true,
+ }, function () {
+ setTimeout(function () {
+ swal("Ajax request finished!");
+ }, 2000);
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/modals.js b/template/app/templates/theme4/js/pages/ui/modals.js
new file mode 100644
index 00000000..6961e219
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/modals.js
@@ -0,0 +1,7 @@
+$(function () {
+ $('.js-modal-buttons .btn').on('click', function () {
+ var color = $(this).data('color');
+ $('#mdModal .modal-content').removeAttr('class').addClass('modal-content modal-col-' + color);
+ $('#mdModal').modal('show');
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/notifications.js b/template/app/templates/theme4/js/pages/ui/notifications.js
new file mode 100644
index 00000000..fa7b23c4
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/notifications.js
@@ -0,0 +1,47 @@
+$(function () {
+ $('.jsdemo-notification-button button').on('click', function () {
+ var placementFrom = $(this).data('placement-from');
+ var placementAlign = $(this).data('placement-align');
+ var animateEnter = $(this).data('animate-enter');
+ var animateExit = $(this).data('animate-exit');
+ var colorName = $(this).data('color-name');
+
+ showNotification(colorName, null, placementFrom, placementAlign, animateEnter, animateExit);
+ });
+});
+
+function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) {
+ if (colorName === null || colorName === '') { colorName = 'bg-black'; }
+ if (text === null || text === '') { text = 'Turning standard Bootstrap alerts'; }
+ if (animateEnter === null || animateEnter === '') { animateEnter = 'animated fadeInDown'; }
+ if (animateExit === null || animateExit === '') { animateExit = 'animated fadeOutUp'; }
+ var allowDismiss = true;
+
+ $.notify({
+ message: text
+ },
+ {
+ type: colorName,
+ allow_dismiss: allowDismiss,
+ newest_on_top: true,
+ timer: 1000,
+ placement: {
+ from: placementFrom,
+ align: placementAlign
+ },
+ animate: {
+ enter: animateEnter,
+ exit: animateExit
+ },
+ template: ''
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/range-sliders.js b/template/app/templates/theme4/js/pages/ui/range-sliders.js
new file mode 100644
index 00000000..96b1cf04
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/range-sliders.js
@@ -0,0 +1,93 @@
+$(function () {
+ //Taken from http://ionden.com/a/plugins/ion.rangeSlider/demo.html
+
+ $("#range_01").ionRangeSlider();
+
+ $("#range_02").ionRangeSlider({
+ min: 100,
+ max: 1000,
+ from: 550
+ });
+
+ $("#range_03").ionRangeSlider({
+ type: "double",
+ grid: true,
+ min: 0,
+ max: 1000,
+ from: 200,
+ to: 800,
+ prefix: "$"
+ });
+
+ $("#range_04").ionRangeSlider({
+ type: "double",
+ grid: true,
+ min: -1000,
+ max: 1000,
+ from: -500,
+ to: 500
+ });
+
+ $("#range_05").ionRangeSlider({
+ type: "double",
+ grid: true,
+ min: -1000,
+ max: 1000,
+ from: -500,
+ to: 500,
+ step: 250
+ });
+
+
+ $("#range_06").ionRangeSlider({
+ type: "double",
+ grid: true,
+ min: -12.8,
+ max: 12.8,
+ from: -3.2,
+ to: 3.2,
+ step: 0.1
+ });
+
+ $("#range_07").ionRangeSlider({
+ type: "double",
+ grid: true,
+ from: 1,
+ to: 5,
+ values: [0, 10, 100, 1000, 10000, 100000, 1000000]
+ });
+
+
+ $("#range_08").ionRangeSlider({
+ grid: true,
+ from: 5,
+ values: [
+ "zero", "one",
+ "two", "three",
+ "four", "five",
+ "six", "seven",
+ "eight", "nine",
+ "ten"
+ ]
+ });
+
+ $("#range_09").ionRangeSlider({
+ grid: true,
+ from: 3,
+ values: [
+ "January", "February", "March",
+ "April", "May", "June",
+ "July", "August", "September",
+ "October", "November", "December"
+ ]
+ });
+
+ $("#range_10").ionRangeSlider({
+ grid: true,
+ min: 1000,
+ max: 1000000,
+ from: 100000,
+ step: 1000,
+ prettify_enabled: false
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/sortable-nestable.js b/template/app/templates/theme4/js/pages/ui/sortable-nestable.js
new file mode 100644
index 00000000..b2ed024a
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/sortable-nestable.js
@@ -0,0 +1,10 @@
+$(function () {
+ $('.dd').nestable();
+
+ $('.dd').on('change', function () {
+ var $this = $(this);
+ var serializedData = window.JSON.stringify($($this).nestable('serialize'));
+
+ $this.parents('div.body').find('textarea').val(serializedData);
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/ui/tooltips-popovers.js b/template/app/templates/theme4/js/pages/ui/tooltips-popovers.js
new file mode 100644
index 00000000..65d4f359
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/ui/tooltips-popovers.js
@@ -0,0 +1,9 @@
+$(function () {
+ //Tooltip
+ $('[data-toggle="tooltip"]').tooltip({
+ container: 'body'
+ });
+
+ //Popover
+ $('[data-toggle="popover"]').popover();
+})
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/widgets/infobox/infobox-1.js b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-1.js
new file mode 100644
index 00000000..c2e06de0
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-1.js
@@ -0,0 +1,43 @@
+$(function () {
+ initCounters();
+ initCharts();
+});
+
+//Widgets count plugin
+function initCounters() {
+ $('.count-to').countTo();
+}
+
+//Charts
+function initCharts() {
+ //Chart Bar
+ $('.chart.chart-bar').sparkline(undefined, {
+ type: 'bar',
+ barColor: '#fff',
+ negBarColor: '#fff',
+ barWidth: '4px',
+ height: '34px'
+ });
+
+ //Chart Pie
+ $('.chart.chart-pie').sparkline(undefined, {
+ type: 'pie',
+ height: '50px',
+ sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
+ });
+
+ //Chart Line
+ $('.chart.chart-line').sparkline(undefined, {
+ type: 'line',
+ width: '60px',
+ height: '45px',
+ lineColor: '#fff',
+ lineWidth: 1.3,
+ fillColor: 'rgba(0,0,0,0)',
+ spotColor: 'rgba(255,255,255,0.40)',
+ maxSpotColor: 'rgba(255,255,255,0.40)',
+ minSpotColor: 'rgba(255,255,255,0.40)',
+ spotRadius: 3,
+ highlightSpotColor: '#fff'
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/widgets/infobox/infobox-2.js b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-2.js
new file mode 100644
index 00000000..c2e06de0
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-2.js
@@ -0,0 +1,43 @@
+$(function () {
+ initCounters();
+ initCharts();
+});
+
+//Widgets count plugin
+function initCounters() {
+ $('.count-to').countTo();
+}
+
+//Charts
+function initCharts() {
+ //Chart Bar
+ $('.chart.chart-bar').sparkline(undefined, {
+ type: 'bar',
+ barColor: '#fff',
+ negBarColor: '#fff',
+ barWidth: '4px',
+ height: '34px'
+ });
+
+ //Chart Pie
+ $('.chart.chart-pie').sparkline(undefined, {
+ type: 'pie',
+ height: '50px',
+ sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
+ });
+
+ //Chart Line
+ $('.chart.chart-line').sparkline(undefined, {
+ type: 'line',
+ width: '60px',
+ height: '45px',
+ lineColor: '#fff',
+ lineWidth: 1.3,
+ fillColor: 'rgba(0,0,0,0)',
+ spotColor: 'rgba(255,255,255,0.40)',
+ maxSpotColor: 'rgba(255,255,255,0.40)',
+ minSpotColor: 'rgba(255,255,255,0.40)',
+ spotRadius: 3,
+ highlightSpotColor: '#fff'
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/widgets/infobox/infobox-3.js b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-3.js
new file mode 100644
index 00000000..c2e06de0
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-3.js
@@ -0,0 +1,43 @@
+$(function () {
+ initCounters();
+ initCharts();
+});
+
+//Widgets count plugin
+function initCounters() {
+ $('.count-to').countTo();
+}
+
+//Charts
+function initCharts() {
+ //Chart Bar
+ $('.chart.chart-bar').sparkline(undefined, {
+ type: 'bar',
+ barColor: '#fff',
+ negBarColor: '#fff',
+ barWidth: '4px',
+ height: '34px'
+ });
+
+ //Chart Pie
+ $('.chart.chart-pie').sparkline(undefined, {
+ type: 'pie',
+ height: '50px',
+ sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
+ });
+
+ //Chart Line
+ $('.chart.chart-line').sparkline(undefined, {
+ type: 'line',
+ width: '60px',
+ height: '45px',
+ lineColor: '#fff',
+ lineWidth: 1.3,
+ fillColor: 'rgba(0,0,0,0)',
+ spotColor: 'rgba(255,255,255,0.40)',
+ maxSpotColor: 'rgba(255,255,255,0.40)',
+ minSpotColor: 'rgba(255,255,255,0.40)',
+ spotRadius: 3,
+ highlightSpotColor: '#fff'
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/widgets/infobox/infobox-4.js b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-4.js
new file mode 100644
index 00000000..fdbe2cc3
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-4.js
@@ -0,0 +1,52 @@
+$(function () {
+ initCounters();
+ initCharts();
+});
+
+//Widgets count plugin
+function initCounters() {
+ $('.count-to').countTo();
+}
+
+//Charts
+function initCharts() {
+ //Chart Bar
+ $('.chart.chart-bar:not(.reverse)').sparkline(undefined, {
+ type: 'bar',
+ barColor: 'rgba(0, 0, 0, 0.15)',
+ negBarColor: 'rgba(0, 0, 0, 0.15)',
+ barWidth: '8px',
+ height: '34px'
+ });
+
+ //Chart Bar Reverse
+ $('.chart.chart-bar.reverse').sparkline(undefined, {
+ type: 'bar',
+ barColor: 'rgba(255, 255, 255, 0.15)',
+ negBarColor: 'rgba(255, 255, 255, 0.15)',
+ barWidth: '8px',
+ height: '34px'
+ });
+
+ //Chart Pie
+ $('.chart.chart-pie').sparkline(undefined, {
+ type: 'pie',
+ height: '50px',
+ sliceColors: ['rgba(0,0,0,0.10)', 'rgba(0,0,0,0.15)', 'rgba(0,0,0,0.20)', 'rgba(0,0,0,0.25)']
+ });
+
+ //Chart Line
+ $('.chart.chart-line').sparkline(undefined, {
+ type: 'line',
+ width: '60px',
+ height: '45px',
+ lineColor: 'rgba(0, 0, 0, 0.15)',
+ lineWidth: 2,
+ fillColor: 'rgba(0,0,0,0)',
+ spotColor: 'rgba(0, 0, 0, 0.15)',
+ maxSpotColor: 'rgba(0, 0, 0, 0.15)',
+ minSpotColor: 'rgba(0, 0, 0, 0.15)',
+ spotRadius: 3,
+ highlightSpotColor: 'rgba(0, 0, 0, 0.15)'
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/widgets/infobox/infobox-5.js b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-5.js
new file mode 100644
index 00000000..45f8dbfe
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/widgets/infobox/infobox-5.js
@@ -0,0 +1,52 @@
+$(function () {
+ initCounters();
+ initCharts();
+});
+
+//Widgets count plugin
+function initCounters() {
+ $('.count-to').countTo();
+}
+
+//Charts
+function initCharts() {
+ //Chart Bar
+ $.each($('.chart.chart-bar'), function (i, key) {
+ var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
+ $(key).sparkline(undefined, {
+ type: 'bar',
+ barColor: chartColor,
+ negBarColor: chartColor,
+ barWidth: '8px',
+ height: '34px'
+ });
+ });
+
+ //Chart Pie
+ $.each($('.chart.chart-pie'), function (i, key) {
+ var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
+ $(key).sparkline(undefined, {
+ type: 'pie',
+ height: '50px',
+ sliceColors: [hexToRgba(chartColor, '0.55'), hexToRgba(chartColor, '0.70'), hexToRgba(chartColor, '0.85'), hexToRgba(chartColor, '1')]
+ });
+ });
+
+ //Chart Line
+ $.each($('.chart.chart-line'), function (i, key) {
+ var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
+ $(key).sparkline(undefined, {
+ type: 'line',
+ width: '60px',
+ height: '45px',
+ lineColor: chartColor,
+ lineWidth: 1.3,
+ fillColor: 'rgba(0,0,0,0)',
+ spotColor: chartColor,
+ maxSpotColor: chartColor,
+ minSpotColor: chartColor,
+ spotRadius: 3,
+ highlightSpotColor: chartColor
+ });
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/script.js b/template/app/templates/theme4/js/script.js
new file mode 100644
index 00000000..5f282702
--- /dev/null
+++ b/template/app/templates/theme4/js/script.js
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/sweetalert.min.js b/template/app/templates/theme4/js/sweetalert.min.js
new file mode 100644
index 00000000..500bf92c
--- /dev/null
+++ b/template/app/templates/theme4/js/sweetalert.min.js
@@ -0,0 +1 @@
+!function(e,t,n){"use strict";!function o(e,t,n){function a(s,l){if(!t[s]){if(!e[s]){var i="function"==typeof require&&require;if(!l&&i)return i(s,!0);if(r)return r(s,!0);var u=new Error("Cannot find module '"+s+"'");throw u.code="MODULE_NOT_FOUND",u}var c=t[s]={exports:{}};e[s][0].call(c.exports,function(t){var n=e[s][1][t];return a(n?n:t)},c,c.exports,o,e,t,n)}return t[s].exports}for(var r="function"==typeof require&&require,s=0;s=0;)n=n.replace(" "+t+" "," ");e.className=n.replace(/^\s+|\s+$/g,"")}},i=function(e){var n=t.createElement("div");return n.appendChild(t.createTextNode(e)),n.innerHTML},u=function(e){e.style.opacity="",e.style.display="block"},c=function(e){if(e&&!e.length)return u(e);for(var t=0;t0?setTimeout(a,t):e.style.display="none"};o()},b=function(n){if("function"==typeof MouseEvent){var o=new MouseEvent("click",{view:e,bubbles:!1,cancelable:!0});n.dispatchEvent(o)}else if(t.createEvent){var a=t.createEvent("MouseEvents");a.initEvent("click",!1,!1),n.dispatchEvent(a)}else t.createEventObject?n.fireEvent("onclick"):"function"==typeof n.onclick&&n.onclick()},h=function(t){"function"==typeof t.stopPropagation?(t.stopPropagation(),t.preventDefault()):e.event&&e.event.hasOwnProperty("cancelBubble")&&(e.event.cancelBubble=!0)};a.hasClass=r,a.addClass=s,a.removeClass=l,a.escapeHtml=i,a._show=u,a.show=c,a._hide=d,a.hide=f,a.isDescendant=p,a.getTopMargin=m,a.fadeIn=v,a.fadeOut=y,a.fireClick=b,a.stopEventPropagation=h},{}],5:[function(t,o,a){Object.defineProperty(a,"__esModule",{value:!0});var r=t("./handle-dom"),s=t("./handle-swal-dom"),l=function(t,o,a){var l=t||e.event,i=l.keyCode||l.which,u=a.querySelector("button.confirm"),c=a.querySelector("button.cancel"),d=a.querySelectorAll("button[tabindex]");if(-1!==[9,13,32,27].indexOf(i)){for(var f=l.target||l.srcElement,p=-1,m=0;m"),i.innerHTML=e.html?e.text:(0,s.escapeHtml)(e.text||"").split("\n").join("
"),e.text&&(0,s.show)(i),e.customClass)(0,s.addClass)(t,e.customClass),t.setAttribute("data-custom-class",e.customClass);else{var d=t.getAttribute("data-custom-class");(0,s.removeClass)(t,d),t.setAttribute("data-custom-class","")}if((0,s.hide)(t.querySelectorAll(".sa-icon")),e.type&&!(0,a.isIE8)()){var f=function(){for(var o=!1,a=0;ao;o++)n=parseInt(e.substr(2*o,2),16),n=Math.round(Math.min(Math.max(0,n+n*t),255)).toString(16),a+=("00"+n).substr(n.length);return a};o.extend=a,o.hexToRgb=r,o.isIE8=s,o.logStr=l,o.colorLuminance=i},{}]},{},[1]),"function"==typeof define&&define.amd?define(function(){return sweetAlert}):"undefined"!=typeof module&&module.exports&&(module.exports=sweetAlert)}(window,document);
\ No newline at end of file
diff --git a/template/app/templates/theme4/layout.html b/template/app/templates/theme4/layout.html
new file mode 100644
index 00000000..27ce732d
--- /dev/null
+++ b/template/app/templates/theme4/layout.html
@@ -0,0 +1,209 @@
+
+
+
+ {title}
+
+
+
+
+
+
+
+
+ {LIBRARIES}
+ {HEAD}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {title}
+
+
+
+
+
+
+
+
+ {LIBRARIES}
+ {HEAD}
+
+
+
+
+
+
+
+
+
+
+
+
+ Bootstrap-Material DateTimePicker
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ';
+ for (var i = 0; i < calendar.week.length; i++)
+ {
+ _template += '
';
+
+ return _template;
+ },
+ setName: function ()
+ {
+ var text = "";
+ var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+
+ for (var i = 0; i < 5; i++)
+ {
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+
+ return text;
+ },
+ isPM: function ()
+ {
+ return this.$dtpElement.find('a.dtp-meridien-pm').hasClass('selected');
+ },
+ setElementValue: function ()
+ {
+ this.$element.trigger('beforeChange', this.currentDate);
+ if (typeof ($.material) !== 'undefined')
+ {
+ this.$element.removeClass('empty');
+ }
+ this.$element.val(moment(this.currentDate).locale(this.params.lang).format(this.params.format));
+ this.$element.trigger('change', this.currentDate);
+ },
+ toggleButtons: function (date)
+ {
+ if (date && date.isValid())
+ {
+ var startOfMonth = moment(date).locale(this.params.lang).startOf('month');
+ var endOfMonth = moment(date).locale(this.params.lang).endOf('month');
+
+ if (!this.isAfterMinDate(startOfMonth, false, false))
+ {
+ this.$dtpElement.find('a.dtp-select-month-before').addClass('invisible');
+ } else
+ {
+ this.$dtpElement.find('a.dtp-select-month-before').removeClass('invisible');
+ }
+
+ if (!this.isBeforeMaxDate(endOfMonth, false, false))
+ {
+ this.$dtpElement.find('a.dtp-select-month-after').addClass('invisible');
+ } else
+ {
+ this.$dtpElement.find('a.dtp-select-month-after').removeClass('invisible');
+ }
+
+ var startOfYear = moment(date).locale(this.params.lang).startOf('year');
+ var endOfYear = moment(date).locale(this.params.lang).endOf('year');
+
+ if (!this.isAfterMinDate(startOfYear, false, false))
+ {
+ this.$dtpElement.find('a.dtp-select-year-before').addClass('invisible');
+ } else
+ {
+ this.$dtpElement.find('a.dtp-select-year-before').removeClass('invisible');
+ }
+
+ if (!this.isBeforeMaxDate(endOfYear, false, false))
+ {
+ this.$dtpElement.find('a.dtp-select-year-after').addClass('invisible');
+ } else
+ {
+ this.$dtpElement.find('a.dtp-select-year-after').removeClass('invisible');
+ }
+ }
+ },
+ toggleTime: function (value, isHours)
+ {
+ var result = false;
+
+ if (isHours)
+ {
+ var _date = moment(this.currentDate);
+ _date.hour(this.convertHours(value)).minute(0).second(0);
+
+ result = !(this.isAfterMinDate(_date, true, false) === false || this.isBeforeMaxDate(_date, true, false) === false);
+ } else
+ {
+ var _date = moment(this.currentDate);
+ _date.minute(value).second(0);
+
+ result = !(this.isAfterMinDate(_date, true, true) === false || this.isBeforeMaxDate(_date, true, true) === false);
+ }
+
+ return result;
+ },
+ _attachEvent: function (el, ev, fn)
+ {
+ el.on(ev, null, null, fn);
+ this._attachedEvents.push([el, ev, fn]);
+ },
+ _detachEvents: function ()
+ {
+ for (var i = this._attachedEvents.length - 1; i >= 0; i--)
+ {
+ this._attachedEvents[i][0].off(this._attachedEvents[i][1], this._attachedEvents[i][2]);
+ this._attachedEvents.splice(i, 1);
+ }
+ },
+ _fireCalendar: function ()
+ {
+ this.currentView = 0;
+ this.$element.blur();
+
+ this.initDates();
+
+ this.show();
+
+ if (this.params.date)
+ {
+ this.$dtpElement.find('.dtp-date').removeClass('hidden');
+ this.initDate();
+ } else
+ {
+ if (this.params.time)
+ {
+ this.$dtpElement.find('.dtp-time').removeClass('hidden');
+ this.initHours();
+ }
+ }
+ },
+ _onBackgroundClick: function (e)
+ {
+ e.stopPropagation();
+ this.hide();
+ },
+ _onElementClick: function (e)
+ {
+ e.stopPropagation();
+ },
+ _onKeydown: function (e)
+ {
+ if (e.which === 27)
+ {
+ this.hide();
+ }
+ },
+ _onCloseClick: function ()
+ {
+ this.hide();
+ },
+ _onClearClick: function ()
+ {
+ this.currentDate = null;
+ this.$element.trigger('beforeChange', this.currentDate);
+ this.hide();
+ if (typeof ($.material) !== 'undefined')
+ {
+ this.$element.addClass('empty');
+ }
+ this.$element.val('');
+ this.$element.trigger('change', this.currentDate);
+ },
+ _onNowClick: function ()
+ {
+ this.currentDate = moment();
+
+ if (this.params.date === true)
+ {
+ this.showDate(this.currentDate);
+
+ if (this.currentView === 0)
+ {
+ this.initDate();
+ }
+ }
+
+ if (this.params.time === true)
+ {
+ this.showTime(this.currentDate);
+
+ switch (this.currentView)
+ {
+ case 1 :
+ this.initHours();
+ break;
+ case 2 :
+ this.initMinutes();
+ break;
+ }
+
+ this.animateHands();
+ }
+ },
+ _onOKClick: function ()
+ {
+ switch (this.currentView)
+ {
+ case 0:
+ if (this.params.time === true)
+ {
+ this.initHours();
+ } else
+ {
+ this.setElementValue();
+ this.hide();
+ }
+ break;
+ case 1:
+ this.initMinutes();
+ break;
+ case 2:
+ this.setElementValue();
+ this.hide();
+ break;
+ }
+ },
+ _onCancelClick: function ()
+ {
+ if (this.params.time)
+ {
+ switch (this.currentView)
+ {
+ case 0:
+ this.hide();
+ break;
+ case 1:
+ if (this.params.date)
+ {
+ this.initDate();
+ } else
+ {
+ this.hide();
+ }
+ break;
+ case 2:
+ this.initHours();
+ break;
+ }
+ } else
+ {
+ this.hide();
+ }
+ },
+ _onMonthBeforeClick: function ()
+ {
+ this.currentDate.subtract(1, 'months');
+ this.initDate(this.currentDate);
+ this._closeYearPicker();
+ },
+ _onMonthAfterClick: function ()
+ {
+ this.currentDate.add(1, 'months');
+ this.initDate(this.currentDate);
+ this._closeYearPicker();
+ },
+ _onYearBeforeClick: function ()
+ {
+ this.currentDate.subtract(1, 'years');
+ this.initDate(this.currentDate);
+ this._closeYearPicker();
+ },
+ _onYearAfterClick: function ()
+ {
+ this.currentDate.add(1, 'years');
+ this.initDate(this.currentDate);
+ this._closeYearPicker();
+ },
+ refreshYearItems:function () {
+ var curYear=this.currentDate.year(),midYear=this.midYear;
+ var minYear=1850;
+ if (typeof (this.minDate) !== 'undefined' && this.minDate !== null){
+ minYear=moment(this.minDate).year();
+ }
+
+ var maxYear=2200;
+ if (typeof (this.maxDate) !== 'undefined' && this.maxDate !== null){
+ maxYear=moment(this.maxDate).year();
+ }
+
+ this.$dtpElement.find(".dtp-picker-year .invisible").removeClass("invisible");
+ this.$dtpElement.find(".year-picker-item").each(function (i, el) {
+ var newYear = midYear - 3 + i;
+ $(el).attr("data-year", newYear).text(newYear).data("year", newYear);
+ if (curYear == newYear) {
+ $(el).addClass("active");
+ } else {
+ $(el).removeClass("active");
+ }
+ if(newYearmaxYear){
+ $(el).addClass("invisible")
+ }
+ });
+ if(minYear>=midYear-3){
+ this.$dtpElement.find(".dtp-select-year-range.before").addClass('invisible');
+ }
+ if(maxYear<=midYear+3){
+ this.$dtpElement.find(".dtp-select-year-range.after").addClass('invisible');
+ }
+
+ this.$dtpElement.find(".dtp-select-year-range").data("mid", midYear);
+ },
+ _onActualYearClick:function(){
+ if(this.params.year){
+ if(this.$dtpElement.find('.dtp-picker-year.hidden').length>0) {
+ this.$dtpElement.find('.dtp-picker-datetime').addClass("hidden");
+ this.$dtpElement.find('.dtp-picker-calendar').addClass("hidden");
+ this.$dtpElement.find('.dtp-picker-year').removeClass("hidden");
+ this.midYear = this.currentDate.year();
+ this.refreshYearItems();
+ }else{
+ this._closeYearPicker();
+ }
+ }
+ },
+ _onYearRangeBeforeClick:function(){
+ this.midYear-=7;
+ this.refreshYearItems();
+ },
+ _onYearRangeAfterClick:function(){
+ this.midYear+=7;
+ this.refreshYearItems();
+ },
+ _onYearItemClick:function (e) {
+ var newYear = $(e.currentTarget).data('year');
+ var oldYear = this.currentDate.year();
+ var diff = newYear - oldYear;
+ this.currentDate.add(diff, 'years');
+ this.initDate(this.currentDate);
+
+ this._closeYearPicker();
+ this.$element.trigger("yearSelected",this.currentDate);
+ },
+ _closeYearPicker:function(){
+ this.$dtpElement.find('.dtp-picker-calendar').removeClass("hidden");
+ this.$dtpElement.find('.dtp-picker-year').addClass("hidden");
+ },
+ enableYearPicker:function () {
+ this.params.year=true;
+ this.$dtpElement.find(".dtp-actual-year").reomveClass("disabled");
+ },
+ disableYearPicker:function () {
+ this.params.year=false;
+ this.$dtpElement.find(".dtp-actual-year").addClass("disabled");
+ this._closeYearPicker();
+ },
+ _onSelectDate: function (e)
+ {
+ this.$dtpElement.find('a.dtp-select-day').removeClass('selected');
+ $(e.currentTarget).addClass('selected');
+
+ this.selectDate($(e.currentTarget).parent().data("date"));
+
+ if (this.params.switchOnClick === true && this.params.time === true)
+ setTimeout(this.initHours.bind(this), 200);
+
+ if(this.params.switchOnClick === true && this.params.time === false) {
+ setTimeout(this._onOKClick.bind(this), 200);
+ }
+
+ },
+ _onSelectHour: function (e)
+ {
+ if (!$(e.target).hasClass('disabled'))
+ {
+ var value = $(e.target).data('hour');
+ var parent = $(e.target).parent();
+
+ var h = parent.find('.dtp-select-hour');
+ for (var i = 0; i < h.length; i++)
+ {
+ $(h[i]).attr('fill', 'transparent');
+ }
+ var th = parent.find('.dtp-select-hour-text');
+ for (var i = 0; i < th.length; i++)
+ {
+ $(th[i]).attr('fill', '#000');
+ }
+
+ $(parent.find('#h-' + value)).attr('fill', '#8BC34A');
+ $(parent.find('#th-' + value)).attr('fill', '#fff');
+
+ this.currentDate.hour(parseInt(value));
+
+ if (this.params.shortTime === true && this.isPM())
+ {
+ this.currentDate.add(12, 'hours');
+ }
+
+ this.showTime(this.currentDate);
+
+ this.animateHands();
+
+ if (this.params.switchOnClick === true)
+ setTimeout(this.initMinutes.bind(this), 200);
+ }
+ },
+ _onSelectMinute: function (e)
+ {
+ if (!$(e.target).hasClass('disabled'))
+ {
+ var value = $(e.target).data('minute');
+ var parent = $(e.target).parent();
+
+ var m = parent.find('.dtp-select-minute');
+ for (var i = 0; i < m.length; i++)
+ {
+ $(m[i]).attr('fill', 'transparent');
+ }
+ var tm = parent.find('.dtp-select-minute-text');
+ for (var i = 0; i < tm.length; i++)
+ {
+ $(tm[i]).attr('fill', '#000');
+ }
+
+ $(parent.find('#m-' + value)).attr('fill', '#8BC34A');
+ $(parent.find('#tm-' + value)).attr('fill', '#fff');
+
+ this.currentDate.minute(parseInt(value));
+ this.showTime(this.currentDate);
+
+ this.animateHands();
+
+ if (this.params.switchOnClick === true)
+ setTimeout(function ()
+ {
+ this.setElementValue();
+ this.hide();
+ }.bind(this), 200);
+ }
+ },
+ _onSelectAM: function (e)
+ {
+ $('.dtp-actual-meridien').find('a').removeClass('selected');
+ $(e.currentTarget).addClass('selected');
+
+ if (this.currentDate.hour() >= 12)
+ {
+ if (this.currentDate.subtract(12, 'hours'))
+ this.showTime(this.currentDate);
+ }
+ this.toggleTime((this.currentView === 1));
+ },
+ _onSelectPM: function (e)
+ {
+ $('.dtp-actual-meridien').find('a').removeClass('selected');
+ $(e.currentTarget).addClass('selected');
+
+ if (this.currentDate.hour() < 12)
+ {
+ if (this.currentDate.add(12, 'hours'))
+ this.showTime(this.currentDate);
+ }
+ this.toggleTime((this.currentView === 1));
+ },
+ _hideCalendar: function() {
+ this.$dtpElement.find('.dtp-picker-calendar').addClass('hidden');
+ },
+ convertHours: function (h)
+ {
+ var _return = h;
+
+ if (this.params.shortTime === true)
+ {
+ if ((h < 12) && this.isPM())
+ {
+ _return += 12;
+ }
+ }
+
+ return _return;
+ },
+ setDate: function (date)
+ {
+ this.params.currentDate = date;
+ this.initDates();
+ },
+ setMinDate: function (date)
+ {
+ this.params.minDate = date;
+ this.initDates();
+ },
+ setMaxDate: function (date)
+ {
+ this.params.maxDate = date;
+ this.initDates();
+ },
+ destroy: function ()
+ {
+ this._detachEvents();
+ this.$dtpElement.remove();
+ },
+ show: function ()
+ {
+ this.$dtpElement.removeClass('hidden');
+ this._attachEvent($(window), 'keydown', this._onKeydown.bind(this));
+ this._centerBox();
+ this.$element.trigger('open');
+ if (this.params.monthPicker === true)
+ {
+ this._hideCalendar();
+ }
+ },
+ hide: function ()
+ {
+ $(window).off('keydown', null, null, this._onKeydown.bind(this));
+ this.$dtpElement.addClass('hidden');
+ this.$element.trigger('close');
+ },
+ _centerBox: function ()
+ {
+ var h = (this.$dtpElement.height() - this.$dtpElement.find('.dtp-content').height()) / 2;
+ this.$dtpElement.find('.dtp-content').css('marginLeft', -(this.$dtpElement.find('.dtp-content').width() / 2) + 'px');
+ this.$dtpElement.find('.dtp-content').css('top', h + 'px');
+ },
+ enableDays: function ()
+ {
+ var enableDays = this.params.enableDays;
+ if (enableDays) {
+ $(".dtp-picker-days tbody tr td").each(function () {
+ if (!(($.inArray($(this).index(), enableDays)) >= 0)) {
+ $(this).find('a').css({
+ "background": "#e3e3e3",
+ "cursor": "no-drop",
+ "opacity": "0.5"
+ }).off("click");
+ }
+ });
+ }
+ }
+
+ };
+})(jQuery, moment);
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/package.json b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/package.json
new file mode 100644
index 00000000..13ff8350
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "bootstrap-material-datetimepicker",
+ "description": ".",
+ "version": "2.7.1",
+ "keywords": [
+ "css",
+ "js",
+ "mobile-first",
+ "responsive",
+ "front-end",
+ "web"
+ ],
+ "homepage": "https://github.com/T00rk/bootstrap-material-datetimepicker",
+ "main": "js/bootstrap-material-datetimepicker.js",
+ "ignore": [
+ "/.*",
+ "_config.yml",
+ "CNAME",
+ "composer.json",
+ "CONTRIBUTING.md",
+ "docs",
+ "js/tests",
+ "test-infra"
+ ],
+ "dependencies": {
+ "moment": "~2.10.2",
+ "bootstrap": "~3.3.4",
+ "jquery": "1.12.3",
+ "bootstrap-material-design": "~0.3.0"
+ },
+ "repository": {
+ "type": "git",
+ "url": "https://github.com/T00rk/bootstrap-material-datetimepicker"
+ }
+}
diff --git a/template/app/templates/theme4/plugins/jquery-slimscroll/jquery.slimscroll.js b/template/app/templates/theme4/plugins/jquery-slimscroll/jquery.slimscroll.js
new file mode 100644
index 00000000..96d60356
--- /dev/null
+++ b/template/app/templates/theme4/plugins/jquery-slimscroll/jquery.slimscroll.js
@@ -0,0 +1,474 @@
+/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.3.8
+ *
+ */
+(function($) {
+
+ $.fn.extend({
+ slimScroll: function(options) {
+
+ var defaults = {
+
+ // width in pixels of the visible scroll area
+ width : 'auto',
+
+ // height in pixels of the visible scroll area
+ height : '250px',
+
+ // width in pixels of the scrollbar and rail
+ size : '7px',
+
+ // scrollbar color, accepts any hex/color value
+ color: '#000',
+
+ // scrollbar position - left/right
+ position : 'right',
+
+ // distance in pixels between the side edge and the scrollbar
+ distance : '1px',
+
+ // default scroll position on load - top / bottom / $('selector')
+ start : 'top',
+
+ // sets scrollbar opacity
+ opacity : .4,
+
+ // enables always-on mode for the scrollbar
+ alwaysVisible : false,
+
+ // check if we should hide the scrollbar when user is hovering over
+ disableFadeOut : false,
+
+ // sets visibility of the rail
+ railVisible : false,
+
+ // sets rail color
+ railColor : '#333',
+
+ // sets rail opacity
+ railOpacity : .2,
+
+ // whether we should use jQuery UI Draggable to enable bar dragging
+ railDraggable : true,
+
+ // defautlt CSS class of the slimscroll rail
+ railClass : 'slimScrollRail',
+
+ // defautlt CSS class of the slimscroll bar
+ barClass : 'slimScrollBar',
+
+ // defautlt CSS class of the slimscroll wrapper
+ wrapperClass : 'slimScrollDiv',
+
+ // check if mousewheel should scroll the window if we reach top/bottom
+ allowPageScroll : false,
+
+ // scroll amount applied to each mouse wheel step
+ wheelStep : 20,
+
+ // scroll amount applied when user is using gestures
+ touchScrollStep : 200,
+
+ // sets border radius
+ borderRadius: '7px',
+
+ // sets border radius of the rail
+ railBorderRadius : '7px'
+ };
+
+ var o = $.extend(defaults, options);
+
+ // do it for every element that matches selector
+ this.each(function(){
+
+ var isOverPanel, isOverBar, isDragg, queueHide, touchDif,
+ barHeight, percentScroll, lastScroll,
+ divS = '',
+ minBarHeight = 30,
+ releaseScroll = false;
+
+ // used in event handlers and for better minification
+ var me = $(this);
+
+ // ensure we are not binding it again
+ if (me.parent().hasClass(o.wrapperClass))
+ {
+ // start from last bar position
+ var offset = me.scrollTop();
+
+ // find bar and rail
+ bar = me.siblings('.' + o.barClass);
+ rail = me.siblings('.' + o.railClass);
+
+ getBarHeight();
+
+ // check if we should scroll existing instance
+ if ($.isPlainObject(options))
+ {
+ // Pass height: auto to an existing slimscroll object to force a resize after contents have changed
+ if ( 'height' in options && options.height == 'auto' ) {
+ me.parent().css('height', 'auto');
+ me.css('height', 'auto');
+ var height = me.parent().parent().height();
+ me.parent().css('height', height);
+ me.css('height', height);
+ } else if ('height' in options) {
+ var h = options.height;
+ me.parent().css('height', h);
+ me.css('height', h);
+ }
+
+ if ('scrollTo' in options)
+ {
+ // jump to a static point
+ offset = parseInt(o.scrollTo);
+ }
+ else if ('scrollBy' in options)
+ {
+ // jump by value pixels
+ offset += parseInt(o.scrollBy);
+ }
+ else if ('destroy' in options)
+ {
+ // remove slimscroll elements
+ bar.remove();
+ rail.remove();
+ me.unwrap();
+ return;
+ }
+
+ // scroll content by the given offset
+ scrollContent(offset, false, true);
+ }
+
+ return;
+ }
+ else if ($.isPlainObject(options))
+ {
+ if ('destroy' in options)
+ {
+ return;
+ }
+ }
+
+ // optionally set height to the parent's height
+ o.height = (o.height == 'auto') ? me.parent().height() : o.height;
+
+ // wrap content
+ var wrapper = $(divS)
+ .addClass(o.wrapperClass)
+ .css({
+ position: 'relative',
+ overflow: 'hidden',
+ width: o.width,
+ height: o.height
+ });
+
+ // update style for the div
+ me.css({
+ overflow: 'hidden',
+ width: o.width,
+ height: o.height
+ });
+
+ // create scrollbar rail
+ var rail = $(divS)
+ .addClass(o.railClass)
+ .css({
+ width: o.size,
+ height: '100%',
+ position: 'absolute',
+ top: 0,
+ display: (o.alwaysVisible && o.railVisible) ? 'block' : 'none',
+ 'border-radius': o.railBorderRadius,
+ background: o.railColor,
+ opacity: o.railOpacity,
+ zIndex: 90
+ });
+
+ // create scrollbar
+ var bar = $(divS)
+ .addClass(o.barClass)
+ .css({
+ background: o.color,
+ width: o.size,
+ position: 'absolute',
+ top: 0,
+ opacity: o.opacity,
+ display: o.alwaysVisible ? 'block' : 'none',
+ 'border-radius' : o.borderRadius,
+ BorderRadius: o.borderRadius,
+ MozBorderRadius: o.borderRadius,
+ WebkitBorderRadius: o.borderRadius,
+ zIndex: 99
+ });
+
+ // set position
+ var posCss = (o.position == 'right') ? { right: o.distance } : { left: o.distance };
+ rail.css(posCss);
+ bar.css(posCss);
+
+ // wrap it
+ me.wrap(wrapper);
+
+ // append to parent div
+ me.parent().append(bar);
+ me.parent().append(rail);
+
+ // make it draggable and no longer dependent on the jqueryUI
+ if (o.railDraggable){
+ bar.bind("mousedown", function(e) {
+ var $doc = $(document);
+ isDragg = true;
+ t = parseFloat(bar.css('top'));
+ pageY = e.pageY;
+
+ $doc.bind("mousemove.slimscroll", function(e){
+ currTop = t + e.pageY - pageY;
+ bar.css('top', currTop);
+ scrollContent(0, bar.position().top, false);// scroll content
+ });
+
+ $doc.bind("mouseup.slimscroll", function(e) {
+ isDragg = false;hideBar();
+ $doc.unbind('.slimscroll');
+ });
+ return false;
+ }).bind("selectstart.slimscroll", function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ return false;
+ });
+ }
+
+ // on rail over
+ rail.hover(function(){
+ showBar();
+ }, function(){
+ hideBar();
+ });
+
+ // on bar over
+ bar.hover(function(){
+ isOverBar = true;
+ }, function(){
+ isOverBar = false;
+ });
+
+ // show on parent mouseover
+ me.hover(function(){
+ isOverPanel = true;
+ showBar();
+ hideBar();
+ }, function(){
+ isOverPanel = false;
+ hideBar();
+ });
+
+ // support for mobile
+ me.bind('touchstart', function(e,b){
+ if (e.originalEvent.touches.length)
+ {
+ // record where touch started
+ touchDif = e.originalEvent.touches[0].pageY;
+ }
+ });
+
+ me.bind('touchmove', function(e){
+ // prevent scrolling the page if necessary
+ if(!releaseScroll)
+ {
+ e.originalEvent.preventDefault();
+ }
+ if (e.originalEvent.touches.length)
+ {
+ // see how far user swiped
+ var diff = (touchDif - e.originalEvent.touches[0].pageY) / o.touchScrollStep;
+ // scroll content
+ scrollContent(diff, true);
+ touchDif = e.originalEvent.touches[0].pageY;
+ }
+ });
+
+ // set up initial height
+ getBarHeight();
+
+ // check start position
+ if (o.start === 'bottom')
+ {
+ // scroll content to bottom
+ bar.css({ top: me.outerHeight() - bar.outerHeight() });
+ scrollContent(0, true);
+ }
+ else if (o.start !== 'top')
+ {
+ // assume jQuery selector
+ scrollContent($(o.start).position().top, null, true);
+
+ // make sure bar stays hidden
+ if (!o.alwaysVisible) { bar.hide(); }
+ }
+
+ // attach scroll events
+ attachWheel(this);
+
+ function _onWheel(e)
+ {
+ // use mouse wheel only when mouse is over
+ if (!isOverPanel) { return; }
+
+ var e = e || window.event;
+
+ var delta = 0;
+ if (e.wheelDelta) { delta = -e.wheelDelta/120; }
+ if (e.detail) { delta = e.detail / 3; }
+
+ var target = e.target || e.srcTarget || e.srcElement;
+ if ($(target).closest('.' + o.wrapperClass).is(me.parent())) {
+ // scroll content
+ scrollContent(delta, true);
+ }
+
+ // stop window scroll
+ if (e.preventDefault && !releaseScroll) { e.preventDefault(); }
+ if (!releaseScroll) { e.returnValue = false; }
+ }
+
+ function scrollContent(y, isWheel, isJump)
+ {
+ releaseScroll = false;
+ var delta = y;
+ var maxTop = me.outerHeight() - bar.outerHeight();
+
+ if (isWheel)
+ {
+ // move bar with mouse wheel
+ delta = parseInt(bar.css('top')) + y * parseInt(o.wheelStep) / 100 * bar.outerHeight();
+
+ // move bar, make sure it doesn't go out
+ delta = Math.min(Math.max(delta, 0), maxTop);
+
+ // if scrolling down, make sure a fractional change to the
+ // scroll position isn't rounded away when the scrollbar's CSS is set
+ // this flooring of delta would happened automatically when
+ // bar.css is set below, but we floor here for clarity
+ delta = (y > 0) ? Math.ceil(delta) : Math.floor(delta);
+
+ // scroll the scrollbar
+ bar.css({ top: delta + 'px' });
+ }
+
+ // calculate actual scroll amount
+ percentScroll = parseInt(bar.css('top')) / (me.outerHeight() - bar.outerHeight());
+ delta = percentScroll * (me[0].scrollHeight - me.outerHeight());
+
+ if (isJump)
+ {
+ delta = y;
+ var offsetTop = delta / me[0].scrollHeight * me.outerHeight();
+ offsetTop = Math.min(Math.max(offsetTop, 0), maxTop);
+ bar.css({ top: offsetTop + 'px' });
+ }
+
+ // scroll content
+ me.scrollTop(delta);
+
+ // fire scrolling event
+ me.trigger('slimscrolling', ~~delta);
+
+ // ensure bar is visible
+ showBar();
+
+ // trigger hide when scroll is stopped
+ hideBar();
+ }
+
+ function attachWheel(target)
+ {
+ if (window.addEventListener)
+ {
+ target.addEventListener('DOMMouseScroll', _onWheel, false );
+ target.addEventListener('mousewheel', _onWheel, false );
+ }
+ else
+ {
+ document.attachEvent("onmousewheel", _onWheel)
+ }
+ }
+
+ function getBarHeight()
+ {
+ // calculate scrollbar height and make sure it is not too small
+ barHeight = Math.max((me.outerHeight() / me[0].scrollHeight) * me.outerHeight(), minBarHeight);
+ bar.css({ height: barHeight + 'px' });
+
+ // hide scrollbar if content is not long enough
+ var display = barHeight == me.outerHeight() ? 'none' : 'block';
+ bar.css({ display: display });
+ }
+
+ function showBar()
+ {
+ // recalculate bar height
+ getBarHeight();
+ clearTimeout(queueHide);
+
+ // when bar reached top or bottom
+ if (percentScroll == ~~percentScroll)
+ {
+ //release wheel
+ releaseScroll = o.allowPageScroll;
+
+ // publish approporiate event
+ if (lastScroll != percentScroll)
+ {
+ var msg = (~~percentScroll == 0) ? 'top' : 'bottom';
+ me.trigger('slimscroll', msg);
+ }
+ }
+ else
+ {
+ releaseScroll = false;
+ }
+ lastScroll = percentScroll;
+
+ // show only when required
+ if(barHeight >= me.outerHeight()) {
+ //allow window scroll
+ releaseScroll = true;
+ return;
+ }
+ bar.stop(true,true).fadeIn('fast');
+ if (o.railVisible) { rail.stop(true,true).fadeIn('fast'); }
+ }
+
+ function hideBar()
+ {
+ // only hide when options allow it
+ if (!o.alwaysVisible)
+ {
+ queueHide = setTimeout(function(){
+ if (!(o.disableFadeOut && isOverPanel) && !isOverBar && !isDragg)
+ {
+ bar.fadeOut('slow');
+ rail.fadeOut('slow');
+ }
+ }, 1000);
+ }
+ }
+
+ });
+
+ // maintain chainability
+ return this;
+ }
+ });
+
+ $.fn.extend({
+ slimscroll: $.fn.slimScroll
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/moment/moment-with-locales.min.js b/template/app/templates/theme4/plugins/moment/moment-with-locales.min.js
new file mode 100644
index 00000000..d81e02ca
--- /dev/null
+++ b/template/app/templates/theme4/plugins/moment/moment-with-locales.min.js
@@ -0,0 +1 @@
+!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a():"function"==typeof define&&define.amd?define(a):e.moment=a()}(this,function(){"use strict";var e,n;function l(){return e.apply(null,arguments)}function _(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function i(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function o(e){return void 0===e}function m(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function u(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function M(e,a){var t,s=[];for(t=0;t>>0,s=0;sTe(e)?(d=e+1,_-Te(e)):(d=e,_),{year:d,dayOfYear:r}}function Ce(e,a,t){var s,n,d=Ne(e.year(),a,t),r=Math.floor((e.dayOfYear()-d-1)/7)+1;return r<1?s=r+Ie(n=e.year()-1,a,t):r>Ie(e.year(),a,t)?(s=r-Ie(e.year(),a,t),n=e.year()+1):(n=e.year(),s=r),{week:s,year:n}}function Ie(e,a,t){var s=Ne(e,a,t),n=Ne(e+1,a,t);return(Te(e)-s+n)/7}C("w",["ww",2],"wo","week"),C("W",["WW",2],"Wo","isoWeek"),O("week","w"),O("isoWeek","W"),E("week",5),E("isoWeek",5),ie("w",B),ie("ww",B,V),ie("W",B),ie("WW",B,V),Me(["w","ww","W","WW"],function(e,a,t,s){a[s.substr(0,1)]=g(e)});function Ue(e,a){return e.slice(a,7).concat(e.slice(0,a))}C("d",0,"do","day"),C("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),C("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),C("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),C("e",0,0,"weekday"),C("E",0,0,"isoWeekday"),O("day","d"),O("weekday","e"),O("isoWeekday","E"),E("day",11),E("weekday",11),E("isoWeekday",11),ie("d",B),ie("e",B),ie("E",B),ie("dd",function(e,a){return a.weekdaysMinRegex(e)}),ie("ddd",function(e,a){return a.weekdaysShortRegex(e)}),ie("dddd",function(e,a){return a.weekdaysRegex(e)}),Me(["dd","ddd","dddd"],function(e,a,t,s){var n=t._locale.weekdaysParse(e,s,t._strict);null!=n?a.d=n:Y(t).invalidWeekday=e}),Me(["d","e","E"],function(e,a,t,s){a[s]=g(e)});var Ge="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_");var Ve="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_");var Ke="Su_Mo_Tu_We_Th_Fr_Sa".split("_");var Ze=re;var $e=re;var Be=re;function qe(){function e(e,a){return a.length-e.length}var a,t,s,n,d,r=[],_=[],i=[],o=[];for(a=0;a<7;a++)t=c([2e3,1]).day(a),s=this.weekdaysMin(t,""),n=this.weekdaysShort(t,""),d=this.weekdays(t,""),r.push(s),_.push(n),i.push(d),o.push(s),o.push(n),o.push(d);for(r.sort(e),_.sort(e),i.sort(e),o.sort(e),a=0;a<7;a++)_[a]=me(_[a]),i[a]=me(i[a]),o[a]=me(o[a]);this._weekdaysRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+_.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+r.join("|")+")","i")}function Qe(){return this.hours()%12||12}function Xe(e,a){C(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),a)})}function ea(e,a){return a._meridiemParse}C("H",["HH",2],0,"hour"),C("h",["hh",2],0,Qe),C("k",["kk",2],0,function(){return this.hours()||24}),C("hmm",0,0,function(){return""+Qe.apply(this)+F(this.minutes(),2)}),C("hmmss",0,0,function(){return""+Qe.apply(this)+F(this.minutes(),2)+F(this.seconds(),2)}),C("Hmm",0,0,function(){return""+this.hours()+F(this.minutes(),2)}),C("Hmmss",0,0,function(){return""+this.hours()+F(this.minutes(),2)+F(this.seconds(),2)}),Xe("a",!0),Xe("A",!1),O("hour","h"),E("hour",13),ie("a",ea),ie("A",ea),ie("H",B),ie("h",B),ie("k",B),ie("HH",B,V),ie("hh",B,V),ie("kk",B,V),ie("hmm",q),ie("hmmss",Q),ie("Hmm",q),ie("Hmmss",Q),le(["H","HH"],Ye),le(["k","kk"],function(e,a,t){var s=g(e);a[Ye]=24===s?0:s}),le(["a","A"],function(e,a,t){t._isPm=t._locale.isPM(e),t._meridiem=e}),le(["h","hh"],function(e,a,t){a[Ye]=g(e),Y(t).bigHour=!0}),le("hmm",function(e,a,t){var s=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s)),Y(t).bigHour=!0}),le("hmmss",function(e,a,t){var s=e.length-4,n=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s,2)),a[fe]=g(e.substr(n)),Y(t).bigHour=!0}),le("Hmm",function(e,a,t){var s=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s))}),le("Hmmss",function(e,a,t){var s=e.length-4,n=e.length-2;a[Ye]=g(e.substr(0,s)),a[ye]=g(e.substr(s,2)),a[fe]=g(e.substr(n))});var aa,ta=Se("Hours",!0),sa={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Oe,monthsShort:Pe,week:{dow:0,doy:6},weekdays:Ge,weekdaysMin:Ke,weekdaysShort:Ve,meridiemParse:/[ap]\.?m?\.?/i},na={},da={};function ra(e){return e?e.toLowerCase().replace("_","-"):e}function _a(e){var a=null;if(!na[e]&&"undefined"!=typeof module&&module&&module.exports)try{a=aa._abbr,require("./locale/"+e),ia(a)}catch(e){}return na[e]}function ia(e,a){var t;return e&&((t=o(a)?ma(e):oa(e,a))?aa=t:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),aa._abbr}function oa(e,a){if(null===a)return delete na[e],null;var t,s=sa;if(a.abbr=e,null!=na[e])S("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=na[e]._config;else if(null!=a.parentLocale)if(null!=na[a.parentLocale])s=na[a.parentLocale]._config;else{if(null==(t=_a(a.parentLocale)))return da[a.parentLocale]||(da[a.parentLocale]=[]),da[a.parentLocale].push({name:e,config:a}),null;s=t._config}return na[e]=new j(b(s,a)),da[e]&&da[e].forEach(function(e){oa(e.name,e.config)}),ia(e),na[e]}function ma(e){var a;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return aa;if(!_(e)){if(a=_a(e))return a;e=[e]}return function(e){for(var a,t,s,n,d=0;d=a&&r(n,t,!0)>=a-1)break;a--}d++}return aa}(e)}function ua(e){var a,t=e._a;return t&&-2===Y(e).overflow&&(a=t[Le]<0||11je(t[he],t[Le])?ce:t[Ye]<0||24Ie(t,d,r)?Y(e)._overflowWeeks=!0:null!=i?Y(e)._overflowWeekday=!0:(_=Re(t,s,n,d,r),e._a[he]=_.year,e._dayOfYear=_.dayOfYear)}(e),null!=e._dayOfYear&&(d=la(e._a[he],s[he]),(e._dayOfYear>Te(d)||0===e._dayOfYear)&&(Y(e)._overflowDayOfYear=!0),t=Je(d,0,e._dayOfYear),e._a[Le]=t.getUTCMonth(),e._a[ce]=t.getUTCDate()),a=0;a<3&&null==e._a[a];++a)e._a[a]=r[a]=s[a];for(;a<7;a++)e._a[a]=r[a]=null==e._a[a]?2===a?1:0:e._a[a];24===e._a[Ye]&&0===e._a[ye]&&0===e._a[fe]&&0===e._a[ke]&&(e._nextDay=!0,e._a[Ye]=0),e._d=(e._useUTC?Je:function(e,a,t,s,n,d,r){var _;return e<100&&0<=e?(_=new Date(e+400,a,t,s,n,d,r),isFinite(_.getFullYear())&&_.setFullYear(e)):_=new Date(e,a,t,s,n,d,r),_}).apply(null,r),n=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[Ye]=24),e._w&&void 0!==e._w.d&&e._w.d!==n&&(Y(e).weekdayMismatch=!0)}}var ha=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,La=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,ca=/Z|[+-]\d\d(?::?\d\d)?/,Ya=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],ya=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],fa=/^\/?Date\((\-?\d+)/i;function ka(e){var a,t,s,n,d,r,_=e._i,i=ha.exec(_)||La.exec(_);if(i){for(Y(e).iso=!0,a=0,t=Ya.length;at.valueOf():t.valueOf()this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},Mt.isLocal=function(){return!!this.isValid()&&!this._isUTC},Mt.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},Mt.isUtc=Ra,Mt.isUTC=Ra,Mt.zoneAbbr=function(){return this._isUTC?"UTC":""},Mt.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},Mt.dates=t("dates accessor is deprecated. Use date instead.",_t),Mt.months=t("months accessor is deprecated. Use month instead",Ae),Mt.years=t("years accessor is deprecated. Use year instead",ve),Mt.zone=t("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,a){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,a),this):-this.utcOffset()}),Mt.isDSTShifted=t("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){if(!o(this._isDSTShifted))return this._isDSTShifted;var e={};if(k(e,this),(e=va(e))._a){var a=e._isUTC?c(e._a):Ha(e._a);this._isDSTShifted=this.isValid()&&0 0;
+ }
+
+ function getWavesElements(nodes) {
+ var stringRepr = toString.call(nodes);
+
+ if (stringRepr === '[object String]') {
+ return $$(nodes);
+ } else if (isObject(nodes) && /^\[object (Array|HTMLCollection|NodeList|Object)\]$/.test(stringRepr) && nodes.hasOwnProperty('length')) {
+ return nodes;
+ } else if (isDOMNode(nodes)) {
+ return [nodes];
+ }
+
+ return [];
+ }
+
+ function offset(elem) {
+ var docElem, win,
+ box = { top: 0, left: 0 },
+ doc = elem && elem.ownerDocument;
+
+ docElem = doc.documentElement;
+
+ if (typeof elem.getBoundingClientRect !== typeof undefined) {
+ box = elem.getBoundingClientRect();
+ }
+ win = getWindow(doc);
+ return {
+ top: box.top + win.pageYOffset - docElem.clientTop,
+ left: box.left + win.pageXOffset - docElem.clientLeft
+ };
+ }
+
+ function convertStyle(styleObj) {
+ var style = '';
+
+ for (var prop in styleObj) {
+ if (styleObj.hasOwnProperty(prop)) {
+ style += (prop + ':' + styleObj[prop] + ';');
+ }
+ }
+
+ return style;
+ }
+
+ var Effect = {
+
+ // Effect duration
+ duration: 750,
+
+ // Effect delay (check for scroll before showing effect)
+ delay: 200,
+
+ show: function(e, element, velocity) {
+
+ // Disable right click
+ if (e.button === 2) {
+ return false;
+ }
+
+ element = element || this;
+
+ // Create ripple
+ var ripple = document.createElement('div');
+ ripple.className = 'waves-ripple waves-rippling';
+ element.appendChild(ripple);
+
+ // Get click coordinate and element width
+ var pos = offset(element);
+ var relativeY = 0;
+ var relativeX = 0;
+ // Support for touch devices
+ if('touches' in e && e.touches.length) {
+ relativeY = (e.touches[0].pageY - pos.top);
+ relativeX = (e.touches[0].pageX - pos.left);
+ }
+ //Normal case
+ else {
+ relativeY = (e.pageY - pos.top);
+ relativeX = (e.pageX - pos.left);
+ }
+ // Support for synthetic events
+ relativeX = relativeX >= 0 ? relativeX : 0;
+ relativeY = relativeY >= 0 ? relativeY : 0;
+
+ var scale = 'scale(' + ((element.clientWidth / 100) * 3) + ')';
+ var translate = 'translate(0,0)';
+
+ if (velocity) {
+ translate = 'translate(' + (velocity.x) + 'px, ' + (velocity.y) + 'px)';
+ }
+
+ // Attach data to element
+ ripple.setAttribute('data-hold', Date.now());
+ ripple.setAttribute('data-x', relativeX);
+ ripple.setAttribute('data-y', relativeY);
+ ripple.setAttribute('data-scale', scale);
+ ripple.setAttribute('data-translate', translate);
+
+ // Set ripple position
+ var rippleStyle = {
+ top: relativeY + 'px',
+ left: relativeX + 'px'
+ };
+
+ ripple.classList.add('waves-notransition');
+ ripple.setAttribute('style', convertStyle(rippleStyle));
+ ripple.classList.remove('waves-notransition');
+
+ // Scale the ripple
+ rippleStyle['-webkit-transform'] = scale + ' ' + translate;
+ rippleStyle['-moz-transform'] = scale + ' ' + translate;
+ rippleStyle['-ms-transform'] = scale + ' ' + translate;
+ rippleStyle['-o-transform'] = scale + ' ' + translate;
+ rippleStyle.transform = scale + ' ' + translate;
+ rippleStyle.opacity = '1';
+
+ var duration = e.type === 'mousemove' ? 2500 : Effect.duration;
+ rippleStyle['-webkit-transition-duration'] = duration + 'ms';
+ rippleStyle['-moz-transition-duration'] = duration + 'ms';
+ rippleStyle['-o-transition-duration'] = duration + 'ms';
+ rippleStyle['transition-duration'] = duration + 'ms';
+
+ ripple.setAttribute('style', convertStyle(rippleStyle));
+ },
+
+ hide: function(e, element) {
+ element = element || this;
+
+ var ripples = element.getElementsByClassName('waves-rippling');
+
+ for (var i = 0, len = ripples.length; i < len; i++) {
+ removeRipple(e, element, ripples[i]);
+ }
+ }
+ };
+
+ /**
+ * Collection of wrapper for HTML element that only have single tag
+ * like and ![]()
+ */
+ var TagWrapper = {
+
+ // Wrap tag so it can perform the effect
+ input: function(element) {
+
+ var parent = element.parentNode;
+
+ // If input already have parent just pass through
+ if (parent.tagName.toLowerCase() === 'i' && parent.classList.contains('waves-effect')) {
+ return;
+ }
+
+ // Put element class and style to the specified parent
+ var wrapper = document.createElement('i');
+ wrapper.className = element.className + ' waves-input-wrapper';
+ element.className = 'waves-button-input';
+
+ // Put element as child
+ parent.replaceChild(wrapper, element);
+ wrapper.appendChild(element);
+
+ // Apply element color and background color to wrapper
+ var elementStyle = window.getComputedStyle(element, null);
+ var color = elementStyle.color;
+ var backgroundColor = elementStyle.backgroundColor;
+
+ wrapper.setAttribute('style', 'color:' + color + ';background:' + backgroundColor);
+ element.setAttribute('style', 'background-color:rgba(0,0,0,0);');
+
+ },
+
+ // Wrap ![]()
tag so it can perform the effect
+ img: function(element) {
+
+ var parent = element.parentNode;
+
+ // If input already have parent just pass through
+ if (parent.tagName.toLowerCase() === 'i' && parent.classList.contains('waves-effect')) {
+ return;
+ }
+
+ // Put element as child
+ var wrapper = document.createElement('i');
+ parent.replaceChild(wrapper, element);
+ wrapper.appendChild(element);
+
+ }
+ };
+
+ /**
+ * Hide the effect and remove the ripple. Must be
+ * a separate function to pass the JSLint...
+ */
+ function removeRipple(e, el, ripple) {
+
+ // Check if the ripple still exist
+ if (!ripple) {
+ return;
+ }
+
+ ripple.classList.remove('waves-rippling');
+
+ var relativeX = ripple.getAttribute('data-x');
+ var relativeY = ripple.getAttribute('data-y');
+ var scale = ripple.getAttribute('data-scale');
+ var translate = ripple.getAttribute('data-translate');
+
+ // Get delay beetween mousedown and mouse leave
+ var diff = Date.now() - Number(ripple.getAttribute('data-hold'));
+ var delay = 350 - diff;
+
+ if (delay < 0) {
+ delay = 0;
+ }
+
+ if (e.type === 'mousemove') {
+ delay = 150;
+ }
+
+ // Fade out ripple after delay
+ var duration = e.type === 'mousemove' ? 2500 : Effect.duration;
+
+ setTimeout(function() {
+
+ var style = {
+ top: relativeY + 'px',
+ left: relativeX + 'px',
+ opacity: '0',
+
+ // Duration
+ '-webkit-transition-duration': duration + 'ms',
+ '-moz-transition-duration': duration + 'ms',
+ '-o-transition-duration': duration + 'ms',
+ 'transition-duration': duration + 'ms',
+ '-webkit-transform': scale + ' ' + translate,
+ '-moz-transform': scale + ' ' + translate,
+ '-ms-transform': scale + ' ' + translate,
+ '-o-transform': scale + ' ' + translate,
+ 'transform': scale + ' ' + translate
+ };
+
+ ripple.setAttribute('style', convertStyle(style));
+
+ setTimeout(function() {
+ try {
+ el.removeChild(ripple);
+ } catch (e) {
+ return false;
+ }
+ }, duration);
+
+ }, delay);
+ }
+
+
+ /**
+ * Disable mousedown event for 500ms during and after touch
+ */
+ var TouchHandler = {
+
+ /* uses an integer rather than bool so there's no issues with
+ * needing to clear timeouts if another touch event occurred
+ * within the 500ms. Cannot mouseup between touchstart and
+ * touchend, nor in the 500ms after touchend. */
+ touches: 0,
+
+ allowEvent: function(e) {
+
+ var allow = true;
+
+ if (/^(mousedown|mousemove)$/.test(e.type) && TouchHandler.touches) {
+ allow = false;
+ }
+
+ return allow;
+ },
+ registerEvent: function(e) {
+ var eType = e.type;
+
+ if (eType === 'touchstart') {
+
+ TouchHandler.touches += 1; // push
+
+ } else if (/^(touchend|touchcancel)$/.test(eType)) {
+
+ setTimeout(function() {
+ if (TouchHandler.touches) {
+ TouchHandler.touches -= 1; // pop after 500ms
+ }
+ }, 500);
+
+ }
+ }
+ };
+
+
+ /**
+ * Delegated click handler for .waves-effect element.
+ * returns null when .waves-effect element not in "click tree"
+ */
+ function getWavesEffectElement(e) {
+
+ if (TouchHandler.allowEvent(e) === false) {
+ return null;
+ }
+
+ var element = null;
+ var target = e.target || e.srcElement;
+
+ while (target.parentElement !== null) {
+ if (target.classList.contains('waves-effect') && (!(target instanceof SVGElement))) {
+ element = target;
+ break;
+ }
+ target = target.parentElement;
+ }
+
+ return element;
+ }
+
+ /**
+ * Bubble the click and show effect if .waves-effect elem was found
+ */
+ function showEffect(e) {
+
+ // Disable effect if element has "disabled" property on it
+ // In some cases, the event is not triggered by the current element
+ // if (e.target.getAttribute('disabled') !== null) {
+ // return;
+ // }
+
+ var element = getWavesEffectElement(e);
+
+ if (element !== null) {
+
+ // Make it sure the element has either disabled property, disabled attribute or 'disabled' class
+ if (element.disabled || element.getAttribute('disabled') || element.classList.contains('disabled')) {
+ return;
+ }
+
+ TouchHandler.registerEvent(e);
+
+ if (e.type === 'touchstart' && Effect.delay) {
+
+ var hidden = false;
+
+ var timer = setTimeout(function () {
+ timer = null;
+ Effect.show(e, element);
+ }, Effect.delay);
+
+ var hideEffect = function(hideEvent) {
+
+ // if touch hasn't moved, and effect not yet started: start effect now
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ Effect.show(e, element);
+ }
+ if (!hidden) {
+ hidden = true;
+ Effect.hide(hideEvent, element);
+ }
+ };
+
+ var touchMove = function(moveEvent) {
+ if (timer) {
+ clearTimeout(timer);
+ timer = null;
+ }
+ hideEffect(moveEvent);
+ };
+
+ element.addEventListener('touchmove', touchMove, false);
+ element.addEventListener('touchend', hideEffect, false);
+ element.addEventListener('touchcancel', hideEffect, false);
+
+ } else {
+
+ Effect.show(e, element);
+
+ if (isTouchAvailable) {
+ element.addEventListener('touchend', Effect.hide, false);
+ element.addEventListener('touchcancel', Effect.hide, false);
+ }
+
+ element.addEventListener('mouseup', Effect.hide, false);
+ element.addEventListener('mouseleave', Effect.hide, false);
+ }
+ }
+ }
+
+ Waves.init = function(options) {
+ var body = document.body;
+
+ options = options || {};
+
+ if ('duration' in options) {
+ Effect.duration = options.duration;
+ }
+
+ if ('delay' in options) {
+ Effect.delay = options.delay;
+ }
+
+ if (isTouchAvailable) {
+ body.addEventListener('touchstart', showEffect, false);
+ body.addEventListener('touchcancel', TouchHandler.registerEvent, false);
+ body.addEventListener('touchend', TouchHandler.registerEvent, false);
+ }
+
+ body.addEventListener('mousedown', showEffect, false);
+ };
+
+
+ /**
+ * Attach Waves to dynamically loaded inputs, or add .waves-effect and other
+ * waves classes to a set of elements. Set drag to true if the ripple mouseover
+ * or skimming effect should be applied to the elements.
+ */
+ Waves.attach = function(elements, classes) {
+
+ elements = getWavesElements(elements);
+
+ if (toString.call(classes) === '[object Array]') {
+ classes = classes.join(' ');
+ }
+
+ classes = classes ? ' ' + classes : '';
+
+ var element, tagName;
+
+ for (var i = 0, len = elements.length; i < len; i++) {
+
+ element = elements[i];
+ tagName = element.tagName.toLowerCase();
+
+ if (['input', 'img'].indexOf(tagName) !== -1) {
+ TagWrapper[tagName](element);
+ element = element.parentElement;
+ }
+
+ if (element.className.indexOf('waves-effect') === -1) {
+ element.className += ' waves-effect' + classes;
+ }
+ }
+ };
+
+
+ /**
+ * Cause a ripple to appear in an element via code.
+ */
+ Waves.ripple = function(elements, options) {
+ elements = getWavesElements(elements);
+ var elementsLen = elements.length;
+
+ options = options || {};
+ options.wait = options.wait || 0;
+ options.position = options.position || null; // default = centre of element
+
+
+ if (elementsLen) {
+ var element, pos, off, centre = {}, i = 0;
+ var mousedown = {
+ type: 'mousedown',
+ button: 1
+ };
+ var hideRipple = function(mouseup, element) {
+ return function() {
+ Effect.hide(mouseup, element);
+ };
+ };
+
+ for (; i < elementsLen; i++) {
+ element = elements[i];
+ pos = options.position || {
+ x: element.clientWidth / 2,
+ y: element.clientHeight / 2
+ };
+
+ off = offset(element);
+ centre.x = off.left + pos.x;
+ centre.y = off.top + pos.y;
+
+ mousedown.pageX = centre.x;
+ mousedown.pageY = centre.y;
+
+ Effect.show(mousedown, element);
+
+ if (options.wait >= 0 && options.wait !== null) {
+ var mouseup = {
+ type: 'mouseup',
+ button: 1
+ };
+
+ setTimeout(hideRipple(mouseup, element), options.wait);
+ }
+ }
+ }
+ };
+
+ /**
+ * Remove all ripples from an element.
+ */
+ Waves.calm = function(elements) {
+ elements = getWavesElements(elements);
+ var mouseup = {
+ type: 'mouseup',
+ button: 1
+ };
+
+ for (var i = 0, len = elements.length; i < len; i++) {
+ Effect.hide(mouseup, elements[i]);
+ }
+ };
+
+ /**
+ * Deprecated API fallback
+ */
+ Waves.displayEffect = function(options) {
+ console.error('Waves.displayEffect() has been deprecated and will be removed in future version. Please use Waves.init() to initialize Waves effect');
+ Waves.init(options);
+ };
+
+ return Waves;
+});
diff --git a/template/app/templates/theme4/plugins/node-waves/waves.min.css b/template/app/templates/theme4/plugins/node-waves/waves.min.css
new file mode 100644
index 00000000..b06e752a
--- /dev/null
+++ b/template/app/templates/theme4/plugins/node-waves/waves.min.css
@@ -0,0 +1,8 @@
+/*!
+ * Waves v0.7.5
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;opacity:0;background:rgba(0,0,0,.2);background:-webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0) translate(0,0);-moz-transform:scale(0) translate(0,0);-ms-transform:scale(0) translate(0,0);-o-transform:scale(0) translate(0,0);transform:scale(0) translate(0,0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background:rgba(255,255,255,.4);background:-webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:-moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);background:radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)}.waves-effect.waves-classic .waves-ripple{background:rgba(0,0,0,.2)}.waves-effect.waves-classic.waves-light .waves-ripple{background:rgba(255,255,255,.4)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important}.waves-button,.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input{white-space:nowrap;vertical-align:middle;cursor:pointer;border:none;outline:0;color:inherit;background-color:transparent;font-size:1em;line-height:1em;text-align:center;text-decoration:none;z-index:1}.waves-button{padding:.85em 1.1em;border-radius:.2em}.waves-button-input{margin:0;padding:.85em 1.1em}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}.waves-input-wrapper.waves-button{padding:0}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%}.waves-float{-webkit-mask-image:none;-webkit-box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);box-shadow:0 1px 1.5px 1px rgba(0,0,0,.12);-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}.waves-float:active{-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.3);box-shadow:0 8px 20px 1px rgba(0,0,0,.3)}.waves-block{display:block}
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/node-waves/waves.min.js b/template/app/templates/theme4/plugins/node-waves/waves.min.js
new file mode 100644
index 00000000..d6e6cb16
--- /dev/null
+++ b/template/app/templates/theme4/plugins/node-waves/waves.min.js
@@ -0,0 +1,10 @@
+/*!
+ * Waves v0.7.5
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
+ */
+!function(a,b){"use strict";"function"==typeof define&&define.amd?define([],function(){return b.apply(a)}):"object"==typeof exports?module.exports=b.call(a):a.Waves=b.call(a)}("object"==typeof global?global:this,function(){"use strict";function a(a){return null!==a&&a===a.window}function b(b){return a(b)?b:9===b.nodeType&&b.defaultView}function c(a){var b=typeof a;return"function"===b||"object"===b&&!!a}function d(a){return c(a)&&a.nodeType>0}function e(a){var b=m.call(a);return"[object String]"===b?l(a):c(a)&&/^\[object (Array|HTMLCollection|NodeList|Object)\]$/.test(b)&&a.hasOwnProperty("length")?a:d(a)?[a]:[]}function f(a){var c,d,e={top:0,left:0},f=a&&a.ownerDocument;return c=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=b(f),{top:e.top+d.pageYOffset-c.clientTop,left:e.left+d.pageXOffset-c.clientLeft}}function g(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}function h(a,b,c){if(c){c.classList.remove("waves-rippling");var d=c.getAttribute("data-x"),e=c.getAttribute("data-y"),f=c.getAttribute("data-scale"),h=c.getAttribute("data-translate"),i=Date.now()-Number(c.getAttribute("data-hold")),j=350-i;0>j&&(j=0),"mousemove"===a.type&&(j=150);var k="mousemove"===a.type?2500:o.duration;setTimeout(function(){var a={top:e+"px",left:d+"px",opacity:"0","-webkit-transition-duration":k+"ms","-moz-transition-duration":k+"ms","-o-transition-duration":k+"ms","transition-duration":k+"ms","-webkit-transform":f+" "+h,"-moz-transform":f+" "+h,"-ms-transform":f+" "+h,"-o-transform":f+" "+h,transform:f+" "+h};c.setAttribute("style",g(a)),setTimeout(function(){try{b.removeChild(c)}catch(a){return!1}},k)},j)}}function i(a){if(q.allowEvent(a)===!1)return null;for(var b=null,c=a.target||a.srcElement;null!==c.parentElement;){if(c.classList.contains("waves-effect")&&!(c instanceof SVGElement)){b=c;break}c=c.parentElement}return b}function j(a){var b=i(a);if(null!==b){if(b.disabled||b.getAttribute("disabled")||b.classList.contains("disabled"))return;if(q.registerEvent(a),"touchstart"===a.type&&o.delay){var c=!1,d=setTimeout(function(){d=null,o.show(a,b)},o.delay),e=function(e){d&&(clearTimeout(d),d=null,o.show(a,b)),c||(c=!0,o.hide(e,b))},f=function(a){d&&(clearTimeout(d),d=null),e(a)};b.addEventListener("touchmove",f,!1),b.addEventListener("touchend",e,!1),b.addEventListener("touchcancel",e,!1)}else o.show(a,b),n&&(b.addEventListener("touchend",o.hide,!1),b.addEventListener("touchcancel",o.hide,!1)),b.addEventListener("mouseup",o.hide,!1),b.addEventListener("mouseleave",o.hide,!1)}}var k=k||{},l=document.querySelectorAll.bind(document),m=Object.prototype.toString,n="ontouchstart"in window,o={duration:750,delay:200,show:function(a,b,c){if(2===a.button)return!1;b=b||this;var d=document.createElement("div");d.className="waves-ripple waves-rippling",b.appendChild(d);var e=f(b),h=0,i=0;"touches"in a&&a.touches.length?(h=a.touches[0].pageY-e.top,i=a.touches[0].pageX-e.left):(h=a.pageY-e.top,i=a.pageX-e.left),i=i>=0?i:0,h=h>=0?h:0;var j="scale("+b.clientWidth/100*3+")",k="translate(0,0)";c&&(k="translate("+c.x+"px, "+c.y+"px)"),d.setAttribute("data-hold",Date.now()),d.setAttribute("data-x",i),d.setAttribute("data-y",h),d.setAttribute("data-scale",j),d.setAttribute("data-translate",k);var l={top:h+"px",left:i+"px"};d.classList.add("waves-notransition"),d.setAttribute("style",g(l)),d.classList.remove("waves-notransition"),l["-webkit-transform"]=j+" "+k,l["-moz-transform"]=j+" "+k,l["-ms-transform"]=j+" "+k,l["-o-transform"]=j+" "+k,l.transform=j+" "+k,l.opacity="1";var m="mousemove"===a.type?2500:o.duration;l["-webkit-transition-duration"]=m+"ms",l["-moz-transition-duration"]=m+"ms",l["-o-transition-duration"]=m+"ms",l["transition-duration"]=m+"ms",d.setAttribute("style",g(l))},hide:function(a,b){b=b||this;for(var c=b.getElementsByClassName("waves-rippling"),d=0,e=c.length;e>d;d++)h(a,b,c[d])}},p={input:function(a){var b=a.parentNode;if("i"!==b.tagName.toLowerCase()||!b.classList.contains("waves-effect")){var c=document.createElement("i");c.className=a.className+" waves-input-wrapper",a.className="waves-button-input",b.replaceChild(c,a),c.appendChild(a);var d=window.getComputedStyle(a,null),e=d.color,f=d.backgroundColor;c.setAttribute("style","color:"+e+";background:"+f),a.setAttribute("style","background-color:rgba(0,0,0,0);")}},img:function(a){var b=a.parentNode;if("i"!==b.tagName.toLowerCase()||!b.classList.contains("waves-effect")){var c=document.createElement("i");b.replaceChild(c,a),c.appendChild(a)}}},q={touches:0,allowEvent:function(a){var b=!0;return/^(mousedown|mousemove)$/.test(a.type)&&q.touches&&(b=!1),b},registerEvent:function(a){var b=a.type;"touchstart"===b?q.touches+=1:/^(touchend|touchcancel)$/.test(b)&&setTimeout(function(){q.touches&&(q.touches-=1)},500)}};return k.init=function(a){var b=document.body;a=a||{},"duration"in a&&(o.duration=a.duration),"delay"in a&&(o.delay=a.delay),n&&(b.addEventListener("touchstart",j,!1),b.addEventListener("touchcancel",q.registerEvent,!1),b.addEventListener("touchend",q.registerEvent,!1)),b.addEventListener("mousedown",j,!1)},k.attach=function(a,b){a=e(a),"[object Array]"===m.call(b)&&(b=b.join(" ")),b=b?" "+b:"";for(var c,d,f=0,g=a.length;g>f;f++)c=a[f],d=c.tagName.toLowerCase(),-1!==["input","img"].indexOf(d)&&(p[d](c),c=c.parentElement),-1===c.className.indexOf("waves-effect")&&(c.className+=" waves-effect"+b)},k.ripple=function(a,b){a=e(a);var c=a.length;if(b=b||{},b.wait=b.wait||0,b.position=b.position||null,c)for(var d,g,h,i={},j=0,k={type:"mousedown",button:1},l=function(a,b){return function(){o.hide(a,b)}};c>j;j++)if(d=a[j],g=b.position||{x:d.clientWidth/2,y:d.clientHeight/2},h=f(d),i.x=h.left+g.x,i.y=h.top+g.y,k.pageX=i.x,k.pageY=i.y,o.show(k,d),b.wait>=0&&null!==b.wait){var m={type:"mouseup",button:1};setTimeout(l(m,d),b.wait)}},k.calm=function(a){a=e(a);for(var b={type:"mouseup",button:1},c=0,d=a.length;d>c;c++)o.hide(b,a[c])},k.displayEffect=function(a){k.init(a)},k});
+//# sourceMappingURL=waves.min.js.map
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/node-waves/waves.min.js.map b/template/app/templates/theme4/plugins/node-waves/waves.min.js.map
new file mode 100644
index 00000000..8da1b0ae
--- /dev/null
+++ b/template/app/templates/theme4/plugins/node-waves/waves.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../src/js/waves.js"],"names":["window","factory","define","amd","apply","exports","module","call","Waves","global","this","isWindow","obj","getWindow","elem","nodeType","defaultView","isObject","value","type","isDOMNode","getWavesElements","nodes","stringRepr","toString","$$","test","hasOwnProperty","offset","docElem","win","box","top","left","doc","ownerDocument","documentElement","getBoundingClientRect","pageYOffset","clientTop","pageXOffset","clientLeft","convertStyle","styleObj","style","prop","removeRipple","e","el","ripple","classList","remove","relativeX","getAttribute","relativeY","scale","translate","diff","Date","now","Number","delay","duration","Effect","setTimeout","opacity","-webkit-transition-duration","-moz-transition-duration","-o-transition-duration","transition-duration","-webkit-transform","-moz-transform","-ms-transform","-o-transform","transform","setAttribute","removeChild","getWavesEffectElement","TouchHandler","allowEvent","element","target","srcElement","parentElement","contains","SVGElement","showEffect","disabled","registerEvent","hidden","timer","show","hideEffect","hideEvent","clearTimeout","hide","touchMove","moveEvent","addEventListener","isTouchAvailable","document","querySelectorAll","bind","Object","prototype","velocity","button","createElement","className","appendChild","pos","touches","length","pageY","pageX","clientWidth","rippleStyle","add","ripples","getElementsByClassName","i","len","TagWrapper","input","parent","parentNode","tagName","toLowerCase","wrapper","replaceChild","elementStyle","getComputedStyle","color","backgroundColor","img","allow","eType","init","options","body","attach","elements","classes","join","indexOf","elementsLen","wait","position","off","centre","mousedown","hideRipple","mouseup","x","y","clientHeight","calm","displayEffect"],"mappings":";;;;;;;;CASC,SAAUA,EAAQC,GACf,YAIsB,mBAAXC,SAAyBA,OAAOC,IACvCD,UAAW,WACP,MAAOD,GAAQG,MAAMJ,KAMD,gBAAZK,SACZC,OAAOD,QAAUJ,EAAQM,KAAKP,GAK9BA,EAAOQ,MAAQP,EAAQM,KAAKP,IAEf,gBAAXS,QAAsBA,OAASC,KAAM,WAC3C,YASA,SAASC,GAASC,GACd,MAAe,QAARA,GAAgBA,IAAQA,EAAIZ,OAGvC,QAASa,GAAUC,GACf,MAAOH,GAASG,GAAQA,EAAyB,IAAlBA,EAAKC,UAAkBD,EAAKE,YAG/D,QAASC,GAASC,GACd,GAAIC,SAAcD,EAClB,OAAgB,aAATC,GAAgC,WAATA,KAAuBD,EAGzD,QAASE,GAAUR,GACf,MAAOK,GAASL,IAAQA,EAAIG,SAAW,EAG3C,QAASM,GAAiBC,GACtB,GAAIC,GAAaC,EAASjB,KAAKe,EAE/B,OAAmB,oBAAfC,EACOE,EAAGH,GACHL,EAASK,IAAU,sDAAsDI,KAAKH,IAAeD,EAAMK,eAAe,UAClHL,EACAF,EAAUE,IACTA,MAMhB,QAASM,GAAOd,GACZ,GAAIe,GAASC,EACTC,GAAQC,IAAK,EAAGC,KAAM,GACtBC,EAAMpB,GAAQA,EAAKqB,aAQvB,OANAN,GAAUK,EAAIE,gBAE4B,mBAA/BtB,GAAKuB,wBACZN,EAAMjB,EAAKuB,yBAEfP,EAAMjB,EAAUqB,IAEZF,IAAKD,EAAIC,IAAMF,EAAIQ,YAAcT,EAAQU,UACzCN,KAAMF,EAAIE,KAAOH,EAAIU,YAAcX,EAAQY,YAInD,QAASC,GAAaC,GAClB,GAAIC,GAAQ,EAEZ,KAAK,GAAIC,KAAQF,GACTA,EAAShB,eAAekB,KACxBD,GAAUC,EAAO,IAAMF,EAASE,GAAQ,IAIhD,OAAOD,GAwJX,QAASE,GAAaC,EAAGC,EAAIC,GAGzB,GAAKA,EAAL,CAIAA,EAAOC,UAAUC,OAAO,iBAExB,IAAIC,GAAYH,EAAOI,aAAa,UAChCC,EAAYL,EAAOI,aAAa,UAChCE,EAAYN,EAAOI,aAAa,cAChCG,EAAYP,EAAOI,aAAa,kBAGhCI,EAAOC,KAAKC,MAAQC,OAAOX,EAAOI,aAAa,cAC/CQ,EAAQ,IAAMJ,CAEN,GAARI,IACAA,EAAQ,GAGG,cAAXd,EAAE5B,OACF0C,EAAQ,IAIZ,IAAIC,GAAsB,cAAXf,EAAE5B,KAAuB,KAAO4C,EAAOD,QAEtDE,YAAW,WAEP,GAAIpB,IACAZ,IAAKsB,EAAY,KACjBrB,KAAMmB,EAAY,KAClBa,QAAS,IAGTC,8BAA+BJ,EAAW,KAC1CK,2BAA4BL,EAAW,KACvCM,yBAA0BN,EAAW,KACrCO,sBAAuBP,EAAW,KAClCQ,oBAAqBf,EAAQ,IAAMC,EACnCe,iBAAkBhB,EAAQ,IAAMC,EAChCgB,gBAAiBjB,EAAQ,IAAMC,EAC/BiB,eAAgBlB,EAAQ,IAAMC,EAC9BkB,UAAanB,EAAQ,IAAMC,EAG/BP,GAAO0B,aAAa,QAASjC,EAAaE,IAE1CoB,WAAW,WACP,IACIhB,EAAG4B,YAAY3B,GACjB,MAAOF,GACL,OAAO,IAEZe,IAEJD,IAiDP,QAASgB,GAAsB9B,GAE3B,GAAI+B,EAAaC,WAAWhC,MAAO,EAC/B,MAAO,KAMX,KAHA,GAAIiC,GAAU,KACVC,EAASlC,EAAEkC,QAAUlC,EAAEmC,WAEK,OAAzBD,EAAOE,eAAwB,CAClC,GAAIF,EAAO/B,UAAUkC,SAAS,mBAAsBH,YAAkBI,aAAc,CAChFL,EAAUC,CACV,OAEJA,EAASA,EAAOE,cAGpB,MAAOH,GAMX,QAASM,GAAWvC,GAQhB,GAAIiC,GAAUH,EAAsB9B,EAEpC,IAAgB,OAAZiC,EAAkB,CAGlB,GAAIA,EAAQO,UAAYP,EAAQ3B,aAAa,aAAe2B,EAAQ9B,UAAUkC,SAAS,YACnF,MAKJ,IAFAN,EAAaU,cAAczC,GAEZ,eAAXA,EAAE5B,MAAyB4C,EAAOF,MAAO,CAEzC,GAAI4B,IAAS,EAETC,EAAQ1B,WAAW,WACnB0B,EAAQ,KACR3B,EAAO4B,KAAK5C,EAAGiC,IAChBjB,EAAOF,OAEN+B,EAAa,SAASC,GAGlBH,IACAI,aAAaJ,GACbA,EAAQ,KACR3B,EAAO4B,KAAK5C,EAAGiC,IAEdS,IACDA,GAAS,EACT1B,EAAOgC,KAAKF,EAAWb,KAI3BgB,EAAY,SAASC,GACjBP,IACAI,aAAaJ,GACbA,EAAQ,MAEZE,EAAWK,GAGfjB,GAAQkB,iBAAiB,YAAaF,GAAW,GACjDhB,EAAQkB,iBAAiB,WAAYN,GAAY,GACjDZ,EAAQkB,iBAAiB,cAAeN,GAAY,OAIpD7B,GAAO4B,KAAK5C,EAAGiC,GAEXmB,IACAnB,EAAQkB,iBAAiB,WAAYnC,EAAOgC,MAAM,GAClDf,EAAQkB,iBAAiB,cAAenC,EAAOgC,MAAM,IAGzDf,EAAQkB,iBAAiB,UAAWnC,EAAOgC,MAAM,GACjDf,EAAQkB,iBAAiB,aAAcnC,EAAOgC,MAAM,IA1ZhE,GAAIvF,GAAmBA,MACnBiB,EAAmB2E,SAASC,iBAAiBC,KAAKF,UAClD5E,EAAmB+E,OAAOC,UAAUhF,SACpC2E,EAAmB,gBAAkBnG,QAgErC+D,GAGAD,SAAU,IAGVD,MAAO,IAEP8B,KAAM,SAAS5C,EAAGiC,EAASyB,GAGvB,GAAiB,IAAb1D,EAAE2D,OACF,OAAO,CAGX1B,GAAUA,GAAWtE,IAGrB,IAAIuC,GAASmD,SAASO,cAAc,MACpC1D,GAAO2D,UAAY,8BACnB5B,EAAQ6B,YAAY5D,EAGpB,IAAI6D,GAAYlF,EAAOoD,GACnB1B,EAAY,EACZF,EAAY,CAEb,YAAaL,IAAKA,EAAEgE,QAAQC,QAC3B1D,EAAeP,EAAEgE,QAAQ,GAAGE,MAAQH,EAAI9E,IACxCoB,EAAeL,EAAEgE,QAAQ,GAAGG,MAAQJ,EAAI7E,OAIxCqB,EAAeP,EAAEkE,MAAQH,EAAI9E,IAC7BoB,EAAeL,EAAEmE,MAAQJ,EAAI7E,MAGjCmB,EAAYA,GAAa,EAAIA,EAAY,EACzCE,EAAYA,GAAa,EAAIA,EAAY,CAEzC,IAAIC,GAAY,SAAayB,EAAQmC,YAAc,IAAO,EAAK,IAC3D3D,EAAY,gBAEZiD,KACAjD,EAAY,aAAgBiD,EAAU,EAAI,OAAUA,EAAU,EAAI,OAItExD,EAAO0B,aAAa,YAAajB,KAAKC,OACtCV,EAAO0B,aAAa,SAAUvB,GAC9BH,EAAO0B,aAAa,SAAUrB,GAC9BL,EAAO0B,aAAa,aAAcpB,GAClCN,EAAO0B,aAAa,iBAAkBnB,EAGtC,IAAI4D,IACApF,IAAKsB,EAAY,KACjBrB,KAAMmB,EAAY,KAGtBH,GAAOC,UAAUmE,IAAI,sBACrBpE,EAAO0B,aAAa,QAASjC,EAAa0E,IAC1CnE,EAAOC,UAAUC,OAAO,sBAGxBiE,EAAY,qBAAuB7D,EAAQ,IAAMC,EACjD4D,EAAY,kBAAoB7D,EAAQ,IAAMC,EAC9C4D,EAAY,iBAAmB7D,EAAQ,IAAMC,EAC7C4D,EAAY,gBAAkB7D,EAAQ,IAAMC,EAC5C4D,EAAY1C,UAAYnB,EAAQ,IAAMC,EACtC4D,EAAYnD,QAAU,GAEtB,IAAIH,GAAsB,cAAXf,EAAE5B,KAAuB,KAAO4C,EAAOD,QACtDsD,GAAY,+BAAiCtD,EAAW,KACxDsD,EAAY,4BAAiCtD,EAAW,KACxDsD,EAAY,0BAAiCtD,EAAW,KACxDsD,EAAY,uBAAiCtD,EAAW,KAExDb,EAAO0B,aAAa,QAASjC,EAAa0E,KAG9CrB,KAAM,SAAShD,EAAGiC,GACdA,EAAUA,GAAWtE,IAIrB,KAAK,GAFD4G,GAAUtC,EAAQuC,uBAAuB,kBAEpCC,EAAI,EAAGC,EAAMH,EAAQN,OAAYS,EAAJD,EAASA,IAC3C1E,EAAaC,EAAGiC,EAASsC,EAAQE,MASzCE,GAGAC,MAAO,SAAS3C,GAEZ,GAAI4C,GAAS5C,EAAQ6C,UAGrB,IAAqC,MAAjCD,EAAOE,QAAQC,gBAAyBH,EAAO1E,UAAUkC,SAAS,gBAAtE,CAKA,GAAI4C,GAAgB5B,SAASO,cAAc,IAC3CqB,GAAQpB,UAAY5B,EAAQ4B,UAAY,uBACxC5B,EAAQ4B,UAAY,qBAGpBgB,EAAOK,aAAaD,EAAShD,GAC7BgD,EAAQnB,YAAY7B,EAGpB,IAAIkD,GAAkBlI,OAAOmI,iBAAiBnD,EAAS,MACnDoD,EAAkBF,EAAaE,MAC/BC,EAAkBH,EAAaG,eAEnCL,GAAQrD,aAAa,QAAS,SAAWyD,EAAQ,eAAiBC,GAClErD,EAAQL,aAAa,QAAS,qCAKlC2D,IAAK,SAAStD,GAEV,GAAI4C,GAAS5C,EAAQ6C,UAGrB,IAAqC,MAAjCD,EAAOE,QAAQC,gBAAyBH,EAAO1E,UAAUkC,SAAS,gBAAtE,CAKA,GAAI4C,GAAW5B,SAASO,cAAc,IACtCiB,GAAOK,aAAaD,EAAShD,GAC7BgD,EAAQnB,YAAY7B,MA0ExBF,GAMAiC,QAAS,EAEThC,WAAY,SAAShC,GAEjB,GAAIwF,IAAQ,CAMZ,OAJI,0BAA0B7G,KAAKqB,EAAE5B,OAAS2D,EAAaiC,UACvDwB,GAAQ,GAGLA,GAEX/C,cAAe,SAASzC,GACpB,GAAIyF,GAAQzF,EAAE5B,IAEA,gBAAVqH,EAEA1D,EAAaiC,SAAW,EAEjB,2BAA2BrF,KAAK8G,IAEvCxE,WAAW,WACHc,EAAaiC,UACbjC,EAAaiC,SAAW,IAE7B,MA2Of,OApIAvG,GAAMiI,KAAO,SAASC,GAClB,GAAIC,GAAOvC,SAASuC,IAEpBD,GAAUA,MAEN,YAAcA,KACd3E,EAAOD,SAAW4E,EAAQ5E,UAG1B,SAAW4E,KACX3E,EAAOF,MAAQ6E,EAAQ7E,OAGvBsC,IACAwC,EAAKzC,iBAAiB,aAAcZ,GAAY,GAChDqD,EAAKzC,iBAAiB,cAAepB,EAAaU,eAAe,GACjEmD,EAAKzC,iBAAiB,WAAYpB,EAAaU,eAAe,IAGlEmD,EAAKzC,iBAAiB,YAAaZ,GAAY,IASnD9E,EAAMoI,OAAS,SAASC,EAAUC,GAE9BD,EAAWxH,EAAiBwH,GAEG,mBAA3BrH,EAASjB,KAAKuI,KACdA,EAAUA,EAAQC,KAAK,MAG3BD,EAAUA,EAAU,IAAMA,EAAU,EAIpC,KAAK,GAFD9D,GAAS8C,EAEJN,EAAI,EAAGC,EAAMoB,EAAS7B,OAAYS,EAAJD,EAASA,IAE5CxC,EAAU6D,EAASrB,GACnBM,EAAU9C,EAAQ8C,QAAQC,cAEgB,MAArC,QAAS,OAAOiB,QAAQlB,KACzBJ,EAAWI,GAAS9C,GACpBA,EAAUA,EAAQG,eAG4B,KAA9CH,EAAQ4B,UAAUoC,QAAQ,kBAC1BhE,EAAQ4B,WAAa,gBAAkBkC,IASnDtI,EAAMyC,OAAS,SAAS4F,EAAUH,GAC9BG,EAAWxH,EAAiBwH,EAC5B,IAAII,GAAcJ,EAAS7B,MAO3B,IALA0B,EAAmBA,MACnBA,EAAQQ,KAAWR,EAAQQ,MAAQ,EACnCR,EAAQS,SAAWT,EAAQS,UAAY,KAGnCF,EAYA,IAXA,GAAIjE,GAAS8B,EAAKsC,EAAKC,KAAa7B,EAAI,EACpC8B,GACAnI,KAAM,YACNuF,OAAQ,GAER6C,EAAa,SAASC,EAASxE,GAC/B,MAAO,YACHjB,EAAOgC,KAAKyD,EAASxE,KAIlBiE,EAAJzB,EAAiBA,IAgBpB,GAfAxC,EAAU6D,EAASrB,GACnBV,EAAM4B,EAAQS,WACVM,EAAGzE,EAAQmC,YAAc,EACzBuC,EAAG1E,EAAQ2E,aAAe,GAG9BP,EAAWxH,EAAOoD,GAClBqE,EAAOI,EAAIL,EAAInH,KAAO6E,EAAI2C,EAC1BJ,EAAOK,EAAIN,EAAIpH,IAAM8E,EAAI4C,EAEzBJ,EAAUpC,MAAQmC,EAAOI,EACzBH,EAAUrC,MAAQoC,EAAOK,EAEzB3F,EAAO4B,KAAK2D,EAAWtE,GAEnB0D,EAAQQ,MAAQ,GAAsB,OAAjBR,EAAQQ,KAAe,CAC5C,GAAIM,IACArI,KAAM,UACNuF,OAAQ,EAGZ1C,YAAWuF,EAAWC,EAASxE,GAAU0D,EAAQQ,QASjE1I,EAAMoJ,KAAO,SAASf,GAClBA,EAAWxH,EAAiBwH,EAM5B,KAAK,GALDW,IACArI,KAAM,UACNuF,OAAQ,GAGHc,EAAI,EAAGC,EAAMoB,EAAS7B,OAAYS,EAAJD,EAASA,IAC5CzD,EAAOgC,KAAKyD,EAASX,EAASrB,KAOtChH,EAAMqJ,cAAgB,SAASnB,GAE3BlI,EAAMiI,KAAKC,IAGRlI","file":"waves.min.js"}
\ No newline at end of file
diff --git a/template/app/templates/theme4/public.html b/template/app/templates/theme4/public.html
new file mode 100644
index 00000000..8f3c9243
--- /dev/null
+++ b/template/app/templates/theme4/public.html
@@ -0,0 +1,141 @@
+
+
+
+ Adianti Template IV
+
+
+
+
+
+
+
+
+ {LIBRARIES}
+ {HEAD}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
' + label + '
' + Math.round(series.percent) + '%
';
+ }
+ //====================================================================================================
+});
+
+function getRandomData() {
+ if (data.length > 0) data = data.slice(1);
+
+ while (data.length < totalPoints) {
+ var prev = data.length > 0 ? data[data.length - 1] : 50, y = prev + Math.random() * 10 - 5;
+ if (y < 0) { y = 0; } else if (y > 100) { y = 100; }
+
+ data.push(y);
+ }
+
+ var res = [];
+ for (var i = 0; i < data.length; ++i) {
+ res.push([i, data[i]])
+ }
+
+ return res;
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/charts/jquery-knob.js b/template/app/templates/theme4/js/pages/charts/jquery-knob.js
new file mode 100644
index 00000000..7475262d
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/charts/jquery-knob.js
@@ -0,0 +1,46 @@
+$(function () {
+ $('.knob').knob({
+ draw: function () {
+ // "tron" case
+ if (this.$.data('skin') == 'tron') {
+
+ var a = this.angle(this.cv) // Angle
+ , sa = this.startAngle // Previous start angle
+ , sat = this.startAngle // Start angle
+ , ea // Previous end angle
+ , eat = sat + a // End angle
+ , r = true;
+
+ this.g.lineWidth = this.lineWidth;
+
+ this.o.cursor
+ && (sat = eat - 0.3)
+ && (eat = eat + 0.3);
+
+ if (this.o.displayPrevious) {
+ ea = this.startAngle + this.angle(this.value);
+ this.o.cursor
+ && (sa = ea - 0.3)
+ && (ea = ea + 0.3);
+ this.g.beginPath();
+ this.g.strokeStyle = this.previousColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
+ this.g.stroke();
+ }
+
+ this.g.beginPath();
+ this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
+ this.g.stroke();
+
+ this.g.lineWidth = 2;
+ this.g.beginPath();
+ this.g.strokeStyle = this.o.fgColor;
+ this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
+ this.g.stroke();
+
+ return false;
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/charts/morris.js b/template/app/templates/theme4/js/pages/charts/morris.js
new file mode 100644
index 00000000..23705428
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/charts/morris.js
@@ -0,0 +1,168 @@
+$(function () {
+ getMorris('line', 'line_chart');
+ getMorris('bar', 'bar_chart');
+ getMorris('area', 'area_chart');
+ getMorris('donut', 'donut_chart');
+});
+
+
+function getMorris(type, element) {
+ if (type === 'line') {
+ Morris.Line({
+ element: element,
+ data: [{
+ 'period': '2011 Q3',
+ 'licensed': 3407,
+ 'sorned': 660
+ }, {
+ 'period': '2011 Q2',
+ 'licensed': 3351,
+ 'sorned': 629
+ }, {
+ 'period': '2011 Q1',
+ 'licensed': 3269,
+ 'sorned': 618
+ }, {
+ 'period': '2010 Q4',
+ 'licensed': 3246,
+ 'sorned': 661
+ }, {
+ 'period': '2009 Q4',
+ 'licensed': 3171,
+ 'sorned': 676
+ }, {
+ 'period': '2008 Q4',
+ 'licensed': 3155,
+ 'sorned': 681
+ }, {
+ 'period': '2007 Q4',
+ 'licensed': 3226,
+ 'sorned': 620
+ }, {
+ 'period': '2006 Q4',
+ 'licensed': 3245,
+ 'sorned': null
+ }, {
+ 'period': '2005 Q4',
+ 'licensed': 3289,
+ 'sorned': null
+ }],
+ xkey: 'period',
+ ykeys: ['licensed', 'sorned'],
+ labels: ['Licensed', 'Off the road'],
+ lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)'],
+ lineWidth: 3
+ });
+ } else if (type === 'bar') {
+ Morris.Bar({
+ element: element,
+ data: [{
+ x: '2011 Q1',
+ y: 3,
+ z: 2,
+ a: 3
+ }, {
+ x: '2011 Q2',
+ y: 2,
+ z: null,
+ a: 1
+ }, {
+ x: '2011 Q3',
+ y: 0,
+ z: 2,
+ a: 4
+ }, {
+ x: '2011 Q4',
+ y: 2,
+ z: 4,
+ a: 3
+ }],
+ xkey: 'x',
+ ykeys: ['y', 'z', 'a'],
+ labels: ['Y', 'Z', 'A'],
+ barColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)'],
+ });
+ } else if (type === 'area') {
+ Morris.Area({
+ element: element,
+ data: [{
+ period: '2010 Q1',
+ iphone: 2666,
+ ipad: null,
+ itouch: 2647
+ }, {
+ period: '2010 Q2',
+ iphone: 2778,
+ ipad: 2294,
+ itouch: 2441
+ }, {
+ period: '2010 Q3',
+ iphone: 4912,
+ ipad: 1969,
+ itouch: 2501
+ }, {
+ period: '2010 Q4',
+ iphone: 3767,
+ ipad: 3597,
+ itouch: 5689
+ }, {
+ period: '2011 Q1',
+ iphone: 6810,
+ ipad: 1914,
+ itouch: 2293
+ }, {
+ period: '2011 Q2',
+ iphone: 5670,
+ ipad: 4293,
+ itouch: 1881
+ }, {
+ period: '2011 Q3',
+ iphone: 4820,
+ ipad: 3795,
+ itouch: 1588
+ }, {
+ period: '2011 Q4',
+ iphone: 15073,
+ ipad: 5967,
+ itouch: 5175
+ }, {
+ period: '2012 Q1',
+ iphone: 10687,
+ ipad: 4460,
+ itouch: 2028
+ }, {
+ period: '2012 Q2',
+ iphone: 8432,
+ ipad: 5713,
+ itouch: 1791
+ }],
+ xkey: 'period',
+ ykeys: ['iphone', 'ipad', 'itouch'],
+ labels: ['iPhone', 'iPad', 'iPod Touch'],
+ pointSize: 2,
+ hideHover: 'auto',
+ lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)']
+ });
+ } else if (type === 'donut') {
+ Morris.Donut({
+ element: element,
+ data: [{
+ label: 'Jam',
+ value: 25
+ }, {
+ label: 'Frosted',
+ value: 40
+ }, {
+ label: 'Custard',
+ value: 25
+ }, {
+ label: 'Sugar',
+ value: 10
+ }],
+ colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)'],
+ formatter: function (y) {
+ return y + '%'
+ }
+ });
+ }
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/charts/sparkline.js b/template/app/templates/theme4/js/pages/charts/sparkline.js
new file mode 100644
index 00000000..4bdb413b
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/charts/sparkline.js
@@ -0,0 +1,156 @@
+$(function () {
+ $(".sparkline").each(function () {
+ var $this = $(this);
+ $this.sparkline('html', $this.data());
+ });
+
+ $('.sparkline-pie').sparkline('html', {
+ type: 'pie',
+ offset: 90,
+ width: '150px',
+ height: '150px',
+ sliceColors: ['#E91E63', '#00BCD4', '#FFC107']
+ })
+
+ drawDocSparklines();
+ drawMouseSpeedDemo();
+});
+
+//Taken from http://omnipotent.net/jquery.sparkline ================
+function drawDocSparklines() {
+
+ // Bar + line composite charts
+ $('#compositebar').sparkline('html', { type: 'bar', barColor: '#aaf' });
+ $('#compositebar').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7],
+ { composite: true, fillColor: false, lineColor: 'red' });
+
+
+ // Line charts taking their values from the tag
+ $('.sparkline-1').sparkline();
+
+ // Larger line charts for the docs
+ $('.largeline').sparkline('html',
+ { type: 'line', height: '2.5em', width: '4em' });
+
+ // Customized line chart
+ $('#linecustom').sparkline('html',
+ {
+ height: '1.5em', width: '8em', lineColor: '#f00', fillColor: '#ffa',
+ minSpotColor: false, maxSpotColor: false, spotColor: '#77f', spotRadius: 3
+ });
+
+ // Bar charts using inline values
+ $('.sparkbar').sparkline('html', { type: 'bar' });
+
+ $('.barformat').sparkline([1, 3, 5, 3, 8], {
+ type: 'bar',
+ tooltipFormat: '{{value:levels}} - {{value}}',
+ tooltipValueLookups: {
+ levels: $.range_map({ ':2': 'Low', '3:6': 'Medium', '7:': 'High' })
+ }
+ });
+
+ // Tri-state charts using inline values
+ $('.sparktristate').sparkline('html', { type: 'tristate' });
+ $('.sparktristatecols').sparkline('html',
+ { type: 'tristate', colorMap: { '-2': '#fa7', '2': '#44f' } });
+
+ // Composite line charts, the second using values supplied via javascript
+ $('#compositeline').sparkline('html', { fillColor: false, changeRangeMin: 0, chartRangeMax: 10 });
+ $('#compositeline').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7],
+ { composite: true, fillColor: false, lineColor: 'red', changeRangeMin: 0, chartRangeMax: 10 });
+
+ // Line charts with normal range marker
+ $('#normalline').sparkline('html',
+ { fillColor: false, normalRangeMin: -1, normalRangeMax: 8 });
+ $('#normalExample').sparkline('html',
+ { fillColor: false, normalRangeMin: 80, normalRangeMax: 95, normalRangeColor: '#4f4' });
+
+ // Discrete charts
+ $('.discrete1').sparkline('html',
+ { type: 'discrete', lineColor: 'blue', xwidth: 18 });
+ $('#discrete2').sparkline('html',
+ { type: 'discrete', lineColor: 'blue', thresholdColor: 'red', thresholdValue: 4 });
+
+ // Bullet charts
+ $('.sparkbullet').sparkline('html', { type: 'bullet' });
+
+ // Pie charts
+ $('.sparkpie').sparkline('html', { type: 'pie', height: '1.0em' });
+
+ // Box plots
+ $('.sparkboxplot').sparkline('html', { type: 'box' });
+ $('.sparkboxplotraw').sparkline([1, 3, 5, 8, 10, 15, 18],
+ { type: 'box', raw: true, showOutliers: true, target: 6 });
+
+ // Box plot with specific field order
+ $('.boxfieldorder').sparkline('html', {
+ type: 'box',
+ tooltipFormatFieldlist: ['med', 'lq', 'uq'],
+ tooltipFormatFieldlistKey: 'field'
+ });
+
+ // click event demo sparkline
+ $('.clickdemo').sparkline();
+ $('.clickdemo').bind('sparklineClick', function (ev) {
+ var sparkline = ev.sparklines[0],
+ region = sparkline.getCurrentRegionFields();
+ value = region.y;
+ alert("Clicked on x=" + region.x + " y=" + region.y);
+ });
+
+ // mouseover event demo sparkline
+ $('.mouseoverdemo').sparkline();
+ $('.mouseoverdemo').bind('sparklineRegionChange', function (ev) {
+ var sparkline = ev.sparklines[0],
+ region = sparkline.getCurrentRegionFields();
+ value = region.y;
+ $('.mouseoverregion').text("x=" + region.x + " y=" + region.y);
+ }).bind('mouseleave', function () {
+ $('.mouseoverregion').text('');
+ });
+}
+
+/**
+ ** Draw the little mouse speed animated graph
+ ** This just attaches a handler to the mousemove event to see
+ ** (roughly) how far the mouse has moved
+ ** and then updates the display a couple of times a second via
+ ** setTimeout()
+ **/
+function drawMouseSpeedDemo() {
+ var mrefreshinterval = 500; // update display every 500ms
+ var lastmousex = -1;
+ var lastmousey = -1;
+ var lastmousetime;
+ var mousetravel = 0;
+ var mpoints = [];
+ var mpoints_max = 30;
+ $('html').mousemove(function (e) {
+ var mousex = e.pageX;
+ var mousey = e.pageY;
+ if (lastmousex > -1) {
+ mousetravel += Math.max(Math.abs(mousex - lastmousex), Math.abs(mousey - lastmousey));
+ }
+ lastmousex = mousex;
+ lastmousey = mousey;
+ });
+ var mdraw = function () {
+ var md = new Date();
+ var timenow = md.getTime();
+ if (lastmousetime && lastmousetime != timenow) {
+ var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
+ mpoints.push(pps);
+ if (mpoints.length > mpoints_max)
+ mpoints.splice(0, 1);
+ mousetravel = 0;
+ $('#mousespeed').sparkline(mpoints, { width: mpoints.length * 2, tooltipSuffix: ' pixels per second' });
+ }
+ lastmousetime = timenow;
+ setTimeout(mdraw, mrefreshinterval);
+ };
+ // We could use setInterval instead, but I prefer to do it this way
+ setTimeout(mdraw, mrefreshinterval);
+}
+
+//=================================================================
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/examples/forgot-password.js b/template/app/templates/theme4/js/pages/examples/forgot-password.js
new file mode 100644
index 00000000..809e1749
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/examples/forgot-password.js
@@ -0,0 +1,14 @@
+$(function () {
+ $('#forgot_password').validate({
+ highlight: function (input) {
+ console.log(input);
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.input-group').append(error);
+ }
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/examples/sign-in.js b/template/app/templates/theme4/js/pages/examples/sign-in.js
new file mode 100644
index 00000000..026d5c6f
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/examples/sign-in.js
@@ -0,0 +1,14 @@
+$(function () {
+ $('#sign_in').validate({
+ highlight: function (input) {
+ console.log(input);
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.input-group').append(error);
+ }
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/examples/sign-up.js b/template/app/templates/theme4/js/pages/examples/sign-up.js
new file mode 100644
index 00000000..2d9c422a
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/examples/sign-up.js
@@ -0,0 +1,23 @@
+$(function () {
+ $('#sign_up').validate({
+ rules: {
+ 'terms': {
+ required: true
+ },
+ 'confirm': {
+ equalTo: '[name="password"]'
+ }
+ },
+ highlight: function (input) {
+ console.log(input);
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.input-group').append(error);
+ $(element).parents('.form-group').append(error);
+ }
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/forms/advanced-form-elements.js b/template/app/templates/theme4/js/pages/forms/advanced-form-elements.js
new file mode 100644
index 00000000..d072c121
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/forms/advanced-form-elements.js
@@ -0,0 +1,85 @@
+$(function () {
+ $('.colorpicker').colorpicker();
+
+ //Dropzone
+ Dropzone.options.frmFileUpload = {
+ paramName: "file",
+ maxFilesize: 2
+ };
+
+ //Masked Input ============================================================================================================================
+ var $demoMaskedInput = $('.demo-masked-input');
+
+ //Date
+ $demoMaskedInput.find('.date').inputmask('dd/mm/yyyy', { placeholder: '__/__/____' });
+
+ //Time
+ $demoMaskedInput.find('.time12').inputmask('hh:mm t', { placeholder: '__:__ _m', alias: 'time12', hourFormat: '12' });
+ $demoMaskedInput.find('.time24').inputmask('hh:mm', { placeholder: '__:__ _m', alias: 'time24', hourFormat: '24' });
+
+ //Date Time
+ $demoMaskedInput.find('.datetime').inputmask('d/m/y h:s', { placeholder: '__/__/____ __:__', alias: "datetime", hourFormat: '24' });
+
+ //Mobile Phone Number
+ $demoMaskedInput.find('.mobile-phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
+ //Phone Number
+ $demoMaskedInput.find('.phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
+
+ //Dollar Money
+ $demoMaskedInput.find('.money-dollar').inputmask('99,99 $', { placeholder: '__,__ $' });
+ //Euro Money
+ $demoMaskedInput.find('.money-euro').inputmask('99,99 €', { placeholder: '__,__ €' });
+
+ //IP Address
+ $demoMaskedInput.find('.ip').inputmask('999.999.999.999', { placeholder: '___.___.___.___' });
+
+ //Credit Card
+ $demoMaskedInput.find('.credit-card').inputmask('9999 9999 9999 9999', { placeholder: '____ ____ ____ ____' });
+
+ //Email
+ $demoMaskedInput.find('.email').inputmask({ alias: "email" });
+
+ //Serial Key
+ $demoMaskedInput.find('.key').inputmask('****-****-****-****', { placeholder: '____-____-____-____' });
+ //===========================================================================================================================================
+
+ //Multi-select
+ $('#optgroup').multiSelect({ selectableOptgroup: true });
+
+ //noUISlider
+ var sliderBasic = document.getElementById('nouislider_basic_example');
+ noUiSlider.create(sliderBasic, {
+ start: [30],
+ connect: 'lower',
+ step: 1,
+ range: {
+ 'min': [0],
+ 'max': [100]
+ }
+ });
+ getNoUISliderValue(sliderBasic, true);
+
+ //Range Example
+ var rangeSlider = document.getElementById('nouislider_range_example');
+ noUiSlider.create(rangeSlider, {
+ start: [32500, 62500],
+ connect: true,
+ range: {
+ 'min': 25000,
+ 'max': 100000
+ }
+ });
+ getNoUISliderValue(rangeSlider, false);
+});
+
+//Get noUISlider Value and write on
+function getNoUISliderValue(slider, percentage) {
+ slider.noUiSlider.on('update', function () {
+ var val = slider.noUiSlider.get();
+ if (percentage) {
+ val = parseInt(val);
+ val += '%';
+ }
+ $(slider).parent().find('span.js-nouislider-value').text(val);
+ });
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/forms/basic-form-elements.js b/template/app/templates/theme4/js/pages/forms/basic-form-elements.js
new file mode 100644
index 00000000..61146d5e
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/forms/basic-form-elements.js
@@ -0,0 +1,24 @@
+$(function () {
+ //Textare auto growth
+ autosize($('textarea.auto-growth'));
+
+ //Datetimepicker plugin
+ $('.datetimepicker').bootstrapMaterialDatePicker({
+ format: 'dddd DD MMMM YYYY - HH:mm',
+ clearButton: true,
+ weekStart: 1
+ });
+
+ $('.datepicker').bootstrapMaterialDatePicker({
+ format: 'dddd DD MMMM YYYY',
+ clearButton: true,
+ weekStart: 1,
+ time: false
+ });
+
+ $('.timepicker').bootstrapMaterialDatePicker({
+ format: 'HH:mm',
+ clearButton: true,
+ date: false
+ });
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/forms/editors.js b/template/app/templates/theme4/js/pages/forms/editors.js
new file mode 100644
index 00000000..b7f4aceb
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/forms/editors.js
@@ -0,0 +1,23 @@
+$(function () {
+ //CKEditor
+ CKEDITOR.replace('ckeditor');
+ CKEDITOR.config.height = 300;
+
+ //TinyMCE
+ tinymce.init({
+ selector: "textarea#tinymce",
+ theme: "modern",
+ height: 300,
+ plugins: [
+ 'advlist autolink lists link image charmap print preview hr anchor pagebreak',
+ 'searchreplace wordcount visualblocks visualchars code fullscreen',
+ 'insertdatetime media nonbreaking save table contextmenu directionality',
+ 'emoticons template paste textcolor colorpicker textpattern imagetools'
+ ],
+ toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
+ toolbar2: 'print preview media | forecolor backcolor emoticons',
+ image_advtab: true
+ });
+ tinymce.suffix = ".min";
+ tinyMCE.baseURL = '../../plugins/tinymce';
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/forms/form-validation.js b/template/app/templates/theme4/js/pages/forms/form-validation.js
new file mode 100644
index 00000000..9d526679
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/forms/form-validation.js
@@ -0,0 +1,58 @@
+$(function () {
+ $('#form_validation').validate({
+ rules: {
+ 'checkbox': {
+ required: true
+ },
+ 'gender': {
+ required: true
+ }
+ },
+ highlight: function (input) {
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.form-group').append(error);
+ }
+ });
+
+ //Advanced Form Validation
+ $('#form_advanced_validation').validate({
+ rules: {
+ 'date': {
+ customdate: true
+ },
+ 'creditcard': {
+ creditcard: true
+ }
+ },
+ highlight: function (input) {
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.form-group').append(error);
+ }
+ });
+
+ //Custom Validations ===============================================================================
+ //Date
+ $.validator.addMethod('customdate', function (value, element) {
+ return value.match(/^\d\d\d\d?-\d\d?-\d\d$/);
+ },
+ 'Please enter a date in the format YYYY-MM-DD.'
+ );
+
+ //Credit card
+ $.validator.addMethod('creditcard', function (value, element) {
+ return value.match(/^\d\d\d\d?-\d\d\d\d?-\d\d\d\d?-\d\d\d\d$/);
+ },
+ 'Please enter a credit card in the format XXXX-XXXX-XXXX-XXXX.'
+ );
+ //==================================================================================================
+});
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/forms/form-wizard.js b/template/app/templates/theme4/js/pages/forms/form-wizard.js
new file mode 100644
index 00000000..5edfc9eb
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/forms/form-wizard.js
@@ -0,0 +1,90 @@
+$(function () {
+ //Horizontal form basic
+ $('#wizard_horizontal').steps({
+ headerTag: 'h2',
+ bodyTag: 'section',
+ transitionEffect: 'slideLeft',
+ onInit: function (event, currentIndex) {
+ setButtonWavesEffect(event);
+ },
+ onStepChanged: function (event, currentIndex, priorIndex) {
+ setButtonWavesEffect(event);
+ }
+ });
+
+ //Vertical form basic
+ $('#wizard_vertical').steps({
+ headerTag: 'h2',
+ bodyTag: 'section',
+ transitionEffect: 'slideLeft',
+ stepsOrientation: 'vertical',
+ onInit: function (event, currentIndex) {
+ setButtonWavesEffect(event);
+ },
+ onStepChanged: function (event, currentIndex, priorIndex) {
+ setButtonWavesEffect(event);
+ }
+ });
+
+ //Advanced form with validation
+ var form = $('#wizard_with_validation').show();
+ form.steps({
+ headerTag: 'h3',
+ bodyTag: 'fieldset',
+ transitionEffect: 'slideLeft',
+ onInit: function (event, currentIndex) {
+ $.AdminBSB.input.activate();
+
+ //Set tab width
+ var $tab = $(event.currentTarget).find('ul[role="tablist"] li');
+ var tabCount = $tab.length;
+ $tab.css('width', (100 / tabCount) + '%');
+
+ //set button waves effect
+ setButtonWavesEffect(event);
+ },
+ onStepChanging: function (event, currentIndex, newIndex) {
+ if (currentIndex > newIndex) { return true; }
+
+ if (currentIndex < newIndex) {
+ form.find('.body:eq(' + newIndex + ') label.error').remove();
+ form.find('.body:eq(' + newIndex + ') .error').removeClass('error');
+ }
+
+ form.validate().settings.ignore = ':disabled,:hidden';
+ return form.valid();
+ },
+ onStepChanged: function (event, currentIndex, priorIndex) {
+ setButtonWavesEffect(event);
+ },
+ onFinishing: function (event, currentIndex) {
+ form.validate().settings.ignore = ':disabled';
+ return form.valid();
+ },
+ onFinished: function (event, currentIndex) {
+ swal("Good job!", "Submitted!", "success");
+ }
+ });
+
+ form.validate({
+ highlight: function (input) {
+ $(input).parents('.form-line').addClass('error');
+ },
+ unhighlight: function (input) {
+ $(input).parents('.form-line').removeClass('error');
+ },
+ errorPlacement: function (error, element) {
+ $(element).parents('.form-group').append(error);
+ },
+ rules: {
+ 'confirm': {
+ equalTo: '#password'
+ }
+ }
+ });
+});
+
+function setButtonWavesEffect(event) {
+ $(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect');
+ $(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect');
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/index.js b/template/app/templates/theme4/js/pages/index.js
new file mode 100644
index 00000000..c9ca25e4
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/index.js
@@ -0,0 +1,115 @@
+$(function () {
+ //Widgets count
+ $('.count-to').countTo();
+
+ //Sales count to
+ $('.sales-count-to').countTo({
+ formatter: function (value, options) {
+ return '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, ' ').replace('.', ',');
+ }
+ });
+
+ initRealTimeChart();
+ initDonutChart();
+ initSparkline();
+});
+
+var realtime = 'on';
+function initRealTimeChart() {
+ //Real time ==========================================================================================
+ var plot = $.plot('#real_time_chart', [getRandomData()], {
+ series: {
+ shadowSize: 0,
+ color: 'rgb(0, 188, 212)'
+ },
+ grid: {
+ borderColor: '#f3f3f3',
+ borderWidth: 1,
+ tickColor: '#f3f3f3'
+ },
+ lines: {
+ fill: true
+ },
+ yaxis: {
+ min: 0,
+ max: 100
+ },
+ xaxis: {
+ min: 0,
+ max: 100
+ }
+ });
+
+ function updateRealTime() {
+ plot.setData([getRandomData()]);
+ plot.draw();
+
+ var timeout;
+ if (realtime === 'on') {
+ timeout = setTimeout(updateRealTime, 320);
+ } else {
+ clearTimeout(timeout);
+ }
+ }
+
+ updateRealTime();
+
+ $('#realtime').on('change', function () {
+ realtime = this.checked ? 'on' : 'off';
+ updateRealTime();
+ });
+ //====================================================================================================
+}
+
+function initSparkline() {
+ $(".sparkline").each(function () {
+ var $this = $(this);
+ $this.sparkline('html', $this.data());
+ });
+}
+
+function initDonutChart() {
+ Morris.Donut({
+ element: 'donut_chart',
+ data: [{
+ label: 'Chrome',
+ value: 37
+ }, {
+ label: 'Firefox',
+ value: 30
+ }, {
+ label: 'Safari',
+ value: 18
+ }, {
+ label: 'Opera',
+ value: 12
+ },
+ {
+ label: 'Other',
+ value: 3
+ }],
+ colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)', 'rgb(96, 125, 139)'],
+ formatter: function (y) {
+ return y + '%'
+ }
+ });
+}
+
+var data = [], totalPoints = 110;
+function getRandomData() {
+ if (data.length > 0) data = data.slice(1);
+
+ while (data.length < totalPoints) {
+ var prev = data.length > 0 ? data[data.length - 1] : 50, y = prev + Math.random() * 10 - 5;
+ if (y < 0) { y = 0; } else if (y > 100) { y = 100; }
+
+ data.push(y);
+ }
+
+ var res = [];
+ for (var i = 0; i < data.length; ++i) {
+ res.push([i, data[i]]);
+ }
+
+ return res;
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/js/pages/maps/google.js b/template/app/templates/theme4/js/pages/maps/google.js
new file mode 100644
index 00000000..d984441d
--- /dev/null
+++ b/template/app/templates/theme4/js/pages/maps/google.js
@@ -0,0 +1,98 @@
+$(function () {
+ //Basic Map
+ var basicMap = new GMaps({
+ el: '#gmap_basic_example',
+ lat: -12.043333,
+ lng: -77.028333
+ });
+
+ //Markers
+ var markers = new GMaps({
+ div: '#gmap_markers',
+ lat: -12.043333,
+ lng: -77.028333
+ });
+ markers.addMarker({
+ lat: -12.043333,
+ lng: -77.03,
+ title: 'Lima',
+ details: {
+ database_id: 42,
+ author: 'HPNeo'
+ },
+ click: function (e) {
+ if (console.log)
+ console.log(e);
+ alert('You clicked in this marker');
+ }
+ });
+ markers.addMarker({
+ lat: -12.042,
+ lng: -77.028333,
+ title: 'Marker with InfoWindow',
+ infoWindow: {
+ content: '' + Math.round(series.percent) + '%
HTML Content
' + } + }); + + //Static maps + var staticMap = GMaps.staticMapURL({ + size: [$('#gmap_static_map').width(), 400], + lat: -12.043333, + lng: -77.028333 + }); + + $('"),e.text&&(0,s.show)(i),e.customClass)(0,s.addClass)(t,e.customClass),t.setAttribute("data-custom-class",e.customClass);else{var d=t.getAttribute("data-custom-class");(0,s.removeClass)(t,d),t.setAttribute("data-custom-class","")}if((0,s.hide)(t.querySelectorAll(".sa-icon")),e.type&&!(0,a.isIE8)()){var f=function(){for(var o=!1,a=0;a
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Carregando...
+
+
+
+
+
+
+
+
+
+
+ Request URL
+ Request Data
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/template/app/templates/theme4/libraries.html b/template/app/templates/theme4/libraries.html
new file mode 100644
index 00000000..61730e2d
--- /dev/null
+++ b/template/app/templates/theme4/libraries.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/template/app/templates/theme4/login.html b/template/app/templates/theme4/login.html
new file mode 100644
index 00000000..a13179dd
--- /dev/null
+++ b/template/app/templates/theme4/login.html
@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Carregando...
+
+
+
+
+
+
+
+
+
+ _t{Create account}
+
+ _t{Reset password}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/template/app/templates/theme4/plugins/animate-css/animate.css b/template/app/templates/theme4/plugins/animate-css/animate.css
new file mode 100644
index 00000000..188e78f6
--- /dev/null
+++ b/template/app/templates/theme4/plugins/animate-css/animate.css
@@ -0,0 +1,3340 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2016 Daniel Eden
+ */
+
+.animated {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+.animated.infinite {
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+}
+
+.animated.flipOutX,
+.animated.flipOutY,
+.animated.bounceIn,
+.animated.bounceOut {
+ -webkit-animation-duration: .75s;
+ animation-duration: .75s;
+}
+
+@-webkit-keyframes bounce {
+ from, 20%, 53%, 80%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ -webkit-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ }
+
+ 40%, 43% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0,-4px,0);
+ transform: translate3d(0,-4px,0);
+ }
+}
+
+@keyframes bounce {
+ from, 20%, 53%, 80%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ -webkit-transform: translate3d(0,0,0);
+ transform: translate3d(0,0,0);
+ }
+
+ 40%, 43% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -30px, 0);
+ transform: translate3d(0, -30px, 0);
+ }
+
+ 70% {
+ -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+ -webkit-transform: translate3d(0, -15px, 0);
+ transform: translate3d(0, -15px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0,-4px,0);
+ transform: translate3d(0,-4px,0);
+ }
+}
+
+.bounce {
+ -webkit-animation-name: bounce;
+ animation-name: bounce;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+ from, 50%, to {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ from, 50%, to {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+.flash {
+ -webkit-animation-name: flash;
+ animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes pulse {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
+ transform: scale3d(1.05, 1.05, 1.05);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.pulse {
+ -webkit-animation-name: pulse;
+ animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(.95, 1.05, 1);
+ transform: scale3d(.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, .95, 1);
+ transform: scale3d(1.05, .95, 1);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes rubberBand {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ -webkit-transform: scale3d(1.25, 0.75, 1);
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(0.75, 1.25, 1);
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ -webkit-transform: scale3d(1.15, 0.85, 1);
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ -webkit-transform: scale3d(.95, 1.05, 1);
+ transform: scale3d(.95, 1.05, 1);
+ }
+
+ 75% {
+ -webkit-transform: scale3d(1.05, .95, 1);
+ transform: scale3d(1.05, .95, 1);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.rubberBand {
+ -webkit-animation-name: rubberBand;
+ animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+ from, to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+@keyframes shake {
+ from, to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ animation-name: shake;
+}
+
+@-webkit-keyframes headShake {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 6.5% {
+ -webkit-transform: translateX(-6px) rotateY(-9deg);
+ transform: translateX(-6px) rotateY(-9deg);
+ }
+
+ 18.5% {
+ -webkit-transform: translateX(5px) rotateY(7deg);
+ transform: translateX(5px) rotateY(7deg);
+ }
+
+ 31.5% {
+ -webkit-transform: translateX(-3px) rotateY(-5deg);
+ transform: translateX(-3px) rotateY(-5deg);
+ }
+
+ 43.5% {
+ -webkit-transform: translateX(2px) rotateY(3deg);
+ transform: translateX(2px) rotateY(3deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+@keyframes headShake {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ 6.5% {
+ -webkit-transform: translateX(-6px) rotateY(-9deg);
+ transform: translateX(-6px) rotateY(-9deg);
+ }
+
+ 18.5% {
+ -webkit-transform: translateX(5px) rotateY(7deg);
+ transform: translateX(5px) rotateY(7deg);
+ }
+
+ 31.5% {
+ -webkit-transform: translateX(-3px) rotateY(-5deg);
+ transform: translateX(-3px) rotateY(-5deg);
+ }
+
+ 43.5% {
+ -webkit-transform: translateX(2px) rotateY(3deg);
+ transform: translateX(2px) rotateY(3deg);
+ }
+
+ 50% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+
+.headShake {
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ -webkit-animation-name: headShake;
+ animation-name: headShake;
+}
+
+@-webkit-keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+@keyframes swing {
+ 20% {
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+
+ to {
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+.swing {
+ -webkit-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes tada {
+ from {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+ }
+
+ to {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.tada {
+ -webkit-animation-name: tada;
+ animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+ from {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes wobble {
+ from {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 15% {
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+ }
+
+ 30% {
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+ }
+
+ 45% {
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+ }
+
+ 60% {
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.wobble {
+ -webkit-animation-name: wobble;
+ animation-name: wobble;
+}
+
+@-webkit-keyframes jello {
+ from, 11.1%, to {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 22.2% {
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+ transform: skewX(-12.5deg) skewY(-12.5deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+ transform: skewX(6.25deg) skewY(6.25deg);
+ }
+
+ 44.4% {
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+ transform: skewX(-3.125deg) skewY(-3.125deg);
+ }
+
+ 55.5% {
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+ transform: skewX(1.5625deg) skewY(1.5625deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ }
+
+ 77.7% {
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+ transform: skewX(0.390625deg) skewY(0.390625deg);
+ }
+
+ 88.8% {
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
+}
+
+@keyframes jello {
+ from, 11.1%, to {
+ -webkit-transform: none;
+ transform: none;
+ }
+
+ 22.2% {
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+ transform: skewX(-12.5deg) skewY(-12.5deg);
+ }
+
+ 33.3% {
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+ transform: skewX(6.25deg) skewY(6.25deg);
+ }
+
+ 44.4% {
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+ transform: skewX(-3.125deg) skewY(-3.125deg);
+ }
+
+ 55.5% {
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+ transform: skewX(1.5625deg) skewY(1.5625deg);
+ }
+
+ 66.6% {
+ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ transform: skewX(-0.78125deg) skewY(-0.78125deg);
+ }
+
+ 77.7% {
+ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+ transform: skewX(0.390625deg) skewY(0.390625deg);
+ }
+
+ 88.8% {
+ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+ }
+}
+
+.jello {
+ -webkit-animation-name: jello;
+ animation-name: jello;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+
+@-webkit-keyframes bounceIn {
+ from, 20%, 40%, 60%, 80%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(.97, .97, .97);
+ transform: scale3d(.97, .97, .97);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes bounceIn {
+ from, 20%, 40%, 60%, 80%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 20% {
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ 40% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
+ transform: scale3d(1.03, 1.03, 1.03);
+ }
+
+ 80% {
+ -webkit-transform: scale3d(.97, .97, .97);
+ transform: scale3d(.97, .97, .97);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+.bounceIn {
+ -webkit-animation-name: bounceIn;
+ animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInDown {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInDown {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -3000px, 0);
+ transform: translate3d(0, -3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 25px, 0);
+ transform: translate3d(0, 25px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInDown {
+ -webkit-animation-name: bounceInDown;
+ animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInLeft {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ 0% {
+ opacity: 0;
+ -webkit-transform: translate3d(-3000px, 0, 0);
+ transform: translate3d(-3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(25px, 0, 0);
+ transform: translate3d(25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInLeft {
+ -webkit-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes bounceInRight {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(3000px, 0, 0);
+ transform: translate3d(3000px, 0, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(-25px, 0, 0);
+ transform: translate3d(-25px, 0, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.bounceInRight {
+ -webkit-animation-name: bounceInRight;
+ animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInUp {
+ from, 60%, 75%, 90%, to {
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+ }
+
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 3000px, 0);
+ transform: translate3d(0, 3000px, 0);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ 75% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 90% {
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0);
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.bounceInUp {
+ -webkit-animation-name: bounceInUp;
+ animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+}
+
+@keyframes bounceOut {
+ 20% {
+ -webkit-transform: scale3d(.9, .9, .9);
+ transform: scale3d(.9, .9, .9);
+ }
+
+ 50%, 55% {
+ opacity: 1;
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
+ transform: scale3d(1.1, 1.1, 1.1);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+}
+
+.bounceOut {
+ -webkit-animation-name: bounceOut;
+ animation-name: bounceOut;
+}
+
+@-webkit-keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes bounceOutDown {
+ 20% {
+ -webkit-transform: translate3d(0, 10px, 0);
+ transform: translate3d(0, 10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, -20px, 0);
+ transform: translate3d(0, -20px, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.bounceOutDown {
+ -webkit-animation-name: bounceOutDown;
+ animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutLeft {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(20px, 0, 0);
+ transform: translate3d(20px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.bounceOutLeft {
+ -webkit-animation-name: bounceOutLeft;
+ animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes bounceOutRight {
+ 20% {
+ opacity: 1;
+ -webkit-transform: translate3d(-20px, 0, 0);
+ transform: translate3d(-20px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.bounceOutRight {
+ -webkit-animation-name: bounceOutRight;
+ animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes bounceOutUp {
+ 20% {
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0);
+ }
+
+ 40%, 45% {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 20px, 0);
+ transform: translate3d(0, 20px, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.bounceOutUp {
+ -webkit-animation-name: bounceOutUp;
+ animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ }
+
+ to {
+ opacity: 1;
+ }
+}
+
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDown {
+ -webkit-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInDownBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeft {
+ -webkit-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInLeftBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRight {
+ -webkit-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInRightBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInRightBig {
+ -webkit-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes fadeInUpBig {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.fadeInUpBig {
+ -webkit-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes fadeOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ }
+}
+
+.fadeOut {
+ -webkit-animation-name: fadeOut;
+ animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+@keyframes fadeOutDown {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+.fadeOutDown {
+ -webkit-animation-name: fadeOutDown;
+ animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+@keyframes fadeOutDownBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 2000px, 0);
+ transform: translate3d(0, 2000px, 0);
+ }
+}
+
+.fadeOutDownBig {
+ -webkit-animation-name: fadeOutDownBig;
+ animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeft {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+.fadeOutLeft {
+ -webkit-animation-name: fadeOutLeft;
+ animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutLeftBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(-2000px, 0, 0);
+ transform: translate3d(-2000px, 0, 0);
+ }
+}
+
+.fadeOutLeftBig {
+ -webkit-animation-name: fadeOutLeftBig;
+ animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+@keyframes fadeOutRight {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+.fadeOutRight {
+ -webkit-animation-name: fadeOutRight;
+ animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+@keyframes fadeOutRightBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(2000px, 0, 0);
+ transform: translate3d(2000px, 0, 0);
+ }
+}
+
+.fadeOutRightBig {
+ -webkit-animation-name: fadeOutRightBig;
+ animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+@keyframes fadeOutUp {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+.fadeOutUp {
+ -webkit-animation-name: fadeOutUp;
+ animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+@keyframes fadeOutUpBig {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -2000px, 0);
+ transform: translate3d(0, -2000px, 0);
+ }
+}
+
+.fadeOutUpBig {
+ -webkit-animation-name: fadeOutUpBig;
+ animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+ transform: perspective(400px) scale3d(.95, .95, .95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+@keyframes flip {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ }
+
+ 50% {
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+ transform: perspective(400px) scale3d(.95, .95, .95);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+}
+
+.animated.flip {
+ -webkit-backface-visibility: visible;
+ backface-visibility: visible;
+ -webkit-animation-name: flip;
+ animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInX {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInX {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInX;
+ animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+@keyframes flipInY {
+ from {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ opacity: 0;
+ }
+
+ 40% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+
+ 60% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+ }
+
+ to {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+}
+
+.flipInY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipInY;
+ animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutX {
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutX {
+ -webkit-animation-name: flipOutX;
+ animation-name: flipOutX;
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes flipOutY {
+ from {
+ -webkit-transform: perspective(400px);
+ transform: perspective(400px);
+ }
+
+ 30% {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+ opacity: 0;
+ }
+}
+
+.flipOutY {
+ -webkit-backface-visibility: visible !important;
+ backface-visibility: visible !important;
+ -webkit-animation-name: flipOutY;
+ animation-name: flipOutY;
+}
+
+@-webkit-keyframes lightSpeedIn {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes lightSpeedIn {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
+ opacity: 0;
+ }
+
+ 60% {
+ -webkit-transform: skewX(20deg);
+ transform: skewX(20deg);
+ opacity: 1;
+ }
+
+ 80% {
+ -webkit-transform: skewX(-5deg);
+ transform: skewX(-5deg);
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.lightSpeedIn {
+ -webkit-animation-name: lightSpeedIn;
+ animation-name: lightSpeedIn;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+@keyframes lightSpeedOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+ transform: translate3d(100%, 0, 0) skewX(30deg);
+ opacity: 0;
+ }
+}
+
+.lightSpeedOut {
+ -webkit-animation-name: lightSpeedOut;
+ animation-name: lightSpeedOut;
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+ from {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateIn {
+ from {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
+ transform: rotate3d(0, 0, 1, -200deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateIn {
+ -webkit-animation-name: rotateIn;
+ animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownLeft {
+ -webkit-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInDownRight {
+ -webkit-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpLeft {
+ -webkit-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
+ transform: rotate3d(0, 0, 1, -90deg);
+ opacity: 0;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+}
+
+.rotateInUpRight {
+ -webkit-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+ from {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOut {
+ from {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
+ transform: rotate3d(0, 0, 1, 200deg);
+ opacity: 0;
+ }
+}
+
+.rotateOut {
+ -webkit-animation-name: rotateOut;
+ animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
+ transform: rotate3d(0, 0, 1, 45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownLeft {
+ -webkit-animation-name: rotateOutDownLeft;
+ animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutDownRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutDownRight {
+ -webkit-animation-name: rotateOutDownRight;
+ animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpLeft {
+ from {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: left bottom;
+ transform-origin: left bottom;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
+ transform: rotate3d(0, 0, 1, -45deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpLeft {
+ -webkit-animation-name: rotateOutUpLeft;
+ animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+@keyframes rotateOutUpRight {
+ from {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform-origin: right bottom;
+ transform-origin: right bottom;
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
+ transform: rotate3d(0, 0, 1, 90deg);
+ opacity: 0;
+ }
+}
+
+.rotateOutUpRight {
+ -webkit-animation-name: rotateOutUpRight;
+ animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%, 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+@keyframes hinge {
+ 0% {
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 20%, 60% {
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
+ transform: rotate3d(0, 0, 1, 80deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+
+ 40%, 80% {
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
+ transform: rotate3d(0, 0, 1, 60deg);
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ opacity: 1;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 700px, 0);
+ transform: translate3d(0, 700px, 0);
+ opacity: 0;
+ }
+}
+
+.hinge {
+ -webkit-animation-name: hinge;
+ animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+@keyframes rollIn {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+ }
+
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none;
+ }
+}
+
+.rollIn {
+ -webkit-animation-name: rollIn;
+ animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+@keyframes rollOut {
+ from {
+ opacity: 1;
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+ }
+}
+
+.rollOut {
+ -webkit-animation-name: rollOut;
+ animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+@keyframes zoomIn {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ 50% {
+ opacity: 1;
+ }
+}
+
+.zoomIn {
+ -webkit-animation-name: zoomIn;
+ animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInDown {
+ -webkit-animation-name: zoomInDown;
+ animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInLeft {
+ -webkit-animation-name: zoomInLeft;
+ animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInRight {
+ -webkit-animation-name: zoomInRight;
+ animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomInUp {
+ -webkit-animation-name: zoomInUp;
+ animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+ from {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ to {
+ opacity: 0;
+ }
+}
+
+@keyframes zoomOut {
+ from {
+ opacity: 1;
+ }
+
+ 50% {
+ opacity: 0;
+ -webkit-transform: scale3d(.3, .3, .3);
+ transform: scale3d(.3, .3, .3);
+ }
+
+ to {
+ opacity: 0;
+ }
+}
+
+.zoomOut {
+ -webkit-animation-name: zoomOut;
+ animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomOutDown {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomOutDown {
+ -webkit-animation-name: zoomOutDown;
+ animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+ transform: scale(.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+@keyframes zoomOutLeft {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+ transform: scale(.1) translate3d(-2000px, 0, 0);
+ -webkit-transform-origin: left center;
+ transform-origin: left center;
+ }
+}
+
+.zoomOutLeft {
+ -webkit-animation-name: zoomOutLeft;
+ animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+ transform: scale(.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+@keyframes zoomOutRight {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+ transform: scale(.1) translate3d(2000px, 0, 0);
+ -webkit-transform-origin: right center;
+ transform-origin: right center;
+ }
+}
+
+.zoomOutRight {
+ -webkit-animation-name: zoomOutRight;
+ animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+@keyframes zoomOutUp {
+ 40% {
+ opacity: 1;
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+ -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+ }
+
+ to {
+ opacity: 0;
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+ }
+}
+
+.zoomOutUp {
+ -webkit-animation-name: zoomOutUp;
+ animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+ from {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInDown {
+ from {
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInDown {
+ -webkit-animation-name: slideInDown;
+ animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInLeft {
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInRight {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInRight {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+ from {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInUp {
+ from {
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInUp {
+ -webkit-animation-name: slideInUp;
+ animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+@keyframes slideOutDown {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ }
+}
+
+.slideOutDown {
+ -webkit-animation-name: slideOutDown;
+ animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+@keyframes slideOutLeft {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+.slideOutLeft {
+ -webkit-animation-name: slideOutLeft;
+ animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+@keyframes slideOutRight {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+.slideOutRight {
+ -webkit-animation-name: slideOutRight;
+ animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+@keyframes slideOutUp {
+ from {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+
+ to {
+ visibility: hidden;
+ -webkit-transform: translate3d(0, -100%, 0);
+ transform: translate3d(0, -100%, 0);
+ }
+}
+
+.slideOutUp {
+ -webkit-animation-name: slideOutUp;
+ animation-name: slideOutUp;
+}
diff --git a/template/app/templates/theme4/plugins/animate-css/animate.min.css b/template/app/templates/theme4/plugins/animate-css/animate.min.css
new file mode 100644
index 00000000..99595419
--- /dev/null
+++ b/template/app/templates/theme4/plugins/animate-css/animate.min.css
@@ -0,0 +1,11 @@
+@charset "UTF-8";
+
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.5.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2016 Daniel Eden
+ */
+
+.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/.gitignore b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/.gitignore
new file mode 100644
index 00000000..1adc8315
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/.gitignore
@@ -0,0 +1 @@
+# Created by .ignore support plugin (hsz.mobi)
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/LICENSE.md b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/LICENSE.md
new file mode 100644
index 00000000..71fd4593
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/LICENSE.md
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Romain America
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/README.md b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/README.md
new file mode 100644
index 00000000..e3a95fba
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/README.md
@@ -0,0 +1,105 @@
+# bootstrap-material-datetimepicker
+Material DateTimePicker
+
+Originaly designed for Bootstrap Material, the V2.0 is now completely standalone and responsive.
+
+### Updates
+
+| Date | Author | Description |
+| ----------------- | ----------------- | ------------------------------------------------------ |
+| 2016-04-08 | donovansolms | Disable specific days (#60 and #97) |
+| 2016-04-08 | T00rk | Fixed #85 |
+| 2016-04-08 | FoxyCorndog | Fix PM overwrite bug |
+| 2016-02-17 | T00rk | Changed Clock to SVG |
+| 2016-02-04 | T00rk | Added a "Now" button (#38) |
+| 2016-01-30 | T00rk | Switch view on click (#39, #47) |
+| 2016-01-29 | T00rk | Added "clear button" (#48) |
+| 2016-01-29 | T00rk | Replace rem by em (#26) |
+| 2016-01-29 | T00rk | Display 24H clock (#54) |
+| 2016-01-29 | T00rk | Close on "ESC" (#52) |
+| 2015-10-19 | drblue | Fixed erroneous package.json-file |
+| 2015-10-19 | Perdona | Fix auto resize when month has 6 weeks |
+| 2015-07-01 | T00rk | Redesigned element without using modal |
+| 2015-06-16 | T00rk | Use Timepicker alone / Display short time (12 hours) |
+| 2015-06-13 | T00rk | Fixed issue with HTML value tag |
+| 2015-05-25 | T00rk | Changed repo name to bootstrap-material-datetimepicker * |
+| 2015-05-12 | T00rk | Added parameters for button text |
+| 2015-05-05 | Sovanna | FIX undefined _minDate in isBeforeMaxDate func |
+| 2015-04-10 | T00rk | Little change in clock design |
+| 2015-04-10 | Peterzen | Added bower and requirejs support |
+| 2015-04-08 | T00rk | Fixed problem on locale switch |
+| 2015-03-04 | T00rk | Added Time picker |
+(\*) File names have been changed
+
+bootstrap-material-datepicker.js => bootstrap-material-date**time**picker.js
+
+bootstrap-material-datepicker.css => bootstrap-material-date**time**picker.css
+
+### Prerequisites
+
+jquery [http://jquery.com/download/](http://jquery.com/download/)
+
+momentjs [http://momentjs.com/](http://momentjs.com/)
+
+Google Material Icon Font ``
+
+
+### Live Example
+
+[Live example](http://t00rk.github.io/bootstrap-material-datetimepicker/)
+
+### Usage
+
+ $('input').bootstrapMaterialDatePicker();
+
+### bower
+
+ bower install bootstrap-material-datetimepicker
+
+### Parameters
+
+| Name | Type | Description |
+| ----------------- | ----------------------------- | --------------------------------------------- |
+| **format** | String | MomentJS Format |
+| **shortTime** | Boolean | true => Display 12 hours AM|PM |
+| **minDate** | (String\|Date\|Moment) | Minimum selectable date |
+| **maxDate** | (String\|Date\|Moment) | Maximum selectable date |
+| **currentDate** | (String\|Date\|Moment) | Initial Date |
+| **year** | Boolean | true => Has Yearpicker |
+| **date** | Boolean | true => Has Datepicker |
+| **disabledDays** | Array | Array containing day indices (1-7) to disable |
+| **time** | Boolean | true => Has Timepicker |
+| **clearButton** | Boolean | true => Show Clear Button |
+| **nowButton** | Boolean | true => Show Now Button |
+| **switchOnClick** | Boolean | true => Switch view on click (default: false) |
+| **cancelText** | String | Text for the cancel button (default: Cancel) |
+| **okText** | String | Text for the OK button (default: OK) |
+| **clearText** | String | Text for the Clear button (default: Clear) |
+| **nowText** | String | Text for the Now button (default: Now) |
+| **triggerEvent** | String | Event to fire the calendar (default: focus) |
+| **monthPicker** | Boolean | true => Act as monthpicker (hide calendar) (default: false) |
+
+
+
+### Events
+
+| Name | Parameters | Description |
+| ----------------- | ------------------------- | ------------------------------------------------- |
+| **beforeChange** | event, date | OK button is clicked |
+| **change** | event, date | OK button is clicked and input value is changed |
+| **yearSelected** | event, date | New year is selected |
+| **dateSelected** | event, date | New date is selected |
+| **open** | event | datepicker is opened |
+| **close** | event | datepicker is closed |
+
+
+### Methods
+
+ $('input').bootstrapMaterialDatePicker('setDate', moment());
+
+| Name | Parameter | Description |
+| ----------------- | ------------------------- | ----------------------------- |
+| **setDate** | (String\|Date\|Moment) | Set initial date |
+| **setMinDate** | (String\|Date\|Moment) | Set minimum selectable date |
+| **setMaxDate** | (String\|Date\|Moment) | Set maximum selectable date |
+| **destroy** | NULL | Destroy the datepicker |
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/bower.json b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/bower.json
new file mode 100644
index 00000000..2c17f62e
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/bower.json
@@ -0,0 +1,34 @@
+{
+ "name": "bootstrap-material-datetimepicker",
+ "description": ".",
+ "version": "2.7.1",
+ "keywords": [
+ "css",
+ "js",
+ "mobile-first",
+ "responsive",
+ "front-end",
+ "web"
+ ],
+ "homepage": "https://github.com/t00rk/bootstrap-material-datetimepicker",
+ "main": [
+ "js/bootstrap-material-datetimepicker.js",
+ "css/bootstrap-material-datetimepicker.css"
+ ],
+ "ignore": [
+ "/.*",
+ "_config.yml",
+ "CNAME",
+ "composer.json",
+ "CONTRIBUTING.md",
+ "docs",
+ "js/tests",
+ "test-infra"
+ ],
+ "dependencies": {
+ "momentjs": "~2.10.2",
+ "bootstrap": "~3.3.4",
+ "jquery": "1.12.3",
+ "bootstrap-material-design": "~0.3.0"
+ }
+}
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css
new file mode 100644
index 00000000..fc397171
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css
@@ -0,0 +1,82 @@
+.dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2000; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
+.dtp > .dtp-content { background: #fff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); max-height: 520px; position: relative; left: 50%; }
+.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #689F38; color: #fff; text-align: center; padding: 0.3em; }
+
+.dtp div.dtp-date, .dtp div.dtp-time { background: #8BC34A; text-align: center; color: #fff; padding: 10px; }
+.dtp div.dtp-date > div { padding: 0; margin: 0; }
+.dtp div.dtp-actual-month { font-size: 1.5em; }
+.dtp div.dtp-actual-num { font-size: 3em; line-height: 0.9; }
+.dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; }
+.dtp div.dtp-actual-year { font-size: 1.5em; color: #DCEDC8; }
+.dtp div.dtp-picker { padding: 1em; text-align: center; }
+
+.dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; }
+.dtp div.dtp-picker-month { padding-bottom:20px!important; text-transform: uppercase!important; }
+
+.dtp .dtp-close { position: absolute; top: 0.5em; right: 1em; }
+.dtp .dtp-close > a { color: #fff; }
+.dtp .dtp-close > a > i { font-size: 1em; }
+
+.dtp table.dtp-picker-days { margin: 0; min-height: 251px;}
+.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; }
+.dtp table.dtp-picker-days tr > td { font-weight: 700; font-size: 0.8em; text-align: center; padding: 0.5em 0.3em; }
+.dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD!important; padding: 0.4em 0.5em 0.5em 0.6em;}
+.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.4em 0.5em 0.5em 0.6em; border-radius: 50%!important; }
+.dtp table.dtp-picker-days tr > td > a.selected{ background: #8BC34A; color: #fff; }
+.dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 700; padding: 0.4em 0.3em; }
+
+.dtp .p10 > a { color: #689F38; text-decoration: none; }
+.dtp .p10 { width: 10%; display: inline-block; }
+.dtp .p20 { width: 20%; display: inline-block; }
+.dtp .p60 { width: 60%; display: inline-block; }
+.dtp .p80 { width: 80%; display: inline-block; }
+
+.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.7em 0.5em; border-radius: 50%!important;text-decoration: none; background: #eee; font-size:1em; }
+.dtp .dtp-actual-meridien a.selected { background: #689F38; color: #fff; }
+
+.dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; }
+.dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; }
+
+.dtp .dtp-buttons { padding: 0 1em 1em 1em; text-align: right; }
+
+.dtp.hidden, .dtp .hidden { display: none; }
+.dtp .invisible { visibility: hidden; }
+
+.dtp .left { float: left; }
+.dtp .right { float: right; }
+.dtp .clearfix { clear: both; }
+
+.dtp .center { text-align: center; }
+
+.dtp-picker-year{
+ margin-bottom: 1px;
+}
+
+.year-picker-item{
+ text-align: center;
+ padding-top: 5px;
+ font-size: large;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.dtp-actual-year:hover{
+ cursor: pointer;
+}
+.dtp-actual-year.disabled:hover{
+ cursor: inherit;
+}
+.year-picker-item:hover{
+ color:#689F38;
+}
+
+.year-picker-item.active{
+ color:#689F38;
+ font-weight: bold;
+}
+
+.dtp-select-year-range{
+ display: inline-block;
+ text-align: center;
+ width: 100%;
+}
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.eot b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.eot
new file mode 100644
index 00000000..d9c296e4
Binary files /dev/null and b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.eot differ
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.svg b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.svg
new file mode 100644
index 00000000..def1e9b5
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.svg
@@ -0,0 +1,769 @@
+
+
+
\ No newline at end of file
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.ttf b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.ttf
new file mode 100644
index 00000000..e12f0cc4
Binary files /dev/null and b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.ttf differ
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff
new file mode 100644
index 00000000..201581f2
Binary files /dev/null and b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff differ
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff2 b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff2
new file mode 100644
index 00000000..be1765a9
Binary files /dev/null and b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/font/Material-Design-Icons.woff2 differ
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/index.html b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/index.html
new file mode 100644
index 00000000..499bbad3
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/index.html
@@ -0,0 +1,266 @@
+
+
+
+
+
+
+
+
+ Bootstrap Material DatePicker
+
+
+
+
+
+
+ Date Picker
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#date').bootstrapMaterialDatePicker({ weekStart : 0, time: false });
+
+
+
+
+
+
+
+ Time Picker
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#time').bootstrapMaterialDatePicker({ date: false });
+
+
+
+
+
+
+
+ Date Time Picker
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#date-format').bootstrapMaterialDatePicker({ format : 'dddd DD MMMM YYYY - HH:mm' });
+
+
+
+
+
+
+
+ French Locales (Week starts at Monday)
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#date-fr').bootstrapMaterialDatePicker({ format : 'DD/MM/YYYY HH:mm', lang : 'fr', weekStart : 1, cancelText : 'ANNULER' });
+
+
+
+
+
+
+
+ Min Date set
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#min-date').bootstrapMaterialDatePicker({ format : 'DD/MM/YYYY HH:mm', minDate : new Date() });
+
+
+
+
+
+
diff --git a/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js
new file mode 100644
index 00000000..59090fee
--- /dev/null
+++ b/template/app/templates/theme4/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js
@@ -0,0 +1,1295 @@
+(function ($, moment)
+{
+ var pluginName = "bootstrapMaterialDatePicker";
+ var pluginDataName = "plugin_" + pluginName;
+
+ moment.locale('en');
+
+ function Plugin(element, options)
+ {
+ this.currentView = 0;
+
+ this.minDate;
+ this.maxDate;
+
+ this._attachedEvents = [];
+
+ this.element = element;
+ this.$element = $(element);
+
+
+ this.params = {date: true, time: true, format: 'YYYY-MM-DD', minDate: null, maxDate: null, currentDate: null, lang: 'en', weekStart: 0, disabledDays: [], shortTime: false, clearButton: false, nowButton: false, cancelText: 'Cancel', okText: 'OK', clearText: 'Clear', nowText: 'Now', switchOnClick: false, triggerEvent: 'focus', monthPicker: false, year:true};
+ this.params = $.fn.extend(this.params, options);
+
+ this.name = "dtp_" + this.setName();
+ this.$element.attr("data-dtp", this.name);
+
+ moment.locale(this.params.lang);
+
+ this.init();
+ }
+
+ $.fn[pluginName] = function (options, p)
+ {
+ this.each(function ()
+ {
+ if (!$.data(this, pluginDataName))
+ {
+ $.data(this, pluginDataName, new Plugin(this, options));
+ } else
+ {
+ if (typeof ($.data(this, pluginDataName)[options]) === 'function')
+ {
+ $.data(this, pluginDataName)[options](p);
+ }
+ if (options === 'destroy')
+ {
+ delete $.data(this, pluginDataName);
+ }
+ }
+ });
+ return this;
+ };
+
+ Plugin.prototype =
+ {
+ init: function ()
+ {
+ this.initDays();
+ this.initDates();
+
+ this.initTemplate();
+
+ this.initButtons();
+
+ this._attachEvent($(window), 'resize', this._centerBox.bind(this));
+ this._attachEvent(this.$dtpElement.find('.dtp-content'), 'click', this._onElementClick.bind(this));
+ this._attachEvent(this.$dtpElement, 'click', this._onBackgroundClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('.dtp-close > a'), 'click', this._onCloseClick.bind(this));
+ this._attachEvent(this.$element, this.params.triggerEvent, this._fireCalendar.bind(this));
+ },
+ initDays: function ()
+ {
+ this.days = [];
+ for (var i = this.params.weekStart; this.days.length < 7; i++)
+ {
+ if (i > 6)
+ {
+ i = 0;
+ }
+ this.days.push(i.toString());
+ }
+ },
+ initDates: function ()
+ {
+ if (this.$element.val().length > 0)
+ {
+ if (typeof (this.params.format) !== 'undefined' && this.params.format !== null)
+ {
+ this.currentDate = moment(this.$element.val(), this.params.format).locale(this.params.lang);
+ } else
+ {
+ this.currentDate = moment(this.$element.val()).locale(this.params.lang);
+ }
+ } else
+ {
+ if (typeof (this.$element.attr('value')) !== 'undefined' && this.$element.attr('value') !== null && this.$element.attr('value') !== "")
+ {
+ if (typeof (this.$element.attr('value')) === 'string')
+ {
+ if (typeof (this.params.format) !== 'undefined' && this.params.format !== null)
+ {
+ this.currentDate = moment(this.$element.attr('value'), this.params.format).locale(this.params.lang);
+ } else
+ {
+ this.currentDate = moment(this.$element.attr('value')).locale(this.params.lang);
+ }
+ }
+ } else
+ {
+ if (typeof (this.params.currentDate) !== 'undefined' && this.params.currentDate !== null)
+ {
+ if (typeof (this.params.currentDate) === 'string')
+ {
+ if (typeof (this.params.format) !== 'undefined' && this.params.format !== null)
+ {
+ this.currentDate = moment(this.params.currentDate, this.params.format).locale(this.params.lang);
+ } else
+ {
+ this.currentDate = moment(this.params.currentDate).locale(this.params.lang);
+ }
+ } else
+ {
+ if (typeof (this.params.currentDate.isValid) === 'undefined' || typeof (this.params.currentDate.isValid) !== 'function')
+ {
+ var x = this.params.currentDate.getTime();
+ this.currentDate = moment(x, "x").locale(this.params.lang);
+ } else
+ {
+ this.currentDate = this.params.currentDate;
+ }
+ }
+ this.$element.val(this.currentDate.format(this.params.format));
+ } else
+ this.currentDate = moment();
+ }
+ }
+
+ if (typeof (this.params.minDate) !== 'undefined' && this.params.minDate !== null)
+ {
+ if (typeof (this.params.minDate) === 'string')
+ {
+ if (typeof (this.params.format) !== 'undefined' && this.params.format !== null)
+ {
+ this.minDate = moment(this.params.minDate, this.params.format).locale(this.params.lang);
+ } else
+ {
+ this.minDate = moment(this.params.minDate).locale(this.params.lang);
+ }
+ } else
+ {
+ if (typeof (this.params.minDate.isValid) === 'undefined' || typeof (this.params.minDate.isValid) !== 'function')
+ {
+ var x = this.params.minDate.getTime();
+ this.minDate = moment(x, "x").locale(this.params.lang);
+ } else
+ {
+ this.minDate = this.params.minDate;
+ }
+ }
+ } else if (this.params.minDate === null)
+ {
+ this.minDate = null;
+ }
+
+ if (typeof (this.params.maxDate) !== 'undefined' && this.params.maxDate !== null)
+ {
+ if (typeof (this.params.maxDate) === 'string')
+ {
+ if (typeof (this.params.format) !== 'undefined' && this.params.format !== null)
+ {
+ this.maxDate = moment(this.params.maxDate, this.params.format).locale(this.params.lang);
+ } else
+ {
+ this.maxDate = moment(this.params.maxDate).locale(this.params.lang);
+ }
+ } else
+ {
+ if (typeof (this.params.maxDate.isValid) === 'undefined' || typeof (this.params.maxDate.isValid) !== 'function')
+ {
+ var x = this.params.maxDate.getTime();
+ this.maxDate = moment(x, "x").locale(this.params.lang);
+ } else
+ {
+ this.maxDate = this.params.maxDate;
+ }
+ }
+ } else if (this.params.maxDate === null)
+ {
+ this.maxDate = null;
+ }
+
+ if (!this.isAfterMinDate(this.currentDate))
+ {
+ this.currentDate = moment(this.minDate);
+ }
+ if (!this.isBeforeMaxDate(this.currentDate))
+ {
+ this.currentDate = moment(this.maxDate);
+ }
+ },
+ initTemplate: function ()
+ {
+ var yearPicker = "";
+ var y =this.currentDate.year();
+ for (var i = y-3; i < y + 4; i++) {
+ yearPicker += '
+
+
+
+ Events
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Code
+ $('#date-end').bootstrapMaterialDatePicker({ weekStart : 0 });
+ $('#date-start').bootstrapMaterialDatePicker({ weekStart : 0 }).on('change', function(e, date)
+ {
+ $('#date-end').bootstrapMaterialDatePicker('setMinDate', date);
+ });
+
+ ' + i + '
';
+ }
+ this.midYear=y;
+ var yearHtml =
+ '';
+
+ this.template = '';
+
+ if ($('body').find("#" + this.name).length <= 0)
+ {
+ $('body').append(this.template);
+
+ if (this)
+ this.dtpElement = $('body').find("#" + this.name);
+ this.$dtpElement = $(this.dtpElement);
+ }
+ },
+ initButtons: function ()
+ {
+ this._attachEvent(this.$dtpElement.find('.dtp-btn-cancel'), 'click', this._onCancelClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('.dtp-btn-ok'), 'click', this._onOKClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-month-before'), 'click', this._onMonthBeforeClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-month-after'), 'click', this._onMonthAfterClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-year-before'), 'click', this._onYearBeforeClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-year-after'), 'click', this._onYearAfterClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('.dtp-actual-year'), 'click', this._onActualYearClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-year-range.before'), 'click', this._onYearRangeBeforeClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('a.dtp-select-year-range.after'), 'click', this._onYearRangeAfterClick.bind(this));
+ this._attachEvent(this.$dtpElement.find('div.year-picker-item'), 'click', this._onYearItemClick.bind(this));
+
+ if (this.params.clearButton === true)
+ {
+ this._attachEvent(this.$dtpElement.find('.dtp-btn-clear'), 'click', this._onClearClick.bind(this));
+ this.$dtpElement.find('.dtp-btn-clear').removeClass('hidden');
+ }
+
+ if (this.params.nowButton === true)
+ {
+ this._attachEvent(this.$dtpElement.find('.dtp-btn-now'), 'click', this._onNowClick.bind(this));
+ this.$dtpElement.find('.dtp-btn-now').removeClass('hidden');
+ }
+
+ if ((this.params.nowButton === true) && (this.params.clearButton === true))
+ {
+ this.$dtpElement.find('.dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok').addClass('btn-xs');
+ } else if ((this.params.nowButton === true) || (this.params.clearButton === true))
+ {
+ this.$dtpElement.find('.dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok').addClass('btn-sm');
+ }
+ },
+ initMeridienButtons: function ()
+ {
+ this.$dtpElement.find('a.dtp-meridien-am').off('click').on('click', this._onSelectAM.bind(this));
+ this.$dtpElement.find('a.dtp-meridien-pm').off('click').on('click', this._onSelectPM.bind(this));
+ },
+ initDate: function (d)
+ {
+ this.currentView = 0;
+
+ if (this.params.monthPicker === false)
+ {
+ this.$dtpElement.find('.dtp-picker-calendar').removeClass('hidden');
+ }
+ this.$dtpElement.find('.dtp-picker-datetime').addClass('hidden');
+ this.$dtpElement.find('.dtp-picker-year').addClass('hidden');
+
+ var _date = ((typeof (this.currentDate) !== 'undefined' && this.currentDate !== null) ? this.currentDate : null);
+ var _calendar = this.generateCalendar(this.currentDate);
+
+ if (typeof (_calendar.week) !== 'undefined' && typeof (_calendar.days) !== 'undefined')
+ {
+ var _template = this.constructHTMLCalendar(_date, _calendar);
+
+ this.$dtpElement.find('a.dtp-select-day').off('click');
+ this.$dtpElement.find('.dtp-picker-calendar').html(_template);
+
+ this.$dtpElement.find('a.dtp-select-day').on('click', this._onSelectDate.bind(this));
+
+ this.toggleButtons(_date);
+ }
+
+ this._centerBox();
+ this.showDate(_date);
+ },
+ initHours: function ()
+ {
+ this.currentView = 1;
+
+ this.showTime(this.currentDate);
+ this.initMeridienButtons();
+
+ if (this.currentDate.hour() < 12)
+ {
+ this.$dtpElement.find('a.dtp-meridien-am').click();
+ } else
+ {
+ this.$dtpElement.find('a.dtp-meridien-pm').click();
+ }
+
+ var hFormat = ((this.params.shortTime) ? 'h' : 'H');
+
+ this.$dtpElement.find('.dtp-picker-datetime').removeClass('hidden');
+ this.$dtpElement.find('.dtp-picker-calendar').addClass('hidden');
+ this.$dtpElement.find('.dtp-picker-year').addClass('hidden');
+
+ var svgClockElement = this.createSVGClock(true);
+
+ for (var i = 0; i < 12; i++)
+ {
+ var x = -(162 * (Math.sin(-Math.PI * 2 * (i / 12))));
+ var y = -(162 * (Math.cos(-Math.PI * 2 * (i / 12))));
+
+ var fill = ((this.currentDate.format(hFormat) == i) ? "#8BC34A" : 'transparent');
+ var color = ((this.currentDate.format(hFormat) == i) ? "#fff" : '#000');
+
+ var svgHourCircle = this.createSVGElement("circle", {'id': 'h-' + i, 'class': 'dtp-select-hour', 'style': 'cursor:pointer', r: '30', cx: x, cy: y, fill: fill, 'data-hour': i});
+
+ var svgHourText = this.createSVGElement("text", {'id': 'th-' + i, 'class': 'dtp-select-hour-text', 'text-anchor': 'middle', 'style': 'cursor:pointer', 'font-weight': 'bold', 'font-size': '20', x: x, y: y + 7, fill: color, 'data-hour': i});
+ svgHourText.textContent = ((i === 0) ? ((this.params.shortTime) ? 12 : i) : i);
+
+ if (!this.toggleTime(i, true))
+ {
+ svgHourCircle.className += " disabled";
+ svgHourText.className += " disabled";
+ svgHourText.setAttribute('fill', '#bdbdbd');
+ } else
+ {
+ svgHourCircle.addEventListener('click', this._onSelectHour.bind(this));
+ svgHourText.addEventListener('click', this._onSelectHour.bind(this));
+ }
+
+ svgClockElement.appendChild(svgHourCircle)
+ svgClockElement.appendChild(svgHourText)
+ }
+
+ if (!this.params.shortTime)
+ {
+ for (var i = 0; i < 12; i++)
+ {
+ var x = -(110 * (Math.sin(-Math.PI * 2 * (i / 12))));
+ var y = -(110 * (Math.cos(-Math.PI * 2 * (i / 12))));
+
+ var fill = ((this.currentDate.format(hFormat) == (i + 12)) ? "#8BC34A" : 'transparent');
+ var color = ((this.currentDate.format(hFormat) == (i + 12)) ? "#fff" : '#000');
+
+ var svgHourCircle = this.createSVGElement("circle", {'id': 'h-' + (i + 12), 'class': 'dtp-select-hour', 'style': 'cursor:pointer', r: '30', cx: x, cy: y, fill: fill, 'data-hour': (i + 12)});
+
+ var svgHourText = this.createSVGElement("text", {'id': 'th-' + (i + 12), 'class': 'dtp-select-hour-text', 'text-anchor': 'middle', 'style': 'cursor:pointer', 'font-weight': 'bold', 'font-size': '22', x: x, y: y + 7, fill: color, 'data-hour': (i + 12)});
+ svgHourText.textContent = i + 12;
+
+ if (!this.toggleTime(i + 12, true))
+ {
+ svgHourCircle.className += " disabled";
+ svgHourText.className += " disabled";
+ svgHourText.setAttribute('fill', '#bdbdbd');
+ } else
+ {
+ svgHourCircle.addEventListener('click', this._onSelectHour.bind(this));
+ svgHourText.addEventListener('click', this._onSelectHour.bind(this));
+ }
+
+ svgClockElement.appendChild(svgHourCircle)
+ svgClockElement.appendChild(svgHourText)
+ }
+
+ this.$dtpElement.find('a.dtp-meridien-am').addClass('hidden');
+ this.$dtpElement.find('a.dtp-meridien-pm').addClass('hidden');
+ }
+
+ this._centerBox();
+ },
+ initMinutes: function ()
+ {
+ this.currentView = 2;
+
+ this.showTime(this.currentDate);
+
+ this.initMeridienButtons();
+
+ if (this.currentDate.hour() < 12)
+ {
+ this.$dtpElement.find('a.dtp-meridien-am').click();
+ } else
+ {
+ this.$dtpElement.find('a.dtp-meridien-pm').click();
+ }
+
+ this.$dtpElement.find('.dtp-picker-year').addClass('hidden');
+ this.$dtpElement.find('.dtp-picker-calendar').addClass('hidden');
+ this.$dtpElement.find('.dtp-picker-datetime').removeClass('hidden');
+
+ var svgClockElement = this.createSVGClock(false);
+
+ for (var i = 0; i < 60; i++)
+ {
+ var s = ((i % 5 === 0) ? 162 : 158);
+ var r = ((i % 5 === 0) ? 30 : 20);
+
+ var x = -(s * (Math.sin(-Math.PI * 2 * (i / 60))));
+ var y = -(s * (Math.cos(-Math.PI * 2 * (i / 60))));
+
+ var color = ((this.currentDate.format("m") == i) ? "#8BC34A" : 'transparent');
+
+ var svgMinuteCircle = this.createSVGElement("circle", {'id': 'm-' + i, 'class': 'dtp-select-minute', 'style': 'cursor:pointer', r: r, cx: x, cy: y, fill: color, 'data-minute': i});
+
+ if (!this.toggleTime(i, false))
+ {
+ svgMinuteCircle.className += " disabled";
+ } else
+ {
+ svgMinuteCircle.addEventListener('click', this._onSelectMinute.bind(this));
+ }
+
+ svgClockElement.appendChild(svgMinuteCircle)
+ }
+
+ for (var i = 0; i < 60; i++)
+ {
+ if ((i % 5) === 0)
+ {
+ var x = -(162 * (Math.sin(-Math.PI * 2 * (i / 60))));
+ var y = -(162 * (Math.cos(-Math.PI * 2 * (i / 60))));
+
+ var color = ((this.currentDate.format("m") == i) ? "#fff" : '#000');
+
+ var svgMinuteText = this.createSVGElement("text", {'id': 'tm-' + i, 'class': 'dtp-select-minute-text', 'text-anchor': 'middle', 'style': 'cursor:pointer', 'font-weight': 'bold', 'font-size': '20', x: x, y: y + 7, fill: color, 'data-minute': i});
+ svgMinuteText.textContent = i;
+
+ if (!this.toggleTime(i, false))
+ {
+ svgMinuteText.className += " disabled";
+ svgMinuteText.setAttribute('fill', '#bdbdbd');
+ } else
+ {
+ svgMinuteText.addEventListener('click', this._onSelectMinute.bind(this));
+ }
+
+ svgClockElement.appendChild(svgMinuteText)
+ }
+ }
+
+ this._centerBox();
+ },
+ animateHands: function ()
+ {
+ var H = this.currentDate.hour();
+ var M = this.currentDate.minute();
+
+ var hh = this.$dtpElement.find('.hour-hand');
+ hh[0].setAttribute('transform', "rotate(" + 360 * H / 12 + ")");
+
+ var mh = this.$dtpElement.find('.minute-hand');
+ mh[0].setAttribute('transform', "rotate(" + 360 * M / 60 + ")");
+ },
+ createSVGClock: function (isHour)
+ {
+ var hl = ((this.params.shortTime) ? -120 : -90);
+
+ var svgElement = this.createSVGElement("svg", {class: 'svg-clock', viewBox: '0,0,400,400'});
+ var svgGElement = this.createSVGElement("g", {transform: 'translate(200,200) '});
+ var svgClockFace = this.createSVGElement("circle", {r: '192', fill: '#eee', stroke: '#bdbdbd', 'stroke-width': 2});
+ var svgClockCenter = this.createSVGElement("circle", {r: '15', fill: '#757575'});
+
+ svgGElement.appendChild(svgClockFace)
+
+ if (isHour)
+ {
+ var svgMinuteHand = this.createSVGElement("line", {class: 'minute-hand', x1: 0, y1: 0, x2: 0, y2: -150, stroke: '#bdbdbd', 'stroke-width': 2});
+ var svgHourHand = this.createSVGElement("line", {class: 'hour-hand', x1: 0, y1: 0, x2: 0, y2: hl, stroke: '#8BC34A', 'stroke-width': 8});
+
+ svgGElement.appendChild(svgMinuteHand);
+ svgGElement.appendChild(svgHourHand);
+ } else
+ {
+ var svgMinuteHand = this.createSVGElement("line", {class: 'minute-hand', x1: 0, y1: 0, x2: 0, y2: -150, stroke: '#8BC34A', 'stroke-width': 2});
+ var svgHourHand = this.createSVGElement("line", {class: 'hour-hand', x1: 0, y1: 0, x2: 0, y2: hl, stroke: '#bdbdbd', 'stroke-width': 8});
+
+ svgGElement.appendChild(svgHourHand);
+ svgGElement.appendChild(svgMinuteHand);
+ }
+
+ svgGElement.appendChild(svgClockCenter)
+
+ svgElement.appendChild(svgGElement)
+
+ this.$dtpElement.find("#dtp-svg-clock").empty();
+ this.$dtpElement.find("#dtp-svg-clock")[0].appendChild(svgElement);
+
+ this.animateHands();
+
+ return svgGElement;
+ },
+ createSVGElement: function (tag, attrs)
+ {
+ var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
+ for (var k in attrs)
+ {
+ el.setAttribute(k, attrs[k]);
+ }
+ return el;
+ },
+ isAfterMinDate: function (date, checkHour, checkMinute)
+ {
+ var _return = true;
+
+ if (typeof (this.minDate) !== 'undefined' && this.minDate !== null)
+ {
+ var _minDate = moment(this.minDate);
+ var _date = moment(date);
+
+ if (!checkHour && !checkMinute)
+ {
+ _minDate.hour(0);
+ _minDate.minute(0);
+
+ _date.hour(0);
+ _date.minute(0);
+ }
+
+ _minDate.second(0);
+ _date.second(0);
+ _minDate.millisecond(0);
+ _date.millisecond(0);
+
+ if (!checkMinute)
+ {
+ _date.minute(0);
+ _minDate.minute(0);
+
+ _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X")));
+ } else
+ {
+ _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X")));
+ }
+ }
+
+ return _return;
+ },
+ isBeforeMaxDate: function (date, checkTime, checkMinute)
+ {
+ var _return = true;
+
+ if (typeof (this.maxDate) !== 'undefined' && this.maxDate !== null)
+ {
+ var _maxDate = moment(this.maxDate);
+ var _date = moment(date);
+
+ if (!checkTime && !checkMinute)
+ {
+ _maxDate.hour(0);
+ _maxDate.minute(0);
+
+ _date.hour(0);
+ _date.minute(0);
+ }
+
+ _maxDate.second(0);
+ _date.second(0);
+ _maxDate.millisecond(0);
+ _date.millisecond(0);
+
+ if (!checkMinute)
+ {
+ _date.minute(0);
+ _maxDate.minute(0);
+
+ _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X")));
+ } else
+ {
+ _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X")));
+ }
+ }
+
+ return _return;
+ },
+ rotateElement: function (el, deg)
+ {
+ $(el).css
+ ({
+ WebkitTransform: 'rotate(' + deg + 'deg)',
+ '-moz-transform': 'rotate(' + deg + 'deg)'
+ });
+ },
+ showDate: function (date)
+ {
+ if (date)
+ {
+ this.$dtpElement.find('.dtp-actual-day').html(date.locale(this.params.lang).format('dddd'));
+ this.$dtpElement.find('.dtp-actual-month').html(date.locale(this.params.lang).format('MMM').toUpperCase());
+ this.$dtpElement.find('.dtp-actual-num').html(date.locale(this.params.lang).format('DD'));
+ this.$dtpElement.find('.dtp-actual-year').html(date.locale(this.params.lang).format('YYYY'));
+ }
+ },
+ showTime: function (date)
+ {
+ if (date)
+ {
+ var minutes = date.minute();
+ var content = ((this.params.shortTime) ? date.format('hh') : date.format('HH')) + ':' + ((minutes.toString().length == 2) ? minutes : '0' + minutes) + ((this.params.shortTime) ? ' ' + date.format('A') : '');
+
+ if (this.params.date)
+ this.$dtpElement.find('.dtp-actual-time').html(content);
+ else
+ {
+ if (this.params.shortTime)
+ this.$dtpElement.find('.dtp-actual-day').html(date.format('A'));
+ else
+ this.$dtpElement.find('.dtp-actual-day').html(' ');
+
+ this.$dtpElement.find('.dtp-actual-maxtime').html(content);
+ }
+ }
+ },
+ selectDate: function (date)
+ {
+ if (date)
+ {
+ this.currentDate.date(date);
+
+ this.showDate(this.currentDate);
+ this.$element.trigger('dateSelected', this.currentDate);
+ }
+ },
+ generateCalendar: function (date)
+ {
+ var _calendar = {};
+
+ if (date !== null)
+ {
+ var startOfMonth = moment(date).locale(this.params.lang).startOf('month');
+ var endOfMonth = moment(date).locale(this.params.lang).endOf('month');
+
+ var iNumDay = startOfMonth.format('d');
+
+ _calendar.week = this.days;
+ _calendar.days = [];
+
+ for (var i = startOfMonth.date(); i <= endOfMonth.date(); i++)
+ {
+ if (i === startOfMonth.date())
+ {
+ var iWeek = _calendar.week.indexOf(iNumDay.toString());
+ if (iWeek > 0)
+ {
+ for (var x = 0; x < iWeek; x++)
+ {
+ _calendar.days.push(0);
+ }
+ }
+ }
+ _calendar.days.push(moment(startOfMonth).locale(this.params.lang).date(i));
+ }
+ }
+
+ return _calendar;
+ },
+ constructHTMLCalendar: function (date, calendar)
+ {
+ var _template = "";
+
+ _template += '' + date.locale(this.params.lang).format('MMMM YYYY') + '
';
+ _template += '| ' + moment(parseInt(calendar.week[i]), "d").locale(this.params.lang).format("dd").substring(0, 1) + ' | '; + } + + _template += ''; + _template += '
|---|
| '; + if (calendar.days[i] != 0) + { + if (this.isBeforeMaxDate(moment(calendar.days[i]), false, false) === false + || this.isAfterMinDate(moment(calendar.days[i]), false, false) === false + || this.params.disabledDays.indexOf(calendar.days[i].isoWeekday()) !== -1) + { + _template += '' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + ''; + } else + { + if (moment(calendar.days[i]).locale(this.params.lang).format("DD") === moment(this.currentDate).locale(this.params.lang).format("DD")) + { + _template += '' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + ''; + } else + { + _template += '' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + ''; + } + } + + _template += ' | '; + } + } + _template += '
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Carregando...
+
+
+
+
+
+
+
+
+
+