https://eve-hr.com/Scripts/respond.js

1/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
2/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
3window.matchMedia = window.matchMedia || (function(doc, undefined){
4  
5  var bool,
6      docElem  = doc.documentElement,
7      refNode  = docElem.firstElementChild || docElem.firstChild,
8      // fakeBody required for <FF4 when executed in <head>
9      fakeBody = doc.createElement('body'),
10      div      = doc.createElement('div');
11  
12  div.id = 'mq-test-1';
13  div.style.cssText = "position:absolute;top:-100em";
14  fakeBody.style.background = "none";
15  fakeBody.appendChild(div);
16  
17  return function(q){
18    
19    div.innerHTML = '&shy;<style media="'+q+'"> #mq-test-1 { width: 42px; }</style>';
20    
21    docElem.insertBefore(fakeBody, refNode);
22    bool = div.offsetWidth == 42;  
23    docElem.removeChild(fakeBody);
24    
25    return { matches: bool, media: q };
26  };
27  
28})(document);
29
30
31
32
33/*! Respond.js v1.2.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
34(function( win ){
35	//exposed namespace
36	win.respond		= {};
37	
38	//define update even in native-mq-supporting browsers, to avoid errors
39	respond.update	= function(){};
40	
41	//expose media query support flag for external use
42	respond.mediaQueriesSupported	= win.matchMedia && win.matchMedia( "only all" ).matches;
43	
44	//if media queries are supported, exit here
45	if( respond.mediaQueriesSupported ){ return; }
46	
47	//define vars
48	var doc 			= win.document,
49		docElem 		= doc.documentElement,
50		mediastyles		= [],
51		rules			= [],
52		appendedEls 	= [],
53		parsedSheets 	= {},
54		resizeThrottle	= 30,
55		head 			= doc.getElementsByTagName( "head" )[0] || docElem,
56		base			= doc.getElementsByTagName( "base" )[0],
57		links			= head.getElementsByTagName( "link" ),
58		requestQueue	= [],
59		
60		//loop stylesheets, send text content to translate
61		ripCSS			= function(){
62			var sheets 	= links,
63				sl 		= sheets.length,
64				i		= 0,
65				//vars for loop:
66				sheet, href, media, isCSS;
67
68			for( ; i < sl; i++ ){
69				sheet	= sheets[ i ],
70				href	= sheet.href,
71				media	= sheet.media,
72				isCSS	= sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
73
74				//only links plz and prevent re-parsing
75				if( !!href && isCSS && !parsedSheets[ href ] ){
76					// selectivizr exposes css through the rawCssText expando
77					if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
78						translate( sheet.styleSheet.rawCssText, href, media );
79						parsedSheets[ href ] = true;
80					} else {
81						if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base)
82							|| href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
83							requestQueue.push( {
84								href: href,
85								media: media
86							} );
87						}
88					}
89				}
90			}
91			makeRequests();
92		},
93		
94		//recurse through request queue, get css text
95		makeRequests	= function(){
96			if( requestQueue.length ){
97				var thisRequest = requestQueue.shift();
98				
99				ajax( thisRequest.href, function( styles ){
100					translate( styles, thisRequest.href, thisRequest.media );
101					parsedSheets[ thisRequest.href ] = true;
102					makeRequests();
103				} );
104			}
105		},
106		
107		//find media blocks in css text, convert to style blocks
108		translate			= function( styles, href, media ){
109			var qs			= styles.match(  /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi ),
110				ql			= qs && qs.length || 0,
111				//try to get CSS path
112				href		= href.substring( 0, href.lastIndexOf( "/" )),
113				repUrls		= function( css ){
114					return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
115				},
116				useMedia	= !ql && media,
117				//vars used in loop
118				i			= 0,
119				j, fullq, thisq, eachq, eql;
120
121			//if path exists, tack on trailing slash
122			if( href.length ){ href += "/"; }	
123				
124			//if no internal queries exist, but media attr does, use that	
125			//note: this currently lacks support for situations where a media attr is specified on a link AND
126				//its associated stylesheet has internal CSS media queries.
127				//In those cases, the media attribute will currently be ignored.
128			if( useMedia ){
129				ql = 1;
130			}
131			
132
133			for( ; i < ql; i++ ){
134				j	= 0;
135				
136				//media attr
137				if( useMedia ){
138					fullq = media;
139					rules.push( repUrls( styles ) );
140				}
141				//parse for styles
142				else{
143					fullq	= qs[ i ].match( /@media *([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
144					rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
145				}
146				
147				eachq	= fullq.split( "," );
148				eql		= eachq.length;
149					
150				for( ; j < eql; j++ ){
151					thisq	= eachq[ j ];
152					mediastyles.push( { 
153						media	: thisq.split( "(" )[ 0 ].match( /(only\s+)?([a-zA-Z]+)\s?/ ) && RegExp.$2 || "all",
154						rules	: rules.length - 1,
155						hasquery: thisq.indexOf("(") > -1,
156						minw	: thisq.match( /\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ), 
157						maxw	: thisq.match( /\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
158					} );
159				}	
160			}
161
162			applyMedia();
163		},
164        	
165		lastCall,
166		
167		resizeDefer,
168		
169		// returns the value of 1em in pixels
170		getEmValue		= function() {
171			var ret,
172				div = doc.createElement('div'),
173				body = doc.body,
174				fakeUsed = false;