wrgem 0.0.1

data/lib/generators/wrstart/template/vendor/assets/components/Slidebars/distribution/0.10/slidebars.js

@@ -0,0 +1,349 @@
+// -----------------------------------
+// Slidebars
+// Version 0.10
+// http://plugins.adchsm.me/slidebars/
+//
+// Written by Adam Smith
+// http://www.adchsm.me/
+//
+// Released under MIT License
+// http://plugins.adchsm.me/slidebars/license.txt
+//
+// ---------------------
+// Index of Slidebars.js
+//
+// 001 - Default Settings
+// 002 - Feature Detection
+// 003 - User Agents
+// 004 - Setup
+// 005 - Animation
+// 006 - Operations
+// 007 - API
+// 008 - User Input
+
+;(function($) {
+
+	$.slidebars = function(options) {
+
+		// ----------------------
+		// 001 - Default Settings
+
+		var settings = $.extend({
+			siteClose: true, // true or false - Enable closing of Slidebars by clicking on #sb-site.
+			scrollLock: false, // true or false - Prevent scrolling of site when a Slidebar is open.
+			disableOver: false, // integer or false - Hide Slidebars over a specific width.
+			hideControlClasses: false // true or false - Hide controls at same width as disableOver.
+		}, options);
+
+		// -----------------------
+		// 002 - Feature Detection
+
+		var test = document.createElement('div').style, // Create element to test on.
+		supportTransition = false, // Variable for testing transitions.
+		supportTransform = false; // variable for testing transforms.
+
+		// Test for CSS Transitions
+		if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') supportTransition = true;
+
+		// Test for CSS Transforms
+		if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') supportTransform = true;
+
+		// -----------------
+		// 003 - User Agents
+
+		var ua = navigator.userAgent, // Get user agent string.
+		android = false, // Variable for storing android version.
+		iOS = false; // Variable for storing iOS version.
+		
+		if (/Android/.test(ua)) { // Detect Android in user agent string.
+			android = ua.substr(ua.indexOf('Android')+8, 3); // Set version of Android.
+		} else if (/(iPhone|iPod|iPad)/.test(ua)) { // Detect iOS in user agent string.
+			iOS = ua.substr(ua.indexOf('OS ')+3, 3).replace('_', '.'); // Set version of iOS.
+		}
+		
+		if (android && android < 3 || iOS && iOS < 5) $('html').addClass('sb-static'); // Add helper class for older versions of Android & iOS.
+
+		// -----------
+		// 004 - Setup
+
+		// Site container
+		var $site = $('#sb-site, .sb-site-container'); // Cache the selector.
+
+		// Left Slidebar	
+		if ($('.sb-left').length) { // Check if the left Slidebar exists.
+			var $left = $('.sb-left'), // Cache the selector.
+			leftActive = false; // Used to check whether the left Slidebar is open or closed.
+		}
+
+		// Right Slidebar
+		if ($('.sb-right').length) { // Check if the right Slidebar exists.
+			var $right = $('.sb-right'), // Cache the selector.
+			rightActive = false; // Used to check whether the right Slidebar is open or closed.
+		}
+				
+		var init = false, // Initialisation variable.
+		windowWidth = $(window).width(), // Get width of window.
+		$controls = $('.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close'), // Cache the control classes.
+		$slide = $('.sb-slide'); // Cache users elements to animate.
+		
+		// Initailise Slidebars
+		function initialise() {
+			if (!settings.disableOver || (typeof settings.disableOver === 'number' && settings.disableOver >= windowWidth)) { // False or larger than window size. 
+				init = true; // true enabled Slidebars to open.
+				$('html').addClass('sb-init'); // Add helper class.
+				if (settings.hideControlClasses) $controls.removeClass('sb-hide'); // Remove class just incase Slidebars was originally disabled.
+				css(); // Set required inline styles.
+			} else if (typeof settings.disableOver === 'number' && settings.disableOver < windowWidth) { // Less than window size.
+				init = false; // false stop Slidebars from opening.
+				$('html').removeClass('sb-init'); // Remove helper class.
+				if (settings.hideControlClasses) $controls.addClass('sb-hide'); // Hide controls
+				$site.css('minHeight', ''); // Remove minimum height.
+				if (leftActive || rightActive) close(); // Close Slidebars if open.
+			}
+		}
+		initialise();
+		
+		// Inline CSS
+		function css() {
+			// Set minimum height.
+			$site.css('minHeight', ''); // Reset minimum height.
+			$site.css('minHeight', $('html').height() + 'px'); // Set minimum height of the site to the minimum height of the html.
+			
+			// Custom Slidebar widths.
+			if ($left && $left.hasClass('sb-width-custom')) $left.css('width', $left.attr('data-sb-width')); // Set user custom width.
+			if ($right && $right.hasClass('sb-width-custom')) $right.css('width', $right.attr('data-sb-width')); // Set user custom width.
+			
+			// Set off-canvas margins for Slidebars with push and overlay animations.
+			if ($left && ($left.hasClass('sb-style-push') || $left.hasClass('sb-style-overlay'))) $left.css('marginLeft', '-' + $left.css('width'));
+			if ($right && ($right.hasClass('sb-style-push') || $right.hasClass('sb-style-overlay'))) $right.css('marginRight', '-' + $right.css('width'));
+			
+			// Site scroll locking.
+			if (settings.scrollLock) $('html').addClass('sb-scroll-lock');
+		}
+		
+		// Resize Functions
+		$(window).resize(function() {
+			var resizedWindowWidth = $(window).width(); // Get resized window width.
+			if (windowWidth !== resizedWindowWidth) { // Slidebars is running and window was actually resized.
+				windowWidth = resizedWindowWidth; // Set the new window width.
+				initialise(); // Call initalise to see if Slidebars should still be running.
+				if (leftActive) open('left'); // If left Slidebar is open, calling open will ensure it is the correct size.
+				if (rightActive) open('right'); // If right Slidebar is open, calling open will ensure it is the correct size.
+			}
+		});
+		// I may include a height check along side a width check here in future.
+
+		// ---------------
+		// 005 - Animation
+
+		var animation; // Animation type.
+
+		// Set animation type.
+		if (supportTransition && supportTransform) { // Browser supports css transitions and transforms.
+			animation = 'translate'; // Translate for browsers that support it.
+			if (android && android < 4.4) animation = 'side'; // Android supports both, but can't translate any fixed positions, so use left instead.
+		} else {
+			animation = 'jQuery'; // Browsers that don't support css transitions and transitions.
+		}
+
+		// Animate mixin.
+		function animate(object, amount, side) {
+			// Choose selectors depending on animation style.
+			var selector;
+			
+			if (object.hasClass('sb-style-push')) {
+				selector = $site.add(object).add($slide); // Push - Animate site, Slidebar and user elements.
+			} else if (object.hasClass('sb-style-overlay')) {
+				selector = object; // Overlay - Animate Slidebar only.
+			} else {
+				selector = $site.add($slide); // Reveal - Animate site and user elements.
+			}
+			
+			// Apply animation
+			if (animation === 'translate') {
+				selector.css('transform', 'translate(' + amount + ')'); // Apply the animation.
+
+			} else if (animation === 'side') {		
+				if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for side animations.
+				if (amount !== '0px') selector.css(side, '0px'); // Add a 0 value so css transition works.
+				setTimeout(function() { // Set a timeout to allow the 0 value to be applied above.
+					selector.css(side, amount); // Apply the animation.
+				}, 1);
+
+			} else if (animation === 'jQuery') {
+				if (amount[0] === '-') amount = amount.substr(1); // Remove the '-' from the passed amount for jQuery animations.
+				var properties = {};
+				properties[side] = amount;
+				selector.stop().animate(properties, 400); // Stop any current jQuery animation before starting another.
+			}
+			
+			// If closed, remove the inline styling on completion of the animation.
+			setTimeout(function() {
+				if (amount === '0px') {
+					selector.removeAttr('style');
+					css();
+				}
+			}, 400);
+		}
+
+		// ----------------
+		// 006 - Operations
+
+		// Open a Slidebar
+		function open(side) {
+			// Check to see if opposite Slidebar is open.
+			if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { // It's open, close it, then continue.
+				close();
+				setTimeout(proceed, 400);
+			} else { // Its not open, continue.
+				proceed();
+			}
+
+			// Open
+			function proceed() {
+				if (init && side === 'left' && $left) { // Slidebars is initiated, left is in use and called to open.
+					$('html').addClass('sb-active sb-active-left'); // Add active classes.
+					$left.addClass('sb-active');
+					animate($left, $left.css('width'), 'left'); // Animation
+					setTimeout(function() { leftActive = true; }, 400); // Set active variables.
+				} else if (init && side === 'right' && $right) { // Slidebars is initiated, right is in use and called to open.
+					$('html').addClass('sb-active sb-active-right'); // Add active classes.
+					$right.addClass('sb-active');
+					animate($right, '-' + $right.css('width'), 'right'); // Animation
+					setTimeout(function() { rightActive = true; }, 400); // Set active variables.
+				}
+			}
+		}
+			
+		// Close either Slidebar
+		function close(link) {
+			if (leftActive || rightActive) { // If a Slidebar is open.
+				if (leftActive) {
+					animate($left, '0px', 'left'); // Animation
+					leftActive = false;
+				}
+				if (rightActive) {
+					animate($right, '0px', 'right'); // Animation
+					rightActive = false;
+				}
+			
+				setTimeout(function() { // Wait for closing animation to finish.
+					$('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes.
+					if ($left) $left.removeClass('sb-active');
+					if ($right) $right.removeClass('sb-active');
+					if (typeof link !== 'undefined') window.location = link; // If a link has been passed to the function, go to it.
+				}, 400);
+			}
+		}
+		
+		// Toggle either Slidebar
+		function toggle(side) {
+			if (side === 'left' && $left) { // If left Slidebar is called and in use.
+				if (!leftActive) {
+					open('left'); // Slidebar is closed, open it.
+				} else {
+					close(); // Slidebar is open, close it.
+				}
+			}
+			if (side === 'right' && $right) { // If right Slidebar is called and in use.
+				if (!rightActive) {
+					open('right'); // Slidebar is closed, open it.
+				} else {
+					close(); // Slidebar is open, close it.
+				}
+			}
+		}
+
+		// ---------
+		// 007 - API
+		
+		this.slidebars = {
+			open: open, // Maps user variable name to the open method.
+			close: close, // Maps user variable name to the close method.
+			toggle: toggle, // Maps user variable name to the toggle method.
+			init: function() { // Returns true or false whether Slidebars are running or not.
+				return init; // Returns true or false whether Slidebars are running.
+			},
+			active: function(side) { // Returns true or false whether Slidebar is open or closed.
+				if (side === 'left' && $left) return leftActive;
+				if (side === 'right' && $right) return rightActive;
+			},
+			destroy: function(side) { // Removes the Slidebar from the DOM.
+				if (side === 'left' && $left) {
+					if (leftActive) close(); // Close if its open.
+					setTimeout(function() {
+						$left.remove(); // Remove it.
+						$left = false; // Set variable to false so it cannot be opened again.
+					}, 400);
+				}
+				if (side === 'right' && $right) {
+					if (rightActive) close(); // Close if its open.
+					setTimeout(function() {
+						$right.remove(); // Remove it.
+						$right = false; // Set variable to false so it cannot be opened again.
+					}, 400);
+				}
+			}
+		};
+
+		// ----------------
+		// 008 - User Input
+		
+		function eventHandler(event, selector) {
+			event.stopPropagation(); // Stop event bubbling.
+			event.preventDefault(); // Prevent default behaviour
+			if (event.type === 'touchend') selector.off('click'); // If event type was touch turn off clicks to prevent phantom clicks.
+		}
+		
+		// Toggle left Slidebar
+		$('.sb-toggle-left').on('touchend click', function(event) {
+			eventHandler(event, $(this)); // Handle the event.
+			toggle('left'); // Toggle the left Slidbar.
+		});
+		
+		// Toggle right Slidebar
+		$('.sb-toggle-right').on('touchend click', function(event) {
+			eventHandler(event, $(this)); // Handle the event.
+			toggle('right'); // Toggle the right Slidbar.
+		});
+		
+		// Open left Slidebar
+		$('.sb-open-left').on('touchend click', function(event) {
+			eventHandler(event, $(this)); // Handle the event.
+			open('left'); // Open the left Slidebar.
+		});
+		
+		// Open right Slidebar
+		$('.sb-open-right').on('touchend click', function(event) {
+			eventHandler(event, $(this)); // Handle the event.
+			open('right'); // Open the right Slidebar.
+		});
+		
+		// Close a Slidebar
+		$('.sb-close').on('touchend click', function(event) {
+			eventHandler(event, $(this)); // Handle the event.
+			var link;
+			
+			// Close Slidebar via link
+			if ( $(this).parents('.sb-slidebar') ) {
+				if ( $(this).is('a') ) {
+					link = $(this).attr('href');
+				} else if ( $(this).children('a') ) {
+					link = $(this).children('a').attr('href');
+				}
+			}
+			
+			close(link); // Close Slidebar and pass link.
+		});
+		
+		// Close Slidebar via site
+		$site.on('touchend click', function(event) {
+			if (settings.siteClose && (leftActive || rightActive)) { // If settings permit closing by site and left or right Slidebar is open.
+				eventHandler(event, $(this)); // Handle the event.
+				close(); // Close it.
+			}
+		});
+		
+	}; // End Slidebars function.
+
+}) (jQuery);

data/lib/generators/wrstart/template/vendor/assets/components/Slidebars/distribution/0.10/slidebars.min.css

@@ -0,0 +1,2 @@
+/* Slidebars 0.10 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
+#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}

data/lib/generators/wrstart/template/vendor/assets/components/Slidebars/distribution/0.10/slidebars.min.js

@@ -0,0 +1,2 @@
+// Slidebars 0.10 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt)
+!function(t){t.slidebars=function(s){function e(){!c.disableOver||"number"==typeof c.disableOver&&c.disableOver>=T?(y=!0,t("html").addClass("sb-init"),c.hideControlClasses&&k.removeClass("sb-hide"),i()):"number"==typeof c.disableOver&&c.disableOver<T&&(y=!1,t("html").removeClass("sb-init"),c.hideControlClasses&&k.addClass("sb-hide"),g.css("minHeight",""),(C||w)&&a())}function i(){g.css("minHeight",""),g.css("minHeight",t("html").height()+"px"),m&&m.hasClass("sb-width-custom")&&m.css("width",m.attr("data-sb-width")),p&&p.hasClass("sb-width-custom")&&p.css("width",p.attr("data-sb-width")),m&&(m.hasClass("sb-style-push")||m.hasClass("sb-style-overlay"))&&m.css("marginLeft","-"+m.css("width")),p&&(p.hasClass("sb-style-push")||p.hasClass("sb-style-overlay"))&&p.css("marginRight","-"+p.css("width")),c.scrollLock&&t("html").addClass("sb-scroll-lock")}function n(t,s,e){var n;if(n=t.hasClass("sb-style-push")?g.add(t).add(O):t.hasClass("sb-style-overlay")?t:g.add(O),"translate"===x)n.css("transform","translate("+s+")");else if("side"===x)"-"===s[0]&&(s=s.substr(1)),"0px"!==s&&n.css(e,"0px"),setTimeout(function(){n.css(e,s)},1);else if("jQuery"===x){"-"===s[0]&&(s=s.substr(1));var o={};o[e]=s,n.stop().animate(o,400)}setTimeout(function(){"0px"===s&&(n.removeAttr("style"),i())},400)}function o(s){function e(){y&&"left"===s&&m?(t("html").addClass("sb-active sb-active-left"),m.addClass("sb-active"),n(m,m.css("width"),"left"),setTimeout(function(){C=!0},400)):y&&"right"===s&&p&&(t("html").addClass("sb-active sb-active-right"),p.addClass("sb-active"),n(p,"-"+p.css("width"),"right"),setTimeout(function(){w=!0},400))}"left"===s&&m&&w||"right"===s&&p&&C?(a(),setTimeout(e,400)):e()}function a(s){(C||w)&&(C&&(n(m,"0px","left"),C=!1),w&&(n(p,"0px","right"),w=!1),setTimeout(function(){t("html").removeClass("sb-active sb-active-left sb-active-right"),m&&m.removeClass("sb-active"),p&&p.removeClass("sb-active"),"undefined"!=typeof s&&(window.location=s)},400))}function l(t){"left"===t&&m&&(C?a():o("left")),"right"===t&&p&&(w?a():o("right"))}function r(t,s){t.stopPropagation(),t.preventDefault(),"touchend"===t.type&&s.off("click")}var c=t.extend({siteClose:!0,scrollLock:!1,disableOver:!1,hideControlClasses:!1},s),h=document.createElement("div").style,d=!1,f=!1;(""===h.MozTransition||""===h.WebkitTransition||""===h.OTransition||""===h.transition)&&(d=!0),(""===h.MozTransform||""===h.WebkitTransform||""===h.OTransform||""===h.transform)&&(f=!0);var b=navigator.userAgent,u=!1,v=!1;/Android/.test(b)?u=b.substr(b.indexOf("Android")+8,3):/(iPhone|iPod|iPad)/.test(b)&&(v=b.substr(b.indexOf("OS ")+3,3).replace("_",".")),(u&&3>u||v&&5>v)&&t("html").addClass("sb-static");var g=t("#sb-site, .sb-site-container");if(t(".sb-left").length)var m=t(".sb-left"),C=!1;if(t(".sb-right").length)var p=t(".sb-right"),w=!1;var y=!1,T=t(window).width(),k=t(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close"),O=t(".sb-slide");e(),t(window).resize(function(){var s=t(window).width();T!==s&&(T=s,e(),C&&o("left"),w&&o("right"))});var x;d&&f?(x="translate",u&&4.4>u&&(x="side")):x="jQuery",this.slidebars={open:o,close:a,toggle:l,init:function(){return y},active:function(t){return"left"===t&&m?C:"right"===t&&p?w:void 0},destroy:function(t){"left"===t&&m&&(C&&a(),setTimeout(function(){m.remove(),m=!1},400)),"right"===t&&p&&(w&&a(),setTimeout(function(){p.remove(),p=!1},400))}},t(".sb-toggle-left").on("touchend click",function(s){r(s,t(this)),l("left")}),t(".sb-toggle-right").on("touchend click",function(s){r(s,t(this)),l("right")}),t(".sb-open-left").on("touchend click",function(s){r(s,t(this)),o("left")}),t(".sb-open-right").on("touchend click",function(s){r(s,t(this)),o("right")}),t(".sb-close").on("touchend click",function(s){r(s,t(this));var e;t(this).parents(".sb-slidebar")&&(t(this).is("a")?e=t(this).attr("href"):t(this).children("a")&&(e=t(this).children("a").attr("href"))),a(e)}),g.on("touchend click",function(s){c.siteClose&&(C||w)&&(r(s,t(this)),a())})}}(jQuery);

data/lib/generators/wrstart/template/vendor/assets/components/Slidebars/distribution/0.10.1/slidebars.css

@@ -0,0 +1,213 @@
+/* -----------------------------------
+ * Slidebars
+ * Version 0.10.1
+ * http://plugins.adchsm.me/slidebars/
+ *
+ * Written by Adam Smith
+ * http://www.adchsm.me/
+ *
+ * Released under MIT License
+ * http://plugins.adchsm.me/slidebars/license.txt
+ *
+ * -------------------
+ * Slidebars CSS Index
+ *
+ * 001 - Box Model, Html & Body
+ * 002 - Site
+ * 003 - Slidebars
+ * 004 - Animation
+ * 005 - Helper Classes
+ *
+ * ----------------------------
+ * 001 - Box Model, Html & Body
+ */
+
+html, body, #sb-site, .sb-site-container, .sb-slidebar {
+	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
+	margin: 0;
+	padding: 0;
+	-webkit-box-sizing: border-box;
+	   -moz-box-sizing: border-box;
+	        box-sizing: border-box;
+}
+
+html, body {
+	width: 100%;
+	overflow-x: hidden; /* Stops horizontal scrolling. */
+}
+
+html {
+	height: 100%; /* Site is as tall as device. */
+}
+
+body {
+	min-height: 100%;
+	height: auto;
+	position: relative; /* Required for static Slidebars to function properly. */
+}
+
+/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
+html.sb-scroll-lock body {
+	height: 100%;
+}
+
+html.sb-scroll-lock.sb-active:not(.sb-static),
+html.sb-scroll-lock.sb-active:not(.sb-static) body {
+	overflow: hidden;
+}
+
+/* ----------
+ * 002 - Site
+ */
+
+#sb-site, .sb-site-container {
+	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
+	width: 100%;
+	position: relative;
+	z-index: 1; /* Site sits above Slidebars */
+	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
+}
+
+/* ---------------
+ * 003 - Slidebars
+ */
+
+.sb-slidebar {
+	height: 100%;
+	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
+	position: fixed;
+	top: 0;
+	z-index: 0; /* Slidebars sit behind sb-site. */
+	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
+	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
+	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
+}
+
+.sb-left {
+	left: 0; /* Set Slidebar to the left. */
+}
+
+.sb-right {
+	right: 0; /* Set Slidebar to the right. */
+}
+
+html.sb-static .sb-slidebar,
+.sb-slidebar.sb-static {
+	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
+}
+
+.sb-slidebar.sb-active {
+	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
+}
+
+.sb-style-overlay {
+	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
+}
+
+.sb-momentum-scrolling {
+	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
+}
+
+/* Slidebar widths for browsers/devices that don't support media queries. */
+	.sb-slidebar {
+		width: 30%;
+	}
+	
+	.sb-width-thin {
+		width: 15%;
+	}
+	
+	.sb-width-wide {
+		width: 45%;
+	}
+
+@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
+	.sb-slidebar {
+		width: 70%;
+	}
+	
+	.sb-width-thin {
+		width: 55%;
+	}
+	
+	.sb-width-wide {
+		width: 85%;
+	}
+}
+
+@media (min-width: 481px) { /* Slidebar widths on small screens. */
+	.sb-slidebar {
+		width: 55%;
+	}
+	
+	.sb-width-thin {
+		width: 40%;
+	}
+	
+	.sb-width-wide {
+		width: 70%;
+	}
+}
+
+@media (min-width: 768px) { /* Slidebar widths on medium screens. */
+	.sb-slidebar {
+		width: 40%;
+	}
+	
+	.sb-width-thin {
+		width: 25%;
+	}
+	
+	.sb-width-wide {
+		width: 55%;
+	}
+}
+
+@media (min-width: 992px) { /* Slidebar widths on large screens. */
+	.sb-slidebar {
+		width: 30%;
+	}
+	
+	.sb-width-thin {
+		width: 15%;
+	}
+	
+	.sb-width-wide {
+		width: 45%;
+	}
+}
+
+@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
+	.sb-slidebar {
+		width: 20%;
+	}
+	
+	.sb-width-thin {
+		width: 5%;
+	}
+	
+	.sb-width-wide {
+		width: 35%;
+	}
+}
+
+/* ---------------
+ * 004 - Animation
+ */
+
+.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
+	-webkit-transition: -webkit-transform 400ms ease;
+	   -moz-transition: -moz-transform 400ms ease;
+	     -o-transition: -o-transform 400ms ease;
+	        transition: transform 400ms ease;
+	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
+	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
+}
+
+/* --------------------
+ * 005 - Helper Classes
+ */
+ 
+.sb-hide { 
+	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
+}