survivalkit 0.3.3 → 0.3.4

data/templates/drupal/sources/Respond/README.md

@@ -1,76 +0,0 @@
-# Respond.js 
-### A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
-
- - Copyright 2011: Scott Jehl, scottjehl.com
- - Dual licensed under the MIT or GPL Version 2 licenses. 
- 
-The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable [responsive web designs](http://www.alistapart.com/articles/responsive-web-design/) in browsers that don't support CSS3 Media Queries - in particular, Internet Explorer 8 and under. It's written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).
-
-If you're unfamiliar with the concepts surrounding Responsive Web Design, you can read up [here](http://www.alistapart.com/articles/responsive-web-design/) and also [here](http://filamentgroup.com/examples/responsive-images/)
-
-[Demo page](http://scottjehl.github.com/Respond/test/test.html) (the colors change to show media queries working)
-
-
-Usage Instructions
-======
-
-1. Craft your CSS with min/max-width media queries to adapt your layout from mobile (first) all the way up to desktop
-
-
-<pre>
-    @media screen and (min-width: 480px){
-        ...styles for 480px and up go here
-    }
-</pre>
-
-2. Reference the respond.min.js script (1kb min/gzipped) after all of your CSS
-
-3. Crack open Internet Explorer and pump fists in delight
-
-
-Support & Caveats
-======
-
-Some notes to keep in mind:
-
-- This script's focus is purposely very narrow: only min-width and max-width media queries and all media types (screen, print, etc) are translated to non-supporting browsers. I wanted to keep things simple for filesize, maintenance, and performance, so I've intentionally limited support to queries that are essential to building a mobile-first responsive design. In the future, I may rework things a bit to include a hook for patching-in additional media query features - stay tuned!
-
-- Browsers that natively support CSS3 Media Queries are opted-out of running this script as quickly as possible. In testing for support, I immediately pass browsers that support the window.matchMedia API (such as recent Chrome releases), and Internet Explorer 9+. All other browsers are subjected to a quick feature test to determine whether they support media queries or not before proceeding to run the script.
-
-- This script relies on no other scripts or frameworks, and is optimized for mobile delivery (~1kb total filesize)
-
-- As you might guess, this implementation is quite dumb in regards to CSS parsing rules. This is a good thing, because that allows it to run really fast, but it's looseness may also cause unexpected behavior. For example: if you enclose a whole media query in a comment intending to disable its rules, you'll probably find that those rules will end up enabled in non-media-query-supporting browsers.
-
-- Respond.js doesn't parse CSS refrenced via @import, nor does it work with media queries within style elements, as those styles can't be re-requested for parsing.
-
-- Due to security restrictions, some browsers may not allow this script to work on file:// urls (because it uses xmlHttpRequest). Run it on a web server.
-
-- Due to its use of Ajax, this script will only work with same-domain CSS files, though I may patch that up soon.
-
-
-- Currently, media attributes on link elements are supported, but only if the linked stylesheet contains no media queries. If it does contain queries, the media attribute will be ignored and the internal queries will be parsed normally.
-
-- WARNING: Do not include @font-face rules inside a media query. This will crash IE7 and IE8. Simply place @font-face rules in the wide open, as a sibling to other media queries. Isolated test here to demostrate (note: test crashes IE 7&8): http://jsfiddle.net/scottjehl/Ejyj5/1/
-
-
-How's it work?
-======
-Basically, the script loops through the CSS referenced in the page and runs a regular expression or two on their contents to find media queries and their associated blocks of CSS. Since at least in Internet Explorer, the content of the stylesheet is impossible to retrieve in its pre-parsed state (which in IE 8-, means its media queries are removed from the text), Respond.js re-requests the CSS files using Ajax and parses the text response from there. Be sure to configure your CSS files' caching properly so that this re-request doesn't actually go to the server.
-
-From there, each query block is appended to the head in order via style elements, and those style elements are enabled and disabled (read: appended and removed from the DOM) depending on how their min/max width compares with the browser width. The media attribute on the style elements will match that of the query in the CSS, so it could be "screen", "projector", or whatever you want. Any relative paths contained in the CSS will be prefixed by their stylesheet's href, so image paths will direct to their proper destination
-
-API Options?
-======
-Sure, a couple:
-
-- respond.update() : rerun the parser (helpful if you added a stylesheet to the page and it needs to be translated)
-- respond.mediaQueriesSupported: set to true if the browser natively supports media queries
-
-
-
-
-Alternatives to this script
-======
-This isn't the only CSS3 Media Query polyfill script out there; but it damn well may be the fastest.
-
-If you're looking for more robust CSS3 Media Query support, you might check out http://code.google.com/p/css3-mediaqueries-js/. In testing, I've found that script to be noticeably slow when rendering complex responsive designs (both in filesize and performance), but it really does support a lot more media query features than this script. Big hat tip to the authors! :)

data/templates/drupal/sources/Respond/respond.min.js

@@ -1,2 +0,0 @@
-/*! Respond.js: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs  */
-(function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length,z=0,y,x,A,v;for(;z<w;z++){y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(!/^([a-zA-Z]+?:(\/\/)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}else{o[x]=true}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x,B=0,A,C,D,z,F;if(v.length){v+="/"}if(y){H=1}for(;B<H;B++){A=0;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}z=C.split(",");F=z.length;for(;A<F;A++){D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send(null)},c=(function(){var v=false,w=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest()}],y=w.length;while(y--){try{v=w[y]()}catch(x){continue}break}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));

data/templates/drupal/sources/Respond/respond.src.js

@@ -1,286 +0,0 @@
-/*! Respond.js: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs  */
-(function( win, mqSupported ){
-	//exposed namespace
-	win.respond		= {};
-	
-	//define update even in native-mq-supporting browsers, to avoid errors
-	respond.update	= function(){};
-	
-	//expose media query support flag for external use
-	respond.mediaQueriesSupported	= mqSupported;
-	
-	//if media queries are supported, exit here
-	if( mqSupported ){ return; }
-	
-	//define vars
-	var doc 			= win.document,
-		docElem 		= doc.documentElement,
-		mediastyles		= [],
-		rules			= [],
-		appendedEls 	= [],
-		parsedSheets 	= {},
-		resizeThrottle	= 30,
-		head 			= doc.getElementsByTagName( "head" )[0] || docElem,
-		links			= head.getElementsByTagName( "link" ),
-		requestQueue	= [],
-		
-		//loop stylesheets, send text content to translate
-		ripCSS			= function(){
-			var sheets 	= links,
-				sl 		= sheets.length,
-				i		= 0,
-				//vars for loop:
-				sheet, href, media, isCSS;
-
-			for( ; i < sl; i++ ){
-				sheet	= sheets[ i ],
-				href	= sheet.href,
-				media	= sheet.media,
-				isCSS	= sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
-
-				//only links plz and prevent re-parsing
-				if( !!href && isCSS && !parsedSheets[ href ] ){
-					if( !/^([a-zA-Z]+?:(\/\/)?)/.test( href ) 
-						|| href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
-						requestQueue.push( {
-							href: href,
-							media: media
-						} );
-					}
-					else{
-						parsedSheets[ href ] = true;
-					}	
-				}
-			}
-			makeRequests();
-				
-		},
-		
-		//recurse through request queue, get css text
-		makeRequests	= function(){
-			if( requestQueue.length ){
-				var thisRequest = requestQueue.shift();
-				
-				ajax( thisRequest.href, function( styles ){
-					translate( styles, thisRequest.href, thisRequest.media );
-					parsedSheets[ thisRequest.href ] = true;
-					makeRequests();
-				} );
-			}
-		},
-		
-		//find media blocks in css text, convert to style blocks
-		translate			= function( styles, href, media ){
-			var qs			= styles.match(  /@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi ),
-				ql			= qs && qs.length || 0,
-				//try to get CSS path
-				href		= href.substring( 0, href.lastIndexOf( "/" )),
-				repUrls		= function( css ){
-					return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
-				},
-				useMedia	= !ql && media,
-				//vars used in loop
-				i			= 0,
-				j, fullq, thisq, eachq, eql;
-
-			//if path exists, tack on trailing slash
-			if( href.length ){ href += "/"; }	
-				
-			//if no internal queries exist, but media attr does, use that	
-			//note: this currently lacks support for situations where a media attr is specified on a link AND
-				//its associated stylesheet has internal CSS media queries.
-				//In those cases, the media attribute will currently be ignored.
-			if( useMedia ){
-				ql = 1;
-			}
-			
-
-			for( ; i < ql; i++ ){
-				j	= 0;
-				
-				//media attr
-				if( useMedia ){
-					fullq = media;
-					rules.push( repUrls( styles ) );
-				}
-				//parse for styles
-				else{
-					fullq	= qs[ i ].match( /@media ([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
-					rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
-				}
-				
-				eachq	= fullq.split( "," );
-				eql		= eachq.length;
-				
-					
-				for( ; j < eql; j++ ){
-					thisq	= eachq[ j ];
-					mediastyles.push( { 
-						media	: thisq.match( /(only\s+)?([a-zA-Z]+)(\sand)?/ ) && RegExp.$2,
-						rules	: rules.length - 1,
-						minw	: thisq.match( /\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 ), 
-						maxw	: thisq.match( /\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/ ) && parseFloat( RegExp.$1 )
-					} );
-				}	
-			}
-
-			applyMedia();
-		},
-        	
-		lastCall,
-		
-		resizeDefer,
-		
-		//enable/disable styles
-		applyMedia			= function( fromResize ){
-			var name		= "clientWidth",
-				docElemProp	= docElem[ name ],
-				currWidth 	= doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
-				styleBlocks	= {},
-				dFrag		= doc.createDocumentFragment(),
-				lastLink	= links[ links.length-1 ],
-				now 		= (new Date()).getTime();
-			
-			//throttle resize calls	
-			if( fromResize && lastCall && now - lastCall < resizeThrottle ){
-				clearTimeout( resizeDefer );
-				resizeDefer = setTimeout( applyMedia, resizeThrottle );
-				return;
-			}
-			else {
-				lastCall	= now;
-			}
-										
-			for( var i in mediastyles ){
-				var thisstyle = mediastyles[ i ];
-				if( !thisstyle.minw && !thisstyle.maxw || 
-					( !thisstyle.minw || thisstyle.minw && currWidth >= thisstyle.minw ) && 
-					(!thisstyle.maxw || thisstyle.maxw && currWidth <= thisstyle.maxw ) ){						
-						if( !styleBlocks[ thisstyle.media ] ){
-							styleBlocks[ thisstyle.media ] = [];
-						}
-						styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
-				}
-			}
-			
-			//remove any existing respond style element(s)
-			for( var i in appendedEls ){
-				if( appendedEls[ i ] && appendedEls[ i ].parentNode === head ){
-					head.removeChild( appendedEls[ i ] );
-				}
-			}
-			
-			//inject active styles, grouped by media type
-			for( var i in styleBlocks ){
-				var ss		= doc.createElement( "style" ),
-					css		= styleBlocks[ i ].join( "\n" );
-				
-				ss.type = "text/css";	
-				ss.media	= i;
-				
-				if ( ss.styleSheet ){ 
-		        	ss.styleSheet.cssText = css;
-		        } 
-		        else {
-					ss.appendChild( doc.createTextNode( css ) );
-		        }
-		        dFrag.appendChild( ss );
-				appendedEls.push( ss );
-			}
-			
-			//append to DOM at once
-			head.insertBefore( dFrag, lastLink.nextSibling );
-		},
-		//tweaked Ajax functions from Quirksmode
-		ajax = function( url, callback ) {
-			var req = xmlHttp();
-			if (!req){
-				return;
-			}	
-			req.open( "GET", url, true );
-			req.onreadystatechange = function () {
-				if ( req.readyState != 4 || req.status != 200 && req.status != 304 ){
-					return;
-				}
-				callback( req.responseText );
-			}
-			if ( req.readyState == 4 ){
-				return;
-			}
-			req.send( null );
-		},
-		//define ajax obj 
-		xmlHttp = (function() {
-			var xmlhttpmethod = false,
-				attempts = [
-					function(){ return new ActiveXObject("Microsoft.XMLHTTP") },
-					function(){ return new XMLHttpRequest() }		
-				],
-				al = attempts.length;
-		
-			while( al-- ){
-				try {
-					xmlhttpmethod = attempts[ al ]();
-				}
-				catch(e) {
-					continue;
-				}
-				break;
-			}
-			return function(){
-				return xmlhttpmethod;
-			};
-		})();
-	
-	//translate CSS
-	ripCSS();
-	
-	//expose update for re-running respond later on
-	respond.update = ripCSS;
-	
-	//adjust on resize
-	function callMedia(){
-		applyMedia( true );
-	}
-	if( win.addEventListener ){
-		win.addEventListener( "resize", callMedia, false );
-	}
-	else if( win.attachEvent ){
-		win.attachEvent( "onresize", callMedia );
-	}
-})(
-	this,
-	(function( win ){
-		
-		//for speed, flag browsers with window.matchMedia support and IE 9 as supported
-		if( win.matchMedia ){ return true; }
-
-		var bool,
-			doc			= document,
-			docElem		= doc.documentElement,
-			refNode		= docElem.firstElementChild || docElem.firstChild,
-			// fakeBody required for <FF4 when executed in <head>
-			fakeUsed	= !doc.body,
-			fakeBody	= doc.body || doc.createElement( "body" ),
-			div			= doc.createElement( "div" ),
-			q			= "only all";
-			
-		div.id = "mq-test-1";
-		div.style.cssText = "position:absolute;top:-99em";
-		fakeBody.appendChild( div );
-		
-		div.innerHTML = '_<style media="'+q+'"> #mq-test-1 { width: 9px; }</style>';
-		if( fakeUsed ){
-			docElem.insertBefore( fakeBody, refNode );
-		}	
-		div.removeChild( div.firstChild );
-		bool = div.offsetWidth == 9;  
-		if( fakeUsed ){
-			docElem.removeChild( fakeBody );
-		}	
-		else{
-			fakeBody.removeChild( div );
-		}
-		return bool;
-	})( this )
-);

data/templates/drupal/sources/Respond/test/test.css

@@ -1,61 +0,0 @@
-/*
-This is just a test file for making sure the script is working properly.
-If it is, the media queries below will change the body's background color depending on the browser width.
-For a realistic use case for media queries: read up on Responsive Web Design: 
-http://www.alistapart.com/articles/responsive-web-design/
-*/
-
-body {
-	background: black;
-	color: #333;
-	font-family: Helvetica, sans-serif;
-}
-p {
-	width: 60%;
-	min-width: 300px;
-	max-width: 700px;
-	margin: 2em auto;
-	background: #fff;
-	padding: 20px;
-}
-a {
-	color: #333;
-}
-
-/* hide the attribute-test element. test2.css will show it */
-#attribute-test {
-	display: none;
-}
-
-/*styles for 480px and up!*/
-@media only screen and (min-width: 480px), only screen and (max-width: 620px) {
-	body {
-		background: green;
-	}
-}
-
-
-
-/*styles for 620px and up! (let's try this one minified )*/
-@media screen and (min-width: 620px),only print,projector{body{background:red;}}
-
-/*styles for 800px and up!*/
-@media screen and (min-width: 800px){
-	body {
-		background: blue;
-	}
-}
-
-/*styles for 1100px and up!*/
-@media screen and (min-width: 1100px){
-	body {
-		background: orange;
-	}
-}
-
-/*styles for 1300px and up!*/
-@media screen and (min-width: 1300px){
-	body {
-		background: navy;
-	}
-}

data/templates/drupal/sources/Respond/test/test.html

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8" />
-	<title>Respond JS Test Page</title>
-	<link href="test.css" rel="stylesheet"/>
-	<link href="test2.css" media="screen and (min-width: 600px)" rel="stylesheet"/>
-	<script src="../respond.src.js"></script>
-</head> 
-<body>
-	<p>This is just a visual test file, and an ugly one at that!</p>
-
-<p>The media queries in the included CSS file simply change the body's background color depending on the browser width. If you see any colors aside from black, then the media queries are working in your browser. You can resize your browser window to see it change on the fly.</p>
-
-<p>For a realistic use case for media queries: read up on <a href="http://www.alistapart.com/articles/responsive-web-design/">Responsive Web Design</a></p>
-
-	<p id="attribute-test">Media-attributes are working too! This should be visible above 600px.</p>
-
-</body>
-</html>