diff --git a/dist/jquery.remodal.css b/dist/jquery.remodal.css deleted file mode 100755 index 11a7c87..0000000 --- a/dist/jquery.remodal.css +++ /dev/null @@ -1,321 +0,0 @@ -/* - * Remodal - v0.6.4 - * Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking. - * http://vodkabears.github.io/remodal/ - * - * Made by Ilya Makarov - * Under MIT License - */ -@import url(//fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic); - -/* ========================================================================== - Remodal necessary styles - ========================================================================== */ - -/* Hide scroll bar */ - -html.remodal-is-locked { - overflow: hidden; -} - -/* Anti FOUC */ - -.remodal, -[data-remodal-id] { - visibility: hidden; -} - -/* Necessary styles of the overlay */ - -.remodal-overlay { - position: fixed; - z-index: 9999; - top: -5000px; - right: -5000px; - bottom: -5000px; - left: -5000px; - - display: none; -} - -/* Necessary styles of the wrapper */ - -.remodal-wrapper { - position: fixed; - z-index: 10000; - top: 0; - right: 0; - bottom: 0; - left: 0; - - display: none; - overflow: auto; - - text-align: center; - - -webkit-overflow-scrolling: touch; -} - -.remodal-wrapper:after { - display: inline-block; - - height: 100%; - margin-left: -0.05em; - - content: ""; -} - -/* Fix iPad, iPhone glitches */ - -.remodal-overlay, -.remodal-wrapper { - -webkit-transform: translateZ(0px); -} - -/* Necessary styles of the modal dialog */ - -.remodal { - position: relative; - - display: inline-block; -} - -/* Anti-zoom. Font-size should be >= 16px. */ - -.remodal select, -.remodal textarea, -.remodal input, -.remodal select:focus, -.remodal textarea:focus, -.remodal input:focus { - font-size: 16px; -} - -/* ========================================================================== - Remodal default theme - ========================================================================== */ - -/* Default theme font */ - -.remodal, -.remodal * { - font-family: "Exo 2", sans-serif; -} - -/* Background for effects */ - -.remodal-bg { - -webkit-transition: -webkit-filter 0.2s ease-out; - -moz-transition: -moz-filter 0.2s ease-out; - -o-transition: -o-filter 0.2s ease-out; - transition: filter 0.2s ease-out; -} - -body.remodal-is-active .remodal-bg { - -webkit-filter: blur(3px); - -ms-filter: blur(3px); - filter: blur(3px); - -moz-filter: blur(3px); - -o-filter: blur(3px); -} - -/* Default theme styles of the overlay */ - -.remodal-overlay { - -webkit-transition: opacity 0.2s ease-out; - -moz-transition: opacity 0.2s ease-out; - -o-transition: opacity 0.2s ease-out; - transition: opacity 0.2s ease-out; - - opacity: 0; - background: rgba(33, 36, 46, 0.95); -} - -body.remodal-is-active .remodal-overlay { - opacity: 1; -} - -/* Default theme styles of the modal dialog */ - -.remodal { - font-size: 16px; - - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - min-height: 100%; - padding: 35px; - - -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; - -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out; - -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out; - transition: transform 0.2s ease-out, opacity 0.2s ease-out; - -webkit-transform: scale(0.95); - -moz-transform: scale(0.95); - -ms-transform: scale(0.95); - -o-transform: scale(0.95); - transform: scale(0.95); - - opacity: 0; - color: #182a3c; - background: #f4f4f4; - background-clip: padding-box; -} - -body.remodal-is-active .remodal { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - - opacity: 1; -} - -/* Vertical align of the modal dialog */ - -.remodal, -.remodal-wrapper:after { - vertical-align: middle; -} - -/* Close button */ - -.remodal-close { - position: absolute; - top: 5px; - left: 5px; - - width: 28px; - height: 28px; - - -webkit-transition: background 0.2s ease-out; - -moz-transition: background 0.2s ease-out; - -o-transition: background 0.2s ease-out; - transition: background 0.2s ease-out; - text-decoration: none; - - -webkit-border-radius: 50%; - border-radius: 50%; -} - -.remodal-close:after { - font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; - font-size: 28px; - line-height: 28px; - - display: block; - - content: "×"; - cursor: pointer; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-decoration: none; - - color: #3e5368; -} - -.remodal-close:hover, -.remodal-close:active { - background: #3e5368; -} - -.remodal-close:hover.remodal-close:after, -.remodal-close:active.remodal-close:after { - color: #f4f4f4; -} - -/* Dialog buttons */ - -.remodal-confirm, -.remodal-cancel { - font-size: 10pt; - - display: inline-block; - - width: 120px; - margin: 0 0 5px 0; - padding: 9px 0; - - cursor: pointer; - -webkit-transition: all 0.2s ease-out; - -moz-transition: all 0.2s ease-out; - -o-transition: all 0.2s ease-out; - transition: all 0.2s ease-out; - text-align: center; - text-decoration: none; - - -webkit-border-radius: 6px; - border-radius: 6px; - background-clip: padding-box; -} - -.remodal-confirm { - color: #16a085; - border: 2px solid #16a085; - background: #f4f4f4; -} - -.remodal-confirm:hover, -.remodal-confirm:active { - color: #f4f4f4; - background: #16a085; -} - -.remodal-cancel { - color: #c0392b; - border: 2px solid #c0392b; - background: #f4f4f4; -} - -.remodal-cancel:hover, -.remodal-cancel:active { - color: #f4f4f4; - background: #c0392b; -} - -/* Media queries - ========================================================================== */ - -@media only screen and (min-width: 641px) { - .remodal { - max-width: 700px; - min-height: 0; - margin: 20px auto; - - -webkit-border-radius: 6px; - border-radius: 6px; - } -} - -/* IE8 - ========================================================================== */ - -.lt-ie9 .remodal-overlay { - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E); -} - -.lt-ie9 .remodal { - width: 700px; - min-height: 0; - margin: 20px auto; -} - -.lt-ie9 .remodal-close:after { - margin: auto; - - text-align: center; -} - -.lt-ie9 .remodal-close:hover, -.lt-ie9 .remodal-close:active { - background: transparent; -} - -.lt-ie9 .remodal-close:hover.remodal-close:after, -.lt-ie9 .remodal-close:active.remodal-close:after { - color: #3e5368; -} diff --git a/dist/jquery.remodal.js b/dist/jquery.remodal.js deleted file mode 100755 index 28278bf..0000000 --- a/dist/jquery.remodal.js +++ /dev/null @@ -1,522 +0,0 @@ -/* - * Remodal - v0.6.4 - * Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking. - * http://vodkabears.github.io/remodal/ - * - * Made by Ilya Makarov - * Under MIT License - */ -(function(root, factory) { - if (typeof define === 'function' && define.amd) { - define(['jquery'], function($) { - return factory(root, $); - }); - } else if (typeof exports === 'object') { - factory(root, require('jquery')); - } else { - factory(root, root.jQuery || root.Zepto); - } -})(this, function(global, $) { - - 'use strict'; - - /** - * Name of the plugin - * @private - * @type {String} - */ - var pluginName = 'remodal'; - - /** - * Namespace for CSS and events - * @private - * @type {String} - */ - var namespace = global.remodalGlobals && global.remodalGlobals.namespace || pluginName; - - /** - * Default settings - * @private - * @type {Object} - */ - var defaults = $.extend({ - hashTracking: true, - closeOnConfirm: true, - closeOnCancel: true, - closeOnEscape: true, - closeOnAnyClick: true - }, global.remodalGlobals && global.remodalGlobals.defaults); - - /** - * Current modal - * @private - * @type {Remodal} - */ - var current; - - /** - * Scrollbar position - * @private - * @type {Number} - */ - var scrollTop; - - /** - * Get a transition duration in ms - * @private - * @param {jQuery} $elem - * @return {Number} - */ - function getTransitionDuration($elem) { - var duration = $elem.css('transition-duration') || - $elem.css('-webkit-transition-duration') || - $elem.css('-moz-transition-duration') || - $elem.css('-o-transition-duration') || - $elem.css('-ms-transition-duration') || - '0s'; - - var delay = $elem.css('transition-delay') || - $elem.css('-webkit-transition-delay') || - $elem.css('-moz-transition-delay') || - $elem.css('-o-transition-delay') || - $elem.css('-ms-transition-delay') || - '0s'; - - var max; - var len; - var num; - var i; - - duration = duration.split(', '); - delay = delay.split(', '); - - // The duration length is the same as the delay length - for (i = 0, len = duration.length, max = Number.NEGATIVE_INFINITY; i < len; i++) { - num = parseFloat(duration[i]) + parseFloat(delay[i]); - - if (num > max) { - max = num; - } - } - - return num * 1000; - } - - /** - * Get a scrollbar width - * @private - * @return {Number} - */ - function getScrollbarWidth() { - if ($(document.body).height() <= $(window).height()) { - return 0; - } - - var outer = document.createElement('div'); - var inner = document.createElement('div'); - var widthNoScroll; - var widthWithScroll; - - outer.style.visibility = 'hidden'; - outer.style.width = '100px'; - document.body.appendChild(outer); - - widthNoScroll = outer.offsetWidth; - - // Force scrollbars - outer.style.overflow = 'scroll'; - - // Add inner div - inner.style.width = '100%'; - outer.appendChild(inner); - - widthWithScroll = inner.offsetWidth; - - // Remove divs - outer.parentNode.removeChild(outer); - - return widthNoScroll - widthWithScroll; - } - - /** - * Lock the screen - * @private - */ - function lockScreen() { - var $html = $('html'); - var lockedClass = namespace + '-is-locked'; - var paddingRight; - var $body; - - if (!$html.hasClass(lockedClass)) { - $body = $(document.body); - - // Zepto does not support '-=', '+=' in the `css` method - paddingRight = parseInt($body.css('padding-right'), 10) + getScrollbarWidth(); - - $body.css('padding-right', paddingRight + 'px'); - $html.addClass(lockedClass); - } - } - - /** - * Unlock the screen - * @private - */ - function unlockScreen() { - var $html = $('html'); - var lockedClass = namespace + '-is-locked'; - var paddingRight; - var $body; - - if ($html.hasClass(lockedClass)) { - $body = $(document.body); - - // Zepto does not support '-=', '+=' in the `css` method - paddingRight = parseInt($body.css('padding-right'), 10) - getScrollbarWidth(); - - $body.css('padding-right', paddingRight + 'px'); - $html.removeClass(lockedClass); - } - } - - /** - * Parse a string with options - * @private - * @param str - * @returns {Object} - */ - function parseOptions(str) { - var obj = {}; - var arr; - var len; - var val; - var i; - - // Remove spaces before and after delimiters - str = str.replace(/\s*:\s*/g, ':').replace(/\s*,\s*/g, ','); - - // Parse a string - arr = str.split(','); - for (i = 0, len = arr.length; i < len; i++) { - arr[i] = arr[i].split(':'); - val = arr[i][1]; - - // Convert a string value if it is like a boolean - if (typeof val === 'string' || val instanceof String) { - val = val === 'true' || (val === 'false' ? false : val); - } - - // Convert a string value if it is like a number - if (typeof val === 'string' || val instanceof String) { - val = !isNaN(val) ? +val : val; - } - - obj[arr[i][0]] = val; - } - - return obj; - } - - /** - * Remodal constructor - * @param {jQuery} $modal - * @param {Object} options - * @constructor - */ - function Remodal($modal, options) { - var remodal = this; - var tdOverlay; - var tdModal; - var tdBg; - - remodal.settings = $.extend({}, defaults, options); - - // Build DOM - remodal.$body = $(document.body); - remodal.$overlay = $('.' + namespace + '-overlay'); - - if (!remodal.$overlay.length) { - remodal.$overlay = $('