├── .htaccess
├── PIE.htc
├── PIE_IE678.js
├── PIE_IE9.js
├── README.md
├── changelog.txt
├── prefixfree.min.js
├── selectivizr.js
├── styleMedia.js
└── tests
    ├── dora3.css
    ├── doraemon_css3.html
    ├── jquery.min.js
    ├── linear-gradient.html
    ├── master
        ├── css
        │   ├── common.css
        │   ├── iframe.css
        │   ├── import-print.css
        │   ├── import-quoted-double.css
        │   ├── import-quoted-single.css
        │   ├── import-screen.css
        │   ├── import-url-fully-qualified-path.css
        │   ├── import-url-protocol-relative-path.css
        │   ├── import-url-quoted-double.css
        │   ├── import-url-quoted-single.css
        │   ├── import-url-root-relative-path.css
        │   ├── import-url-unquoted.css
        │   ├── master.css
        │   └── nested
        │   │   ├── import-url-relative-path.css
        │   │   └── test.png
        ├── htc
        │   └── test.htc
        ├── html
        │   ├── domready-postload.html
        │   ├── iframe-hash.html
        │   ├── iframe-query.html
        │   └── iframe.html
        ├── index.html
        └── js
        │   └── test.js
    ├── transform.htc
    ├── wolf.css
    └── wolf.html


/.htaccess:
--------------------------------------------------------------------------------
1 | #######################
2 | # File Format Support #
3 | #######################
4 | 
5 | ### Add support for SVG and HTC
6 | AddType image/svg+xml svg svgz
7 | AddType text/x-component .htc


--------------------------------------------------------------------------------
/PIE.htc:
--------------------------------------------------------------------------------
 1 | <!--
 2 | PIE: CSS3 rendering for IE
 3 | Version 2.0beta2-SNAPSHOT
 4 | http://css3pie.com
 5 | Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
 6 | -->
 7 | <PUBLIC:COMPONENT lightWeight="true">
 8 | <!-- saved from url=(0014)about:internet -->
 9 | <PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />
10 | <PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />
11 | <PUBLIC:ATTACH EVENT="ondetach" FOR="element" ONEVENT="cleanup()" />
12 | <script type="text/javascript">
13 | var d=element,g=d.document,j=g.documentMode||0;
14 | !window.PIE&&j<10&&function(){var b={},k,i,a,l,h;window.PIE={attach:function(c){b[c.uniqueID]=c},detach:function(c){delete b[c.uniqueID]}};a=g.createElement("div");a.innerHTML="<!--[if IE 6]><i></i><![endif]--\>";l=a.getElementsByTagName("i")[0];if(a=g.location.href.match(/pie-load-path=([^&]+)/))a=decodeURIComponent(a[1]);a||(a=g.documentElement.currentStyle.getAttribute((l?"":"-")+"pie-load-path"));if(!a){k=/BEHAVIOR: url\(([^\)]*PIE[^\)]*)/i;i=function(c){for(var f=c.length,e;f--;)if(e=(e=c[f].cssText.match(k))?
15 | e[1].replace(/[^\/]*$/,"")||".":i(c[f].imports))break;return e};a=i(g.styleSheets)}if(a){a=a.replace(/^['"]|\/?['"]?$/g,"");h=g.createElement("script");h.onreadystatechange=function(){var c=window.PIE,f=h.readyState,e;if(b&&(f==="complete"||f==="loaded"))if("version"in c){for(e in b)b.hasOwnProperty(e)&&c.attach(b[e]);b=0}};h.src=a+"/PIE_IE"+(j<9?"678":"9")+".js";(g.getElementsByTagName("head")[0]||g.body).appendChild(h)}}();
16 | function init(){if(g.media!=="print"){var b=window.PIE;b&&b.attach(d)}}function cleanup(){if(g.media!=="print"){var b=window.PIE;b&&b.detach(d)}d=0}d.readyState==="complete"&&init();
17 | 
18 | </script>
19 | 
20 | <script type="text/vbscript"></script>
21 | </PUBLIC:COMPONENT>
22 | 


--------------------------------------------------------------------------------
/PIE_IE678.js:
--------------------------------------------------------------------------------
 1 | (function(O,I){var h=O.PIE||(O.PIE={});h.Fa=function(a){var b,d,e,c,g=arguments;b=1;for(d=g.length;b<d;b++){c=g[b];for(e in c)if(c.hasOwnProperty(e))a[e]=c[e]}return a};h.Fa(h,{z:"-pie-",qb:"Pie",Na:"pie_",vc:{TD:1,TH:1},Ub:{TABLE:1,THEAD:1,TBODY:1,TFOOT:1,TR:1,INPUT:1,TEXTAREA:1,SELECT:1,OPTION:1,IMG:1,HR:1},$b:{A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1},Id:{submit:1,button:1,reset:1},qd:function(){}});try{I.execCommand("BackgroundImageCache",false,true)}catch(ga){}(function(){for(var a=4,b=I.createElement("div"),
 2 | d=b.getElementsByTagName("i");b.innerHTML="<!--[if gt IE "+ ++a+"]><i></i><![endif]--\>",d[0];);h.U=a;if(a===6)h.z=h.z.replace(/^-/,"");h.qa=I.documentMode||h.U;b.innerHTML='<v:shape adj="1"/>';a=b.firstChild;a.style.behavior="url(#default#VML)";h.uc=typeof a.adj==="object"})();(function(){var a=0,b={};h.Q={pa:function(d){return d&&d._pieId||(d._pieId="_"+a++)},Bc:function(d,e,c){var g=b[d],i,j;if(g)Object.prototype.toString.call(g)==="[object Array]"?g.push([e,c]):e.call(c,g);else{j=b[d]=[[e,c]];
 3 | i=new Image;i.onload=function(){g=b[d]={f:i.width,e:i.height};for(var f=0,k=j.length;f<k;f++)j[f][0].call(j[f][1],g);i.onload=null};i.src=d}}}})();h.nb={he:{top:0,right:90,bottom:180,left:270},yd:function(a,b,d,e){a=e.la;e=e.ab;var c;if(a)a=a.kd();else if(e)if(e[1]){a=e[0]=="top"||e[1]=="top"?b:-b;e=e[0]=="left"||e[1]=="left"?-d:d;a=Math.atan2(e,a)*180/Math.PI}else a=this.he[e[0]];else a=180;for(;a<0;)a+=360;a%=360;c=h.nb.Pd(b/2,d/2,a,a>=180?0:b,a<90||a>270?0:d);e=c[0];c=c[1];b=b-e;d=d-c;return{la:a,
 4 | rd:e,sd:c,be:b,ce:d,Kd:h.nb.md(b,d,e,c)}},Pd:function(a,b,d,e,c){if(d===0||d===180)return[a,c];else if(d===90||d===270)return[e,b];else{d=Math.tan((d-90)*Math.PI/180);a=d*a-b;b=-1/d;e=b*e-c;c=b-d;return[(e-a)/c,(d*e-b*a)/c]}},md:function(a,b,d,e){a=d-a;b=e-b;return Math.abs(a===0?b:b===0?a:Math.sqrt(a*a+b*b))}};h.ja=function(){this.Fb=[];this.ic={}};h.ja.prototype={ca:function(a){var b=h.Q.pa(a),d=this.ic,e=this.Fb;if(!(b in d)){d[b]=e.length;e.push(a)}},Ka:function(a){a=h.Q.pa(a);var b=this.ic;if(a&&
 5 | a in b){delete this.Fb[b[a]];delete b[a]}},Da:function(){for(var a=this.Fb,b=a.length;b--;)a[b]&&a[b]()}};h.Pa=new h.ja;h.Pa.Vd=function(){var a=this,b;if(!a.Wd){b=I.documentElement.currentStyle.getAttribute(h.z+"poll-interval")||250;(function d(){a.Da();setTimeout(d,b)})();a.Wd=1}};(function(){function a(){h.J.Da();O.detachEvent("onunload",a);O.PIE=null}h.J=new h.ja;O.attachEvent("onunload",a);h.J.za=function(b,d,e){b.attachEvent(d,e);this.ca(function(){b.detachEvent(d,e)})}})();h.Sa=new h.ja;h.J.za(O,
 6 | "onresize",function(){h.Sa.Da()});(function(){function a(){h.pb.Da()}h.pb=new h.ja;h.J.za(O,"onscroll",a);h.Sa.ca(a)})();(function(){function a(){d=h.mb.ld()}function b(){if(d){for(var e=0,c=d.length;e<c;e++)h.attach(d[e]);d=0}}var d;h.J.za(O,"onbeforeprint",a);h.J.za(O,"onafterprint",b)})();h.ob=new h.ja;h.J.za(I,"onmouseup",function(){h.ob.Da()});h.Qa=function(){function a(f){this.ha=f}var b=I.createElement("length-calc"),d=I.body||I.documentElement,e=b.style,c={},g=["mm","cm","in","pt","pc"],i=
 7 | g.length,j={};e.position="absolute";e.top=e.left="-9999px";for(d.appendChild(b);i--;){e.width="100"+g[i];c[g[i]]=b.offsetWidth/100}d.removeChild(b);e.width="1em";a.prototype={Gb:/(px|em|ex|mm|cm|in|pt|pc|%)$/,ec:function(){var f=this.Nd;if(f===void 0)f=this.Nd=parseFloat(this.ha);return f},Bb:function(){var f=this.ie;if(!f)f=this.ie=(f=this.ha.match(this.Gb))&&f[0]||"px";return f},a:function(f,k){var l=this.ec(),m=this.Bb();switch(m){case "px":return l;case "%":return l*(typeof k==="function"?k():
 8 | k)/100;case "em":return l*this.zb(f);case "ex":return l*this.zb(f)/2;default:return l*c[m]}},zb:function(f){var k=f.currentStyle.fontSize,l,m;if(k.indexOf("px")>0)return parseFloat(k);else if(f.tagName in h.Ub){m=this;l=f.parentNode;return h.m(k).a(l,function(){return m.zb(l)})}else{f.appendChild(b);k=b.offsetWidth;b.parentNode===f&&f.removeChild(b);return k}}};a.gb=function(f){return f/c.pt};h.m=function(f){return j[f]||(j[f]=new a(f))};return a}();h.kb=function(){function a(c){this.ga=c}var b=h.m("50%"),
 9 | d={top:1,center:1,bottom:1},e={left:1,center:1,right:1};a.prototype={Cd:function(){if(!this.Sb){var c=this.ga,g=c.length,i=h.q,j=i.ya,f=h.m("0");j=j.W;f=["left",f,"top",f];if(g===1){c.push(new i.rb(j,"center"));g++}if(g===2){j&(c[0].h|c[1].h)&&c[0].c in d&&c[1].c in e&&c.push(c.shift());if(c[0].h&j)if(c[0].c==="center")f[1]=b;else f[0]=c[0].c;else if(c[0].G())f[1]=h.m(c[0].c);if(c[1].h&j)if(c[1].c==="center")f[3]=b;else f[2]=c[1].c;else if(c[1].G())f[3]=h.m(c[1].c)}this.Sb=f}return this.Sb},coords:function(c,
10 | g,i){var j=this.Cd(),f=j[1].a(c,g);c=j[3].a(c,i);return{x:j[0]==="right"?g-f:f,y:j[2]==="bottom"?i-c:c}}};return a}();h.Ma=function(){function a(b,d){this.f=b;this.e=d}a.prototype={a:function(b,d,e,c,g){var i=this.f,j=this.e,f=d/e;c=c/g;if(i==="contain"){i=c>f?d:e*c;j=c>f?d/c:e}else if(i==="cover"){i=c<f?d:e*c;j=c<f?d/c:e}else if(i==="auto"){j=j==="auto"?g:j.a(b,e);i=j*c}else{i=i.a(b,d);j=j==="auto"?i/c:j.a(b,e)}return{f:i,e:j}}};a.Kc=new a("auto","auto");return a}();h.Dc=function(){function a(b){this.ha=
11 | b}a.prototype={Gb:/[a-z]+$/i,Bb:function(){return this.Xc||(this.Xc=this.ha.match(this.Gb)[0].toLowerCase())},kd:function(){var b=this.Sc,d;if(b===undefined){b=this.Bb();d=parseFloat(this.ha,10);b=this.Sc=b==="deg"?d:b==="rad"?d/Math.PI*180:b==="grad"?d/400*360:b==="turn"?d*360:0}return b}};return a}();h.Jc=function(){function a(f,k,l){if(l<0)l+=1;else if(l>1)l-=1;return 255*(6*l<1?f+(k-f)*l*6:2*l<1?k:3*l<2?f+(k-f)*(2/3-l)*6:f)}function b(f){this.ha=f}var d={};b.Ud=/\s*rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(,\s*(\d+|\d*\.\d+))?\s*\)\s*/;
12 | b.Gd=/\s*hsla?\(\s*(\d*\.?\d+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*(,\s*(\d+|\d*\.\d+))?\s*\)\s*/;b.db={};for(var e="black|0|navy|3k|darkblue|b|mediumblue|1u|blue|1e|darkgreen|jk1|green|5j4|teal|3k|darkcyan|26j|deepskyblue|ad0|darkturquoise|2xe|mediumspringgreen|8nd|lime|va|springgreen|3j|aqua|3k|cyan|0|midnightblue|xunl|dodgerblue|7ogf|lightseagreen|2zsb|forestgreen|2lbs|seagreen|guut|darkslategray|12pk|limegreen|4wkj|mediumseagreen|dwlb|turquoise|5v8f|royalblue|r2p|steelblue|75qr|darkslateblue|2fh3|mediumturquoise|ta9|indigo|32d2|darkolivegreen|emr1|cadetblue|ebu9|cornflowerblue|6z4d|mediumaquamarine|3459|dimgray|3nwf|slateblue|1bok|olivedrab|1opi|slategray|6y5p|lightslategray|9vk9|mediumslateblue|5g0l|lawngreen|27ma|chartreuse|48ao|aquamarine|5w|maroon|18|purple|3k|olive|p6o|gray|3k|lightslateblue|5j7j|skyblue|4q98|lightskyblue|f|blueviolet|3bhk|darkred|15we|darkmagenta|3v|saddlebrown|djc|darkseagreen|69vg|lightgreen|1og1|mediumpurple|3ivc|darkviolet|sfv|palegreen|6zt1|darkorchid|awk|yellowgreen|292e|sienna|7r3v|brown|6sxp|darkgray|6bgf|lightblue|5vlp|greenyellow|7k9|paleturquoise|2pxb|lightsteelblue|169c|powderblue|5jc|firebrick|1rgc|darkgoldenrod|8z55|mediumorchid|2jm0|rosybrown|34jg|darkkhaki|1mfw|silver|49jp|mediumvioletred|8w5h|indianred|8tef|peru|82r|violetred|3ntd|feldspar|212d|chocolate|16eh|tan|ewe|lightgrey|1kqv|palevioletred|6h8g|metle|fnp|orchid|2dj2|goldenrod|abu|crimson|20ik|gainsboro|13mo|plum|12pt|burlywood|1j8q|lightcyan|3794|lavender|8agr|darksalmon|3rsw|violet|6wz8|palegoldenrod|k3g|lightcoral|28k6|khaki|k5o|aliceblue|3n7|honeydew|1dd|azure|f|sandybrown|5469|wheat|1q37|beige|4kp|whitesmoke|p|mintcream|1z9|ghostwhite|46bp|salmon|25bn|antiquewhite|l7p|linen|zz|lightgoldenrodyellow|1yk|oldlace|46qc|red|1gka|magenta|73|fuchsia|0|deeppink|3v8|orangered|9kd|tomato|5zb|hotpink|19p|coral|49o|darkorange|2i8|lightsalmon|41m|orange|w6|lightpink|3i9|pink|1ze|gold|4dx|peachpuff|qh|navajowhite|s4|moccasin|16w|bisque|f|mistyrose|t|blanchedalmond|1d8|papayawhip|so|lavenderblush|80|seashell|zd|cornsilk|ku|lemonchiffon|dt|floralwhite|z|snow|a|yellow|sm|lightyellow|68|ivory|g|white|f".split("|"),
13 | c=0,g=e.length,i=0,j;c<g;c+=2){i+=parseInt(e[c+1],36);j=i.toString(16);b.db[e[c]]="#000000".slice(0,-j.length)+j}b.prototype={parse:function(){if(!this.tb){var f=this.ha,k;if(k=f.match(b.Ud)){f=this.sc(+k[1],+k[2],+k[3]);k=k[5]?+k[5]:1}else if(k=f.match(b.Gd)){var l=k[1],m=k[2],o=k[3],t,r;f=Math.round;m/=100;o/=100;if(m){m=o<=0.5?o*(m+1):o+m-o*m;t=o*2-m;l=l%360/360;o=a(t,m,l+1/3);r=a(t,m,l);l=a(t,m,l-1/3)}else o=r=l=o*255;f={Sd:f(o),ud:f(r),$c:f(l)};f=this.sc(f.Sd,f.ud,f.$c);k=k[5]?+k[5]:1}else{if(b.db.hasOwnProperty(k=
14 | f.toLowerCase()))f=b.db[k];k=f==="transparent"?0:1}this.tb=f;this.Rc=k}},sc:function(f,k,l){return"#"+(f<16?"0":"")+f.toString(16)+(k<16?"0":"")+k.toString(16)+(l<16?"0":"")+l.toString(16)},M:function(f){this.parse();return this.tb==="currentColor"?h.aa(f.currentStyle.color).M(f):this.tb},Y:function(){this.parse();return this.Rc}};h.aa=function(f){return d[f]||(d[f]=new b(f))};return b}();h.q=function(){function a(d){this.$a=d;this.ch=0;this.ga=[];this.Ja=0}var b=a.ya={La:1,Mb:2,u:4,Lc:8,Nb:16,W:32,
15 | I:64,wa:128,xa:256,Ta:512,Oc:1024,URL:2048};a.rb=function(d,e){this.h=d;this.c=e};a.rb.prototype={Ea:function(){return this.h&b.I||this.h&b.wa&&this.c==="0"},G:function(){return this.Ea()||this.h&b.Ta}};a.prototype={ke:/\s/,Od:/^[\+\-]?(\d*\.)?\d+/,url:/^url\(\s*("([^"]*)"|'([^']*)'|([!#$%&*-~]*))\s*\)/i,hc:/^\-?[_a-z][\w-]*/i,de:/^("([^"]*)"|'([^']*)')/,Ed:/^#([\da-f]{6}|[\da-f]{3})/i,je:{px:b.I,em:b.I,ex:b.I,mm:b.I,cm:b.I,"in":b.I,pt:b.I,pc:b.I,deg:b.La,rad:b.La,grad:b.La},dd:{rgb:1,rgba:1,hsl:1,
16 | hsla:1},next:function(d){function e(o,t){o=new a.rb(o,t);if(!d){k.ga.push(o);k.Ja++}return o}function c(){k.Ja++;return null}var g,i,j,f,k=this;if(this.Ja<this.ga.length)return this.ga[this.Ja++];for(;this.ke.test(this.$a.charAt(this.ch));)this.ch++;if(this.ch>=this.$a.length)return c();i=this.ch;g=this.$a.substring(this.ch);j=g.charAt(0);switch(j){case "#":if(f=g.match(this.Ed)){this.ch+=f[0].length;return e(b.u,f[0])}break;case '"':case "'":if(f=g.match(this.de)){this.ch+=f[0].length;return e(b.Oc,
17 | f[2]||f[3]||"")}break;case "/":case ",":this.ch++;return e(b.xa,j);case "u":if(f=g.match(this.url)){this.ch+=f[0].length;return e(b.URL,f[2]||f[3]||f[4]||"")}}if(f=g.match(this.Od)){j=f[0];this.ch+=j.length;if(g.charAt(j.length)==="%"){this.ch++;return e(b.Ta,j+"%")}if(f=g.substring(j.length).match(this.hc)){j+=f[0];this.ch+=f[0].length;return e(this.je[f[0].toLowerCase()]||b.Lc,j)}return e(b.wa,j)}if(f=g.match(this.hc)){j=f[0];this.ch+=j.length;if(j.toLowerCase()in h.Jc.db||j==="currentColor"||j===
18 | "transparent")return e(b.u,j);if(g.charAt(j.length)==="("){this.ch++;if(j.toLowerCase()in this.dd){g=function(o){return o&&o.h&b.wa};f=function(o){return o&&o.h&(b.wa|b.Ta)};var l=function(o,t){return o&&o.c===t},m=function(){return k.next(1)};if((j.charAt(0)==="r"?f(m()):g(m()))&&l(m(),",")&&f(m())&&l(m(),",")&&f(m())&&(j==="rgb"||j==="hsa"||l(m(),",")&&g(m()))&&l(m(),")"))return e(b.u,this.$a.substring(i,this.ch));return c()}return e(b.Nb,j)}return e(b.W,j)}this.ch++;return e(b.Mb,j)},C:function(){return this.ga[this.Ja-- -
19 | 2]},all:function(){for(;this.next(););return this.ga},va:function(d,e){for(var c=[],g,i;g=this.next();){if(d(g)){i=true;this.C();break}c.push(g)}return e&&!i?null:c}};return a}();h.Lb=function(a){this.d=a};h.Lb.prototype={X:0,qc:function(){var a=this.ub,b;return!a||(b=this.n())&&(a.x!==b.x||a.y!==b.y)},Zd:function(){var a=this.ub,b;return!a||(b=this.n())&&(a.f!==b.f||a.e!==b.e)},dc:function(){var a=this.d,b=a.getBoundingClientRect(),d=h.qa===9,e=h.U===7,c=b.right-b.left;return{x:b.left,y:b.top,f:d||
20 | e?a.offsetWidth:c,e:d||e?a.offsetHeight:b.bottom-b.top,kc:e&&c?a.offsetWidth/c:1}},n:function(){return this.X?this.Va||(this.Va=this.dc()):this.dc()},Dd:function(){return!!this.ub},cb:function(){++this.X},ib:function(){if(!--this.X){if(this.Va)this.ub=this.Va;this.Va=null}}};(function(){function a(b){var d=h.Q.pa(b);return function(){if(this.X){var e=this.Qb||(this.Qb={});return d in e?e[d]:(e[d]=b.call(this))}else return b.call(this)}}h.p={X:0,ba:function(b){function d(e){this.d=e;this.Pb=this.T()}
21 | h.Fa(d.prototype,h.p,b);d.Wc={};return d},i:function(){var b=this.T(),d=this.constructor.Wc;return b?b in d?d[b]:(d[b]=this.ea(b)):null},T:a(function(){var b=this.d,d=this.constructor,e=b.style;b=b.currentStyle;var c=this.Aa,g=this.Ia,i=d.Uc||(d.Uc=h.z+c);d=d.Vc||(d.Vc=h.qb+g.charAt(0).toUpperCase()+g.substring(1));return e[d]||b.getAttribute(i)||e[g]||b.getAttribute(c)}),j:a(function(){return!!this.i()}),L:a(function(){var b=this.T(),d=b!==this.Pb;this.Pb=b;return d}),oa:a,cb:function(){++this.X},
22 | ib:function(){--this.X||delete this.Qb}}})();h.Ib=h.p.ba({Aa:h.z+"background",Ia:h.qb+"Background",Zc:{scroll:1,fixed:1,local:1},hb:{"repeat-x":1,"repeat-y":1,repeat:1,"no-repeat":1},oc:{"padding-box":1,"border-box":1,"content-box":1},Rd:{top:1,right:1,bottom:1,left:1,center:1},$d:{contain:1,cover:1},ge:{top:1,bottom:1},Ld:{left:1,right:1},fb:{Oa:"backgroundClip",u:"backgroundColor",ia:"backgroundImage",Ra:"backgroundOrigin",P:"backgroundPosition",ka:"backgroundRepeat",Ua:"backgroundSize"},ea:function(a){function b(s){return s&&
23 | (s.G()&&h.m(s.c)||s.c==="auto"&&"auto")}var d=this.d.currentStyle,e,c,g,i=h.q.ya,j=i.xa,f=i.W,k=i.u,l,m,o=0,t=this.Rd,r,u,q,n,p={R:[]};if(this.yb()){e=new h.q(a);for(g={};c=e.next();){l=c.h;m=c.c;if(!g.V&&l&i.Nb&&m==="linear-gradient"){r={ua:[],V:m};for(u={};c=e.next();){l=c.h;m=c.c;if(l&i.Mb&&m===")"){u.color&&r.ua.push(u);r.ua.length>1&&h.Fa(g,r);break}if(l&k){if(r.la||r.ab){c=e.C();if(c.h!==j)break;e.next()}u={color:h.aa(m)};c=e.next();if(c.G())u.mc=h.m(c.c);else e.C()}else if(l&i.La&&!r.la&&!r.ab&&
24 | !u.color&&!r.ua.length)r.la=new h.Dc(c.c);else if(l&i.W&&m==="to"&&!r.ab&&!r.la&&!u.color&&!r.ua.length){q=this.ge;n=this.Ld;c=e.va(function(s){return!(s&&s.h&i.W&&(s.c in q||s.c in n))});l=c.length;c=[c[0]&&c[0].c,c[1]&&c[1].c];if(l<1||l>2||l>1&&(c[0]in q&&c[1]in q||c[0]in n&&c[1]in n))break;r.ab=c}else if(l&j&&m===","){if(u.color){r.ua.push(u);u={}}}else break}}else if(!g.V&&l&i.URL){g.Db=m;g.V="image"}else if((c&&c.G()||c.h&f&&c.c in t)&&!g.ma){e.C();g.ma=new h.kb(e.va(function(s){return!(s&&s.G()||
25 | s.h&f&&s.c in t)},false))}else if(l&f)if(m in this.hb&&!g.bb)g.bb=m;else if(m in this.oc&&!g.Ya){g.Ya=m;if((c=e.next())&&c.h&f&&c.c in this.oc)g.Xa=c.c;else{g.Xa=m;e.C()}}else if(m in this.Zc&&!g.ad)g.ad=m;else return null;else if(l&k&&!p.color)p.color=h.aa(m);else if(l&j&&m==="/"&&!g.Za&&g.ma){c=e.next();if(c.h&f&&c.c in this.$d)g.Za=new h.Ma(c.c);else if(r=b(c)){u=b(e.next());if(!u){u=r;e.C()}g.Za=new h.Ma(r,u)}else return null}else if(l&j&&m===","&&g.V){g.nc=a.substring(o,e.ch-1);o=e.ch;p.R.push(g);
26 | g={}}else return null}if(g.V){g.nc=a.substring(o);p.R.push(g)}p.cd=g.Xa}else this.zc(h.qa<9?function(){var s=this.fb,v=d[s.P+"X"],z=d[s.P+"Y"],x=d[s.ia],B=d[s.u];if(B!=="transparent")p.color=h.aa(B);if(x!=="none")p.R=[{V:"image",Db:(new h.q(x)).next().c,bb:d[s.ka],ma:new h.kb((new h.q(v+" "+z)).all())}]}:function(){var s=this.fb,v=/\s*,\s*/,z=d[s.ia].split(v),x=d[s.u],B,G,H,L,J,F;if(x!=="transparent")p.color=h.aa(x);if((L=z.length)&&z[0]!=="none"){x=d[s.ka].split(v);B=d[s.P].split(v);G=d[s.Ra].split(v);
27 | H=d[s.Oa].split(v);s=d[s.Ua].split(v);p.R=[];for(v=0;v<L;v++)if((J=z[v])&&J!=="none"){F=s[v].split(" ");p.R.push({nc:J+" "+x[v]+" "+B[v]+" / "+s[v]+" "+G[v]+" "+H[v],V:"image",Db:(new h.q(J)).next().c,bb:x[v],ma:new h.kb((new h.q(B[v])).all()),Ya:G[v],Xa:H[v],Za:new h.Ma(F[0],F[1])})}}});return p.color||p.R[0]?p:null},zc:function(a){var b=h.qa>8,d=this.fb,e=this.d.runtimeStyle,c=e[d.ia],g=e[d.u],i=e[d.ka],j,f,k,l;if(c)e[d.ia]="";if(g)e[d.u]="";if(i)e[d.ka]="";if(b){j=e[d.Oa];f=e[d.Ra];l=e[d.P];k=
28 | e[d.Ua];if(j)e[d.Oa]="";if(f)e[d.Ra]="";if(l)e[d.P]="";if(k)e[d.Ua]=""}a=a.call(this);if(c)e[d.ia]=c;if(g)e[d.u]=g;if(i)e[d.ka]=i;if(b){if(j)e[d.Oa]=j;if(f)e[d.Ra]=f;if(l)e[d.P]=l;if(k)e[d.Ua]=k}return a},T:h.p.oa(function(){return this.yb()||this.zc(function(){var a=this.d.currentStyle,b=this.fb;return a[b.u]+" "+a[b.ia]+" "+a[b.ka]+" "+a[b.P+"X"]+" "+a[b.P+"Y"]})}),yb:h.p.oa(function(){var a=this.d;return a.style[this.Ia]||a.currentStyle.getAttribute(this.Aa)}),vd:function(a,b,d,e){var c=this.d,
29 | g=b.n();b=g.f;g=g.e;if(a!=="border-box")if((d=d.i())&&(d=d.O)){b-=d.l.a(c)+d.r.a(c);g-=d.t.a(c)+d.b.a(c)}if(a==="content-box")if(a=e.i()){b-=a.l.a(c)+a.r.a(c);g-=a.t.a(c)+a.b.a(c)}return{f:b,e:g}},jc:function(){var a=0;if(h.U<7){a=this.d;a=""+(a.style[h.qb+"PngFix"]||a.currentStyle.getAttribute(h.z+"png-fix"))==="true"}return a},j:h.p.oa(function(){return(this.yb()||this.jc())&&!!this.i()})});h.Kb=h.p.ba({tc:["Top","Right","Bottom","Left"],Md:{thin:"1px",medium:"3px",thick:"5px"},ea:function(){var a=
30 | {},b={},d={},e=false,c=true,g=true,i=true;this.Ac(function(){for(var j=this.d.currentStyle,f=0,k,l,m,o,t,r,u;f<4;f++){m=this.tc[f];u=m.charAt(0).toLowerCase();k=b[u]=j["border"+m+"Style"];l=j["border"+m+"Color"];m=j["border"+m+"Width"];if(f>0){if(k!==o)g=false;if(l!==t)c=false;if(m!==r)i=false}o=k;t=l;r=m;d[u]=h.aa(l);m=a[u]=h.m(b[u]==="none"?"0":this.Md[m]||m);if(m.a(this.d)>0)e=true}});return e?{O:a,ee:b,ed:d,re:i,fd:c,fe:g}:null},T:h.p.oa(function(){var a=this.d,b=a.currentStyle,d;a.tagName in
31 | h.vc&&a.offsetParent.currentStyle.borderCollapse==="collapse"||this.Ac(function(){d=b.borderWidth+"|"+b.borderStyle+"|"+b.borderColor});return d}),Ac:function(a){var b=this.d.runtimeStyle,d=b.borderWidth,e=b.borderColor;if(d)b.borderWidth="";if(e)b.borderColor="";a=a.call(this);if(d)b.borderWidth=d;if(e)b.borderColor=e;return a}});(function(){h.lb=h.p.ba({Aa:"border-radius",Ia:"borderRadius",ea:function(b){var d=null,e,c,g,i,j=false;if(b){c=new h.q(b);var f=function(){for(var k=[],l;(g=c.next())&&
32 | g.G();){i=h.m(g.c);l=i.ec();if(l<0)return null;if(l>0)j=true;k.push(i)}return k.length>0&&k.length<5?{tl:k[0],tr:k[1]||k[0],br:k[2]||k[0],bl:k[3]||k[1]||k[0]}:null};if(b=f()){if(g){if(g.h&h.q.ya.xa&&g.c==="/")e=f()}else e=b;if(j&&b&&e)d={x:b,y:e}}}return d}});var a=h.m("0");a={tl:a,tr:a,br:a,bl:a};h.lb.Cc={x:a,y:a}})();h.Jb=h.p.ba({Aa:"border-image",Ia:"borderImage",hb:{stretch:1,round:1,repeat:1,space:1},ea:function(a){var b=null,d,e,c,g,i,j,f=0,k=h.q.ya,l=k.W,m=k.wa,o=k.Ta;if(a){d=new h.q(a);b=
33 | {};for(var t=function(q){return q&&q.h&k.xa&&q.c==="/"},r=function(q){return q&&q.h&l&&q.c==="fill"},u=function(){g=d.va(function(q){return!(q.h&(m|o))});if(r(d.next())&&!b.fill)b.fill=true;else d.C();if(t(d.next())){f++;i=d.va(function(q){return!q.G()&&!(q.h&l&&q.c==="auto")});if(t(d.next())){f++;j=d.va(function(q){return!q.Ea()})}}else d.C()};a=d.next();){e=a.h;c=a.c;if(e&(m|o)&&!g){d.C();u()}else if(r(a)&&!b.fill){b.fill=true;u()}else if(e&l&&this.hb[c]&&!b.repeat){b.repeat={e:c};if(a=d.next())if(a.h&
34 | l&&this.hb[a.c])b.repeat.xc=a.c;else d.C()}else if(e&k.URL&&!b.src)b.src=c;else return null}if(!b.src||!g||g.length<1||g.length>4||i&&i.length>4||f===1&&i.length<1||j&&j.length>4||f===2&&j.length<1)return null;if(!b.repeat)b.repeat={e:"stretch"};if(!b.repeat.xc)b.repeat.xc=b.repeat.e;a=function(q,n){return{t:n(q[0]),r:n(q[1]||q[0]),b:n(q[2]||q[0]),l:n(q[3]||q[1]||q[0])}};b.slice=a(g,function(q){return h.m(q.h&m?q.c+"px":q.c)});if(i&&i[0])b.O=a(i,function(q){return q.G()?h.m(q.c):q.c});if(j&&j[0])b.Ga=
35 | a(j,function(q){return q.Ea()?h.m(q.c):q.c})}return b}});h.Ic=h.p.ba({Aa:"box-shadow",Ia:"boxShadow",ea:function(a){var b,d=h.m,e=h.q.ya,c;if(a){c=new h.q(a);b={Ga:[],Eb:[]};for(a=function(){for(var g,i,j,f,k,l;g=c.next();){j=g.c;i=g.h;if(i&e.xa&&j===",")break;else if(g.Ea()&&!k){c.C();k=c.va(function(m){return!m.Ea()})}else if(i&e.u&&!f)f=j;else if(i&e.W&&j==="inset"&&!l)l=true;else return false}g=k&&k.length;if(g>1&&g<5){(l?b.Eb:b.Ga).push({le:d(k[0].c),me:d(k[1].c),blur:d(k[2]?k[2].c:"0"),ae:d(k[3]?
36 | k[3].c:"0"),color:h.aa(f||"currentColor")});return true}return false};a(););}return b&&(b.Eb.length||b.Ga.length)?b:null}});h.Ob=h.p.ba({ea:function(a){a=new h.q(a);for(var b=[],d;(d=a.next())&&d.G();)b.push(h.m(d.c));return b.length>0&&b.length<5?{t:b[0],r:b[1]||b[0],b:b[2]||b[0],l:b[3]||b[1]||b[0]}:null},T:h.p.oa(function(){var a=this.d,b=a.runtimeStyle,d=b.padding;if(d)b.padding="";a=a.currentStyle.padding;if(d)b.padding=d;return a})});h.Pc=h.p.ba({T:h.p.oa(function(){var a=this.d,b=a.runtimeStyle,
37 | d=a.currentStyle;a=b.visibility;b.visibility="";d=d.visibility+"|"+d.display;b.visibility=a;return d}),ea:function(){var a=this.T().split("|");return{yc:a[0]!=="hidden",Wb:a[1]!=="none"}},j:function(){return false}});h.Qc=function(){function a(c){return function(){var g=arguments,i,j=g.length,f,k,l;f=this[d+c]||(this[d+c]={});for(i=0;i<j;i+=2)f[g[i]]=g[i+1];if(f=this.B()){if(c)f=f[c];for(i=0;i<j;i+=2){k=g[i];if(l=e[k])l.call(this,f,k,g[i+1]);else f[k]=g[i+1]}}}}function b(c,g){this.Yb="_pie_"+(c||
38 | "shape")+h.Q.pa(this);this.eb=g||0}var d="_attrs_",e={colors:function(c,g,i){if(c[g])c[g].value=i;else c[g]=i},size:function(c,g,i){if(i){c[g].x=1;c[g]=i}else delete c[g]},"o:opacity2":function(c,g,i){if(i!==this.Jd){this.B().insertAdjacentHTML("afterEnd",this.Ab());this.k();this.Jd=i}}};(function c(){try{I.namespaces.add("pievml","urn:schemas-microsoft-com:vml","#default#VML")}catch(g){setTimeout(c,1)}})();b.prototype={Tb:"behavior:url(#default#VML);",jd:"position:absolute;top:0px;left:0px;",hd:'coordorigin="1,1" stroked="false" ',
39 | tagName:"shape",lc:0,B:function(){return this.lc?this.Rb||(this.Rb=I.getElementById(this.Yb)):null},fa:a(""),Ha:a("style"),w:a("fill"),ta:function(c,g){this.Ha("width",c+"px","height",g+"px");this.fa("coordsize",c*2+","+g*2)},Bd:function(){var c=this[d+"style"]||{},g=[],i;for(i in c)c.hasOwnProperty(i)&&g.push(i+":"+c[i]);return this.Tb+this.jd+g.join(";")},Ab:function(){function c(m){if(m)for(var o in m)m.hasOwnProperty(o)&&i.push(" "+o+'="'+m[o]+'"')}function g(m){var o=j[d+m];if(o){i.push(k+m);
40 | c(o);i.push(l)}}var i,j=this,f=j.tagName,k="<pievml:",l=' style="'+j.Tb+'" />';j.lc=1;i=[k,f,' id="',j.Yb,'" style="',j.Bd(),'" ',j.hd];c(j[d]);i.push(">");g("fill");i.push("</pievml:"+f+">");return i.join("")},k:function(){var c=this.B(),g=c&&c.parentNode;if(g){g.removeChild(c);delete this.Rb}}};return b}();h.v={sa:function(a){function b(d,e,c,g){this.d=d;this.o=e;this.g=c;this.parent=g}h.Fa(b.prototype,h.v,a);return b},ra:function(){return false},rc:h.qd,Hb:function(){this.j()?this.Ca():this.k()},
41 | Cb:function(){this.d.runtimeStyle.borderColor="transparent"},k:function(){}};h.Fa(h.v,{B:function(a,b){var d=this.wb||(this.wb={}),e=d[a];if(!e){e=d[a]=new h.Qc(a,b);this.parent.td(e)}return e},Ba:function(a){var b=this.wb,d=b&&b[a];if(d){d.k();this.parent.Td(d);delete b[a]}return!!d},Ad:function(a){var b=this.d,d=this.o.n(),e=d.f,c=d.e,g,i,j,f,k,l;d=a.x.tl.a(b,e);g=a.y.tl.a(b,c);i=a.x.tr.a(b,e);j=a.y.tr.a(b,c);f=a.x.br.a(b,e);k=a.y.br.a(b,c);l=a.x.bl.a(b,e);a=a.y.bl.a(b,c);e=Math.min(e/(d+i),c/(j+
42 | k),e/(l+f),c/(g+a));if(e<1){d*=e;g*=e;i*=e;j*=e;f*=e;k*=e;l*=e;a*=e}return{x:{tl:d,tr:i,br:f,bl:l},y:{tl:g,tr:j,br:k,bl:a}}},Z:function(a,b,d,e,c,g){a=this.$(a,b,d,e,c,g);return"m"+a[0]+","+a[1]+"qy"+a[2]+","+a[3]+"l"+a[4]+","+a[5]+"qx"+a[6]+","+a[7]+"l"+a[8]+","+a[9]+"qy"+a[10]+","+a[11]+"l"+a[12]+","+a[13]+"qx"+a[14]+","+a[15]+"x"},$:function(a,b,d,e,c,g){var i=this.o.n(),j=i.f*c,f=i.e*c,k=Math;i=k.floor;var l=k.ceil,m=k.max;k=k.min;a*=c;b*=c;d*=c;e*=c;g||(g=this.g.F.i());if(g){g=this.Ad(g);var o=
43 | g.x.tl*c,t=g.y.tl*c,r=g.x.tr*c,u=g.y.tr*c,q=g.x.br*c,n=g.y.br*c,p=g.x.bl*c;c=g.y.bl*c;e=[i(e),i(k(m(t,a),f-d)),i(k(m(o,e),j-b)),i(a),l(m(e,j-m(r,b))),i(a),l(j-b),i(k(m(u,a),f-d)),l(j-b),l(m(a,f-m(n,d))),l(m(e,j-m(q,b))),l(f-d),i(k(m(p,e),j-b)),l(f-d),i(e),l(m(a,f-m(c,d)))]}else{a=i(a);b=l(j-b);d=l(f-d);e=i(e);e=[e,a,e,a,b,a,b,a,b,d,b,d,e,d,e,d]}return e},Cb:function(){var a=this.d,b=a.currentStyle,d=a.runtimeStyle,e=a.tagName,c=h.U===6,g;if(c&&(e in h.Ub||e==="FIELDSET")||e==="BUTTON"||e==="INPUT"&&
44 | a.type in h.Id){d.borderWidth="";e=this.g.s.tc;for(g=e.length;g--;){c=e[g];d["padding"+c]="";d["padding"+c]=h.m(b["padding"+c]).a(a)+h.m(b["border"+c+"Width"]).a(a)+(h.U!==8&&g%2?1:0)}d.borderWidth=0}else if(c){if(a.childNodes.length!==1||a.firstChild.tagName!=="ie6-mask"){b=I.createElement("ie6-mask");e=b.style;e.visibility="visible";for(e.zoom=1;e=a.firstChild;)b.appendChild(e);a.appendChild(b);d.visibility="hidden"}}else d.borderColor="transparent"},qe:function(){},k:function(){var a=this.wb,b;
45 | if(a)for(b in a)a.hasOwnProperty(b)&&this.Ba(b)}});h.Nc=h.v.sa({j:function(){var a=this.bd;for(var b in a)if(a.hasOwnProperty(b)&&a[b].j())return true;return false},bc:function(){var a=this.fc(),b=a,d;d=a.currentStyle.position;var e=a=0;e=this.o.n();var c=this.g.jb.i(),g=e.kc;if(d==="fixed"&&h.U>6){a=e.x*g;e=e.y*g;b=d}else{do b=b.offsetParent;while(b&&b.currentStyle.position==="static");if(b){d=b.getBoundingClientRect();b=b.currentStyle;a=(e.x-d.left)*g-(parseFloat(b.borderLeftWidth)||0);e=(e.y-d.top)*
46 | g-(parseFloat(b.borderTopWidth)||0)}else{b=I.documentElement;a=(e.x+b.scrollLeft-b.clientLeft)*g;e=(e.y+b.scrollTop-b.clientTop)*g}b="absolute"}return"direction:ltr;behavior:none !important;position:"+b+";background:none;left:"+a+"px;top:"+e+"px;"+(c.yc&&c.Wb?"":"display:none;")},wc:function(){var a=this.xb();if(a&&(this.o.qc()||this.g.jb.L()))a.style.cssText=this.bc()+"z-index:"+this.cc()},fc:function(){var a=this.d;return a.tagName in h.vc?a.offsetParent:a},xb:function(){var a=this.sb;if(!a)a=this.sb=
47 | I.getElementById("_pie"+h.Q.pa(this));return a},cc:function(){var a=this.d.currentStyle;return a.position==="static"?"-1":a.zIndex},Hb:function(){var a=this.Wa,b,d,e,c,g,i;if(this.j())if(a)if(b=this.vb){d=0;for(e=a.length;d<e;d++){for(c=b.length;c--;)if(b[c].eb<a[d].eb)break;if(c<0){g=this.xb();i="afterBegin"}else{g=b[c].B();i="afterEnd"}g.insertAdjacentHTML(i,a[d].Ab());b.splice(c<0?0:c,0,a[d])}this.Wa=0;this.wc()}else{d=this.g.jb.i();if(d.yc&&d.Wb){a.sort(this.Xd);b=['<css3pie id="_pie'+h.Q.pa(this)+
48 | '" style="'+this.bc()+'">'];d=0;for(e=a.length;d<e;d++)b.push(a[d].Ab());b.push("</css3pie>");this.fc().insertAdjacentHTML("beforeBegin",b.join(""));this.xb().style.zIndex=this.cc();this.vb=a;this.Wa=0}}else this.wc();else this.k()},Xd:function(a,b){return a.eb-b.eb},td:function(a){(this.Wa||(this.Wa=[])).push(a)},Td:function(a){var b=this.vb,d;if(b)for(d=b.length;d--;)if(b[d]===a){b.splice(d,1);break}},k:function(){var a=this.sb,b;if(a&&(b=a.parentNode))b.removeChild(a);delete this.sb;delete this.vb}});
49 | I.createElement("css3pie");h.Ec=h.v.sa({H:2,ra:function(){var a=this.g;return a.K.L()||a.F.L()},j:function(){var a=this.g;return a.D.j()||a.F.j()||a.K.j()||a.na.j()&&a.na.i().Eb},Ca:function(){var a=this.o.n();if(a.f&&a.e){this.od();this.pd()}},od:function(){var a=this.g.K.i(),b=this.o.n(),d=this.d,e=a&&a.color,c;if(e&&e.Y()>0){this.gc();c=this.B("bgColor",this.H);c.ta(b.f,b.e);c.fa("path",this.ac(b,a.cd));c.w("color",e.M(d));a=e.Y();a<1&&c.w("opacity",a)}else this.Ba("bgColor")},pd:function(){var a=
50 | this.g.K.i(),b=this.o.n();a=a&&a.R;var d,e,c,g,i;if(a){this.gc();c=b.f;g=b.e;for(i=a.length;i--;){d=a[i];e=this.B("bgImage"+i,this.H+(0.5-i/1E3));e.fa("path",this.ac(b,d.Xa));e.ta(c,g);if(d.V==="linear-gradient")this.Yc(e,d);else{e.w("type","tile","color","none");this.Qd(e,d.Db,i)}}}for(i=a?a.length:0;this.Ba("bgImage"+i++););},Qd:function(a,b,d){h.Q.Bc(b,function(e){var c=this.d,g=this.o.n(),i=g.f,j=g.e;if(i&&j){var f=this.g,k=f.K,l=k.i().R[d],m=k.vd(l.Ya,this.o,f.s,f.da);f=(l.Za||h.Ma.Kc).a(this.d,
51 | m.f,m.e,e.f,e.e);k=this.wd(l.Ya);c=l.ma?l.ma.coords(c,m.f-f.f,m.e-f.e):{x:0,y:0};l=l.bb;var o=0,t=0,r=i+1,u=j+1,q=h.U===8?0:1;m=Math.round(k.x+c.x)+0.5;k=Math.round(k.y+c.y)+0.5;a.w("src",b,"position",m/i+","+k/j,"size",f.f!==e.f||f.e!==e.e||g.kc!==1||screen.logicalXDPI/screen.deviceXDPI!==1?h.Qa.gb(f.f)+"pt,"+h.Qa.gb(f.e)+"pt":"");if(l&&l!=="repeat"){if(l==="repeat-x"||l==="no-repeat"){o=k+1;u=k+f.e+q}if(l==="repeat-y"||l==="no-repeat"){t=m+1;r=m+f.f+q}a.Ha("clip","rect("+o+"px,"+r+"px,"+u+"px,"+
52 | t+"px)")}}},this)},ac:function(a,b){var d=0,e=0,c=0,g=0,i=this.d,j=this.g,f;if(b&&b!=="border-box")if((f=j.s.i())&&(f=f.O)){d+=f.t.a(i);e+=f.r.a(i);c+=f.b.a(i);g+=f.l.a(i)}if(b==="content-box")if(b=j.da.i()){d+=b.t.a(i);e+=b.r.a(i);c+=b.b.a(i);g+=b.l.a(i)}return"m0,0r0,0m"+a.f*2+","+a.e*2+"r0,0"+this.Z(d,e,c,g,2)},wd:function(a){var b=this.d,d=this.g,e=0,c=0,g;if(a!=="border-box")if((g=d.s.i())&&(g=g.O)){e+=g.l.a(b);c+=g.t.a(b)}if(a==="content-box")if(a=d.da.i()){e+=a.l.a(b);c+=a.t.a(b)}return{x:e,
53 | y:c}},Yc:function(a,b){var d=this.d,e=this.o.n(),c=e.f,g=e.e;e=b.ua;var i=e.length,j=Math.PI,f=h.nb.yd(d,c,g,b),k=f.la;b=f.Kd;var l,m;for(c=k%90?Math.atan2(f.ce-f.sd,(f.rd-f.be)*c/g)/j*180-90:-k;c<0;)c+=360;c%=360;g=[];j=[];for(f=0;f<i;f++)j.push(e[f].mc?e[f].mc.a(d,b):f===0?0:f===i-1?b:null);for(f=1;f<i;f++){if(j[f]===null){l=j[f-1];k=f;do m=j[++k];while(m===null);j[f]=l+(m-l)/(k-f+1)}j[f]=Math.max(j[f],j[f-1])}for(f=0;f<i;f++)g.push(j[f]/b*100+"% "+e[f].color.M(d));a.w("angle",c,"type","gradient",
54 | "method","sigma","color",e[0].color.M(d),"color2",e[i-1].color.M(d),"colors",g.join(","));i===2&&a.w("opacity",e[1].color.Y(),"o:opacity2",e[0].color.Y())},gc:function(){var a=this.d.runtimeStyle;a.backgroundImage="url(about:blank)";a.backgroundColor="transparent"},k:function(){h.v.k.call(this);var a=this.d.runtimeStyle;a.backgroundImage=a.backgroundColor=""}});h.Gc=h.v.sa({H:4,Yd:{t:[2,1,0,3,4,7,6,5,90],r:[4,7,6,5,10,9,8,11,0],b:[10,9,8,11,12,15,14,13,270],l:[12,15,14,13,2,1,0,3,180]},gd:{dotted:1,
55 | dashed:1},Vb:{groove:1,ridge:1,inset:1,outset:1},nd:{groove:1,ridge:1,"double":1},ra:function(){var a=this.g;return a.s.L()||a.F.L()},j:function(){var a=this.g;return a.F.j()&&!a.D.j()&&a.s.j()},Ca:function(){var a=this.g.s.i(),b=this.o.n(),d,e,c,g;if(a){this.Cb();d=this.xd();e=c=0;for(g=d.length;e<g;e+=2){a=this.B("border"+c++,this.H);a.ta(b.f,b.e);a.fa("path",d[e]);a.w("color",d[e+1])}for(;this.Ba("border"+c++););}},S:function(a,b,d,e,c,g,i){i=e*(i==="dashed"?3:1);e=c+e;var j;if(i<d-b)for(b+=(d-
56 | b-i)/2%i;b<d;){j=Math.min(b+i,d);a.push(g?"m"+c+","+b+"l"+c+","+j+"l"+e+","+j+"l"+e+","+b+"x":"m"+b+","+c+"l"+j+","+c+"l"+j+","+e+"l"+b+","+e+"x");b+=i*2}},xd:function(){var a=this.g.s,b=[];if(a.j()){var d=this.d,e=this.o.n(),c=a.i(),g=c.O;a=c.ee;var i=c.ed,j=Math,f=j.abs,k=j.round;j=k(g.t.a(d));var l=k(g.r.a(d)),m=k(g.b.a(d));g=k(g.l.a(d));k=[];var o,t,r,u=this.Yd,q,n=this.gd,p,s;if(c.fe&&c.fd&&!(a.t in this.Vb)){if(i.t.Y()>0){k[0]=this.Z(0,0,0,0,2);p=a.t;if(p==="double")k.push(this.Z(j/3,l/3,m/
57 | 3,g/3,2)+this.Z(j*2/3,l*2/3,m*2/3,g*2/3,2));else if(p in n){c=this.$(j,l,m,g,2);this.S(k,c[2],c[4],j*2,0,0,a.t);this.S(k,c[7],c[9],l*2,(e.f-l)*2,1,a.r);this.S(k,c[12],c[10],m*2,(e.e-m)*2,0,a.b);this.S(k,c[1],c[15],g*2,0,1,a.l)}k.push(this.Z(j,l,m,g,2));b.push(k.join(""),i.t.M(d))}}else{o=this.$(0,0,0,0,2);c=this.$(j,l,m,g,2);for(q in u)if(u.hasOwnProperty(q)&&i[q].Y()>0){p=u[q];var v=p[0],z=p[1],x=p[2],B=p[3],G=p[4],H=p[5],L=p[6],J=p[7],F=p[8],Q=q==="t"||q==="l";p=a[q];k[0]="al"+o[v]+","+o[z]+","+
58 | f(o[x]-o[v])+","+f(o[B]-o[z])+","+(F+45)*65535+",-2949075ae"+o[G]+","+o[H]+","+f(o[L]-o[G])+","+f(o[J]-o[H])+","+F*65535+",-2949075";if(p in this.nd){if(!t)if(p==="double"){t=this.$(j/3,l/3,m/3,g/3,2);r=this.$(j*2/3,l*2/3,m*2/3,g*2/3,2)}else t=r=this.$(j/2,l/2,m/2,g/2,2);k.push("ae"+t[G]+","+t[H]+","+f(t[L]-t[G])+","+f(t[J]-t[H])+","+(F-45)*65535+",2949075ae"+t[v]+","+t[z]+","+f(t[x]-t[v])+","+f(t[B]-t[z])+","+F*65535+",2949075x");if(p!=="double"){s=i[q].M(d)+((p==="groove"?Q:!Q)?" darken(128)":" lighten(128)");
59 | b.push(k.join(""),s);k.length=0}k.push("al"+r[v]+","+r[z]+","+f(r[x]-r[v])+","+f(r[B]-r[z])+","+(F+45)*65535+",-2949075ae"+r[G]+","+r[H]+","+f(r[L]-r[G])+","+f(r[J]-r[H])+","+F*65535+",-2949075")}k.push("ae"+c[G]+","+c[H]+","+f(c[L]-c[G])+","+f(c[J]-c[H])+","+(F-45)*65535+",2949075ae"+c[v]+","+c[z]+","+f(c[x]-c[v])+","+f(c[B]-c[z])+","+F*65535+",2949075x");if(p in n)q==="t"?this.S(k,c[2],c[4],j*2,0,0,p):q==="r"?this.S(k,c[7],c[9],l*2,(e.f-l)*2,1,p):q==="b"?this.S(k,c[12],c[10],m*2,(e.e-m)*2,0,p):
60 | this.S(k,c[1],c[15],g*2,0,1,p);s=i[q].M(d);if(p in this.Vb)s+=(p==="groove"||p==="outset"?Q:!Q)?" lighten(128)":" darken(128)";b.push(k.join(""),s);k.length=0}}}return b},k:function(){if(this.Zb||!this.g.D.j())this.d.runtimeStyle.borderColor="";h.v.k.call(this)}});h.Fc=h.v.sa({H:5,ra:function(){return this.g.D.L()},j:function(){return this.g.D.j()},Ca:function(){var a=this.g.D.i(),b=this.g.s.i(),d=this.o.n(),e=this.d;h.Q.Bc(a.src,function(c){function g(s,v,z,x,B,G,H,L,J){var F=Math.max;if(!n||!p||
61 | !x||!B||!L||!J)s.Ha("display","none");else{x=F(x,0);B=F(B,0);s.fa("path","m0,0l"+x*2+",0l"+x*2+","+B*2+"l0,"+B*2+"x");s.w("src",q,"type","tile","position","0,0","origin",(G-0.5)/n+","+(H-0.5)/p,"size",h.Qa.gb(x*n/L)+"pt,"+h.Qa.gb(B*p/J)+"pt");s.ta(x,B);s.Ha("left",v+"px","top",z+"px","display","")}}var i=d.f,j=d.e,f=h.m("0"),k=a.O||(b?b.O:{t:f,r:f,b:f,l:f});f=k.t.a(e);var l=k.r.a(e),m=k.b.a(e);k=k.l.a(e);var o=a.slice,t=o.t.a(e),r=o.r.a(e),u=o.b.a(e);o=o.l.a(e);var q=a.src,n=c.f,p=c.e;g(this.N("tl"),
62 | 0,0,k,f,0,0,o,t);g(this.N("t"),k,0,i-k-l,f,o,0,n-o-r,t);g(this.N("tr"),i-l,0,l,f,n-r,0,r,t);g(this.N("r"),i-l,f,l,j-f-m,n-r,t,r,p-t-u);g(this.N("br"),i-l,j-m,l,m,n-r,p-u,r,u);g(this.N("b"),k,j-m,i-k-l,m,o,p-u,n-o-r,u);g(this.N("bl"),0,j-m,k,m,0,p-u,o,u);g(this.N("l"),0,f,k,j-f-m,0,t,o,p-t-u);g(this.N("c"),k,f,i-k-l,j-f-m,o,t,a.fill?n-o-r:0,p-t-u)},this)},N:function(a){return this.B("borderImage_"+a,this.H)},rc:function(){if(this.j()){var a=this.d,b=a.runtimeStyle,d=this.g.D.i().O;b.borderStyle="solid";
63 | if(d){b.borderTopWidth=d.t.a(a);b.borderRightWidth=d.r.a(a);b.borderBottomWidth=d.b.a(a);b.borderLeftWidth=d.l.a(a)}this.Cb()}},k:function(){var a=this.d.runtimeStyle;a.borderStyle="";if(this.Zb||!this.g.s.j())a.borderColor=a.borderWidth="";h.v.k.call(this)}});h.Hc=h.v.sa({H:1,ra:function(){var a=this.g;return a.na.L()||a.F.L()},j:function(){var a=this.g.na;return a.j()&&a.i().Ga[0]},Ca:function(){var a=this.d,b=this.g,d=b.na.i().Ga;b=b.F.i();var e=d.length,c=e,g=this.o.n(),i=g.f;g=g.e;for(var j,
64 | f,k,l,m,o,t,r,u,q;c--;){j=d[c];k=j.le.a(a);l=j.me.a(a);m=j.ae.a(a);o=j.blur.a(a);j=j.color;t=j.Y();j=j.M(a);f=-m-o;if(!b&&o)b=h.lb.Cc;r=this.Z(f,f,f,f,2,b);f=this.B("shadow"+c,this.H+(0.5-c/1E3));if(o){u=(m+o)*2+i;q=(m+o)*2+g;m=u?o*2/u:0;o=q?o*2/q:0;if(m>0.5||o>0.5){u=0.5/Math.max(m,o);m*=u;o*=u;t*=u*u}f.w("type","gradienttitle","color2",j,"focusposition",m+","+o,"focussize",1-m*2+","+(1-o*2),"opacity",0,"o:opacity2",t)}else f.w("type","solid","opacity",t);f.fa("path",r);f.w("color",j);f.Ha("left",
65 | k+"px","top",l+"px");f.ta(i,g)}for(;this.Ba("shadow"+e++););}});h.Mc=h.v.sa({H:6,ra:function(){var a=this.g;return this.d.src!==this.Tc||a.F.L()},j:function(){var a=this.g;return a.F.j()||a.K.jc()},Ca:function(){this.Tc=g;this.Fd();var a=this.B("img",this.H),b=this.o.n(),d=b.f;b=b.e;var e=this.g.s.i(),c=e&&e.O;e=this.d;var g=e.src,i=Math.round,j=this.g.da.i();if(!c||h.U<7){c=h.m("0");c={t:c,r:c,b:c,l:c}}a.fa("path",this.Z(i(c.t.a(e)+j.t.a(e)),i(c.r.a(e)+j.r.a(e)),i(c.b.a(e)+j.b.a(e)),i(c.l.a(e)+j.l.a(e)),
66 | 2));a.w("type","frame","src",g,"position",(d?0.5/d:0)+","+(b?0.5/b:0));a.ta(d,b)},Fd:function(){this.d.runtimeStyle.filter="alpha(opacity=0)"},k:function(){h.v.k.call(this);this.d.runtimeStyle.filter=""}});h.mb=function(){function a(n,p){n.className+=" "+p}function b(n){var p=q.slice.call(arguments,1),s=p.length;setTimeout(function(){if(n)for(;s--;)a(n,p[s])},0)}function d(n){var p=q.slice.call(arguments,1),s=p.length;setTimeout(function(){if(n)for(;s--;){var v=p[s];v=u[v]||(u[v]=new RegExp("\\b"+
67 | v+"\\b","g"));n.className=n.className.replace(v,"")}},0)}function e(n){if(/^normal$/i.test(n.currentStyle.zoom))n.runtimeStyle.zoom=1}function c(n){function p(w){try{n.filters["DXImageTransform.Microsoft.Gradient"].Enabled=w}catch(y){}}function s(){if(!V){var w,y,C=n.currentStyle,D=n.parentNode,W=C.getAttribute(i)==="true",S=C.getAttribute(f)!=="false",da=C.getAttribute(k)!=="false";R=C.getAttribute(j);R=T>7?R!=="false":R==="true";if(!X){X=1;e(n);for(var $=n,ea=1;$=$.previousSibling;)if($.nodeType===
68 | 1){ea=0;break}ea&&a(n,t)}E.cb();if(W&&(y=E.n())&&(w=I.documentElement||I.body)&&(y.y>w.clientHeight||y.x>w.clientWidth||y.y+y.e<0||y.x+y.f<0)){if(!aa){aa=1;h.pb.ca(s)}}else{V=1;aa=X=0;h.pb.Ka(s);if(T===9){A={K:new h.Ib(n),D:new h.Jb(n),s:new h.Kb(n),da:new h.Ob(n)};P=[A.K,A.s,A.D,A.da];M=new h.pe(n,E,A);N=[new h.ne(n,E,A,M),new h.oe(n,E,A,M)]}else{if(D){if(C.position==="static"&&D.currentStyle.position==="static")n.runtimeStyle.position="relative";T<8&&D===n.offsetParent&&e(D)}A={K:new h.Ib(n),s:new h.Kb(n),
69 | D:new h.Jb(n),F:new h.lb(n),na:new h.Ic(n),da:new h.Ob(n),jb:new h.Pc(n)};P=[A.K,A.s,A.D,A.F,A.na,A.da,A.jb];M=new h.Nc(n,E,A);N=[new h.Hc(n,E,A,M),new h.Ec(n,E,A,M),new h.Gc(n,E,A,M),new h.Fc(n,E,A,M)];n.tagName==="IMG"&&N.push(new h.Mc(n,E,A,M));M.bd=N}if(w=n.currentStyle.getAttribute(h.z+"watch-ancestors")){w=parseInt(w,10);y=0;for(C=n.parentNode;C&&(w==="NaN"||y++<w);){K(C,"onpropertychange",Q);K(C,"onmouseenter",B);K(C,"onmouseleave",G);K(C,"onmousedown",H);if(C.tagName in h.$b){K(C,"onfocus",
70 | J);K(C,"onblur",F)}C=C.parentNode}}if(R){h.Pa.ca(z);h.Pa.Vd()}z(0,1)}if(!Y){Y=1;T<9&&K(n,"onmove",v);K(n,"onresize",v);K(n,"onpropertychange",x);da&&K(n,"onmouseenter",B);if(da||S)K(n,"onmouseleave",G);S&&K(n,"onmousedown",H);if(n.tagName in h.$b){K(n,"onfocus",J);K(n,"onblur",F)}h.Sa.ca(v);h.J.ca(ba)}E.ib()}}function v(){E&&E.Dd()&&z()}function z(w,y){function C(){if(!ca)if(V){E.cb();for(var D=P.length;D--;)P[D].cb();D=0;for(var W=N.length,S=E.Zd();D<W;D++)N[D].rc();for(D=0;D<W;D++)if(y||S||w&&N[D].ra())N[D].Hb();
71 | if(y||S||w||E.qc())M.Hb();for(D=P.length;D--;)P[D].ib();E.ib()}else X||s()}p(false);T<8?setTimeout(C,0):C()}function x(){V&&!(event&&event.propertyName in r)&&z(1)}function B(){b(n,l)}function G(){d(n,l,m)}function H(){b(n,m);h.ob.ca(L)}function L(){d(n,m);h.ob.Ka(L)}function J(){b(n,o)}function F(){d(n,o)}function Q(){var w=event.propertyName;if(w==="className"||w==="id"||w.indexOf("style.")===0)x()}function K(w,y,C){w.attachEvent(y,C);Z.push([w,y,C])}function ba(){if(Y){for(var w=Z.length,y;w--;){y=
72 | Z[w];y[0].detachEvent(y[1],y[2])}h.J.Ka(ba);Y=0;Z=[]}}function fa(){if(!ca){var w,y;p(true);ba();ca=1;if(N){w=0;for(y=N.length;w<y;w++){N[w].Zb=1;N[w].k()}}M.k();R&&h.Pa.Ka(z);h.Sa.Ka(z);N=M=E=A=P=n=null;U.Xb=U=0}}var T=h.qa,U=this,N,M,E=new h.Lb(n),A,P,X,V,Y,Z=[],aa,ca,R;U.Xb=n;U.Hd=s;U.k=fa}var g={},i=h.z+"lazy-init",j=h.z+"poll",f=h.z+"track-active",k=h.z+"track-hover",l=h.Na+"hover",m=h.Na+"active",o=h.Na+"focus",t=h.Na+"first-child",r={background:1,bgColor:1,display:1},u={},q=[];c.zd=function(n){var p=
73 | n.uniqueID;return g[p]||(g[p]=new c(n))};c.k=function(n){n=n.uniqueID;var p=g[n];if(p){p.k();delete g[n]}};c.ld=function(){var n=[],p;if(g){for(var s in g)if(g.hasOwnProperty(s)){p=g[s];n.push(p.Xb);p.k()}g={}}return n};return c}();h.version="2.0beta2-SNAPSHOT";h.supportsVML=h.uc;h.attach=function(a){if(h.qa===9||h.qa<9&&h.uc)h.mb.zd(a).Hd()};h.detach=function(a){h.mb.k(a)}})(window,document);
74 | 
75 | /* MediaMatch v.2.0.2 - Testing css media queries in Javascript. Authors & copyright (c) 2013: WebLinc, David Knight. */
76 | !function(a){"use strict";if(!a.styleMedia){var b,c=a.document,d=c.documentElement,e="",f={},g={cm:2.54,mm:25.4,pt:72,pc:6,"in":1},h=/\s*(only|not)?\s*(screen|print|[a-z\-]+)\s*(and)?\s*/i,i=/^\s*\(\s*(-[a-z]+-)?(min-|max-)?([a-z\-]+)\s*(:?\s*([0-9]+(\.[0-9]+)?|portrait|landscape)(px|em|dppx|dpcm|rem|%|in|cm|mm|ex|pt|pc|\/([0-9]+(\.[0-9]+)?))?)?\s*\)\s*$/,j=function(a){var c=-1!==a.indexOf(",")&&a.split(",")||[a],d=c.length-1,j=d,k=null,l=null,m="",n=0,o=!1,p="",q="",r=null,s=0,t=0,u=null,v="",w="",x="",y="",z="",A=!1;if(""===a)return!0;do if(k=c[j-d],o=!1,l=k.match(h),l&&(m=l[0],n=l.index),!l||-1===k.substring(0,n).indexOf("(")&&(n||!l[3]&&m!==l.input))A=!1;else{if(q=k,o="not"===l[1],n||(p=l[2],q=k.substring(m.length)),A=p===e||"all"===p||""===p,r=-1!==q.indexOf(" and ")&&q.split(" and ")||[q],s=r.length-1,t=s,A&&s>=0&&""!==q)do{if(u=r[s].match(i),!u||!f[u[3]]){A=!1;break}if(v=u[2],w=u[5],y=w,x=u[7],z=f[u[3]],z=z.call?z():z,x&&(y="px"===x?Number(w):g[x]?(w*b/g[x]).toFixed(2):"em"===x||"rem"===x?16*w:u[8]?(w/u[8]).toFixed(2):"dppx"===x?96*w:"dpcm"===x?.3937*w:Number(w)),A="min-"===v&&y?z>=y:"max-"===v&&y?y>=z:y?z===y:!!z,!A)break}while(s--);if(A)break}while(d--);return o?!A:A},k=function(){var g=c.getElementsByTagName("head")[0],h=c.createElement("style"),i=null,j=["screen","print","speech","projection","handheld","tv","braille","embossed","tty"],k=0,l=j.length,m="#mediamatchjs { position: relative; z-index: 0; }",n=function(){return a.innerWidth||d.clientWidth},o=function(){return a.innerHeight||d.clientHeight},p=a.screen,q=p.width,r=p.height,s=p.colorDepth,t=p.logicalXDPI,u=a.devicePixelRatio||p.deviceXDPI/t||1;for(b=t||96*u,f["aspect-ratio"]=function(){return(n()/o()).toFixed(2)},f.orientation=function(){return o()>=n()?"portrait":"landscape"},f.width=n,f.height=o,f["device-width"]=q,f["device-height"]=r,f["device-aspect-ratio"]=(q/r).toFixed(2),f.color=s,f["color-index"]=Math.pow(2,s),f.resolution=b,f["device-pixel-ratio"]=u,h.type="text/css",h.id="mediamatchjs",g.appendChild(h),i=a.getComputedStyle&&a.getComputedStyle(h)||h.currentStyle;l>k;k++)m+="@media "+j[k]+" { #mediamatchjs { z-index: "+k+" } }";h.styleSheet?h.styleSheet.cssText=m:h.textContent=m,e=j[1*i.zIndex||0],g.removeChild(h)};k(),a.styleMedia={matchMedium:j,type:e}}}(window);


--------------------------------------------------------------------------------
/PIE_IE9.js:
--------------------------------------------------------------------------------
 1 | (function(V,O){var d=V.PIE||(V.PIE={});d.va=function(b){var a,c,e,f,h=arguments;a=1;for(c=h.length;a<c;a++){f=h[a];for(e in f)if(f.hasOwnProperty(e))b[e]=f[e]}return b};d.va(d,{i:"-pie-",Ka:"Pie",fa:"pie_",Sc:{TD:1,TH:1},ac:{TABLE:1,THEAD:1,TBODY:1,TFOOT:1,TR:1,INPUT:1,TEXTAREA:1,SELECT:1,OPTION:1,IMG:1,HR:1},ub:{A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1},qd:{submit:1,button:1,reset:1},hc:function(){}});try{O.execCommand("BackgroundImageCache",false,true)}catch(ga){}(function(){for(var b=4,a=O.createElement("div"),
 2 | c=a.getElementsByTagName("i");a.innerHTML="<!--[if gt IE "+ ++b+"]><i></i><![endif]--\>",c[0];);d.Ua=b;if(b===6)d.i=d.i.replace(/^-/,"");d.P=O.documentMode||d.Ua;a.innerHTML='<v:shape adj="1"/>';b=a.firstChild;b.style.behavior="url(#default#VML)";d.Db=typeof b.adj==="object"})();(function(){var b=0,a={};d.na={Sa:function(c){return c&&c._pieId||(c._pieId="_"+b++)},Zc:function(c,e,f){var h=a[c],l,j;if(h)Object.prototype.toString.call(h)==="[object Array]"?h.push([e,f]):e.call(f,h);else{j=a[c]=[[e,f]];
 3 | l=new Image;l.onload=function(){h=a[c]={g:l.width,f:l.height};for(var g=0,m=j.length;g<m;g++)j[g][0].call(j[g][1],h);l.onload=null};l.src=c}}}})();d.Ga={Uc:{top:0,right:90,bottom:180,left:270},nc:function(b,a,c,e){b=e.T;e=e.ta;var f;if(b)b=b.ec();else if(e)if(e[1]){b=e[0]=="top"||e[1]=="top"?a:-a;e=e[0]=="left"||e[1]=="left"?-c:c;b=Math.atan2(e,b)*180/Math.PI}else b=this.Uc[e[0]];else b=180;for(;b<0;)b+=360;b%=360;f=d.Ga.Fc(a/2,c/2,b,b>=180?0:a,b<90||b>270?0:c);e=f[0];f=f[1];a=a-e;c=c-f;return{T:b,
 4 | ic:e,jc:f,Pc:a,Qc:c,zc:d.Ga.fc(a,c,e,f)}},Fc:function(b,a,c,e,f){if(c===0||c===180)return[b,f];else if(c===90||c===270)return[e,a];else{c=Math.tan((c-90)*Math.PI/180);b=c*b-a;a=-1/c;e=a*e-f;f=a-c;return[(e-b)/f,(c*e-a*b)/f]}},fc:function(b,a,c,e){b=c-b;a=e-a;return Math.abs(b===0?a:a===0?b:Math.sqrt(b*b+a*a))}};d.L=function(){this.Za=[];this.yb={}};d.L.prototype={I:function(b){var a=d.na.Sa(b),c=this.yb,e=this.Za;if(!(a in c)){c[a]=e.length;e.push(b)}},aa:function(b){b=d.na.Sa(b);var a=this.yb;if(b&&
 5 | b in a){delete this.Za[a[b]];delete a[b]}},Y:function(){for(var b=this.Za,a=b.length;a--;)b[a]&&b[a]()}};d.ha=new d.L;d.ha.Kc=function(){var b=this,a;if(!b.Lc){a=O.documentElement.currentStyle.getAttribute(d.i+"poll-interval")||250;(function c(){b.Y();setTimeout(c,a)})();b.Lc=1}};(function(){function b(){d.D.Y();V.detachEvent("onunload",b);V.PIE=null}d.D=new d.L;V.attachEvent("onunload",b);d.D.Oa=function(a,c,e){a.attachEvent(c,e);this.I(function(){a.detachEvent(c,e)})}})();d.ja=new d.L;d.D.Oa(V,
 6 | "onresize",function(){d.ja.Y()});(function(){function b(){d.Ja.Y()}d.Ja=new d.L;d.D.Oa(V,"onscroll",b);d.ja.I(b)})();d.Ia=new d.L;d.D.Oa(O,"onmouseup",function(){d.Ia.Y()});d.gd=function(){function b(g){this.q=g}var a=O.createElement("length-calc"),c=O.body||O.documentElement,e=a.style,f={},h=["mm","cm","in","pt","pc"],l=h.length,j={};e.position="absolute";e.top=e.left="-9999px";for(c.appendChild(a);l--;){e.width="100"+h[l];f[h[l]]=a.offsetWidth/100}c.removeChild(a);e.width="1em";b.prototype={bb:/(px|em|ex|mm|cm|in|pt|pc|%)$/,
 7 | qc:function(){var g=this.Cc;if(g===void 0)g=this.Cc=parseFloat(this.q);return g},Ta:function(){var g=this.Vc;if(!g)g=this.Vc=(g=this.q.match(this.bb))&&g[0]||"px";return g},c:function(g,m){var i=this.qc(),n=this.Ta();switch(n){case "px":return i;case "%":return i*(typeof m==="function"?m():m)/100;case "em":return i*this.Ra(g);case "ex":return i*this.Ra(g)/2;default:return i*f[n]}},Ra:function(g){var m=g.currentStyle.fontSize,i,n;if(m.indexOf("px")>0)return parseFloat(m);else if(g.tagName in d.ac){n=
 8 | this;i=g.parentNode;return d.m(m).c(i,function(){return n.Ra(i)})}else{g.appendChild(a);m=a.offsetWidth;a.parentNode===g&&g.removeChild(a);return m}}};b.td=function(g){return g/f.pt};d.m=function(g){return j[g]||(j[g]=new b(g))};return b}();d.Fa=function(){function b(a){this.J=a}d.m("50%");b.prototype={};return b}();d.ea=function(){function b(a,c){this.g=a;this.f=c}b.prototype={c:function(a,c,e,f,h){var l=this.g,j=this.f,g=c/e;f=f/h;if(l==="contain"){l=f>g?c:e*f;j=f>g?c/f:e}else if(l==="cover"){l=
 9 | f<g?c:e*f;j=f<g?c/f:e}else if(l==="auto"){j=j==="auto"?h:j.c(a,e);l=j*f}else{l=l.c(a,c);j=j==="auto"?l/f:j.c(a,e)}return{g:l,f:j}}};b.Ib=new b("auto","auto");return b}();d.Gb=function(){function b(a){this.q=a}b.prototype={bb:/[a-z]+$/i,Ta:function(){return this.Vb||(this.Vb=this.q.match(this.bb)[0].toLowerCase())},ec:function(){var a=this.Qb,c;if(a===undefined){a=this.Ta();c=parseFloat(this.q,10);a=this.Qb=a==="deg"?c:a==="rad"?c/Math.PI*180:a==="grad"?c/400*360:a==="turn"?c*360:0}return a}};return b}();
10 | d.Hb=function(){function b(g,m,i){if(i<0)i+=1;else if(i>1)i-=1;return 255*(6*i<1?g+(m-g)*i*6:2*i<1?m:3*i<2?g+(m-g)*(2/3-i)*6:g)}function a(g){this.q=g}var c={};a.Jc=/\s*rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(,\s*(\d+|\d*\.\d+))?\s*\)\s*/;a.uc=/\s*hsla?\(\s*(\d*\.?\d+)\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*(,\s*(\d+|\d*\.\d+))?\s*\)\s*/;a.wa={};for(var e="black|0|navy|3k|darkblue|b|mediumblue|1u|blue|1e|darkgreen|jk1|green|5j4|teal|3k|darkcyan|26j|deepskyblue|ad0|darkturquoise|2xe|mediumspringgreen|8nd|lime|va|springgreen|3j|aqua|3k|cyan|0|midnightblue|xunl|dodgerblue|7ogf|lightseagreen|2zsb|forestgreen|2lbs|seagreen|guut|darkslategray|12pk|limegreen|4wkj|mediumseagreen|dwlb|turquoise|5v8f|royalblue|r2p|steelblue|75qr|darkslateblue|2fh3|mediumturquoise|ta9|indigo|32d2|darkolivegreen|emr1|cadetblue|ebu9|cornflowerblue|6z4d|mediumaquamarine|3459|dimgray|3nwf|slateblue|1bok|olivedrab|1opi|slategray|6y5p|lightslategray|9vk9|mediumslateblue|5g0l|lawngreen|27ma|chartreuse|48ao|aquamarine|5w|maroon|18|purple|3k|olive|p6o|gray|3k|lightslateblue|5j7j|skyblue|4q98|lightskyblue|f|blueviolet|3bhk|darkred|15we|darkmagenta|3v|saddlebrown|djc|darkseagreen|69vg|lightgreen|1og1|mediumpurple|3ivc|darkviolet|sfv|palegreen|6zt1|darkorchid|awk|yellowgreen|292e|sienna|7r3v|brown|6sxp|darkgray|6bgf|lightblue|5vlp|greenyellow|7k9|paleturquoise|2pxb|lightsteelblue|169c|powderblue|5jc|firebrick|1rgc|darkgoldenrod|8z55|mediumorchid|2jm0|rosybrown|34jg|darkkhaki|1mfw|silver|49jp|mediumvioletred|8w5h|indianred|8tef|peru|82r|violetred|3ntd|feldspar|212d|chocolate|16eh|tan|ewe|lightgrey|1kqv|palevioletred|6h8g|metle|fnp|orchid|2dj2|goldenrod|abu|crimson|20ik|gainsboro|13mo|plum|12pt|burlywood|1j8q|lightcyan|3794|lavender|8agr|darksalmon|3rsw|violet|6wz8|palegoldenrod|k3g|lightcoral|28k6|khaki|k5o|aliceblue|3n7|honeydew|1dd|azure|f|sandybrown|5469|wheat|1q37|beige|4kp|whitesmoke|p|mintcream|1z9|ghostwhite|46bp|salmon|25bn|antiquewhite|l7p|linen|zz|lightgoldenrodyellow|1yk|oldlace|46qc|red|1gka|magenta|73|fuchsia|0|deeppink|3v8|orangered|9kd|tomato|5zb|hotpink|19p|coral|49o|darkorange|2i8|lightsalmon|41m|orange|w6|lightpink|3i9|pink|1ze|gold|4dx|peachpuff|qh|navajowhite|s4|moccasin|16w|bisque|f|mistyrose|t|blanchedalmond|1d8|papayawhip|so|lavenderblush|80|seashell|zd|cornsilk|ku|lemonchiffon|dt|floralwhite|z|snow|a|yellow|sm|lightyellow|68|ivory|g|white|f".split("|"),
11 | f=0,h=e.length,l=0,j;f<h;f+=2){l+=parseInt(e[f+1],36);j=l.toString(16);a.wa[e[f]]="#000000".slice(0,-j.length)+j}a.prototype={parse:function(){if(!this.Ma){var g=this.q,m;if(m=g.match(a.Jc)){g=this.Cb(+m[1],+m[2],+m[3]);m=m[5]?+m[5]:1}else if(m=g.match(a.uc)){var i=m[1],n=m[2],q=m[3],x,t;g=Math.round;n/=100;q/=100;if(n){n=q<=0.5?q*(n+1):q+n-q*n;x=q*2-n;i=i%360/360;q=b(x,n,i+1/3);t=b(x,n,i);i=b(x,n,i-1/3)}else q=t=i=q*255;g={Ic:g(q),kc:g(t),Xb:g(i)};g=this.Cb(g.Ic,g.kc,g.Xb);m=m[5]?+m[5]:1}else{if(a.wa.hasOwnProperty(m=
12 | g.toLowerCase()))g=a.wa[m];m=g==="transparent"?0:1}this.Ma=g;this.kd=m}},Cb:function(g,m,i){return"#"+(g<16?"0":"")+g.toString(16)+(m<16?"0":"")+m.toString(16)+(i<16?"0":"")+i.toString(16)},dc:function(g){this.parse();return this.Ma==="currentColor"?d.N(g.currentStyle.color).dc(g):this.Ma}};d.N=function(g){return c[g]||(c[g]=new a(g))};return a}();d.p=function(){function b(c){this.sa=c;this.ch=0;this.J=[];this.$=0}var a=b.mb={da:1,hb:2,h:4,Jb:8,jb:16,R:32,o:64,S:128,Ha:256,ka:512,Pb:1024,URL:2048};
13 | b.lb=function(c,e){this.e=c;this.a=e};b.lb.prototype={Wa:function(){return this.e&a.o||this.e&a.S&&this.a==="0"},H:function(){return this.Wa()||this.e&a.ka}};b.prototype={Yc:/\s/,Dc:/^[\+\-]?(\d*\.)?\d+/,url:/^url\(\s*("([^"]*)"|'([^']*)'|([!#$%&*-~]*))\s*\)/i,wb:/^\-?[_a-z][\w-]*/i,Rc:/^("([^"]*)"|'([^']*)')/,sc:/^#([\da-f]{6}|[\da-f]{3})/i,Wc:{px:a.o,em:a.o,ex:a.o,mm:a.o,cm:a.o,"in":a.o,pt:a.o,pc:a.o,deg:a.da,rad:a.da,grad:a.da},cc:{rgb:1,rgba:1,hsl:1,hsla:1},next:function(c){function e(q,x){q=
14 | new b.lb(q,x);if(!c){m.J.push(q);m.$++}return q}function f(){m.$++;return null}var h,l,j,g,m=this;if(this.$<this.J.length)return this.J[this.$++];for(;this.Yc.test(this.sa.charAt(this.ch));)this.ch++;if(this.ch>=this.sa.length)return f();l=this.ch;h=this.sa.substring(this.ch);j=h.charAt(0);switch(j){case "#":if(g=h.match(this.sc)){this.ch+=g[0].length;return e(a.h,g[0])}break;case '"':case "'":if(g=h.match(this.Rc)){this.ch+=g[0].length;return e(a.Pb,g[2]||g[3]||"")}break;case "/":case ",":this.ch++;
15 | return e(a.Ha,j);case "u":if(g=h.match(this.url)){this.ch+=g[0].length;return e(a.URL,g[2]||g[3]||g[4]||"")}}if(g=h.match(this.Dc)){j=g[0];this.ch+=j.length;if(h.charAt(j.length)==="%"){this.ch++;return e(a.ka,j+"%")}if(g=h.substring(j.length).match(this.wb)){j+=g[0];this.ch+=g[0].length;return e(this.Wc[g[0].toLowerCase()]||a.Jb,j)}return e(a.S,j)}if(g=h.match(this.wb)){j=g[0];this.ch+=j.length;if(j.toLowerCase()in d.Hb.wa||j==="currentColor"||j==="transparent")return e(a.h,j);if(h.charAt(j.length)===
16 | "("){this.ch++;if(j.toLowerCase()in this.cc){h=function(q){return q&&q.e&a.S};g=function(q){return q&&q.e&(a.S|a.ka)};var i=function(q,x){return q&&q.a===x},n=function(){return m.next(1)};if((j.charAt(0)==="r"?g(n()):h(n()))&&i(n(),",")&&g(n())&&i(n(),",")&&g(n())&&(j==="rgb"||j==="hsa"||i(n(),",")&&h(n()))&&i(n(),")"))return e(a.h,this.sa.substring(l,this.ch));return f()}return e(a.jb,j)}return e(a.R,j)}this.ch++;return e(a.hb,j)},n:function(){return this.J[this.$-- -2]},all:function(){for(;this.next(););
17 | return this.J},ba:function(c,e){for(var f=[],h,l;h=this.next();){if(c(h)){l=true;this.n();break}f.push(h)}return e&&!l?null:f}};return b}();d.gb=function(b){this.d=b};d.gb.prototype={F:0,Gc:function(){var b=this.Na,a;return!b||(a=this.Z())&&(b.x!==a.x||b.y!==a.y)},Nc:function(){var b=this.Na,a;return!b||(a=this.Z())&&(b.g!==a.g||b.f!==a.f)},vb:function(){var b=this.d,a=b.getBoundingClientRect(),c=d.P===9,e=d.Ua===7,f=a.right-a.left;return{x:a.left,y:a.top,g:c||e?b.offsetWidth:f,f:c||e?b.offsetHeight:
18 | a.bottom-a.top,rd:e&&f?b.offsetWidth/f:1}},Z:function(){return this.F?this.oa||(this.oa=this.vb()):this.vb()},rc:function(){return!!this.Na},ua:function(){++this.F},Da:function(){if(!--this.F){if(this.oa)this.Na=this.oa;this.oa=null}}};(function(){function b(a){var c=d.na.Sa(a);return function(){if(this.F){var e=this.ob||(this.ob={});return c in e?e[c]:(e[c]=a.call(this))}else return a.call(this)}}d.k={F:0,xa:function(a){function c(e){this.d=e;this.nb=this.O()}d.va(c.prototype,d.k,a);c.Ub={};return c},
19 | w:function(){var a=this.O(),c=this.constructor.Ub;return a?a in c?c[a]:(c[a]=this.za(a)):null},O:b(function(){var a=this.d,c=this.constructor,e=a.style;a=a.currentStyle;var f=this.Pa,h=this.ab,l=c.Sb||(c.Sb=d.i+f);c=c.Tb||(c.Tb=d.Ka+h.charAt(0).toUpperCase()+h.substring(1));return e[c]||a.getAttribute(l)||e[h]||a.getAttribute(f)}),B:b(function(){return!!this.w()}),rb:b(function(){var a=this.O(),c=a!==this.nb;this.nb=a;return c}),X:b,ua:function(){++this.F},Da:function(){--this.F||delete this.ob}}})();
20 | d.db=d.k.xa({Pa:d.i+"background",ab:d.Ka+"Background",Wb:{scroll:1,fixed:1,local:1},Ba:{"repeat-x":1,"repeat-y":1,repeat:1,"no-repeat":1},Ab:{"padding-box":1,"border-box":1,"content-box":1},Hc:{top:1,right:1,bottom:1,left:1,center:1},Oc:{contain:1,cover:1},Tc:{top:1,bottom:1},Ac:{left:1,right:1},Aa:{ga:"backgroundClip",h:"backgroundColor",K:"backgroundImage",ia:"backgroundOrigin",s:"backgroundPosition",u:"backgroundRepeat",ma:"backgroundSize"},za:function(b){function a(o){return o&&(o.H()&&d.m(o.a)||
21 | o.a==="auto"&&"auto")}var c=this.d.currentStyle,e,f,h,l=d.p.mb,j=l.Ha,g=l.R,m=l.h,i,n,q=0,x=this.Hc,t,v,r,k,s={G:[]};if(this.Qa()){e=new d.p(b);for(h={};f=e.next();){i=f.e;n=f.a;if(!h.z&&i&l.jb&&n==="linear-gradient"){t={Q:[],z:n};for(v={};f=e.next();){i=f.e;n=f.a;if(i&l.hb&&n===")"){v.color&&t.Q.push(v);t.Q.length>1&&d.va(h,t);break}if(i&m){if(t.T||t.ta){f=e.n();if(f.e!==j)break;e.next()}v={color:d.N(n)};f=e.next();if(f.H())v.zb=d.m(f.a);else e.n()}else if(i&l.da&&!t.T&&!t.ta&&!v.color&&!t.Q.length)t.T=
22 | new d.Gb(f.a);else if(i&l.R&&n==="to"&&!t.ta&&!t.T&&!v.color&&!t.Q.length){r=this.Tc;k=this.Ac;f=e.ba(function(o){return!(o&&o.e&l.R&&(o.a in r||o.a in k))});i=f.length;f=[f[0]&&f[0].a,f[1]&&f[1].a];if(i<1||i>2||i>1&&(f[0]in r&&f[1]in r||f[0]in k&&f[1]in k))break;t.ta=f}else if(i&j&&n===","){if(v.color){t.Q.push(v);v={}}}else break}}else if(!h.z&&i&l.URL){h.xb=n;h.z="image"}else if((f&&f.H()||f.e&g&&f.a in x)&&!h.V){e.n();h.V=new d.Fa(e.ba(function(o){return!(o&&o.H()||o.e&g&&o.a in x)},false))}else if(i&
23 | g)if(n in this.Ba&&!h.Va)h.Va=n;else if(n in this.Ab&&!h.qa){h.qa=n;if((f=e.next())&&f.e&g&&f.a in this.Ab)h.pa=f.a;else{h.pa=n;e.n()}}else if(n in this.Wb&&!h.pb)h.pb=n;else return null;else if(i&m&&!s.color)s.color=d.N(n);else if(i&j&&n==="/"&&!h.ra&&h.V){f=e.next();if(f.e&g&&f.a in this.Oc)h.ra=new d.ea(f.a);else if(t=a(f)){v=a(e.next());if(!v){v=t;e.n()}h.ra=new d.ea(t,v)}else return null}else if(i&j&&n===","&&h.z){h.$a=b.substring(q,e.ch-1);q=e.ch;s.G.push(h);h={}}else return null}if(h.z){h.$a=
24 | b.substring(q);s.G.push(h)}s.bc=h.pa}else this.Eb(d.P<9?function(){var o=this.Aa,p=c[o.s+"X"],y=c[o.s+"Y"],A=c[o.K],B=c[o.h];if(B!=="transparent")s.color=d.N(B);if(A!=="none")s.G=[{z:"image",xb:(new d.p(A)).next().a,Va:c[o.u],V:new d.Fa((new d.p(p+" "+y)).all())}]}:function(){var o=this.Aa,p=/\s*,\s*/,y=c[o.K].split(p),A=c[o.h],B,K,L,M,G,I;if(A!=="transparent")s.color=d.N(A);if((M=y.length)&&y[0]!=="none"){A=c[o.u].split(p);B=c[o.s].split(p);K=c[o.ia].split(p);L=c[o.ga].split(p);o=c[o.ma].split(p);
25 | s.G=[];for(p=0;p<M;p++)if((G=y[p])&&G!=="none"){I=o[p].split(" ");s.G.push({$a:G+" "+A[p]+" "+B[p]+" / "+o[p]+" "+K[p]+" "+L[p],z:"image",xb:(new d.p(G)).next().a,Va:A[p],V:new d.Fa((new d.p(B[p])).all()),qa:K[p],pa:L[p],ra:new d.ea(I[0],I[1])})}}});return s.color||s.G[0]?s:null},Eb:function(b){var a=d.P>8,c=this.Aa,e=this.d.runtimeStyle,f=e[c.K],h=e[c.h],l=e[c.u],j,g,m,i;if(f)e[c.K]="";if(h)e[c.h]="";if(l)e[c.u]="";if(a){j=e[c.ga];g=e[c.ia];i=e[c.s];m=e[c.ma];if(j)e[c.ga]="";if(g)e[c.ia]="";if(i)e[c.s]=
26 | "";if(m)e[c.ma]=""}b=b.call(this);if(f)e[c.K]=f;if(h)e[c.h]=h;if(l)e[c.u]=l;if(a){if(j)e[c.ga]=j;if(g)e[c.ia]=g;if(i)e[c.s]=i;if(m)e[c.ma]=m}return b},O:d.k.X(function(){return this.Qa()||this.Eb(function(){var b=this.d.currentStyle,a=this.Aa;return b[a.h]+" "+b[a.K]+" "+b[a.u]+" "+b[a.s+"X"]+" "+b[a.s+"Y"]})}),Qa:d.k.X(function(){var b=this.d;return b.style[this.ab]||b.currentStyle.getAttribute(this.Pa)}),lc:function(b,a,c,e){var f=this.d,h=a.Z();a=h.g;h=h.f;if(b!=="border-box")if((c=c.w())&&(c=
27 | c.ca)){a-=c.l.c(f)+c.r.c(f);h-=c.t.c(f)+c.b.c(f)}if(b==="content-box")if(b=e.w()){a-=b.l.c(f)+b.r.c(f);h-=b.t.c(f)+b.b.c(f)}return{g:a,f:h}},yc:function(){var b=0;if(d.Ua<7){b=this.d;b=""+(b.style[d.Ka+"PngFix"]||b.currentStyle.getAttribute(d.i+"png-fix"))==="true"}return b},B:d.k.X(function(){return(this.Qa()||this.yc())&&!!this.w()})});d.fb=d.k.xa({Mc:["Top","Right","Bottom","Left"],Bc:{thin:"1px",medium:"3px",thick:"5px"},za:function(){var b={},a={},c={},e=false,f=true,h=true,l=true;this.Fb(function(){for(var j=
28 | this.d.currentStyle,g=0,m,i,n,q,x,t,v;g<4;g++){n=this.Mc[g];v=n.charAt(0).toLowerCase();m=a[v]=j["border"+n+"Style"];i=j["border"+n+"Color"];n=j["border"+n+"Width"];if(g>0){if(m!==q)h=false;if(i!==x)f=false;if(n!==t)l=false}q=m;x=i;t=n;c[v]=d.N(i);n=b[v]=d.m(a[v]==="none"?"0":this.Bc[n]||n);if(n.c(this.d)>0)e=true}});return e?{ca:b,ud:a,md:c,wd:l,nd:f,vd:h}:null},O:d.k.X(function(){var b=this.d,a=b.currentStyle,c;b.tagName in d.Sc&&b.offsetParent.currentStyle.borderCollapse==="collapse"||this.Fb(function(){c=
29 | a.borderWidth+"|"+a.borderStyle+"|"+a.borderColor});return c}),Fb:function(b){var a=this.d.runtimeStyle,c=a.borderWidth,e=a.borderColor;if(c)a.borderWidth="";if(e)a.borderColor="";b=b.call(this);if(c)a.borderWidth=c;if(e)a.borderColor=e;return b}});d.eb=d.k.xa({Pa:"border-image",ab:"borderImage",Ba:{stretch:1,round:1,repeat:1,space:1},za:function(b){var a=null,c,e,f,h,l,j,g=0,m=d.p.mb,i=m.R,n=m.S,q=m.ka;if(b){c=new d.p(b);a={};for(var x=function(r){return r&&r.e&m.Ha&&r.a==="/"},t=function(r){return r&&
30 | r.e&i&&r.a==="fill"},v=function(){h=c.ba(function(r){return!(r.e&(n|q))});if(t(c.next())&&!a.fill)a.fill=true;else c.n();if(x(c.next())){g++;l=c.ba(function(r){return!r.H()&&!(r.e&i&&r.a==="auto")});if(x(c.next())){g++;j=c.ba(function(r){return!r.Wa()})}}else c.n()};b=c.next();){e=b.e;f=b.a;if(e&(n|q)&&!h){c.n();v()}else if(t(b)&&!a.fill){a.fill=true;v()}else if(e&i&&this.Ba[f]&&!a.repeat){a.repeat={f:f};if(b=c.next())if(b.e&i&&this.Ba[b.a])a.repeat.cb=b.a;else c.n()}else if(e&m.URL&&!a.src)a.src=
31 | f;else return null}if(!a.src||!h||h.length<1||h.length>4||l&&l.length>4||g===1&&l.length<1||j&&j.length>4||g===2&&j.length<1)return null;if(!a.repeat)a.repeat={f:"stretch"};if(!a.repeat.cb)a.repeat.cb=a.repeat.f;b=function(r,k){return{t:k(r[0]),r:k(r[1]||r[0]),b:k(r[2]||r[0]),l:k(r[3]||r[1]||r[0])}};a.slice=b(h,function(r){return d.m(r.e&n?r.a+"px":r.a)});if(l&&l[0])a.ca=b(l,function(r){return r.H()?d.m(r.a):r.a});if(j&&j[0])a.sd=b(j,function(r){return r.Wa()?d.m(r.a):r.a})}return a}});d.kb=d.k.xa({za:function(b){b=
32 | new d.p(b);for(var a=[],c;(c=b.next())&&c.H();)a.push(d.m(c.a));return a.length>0&&a.length<5?{t:a[0],r:a[1]||a[0],b:a[2]||a[0],l:a[3]||a[1]||a[0]}:null},O:d.k.X(function(){var b=this.d,a=b.runtimeStyle,c=a.padding;if(c)a.padding="";b=b.currentStyle.padding;if(c)a.padding=c;return b})});d.la={Ya:function(b){function a(c,e,f,h){this.d=c;this.qb=e;this.C=f;this.parent=h}d.va(a.prototype,d.la,b);return a},Xa:function(){return false},Bb:d.hc,Ea:function(){this.B()?this.sb():this.j()},tc:function(){this.d.runtimeStyle.borderColor=
33 | "transparent"},j:function(){}};d.Mb=d.la.Ya({Ec:/^,+|,+$/g,xc:/,+/g,Ca:function(b,a){(this.La||(this.La=[]))[b]=a||void 0},Ea:function(){var b=this.La,a;if(b&&(a=b.join(",").replace(this.Ec,"").replace(this.xc,","))!==this.Rb)this.Rb=this.d.runtimeStyle.background=a},j:function(){this.d.runtimeStyle.background="";delete this.La}});d.Kb=d.la.Ya({gc:O.createElement("canvas"),U:1,Xa:function(){return this.C.M.rb()},B:function(){var b=this.C;return b.M.B()||b.v.B()},sb:function(){var b=this.C,a=b.M,c=
34 | a.w(),e,f,h=0,l,j;if(c){e=[];if(f=c.G)for(;l=f[h++];)if(l.z==="linear-gradient"){j=a.lc(e.qa,this.qb,b.W,b.ya);j=(l.ra||d.ea.Ib).c(this.d,j.g,j.f,j.g,j.f);try{e.push("url("+this.mc(l,j.g,j.f)+") "+this.Yb(l.V)+" / "+j.g+"px "+j.f+"px "+(l.pb||"")+" "+(l.qa||"")+" "+(l.pa||""))}catch(g){}}else e.push(l.$a);if(c.color)e.push(c.color.q+" "+(c.bc||""));this.parent.Ca(this.U,e.join(","))}},Yb:function(b){return b?b.J.map(function(a){return a.a}).join(" "):"0 0"},mc:function(b,a,c){var e=this.d,f=b.Q,h=
35 | f.length,l=d.Ga.nc(e,a,c,b);b=l.zc;var j=this.gc,g=j.getContext("2d");l=g.createLinearGradient(l.Pc,l.Qc,l.ic,l.jc);var m=[],i,n,q;for(i=0;i<h;i++)m.push(f[i].zb?f[i].zb.c(e,b):i===0?0:i===h-1?b:null);for(i=1;i<h;i++)if(m[i]===null){n=m[i-1];e=i;do q=m[++e];while(q===null);m[i]=n+(q-n)/(e-i+1)}for(i=0;i<h;i++)l.addColorStop(m[i]/b,f[i].color.q);j.width=a;j.height=c;g.fillStyle=l;g.fillRect(0,0,a,c);return j.toDataURL()},j:function(){this.parent.Ca(this.U)}});d.Lb=d.la.Ya({u:"repeat",Ob:"stretch",
36 | Nb:"round",U:0,Xa:function(){return this.C.v.rb()},B:function(){return this.C.v.B()},sb:function(){var b=this,a=b.C.v.w(),c=b.C.W.w(),e=b.qb.Z(),f=a.repeat,h=f.f,l=f.cb,j=b.d,g=0;d.na.Zc(a.src,function(m){function i(C,w,Q,W,Y,Z,$,aa,X,R){T.push('<pattern patternUnits="userSpaceOnUse" id="pattern'+H+'" x="'+(h===r?C+Q/2-X/2:C)+'" y="'+(l===r?w+W/2-R/2:w)+'" width="'+X+'" height="'+R+'"><svg width="'+X+'" height="'+R+'" viewBox="'+Y+" "+Z+" "+$+" "+aa+'" preserveAspectRatio="none"><image xlink:href="'+
37 | v+'" x="0" y="0" width="'+x+'" height="'+t+'" /></svg></pattern>');J.push('<rect x="'+C+'" y="'+w+'" width="'+Q+'" height="'+W+'" fill="url(#pattern'+H+')" />');H++}var n=e.g,q=e.f,x=m.g,t=m.f,v=b.vc(a.src,x,t),r=b.u,k=b.Ob;m=b.Nb;var s=Math.ceil,o=d.m("0"),p=a.ca||(c?c.ca:{t:o,r:o,b:o,l:o});o=p.t.c(j);var y=p.r.c(j),A=p.b.c(j);p=p.l.c(j);var B=a.slice,K=B.t.c(j),L=B.r.c(j),M=B.b.c(j);B=B.l.c(j);var G=n-p-y,I=q-o-A,U=x-B-L,E=t-K-M,P=h===k?G:U*o/K,S=l===k?I:E*y/L,N=h===k?G:U*A/M;k=l===k?I:E*p/B;var T=
38 | [],J=[],H=0;if(h===m){P-=(P-(G%P||P))/s(G/P);N-=(N-(G%N||N))/s(G/N)}if(l===m){S-=(S-(I%S||S))/s(I/S);k-=(k-(I%k||k))/s(I/k)}m=['<svg width="'+n+'" height="'+q+'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'];i(0,0,p,o,0,0,B,K,p,o);i(p,0,G,o,B,0,U,K,P,o);i(n-y,0,y,o,x-L,0,L,K,y,o);i(0,o,p,I,0,K,B,E,p,k);if(a.fill)i(p,o,G,I,B,K,U,E,P||N||U,k||S||E);i(n-y,o,y,I,x-L,K,L,E,y,S);i(0,q-A,p,A,0,t-M,B,M,p,A);i(p,q-A,G,A,B,t-M,U,M,N,A);i(n-y,q-A,y,A,x-L,t-M,L,M,y,A);m.push("<defs>"+
39 | T.join("\n")+"</defs>"+J.join("\n")+"</svg>");b.parent.Ca(b.U,"url(data:image/svg+xml,"+escape(m.join(""))+") no-repeat border-box border-box");g&&b.parent.Ea()},b);g=1},vc:function(){var b={};return function(a,c,e){var f=b[a],h;if(!f){f=new Image;h=O.createElement("canvas");f.src=a;h.width=c;h.height=e;h.getContext("2d").drawImage(f,0,0);f=b[a]=h.toDataURL()}return f}}(),Bb:function(){if(this.B()){var b=this.d,a=b.runtimeStyle,c=this.C.v.w().ca;a.borderStyle="solid";if(c){a.borderTopWidth=c.t.c(b)+
40 | "px";a.borderRightWidth=c.r.c(b)+"px";a.borderBottomWidth=c.b.c(b)+"px";a.borderLeftWidth=c.l.c(b)+"px"}this.tc()}},j:function(){var b=this.d.runtimeStyle;this.parent.Ca(this.U);b.borderColor=b.borderStyle=b.borderWidth=""}});d.ib=function(){function b(k,s){k.className+=" "+s}function a(k){var s=r.slice.call(arguments,1),o=s.length;setTimeout(function(){if(k)for(;o--;)b(k,s[o])},0)}function c(k){var s=r.slice.call(arguments,1),o=s.length;setTimeout(function(){if(k)for(;o--;){var p=s[o];p=v[p]||(v[p]=
41 | new RegExp("\\b"+p+"\\b","g"));k.className=k.className.replace(p,"")}},0)}function e(k){if(/^normal$/i.test(k.currentStyle.zoom))k.runtimeStyle.zoom=1}function f(k){function s(u){try{k.filters["DXImageTransform.Microsoft.Gradient"].Enabled=u}catch(z){}}function o(){if(!Y){var u,z,D=k.currentStyle,F=k.parentNode,ca=D.getAttribute(l)==="true",ba=D.getAttribute(g)!=="false",ea=D.getAttribute(m)!=="false";R=D.getAttribute(j);R=N>7?R!=="false":R==="true";if(!W){W=1;e(k);for(var da=k,fa=1;da=da.previousSibling;)if(da.nodeType===
42 | 1){fa=0;break}fa&&b(k,x)}C.ua();if(ca&&(z=C.Z())&&(u=O.documentElement||O.body)&&(z.y>u.clientHeight||z.x>u.clientWidth||z.y+z.f<0||z.x+z.g<0)){if(!aa){aa=1;d.Ja.I(o)}}else{Y=1;aa=W=0;d.Ja.aa(o);if(N===9){w={M:new d.db(k),v:new d.eb(k),W:new d.fb(k),ya:new d.kb(k)};Q=[w.M,w.W,w.v,w.ya];H=new d.Mb(k,C,w);J=[new d.Kb(k,C,w,H),new d.Lb(k,C,w,H)]}else{if(F){if(D.position==="static"&&F.currentStyle.position==="static")k.runtimeStyle.position="relative";N<8&&F===k.offsetParent&&e(F)}w={M:new d.db(k),W:new d.fb(k),
43 | v:new d.eb(k),Zb:new d.bd(k),$b:new d.ed(k),ya:new d.kb(k),Xc:new d.jd(k)};Q=[w.M,w.W,w.v,w.Zb,w.$b,w.ya,w.Xc];H=new d.hd(k,C,w);J=[new d.dd(k,C,w,H),new d.$c(k,C,w,H),new d.cd(k,C,w,H),new d.ad(k,C,w,H)];k.tagName==="IMG"&&J.push(new d.fd(k,C,w,H));H.ld=J}if(u=k.currentStyle.getAttribute(d.i+"watch-ancestors")){u=parseInt(u,10);z=0;for(D=k.parentNode;D&&(u==="NaN"||z++<u);){E(D,"onpropertychange",U);E(D,"onmouseenter",B);E(D,"onmouseleave",K);E(D,"onmousedown",L);if(D.tagName in d.ub){E(D,"onfocus",
44 | G);E(D,"onblur",I)}D=D.parentNode}}if(R){d.ha.I(y);d.ha.Kc()}y(0,1)}if(!Z){Z=1;N<9&&E(k,"onmove",p);E(k,"onresize",p);E(k,"onpropertychange",A);ea&&E(k,"onmouseenter",B);if(ea||ba)E(k,"onmouseleave",K);ba&&E(k,"onmousedown",L);if(k.tagName in d.ub){E(k,"onfocus",G);E(k,"onblur",I)}d.ja.I(p);d.D.I(P)}C.Da()}}function p(){C&&C.rc()&&y()}function y(u,z){function D(){if(!X)if(Y){C.ua();for(var F=Q.length;F--;)Q[F].ua();F=0;for(var ca=J.length,ba=C.Nc();F<ca;F++)J[F].Bb();for(F=0;F<ca;F++)if(z||ba||u&&
45 | J[F].Xa())J[F].Ea();if(z||ba||u||C.Gc())H.Ea();for(F=Q.length;F--;)Q[F].Da();C.Da()}else W||o()}s(false);N<8?setTimeout(D,0):D()}function A(){Y&&!(event&&event.propertyName in t)&&y(1)}function B(){a(k,i)}function K(){c(k,i,n)}function L(){a(k,n);d.Ia.I(M)}function M(){c(k,n);d.Ia.aa(M)}function G(){a(k,q)}function I(){c(k,q)}function U(){var u=event.propertyName;if(u==="className"||u==="id"||u.indexOf("style.")===0)A()}function E(u,z,D){u.attachEvent(z,D);$.push([u,z,D])}function P(){if(Z){for(var u=
46 | $.length,z;u--;){z=$[u];z[0].detachEvent(z[1],z[2])}d.D.aa(P);Z=0;$=[]}}function S(){if(!X){var u,z;s(true);P();X=1;if(J){u=0;for(z=J.length;u<z;u++){J[u].pd=1;J[u].j()}}H.j();R&&d.ha.aa(y);d.ja.aa(y);J=H=C=w=Q=k=null;T.tb=T=0}}var N=d.P,T=this,J,H,C=new d.gb(k),w,Q,W,Y,Z,$=[],aa,X,R;T.tb=k;T.wc=o;T.j=S}var h={},l=d.i+"lazy-init",j=d.i+"poll",g=d.i+"track-active",m=d.i+"track-hover",i=d.fa+"hover",n=d.fa+"active",q=d.fa+"focus",x=d.fa+"first-child",t={background:1,bgColor:1,display:1},v={},r=[];f.oc=
47 | function(k){var s=k.uniqueID;return h[s]||(h[s]=new f(k))};f.j=function(k){k=k.uniqueID;var s=h[k];if(s){s.j();delete h[k]}};f.od=function(){var k=[],s;if(h){for(var o in h)if(h.hasOwnProperty(o)){s=h[o];k.push(s.tb);s.j()}h={}}return k};return f}();d.version="2.0beta2-SNAPSHOT";d.supportsVML=d.Db;d.attach=function(b){if(d.P===9||d.P<9&&d.Db)d.ib.oc(b).wc()};d.detach=function(b){d.ib.j(b)}})(window,document);
48 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Selectivizr
 2 | -----------
 3 | 
 4 | **CSS3 for IE 6-9**
 5 | 
 6 | ## Fork ##
 7 | 
 8 | 这个fork整合了[修改版的PIE](https://github.com/gucong3000/PIE)，从而让IE6-9获得css3的选择器之外，或获得了圆角、阴影、渐变色资源等css3属性的支持
 9 | 
10 | > 再也不用为迁就低版本IE而额外写代码了，直接按照现代浏览器标准写，最后加入selectivizr即可。一个字，爽！
11 | 
12 | > 大神们常说：PC端写css3，优雅降级才是王道。但是鉴于草根前端er们在项目组中的地位，往往无法说服领导。今天，你不用再取舍，使用本项目尽情使用css3吧
13 | 
14 | ## 使用方式：
15 | 
16 | [PIE.htc](PIE.htc)、[PIE_IE9.js](PIE_IE9.js)、[PIE_IE678.js](PIE_IE678.js)、[selectivizr.js](selectivizr.js)、[prefixfree.min.js](prefixfree.min.js) 将这5个文件，放在js目录下，然后在html中，引入所有css文件之后加入：
17 | 
18 | ```HTML
19 | <script src="js/selectivizr.js"></script>
20 | ```
21 | 
22 | ## 功能列表
23 | - [css3免前缀](http://leaverou.github.io/prefixfree/)
24 | - [圆角(border-radius)](http://gucong3000.github.io/css-book/properties/border/border-radius.htm)
25 | - [盒阴影(box-shadow)](http://gucong3000.github.io/css-book/properties/border/box-shadow.htm)
26 | - [边框图(border-image)](http://gucong3000.github.io/css-book/properties/border/border-image.htm)
27 | - [线性背景渐变(linear-gradient)](http://gucong3000.github.io/css-book/values/image/linear-gradient%28%29.htm)
28 | - [媒体查询(mediaqueries)](http://www.w3.org/TR/css3-mediaqueries/) 除了普通的媒体查询，还可以这样使用：`@media all and(msie:8) {}`、`@media all and(min-msie:8) {}`、`@media all and(max-msie:8) {}`
29 | - display: inline-block; (为IE6-IE7提供支持)
30 | - position: fixed (IE6， 部分支持，自动以`absolute`替换)
31 | - IE6下png图片透明(如果未使用其他css3属性，单纯需要修复IE6 png问题，可在css中写入：`-pie-png-fix: true;`)
32 | - 相对长度单位: [vw](http://gucong3000.github.io/css-book/values/length/vw.htm), [vh](http://gucong3000.github.io/css-book/values/length/vh.htm), [vmin](http://gucong3000.github.io/css-book/values/length/vmin.htm), [vmax](http://gucong3000.github.io/css-book/values/length/vmax.htm), [rem](http://gucong3000.github.io/css-book/values/length/rem.htm)
33 | - css选择符(建议与nwmatcher共同使用)。[详见selectivizr官方网站](http://selectivizr.com/#how) 
34 | - IE9下自动关掉与css3属性冲突的几个滤镜(Alpha|Matrix|Gradient|FlipH|FlipV)
35 | 
36 | ## 注意事项
37 | 
38 | - 不支持style属性中的行内样式。
39 | - 应该尽量避免使用`<style>`标签。
40 | - 如果需要本地双击html文件方式使用，请在Selectivizr前加载jQuery。
41 | - 出现元素抖动或者背景及边框消失的情况，请用 `position: relative; zoom: 1;` 方式修正，加给元素本身或其父元素。
42 | - 如果服务器环境的content-type配置不正确，可能造成css3属性不生效。如Apache，可在`.htaccess`文件中添加一行`AddType text/x-component .htc`即可解决此问题。
43 | 
44 | 


--------------------------------------------------------------------------------
/changelog.txt:
--------------------------------------------------------------------------------
  1 | selectivizr - change log
  2 | ========================
  3 | 
  4 | Current Build
  5 | -------------
  6 | 
  7 |  * NEW - Selectivizr and PIE now have merged, after loading selectivizr, PIE will automatically use the has CSS3 attribute Element
  8 |  * NEW - When the CSS cross domain, try to read CSS from the local, but not from the local read background picture
  9 |  * NEW - update the ContentLoaded method
 10 |  * BUG - Don't use useragent judge IE version, Users may modify useragent string.
 11 |  * NEW - Removed condiditional comments so 3rd party tools can correctly compress / compile the source. (GMFlash)
 12 |  * BUG - Fixed load multiple HTC files, only to ignore the first
 13 |  * BUG - behaviors (.htc files) are now ignored when processing urls. Fixes "CSS3PIE" issue
 14 |  * BUG - resolveUrl() fails to resolve protocol relative urls. Fixes "AddThis" issue
 15 |  * NEW - expose selectiviz'd cssText through styleSheet object via 'rawCssText' expando property
 16 |  * BUG - incorrect parsing of @media blocks (fixes respondJS compatibility issue)
 17 |  * BUG - resolveUrl() incorrectly fails external assets urls for violating the same origin policy
 18 |  * CHG - selectivizr MUST now be included AFTER all <link>'d stylesheets!
 19 |  * BUG - IE fails to render page (WSOD (White Screen of Death)) under certain conditions
 20 |  * BUG - @font-face can cause IE to hang when processing CSS files after DOM load
 21 |  * BUG - split DOM and CSS parsing into two stages. CSS parsing is now instant
 22 |  * NEW - selectivizr now honours media specific @imports in style sheets
 23 |  * BUG - comments placed between @import rules caused the import to fail
 24 | 
 25 | 
 26 | v1.0.2
 27 | ------
 28 | 
 29 |  * BUG - fixed Google Closure Compiler issue that added 2 global vars - sorry about that!
 30 |  * NEW - removed the eval() from determineSelectorMethod()
 31 |  * BUG - selectivizr incorrectly detects Yahoo! profiler as YUI selector library
 32 |  * NEW - selectivizr can now be "lazy-loaded"
 33 |  * NEW - switched DOMReady back to Diego Perini's (new) ContentLoaded.
 34 |  * BUG - asset urls using the 'data:' scheme (i.e. background-image) resolved to a path (Chris Korhonen)
 35 |  * BUG - resolveUrl() failed if the context url contained a hash followed by a '/' (Zee Agency)
 36 |  * BUG - IE version detection wasn't IE>9 friendly (reported by Paul Irish)
 37 | 
 38 | 
 39 | 
 40 | v1.0.1
 41 | ------
 42 | 
 43 |  * BUG - @import urls not wrapped with "url()" are now correctly processed 
 44 |  * BUG - relative urls are now correctly resolved
 45 |  * BUG - patched [*=""] selector in IE8 (returns elements it shouldn't)
 46 | 
 47 | 
 48 | 
 49 | v1.0.0
 50 | ------
 51 | 
 52 | ie-css3.js is now stable enough to be released with out a beta suffix - say hello to selectivizr v1!
 53 |  
 54 | 
 55 | 
 56 | v0.9.7b
 57 | -------
 58 | 
 59 |  * NEW - Complete rewrite of the stylesheet parser.
 60 |  * NEW - :not() pseudo support.
 61 |  * NEW - Attribute selector support in IE6 [att] [att="x"] [att~="x"] [att^="x"] [att$="x"] [att*="x"] and [att|="x"]
 62 |  * NEW - Fixes native empty attribute selector support in IE7 [att^=""] [att$=""] [att*=""] and IE8 [att^=""] [att$=""]
 63 |  * BUG - :enabled and :disabled elements now change state properly. (Uses polling)
 64 |  * BUG - Emulation no longer fails in IE6 when more than 2 classes are applied to an element
 65 | 
 66 | 
 67 | 
 68 | v0.9.6b
 69 | -------
 70 | 
 71 |  * BUG - IE8 :target pseudo-class emulation fails with jQuery (but not with Sizzle) (reported by Tom Law)
 72 |  * BUG - ie-css3.js won't run if page is in an iframe (switched DOM Load detection to Dean Edwards deferred script method)
 73 |  * BUG - A selector that begins with a attribute selector incorrectly parsed (reported by Stephanie Sullivan)
 74 | 
 75 | 
 76 | 
 77 | v0.9.5b
 78 | -------
 79 | 
 80 |  * NEW - Reworked DOM Load detection (using a cut down version of Diego Perini's ContentLoaded technique)
 81 |  * NEW - Enabled Dojo detection (lowest priority) - Warning: some of Dojo's CSS3 selectors seem very buggy! 
 82 |  * BUG - Fixed mixed content warning when using over SSL
 83 |  * NEW - :target pseudo for IE8 when running standards mode. Sorry, no support for pre-IE8 or quirks mode
 84 |  * NWMatcher now higher priority that DOMAssistant when auto-detecting best library
 85 |  * Internal rewrites / refactoring - more features, but a smaller file :o) 
 86 | 
 87 | 
 88 | 
 89 | v0.9.4b
 90 | -------
 91 |   
 92 |  * NEW - added support for :hover (for IE 5.5 - 6) and :focus (for IE 5.5 - 7)
 93 |  * NEW - added support for ::first-child and ::first-letter (suggested by Philip Renich)
 94 |  * BUG - style sheets without href values shouldn't get parsed (reported by Jeff Smith)
 95 |  * BUG - remotely hosted style sheets are now ignored when used in @imports
 96 |  * BUG - @import rules now honour the <base> href if its specified (reported by Andrea and Tim)
 97 |  * BUG - various minor bug fixes 
 98 | 
 99 | 
100 | 
101 | v0.9.3b
102 | -------
103 | 
104 |  * No longer dependent on DOMAssistant.
105 |  * Auto-detects best suited selector library from these:
106 |    - DOMAssistant (recommended)
107 |    - NWmatcher
108 |    - Prototype
109 |    - YUI 2
110 |    - MooTools
111 |    - Sizzle / jQuery
112 |  * NEW - pseudo selectors :enabled, :disabled, :checked and :root.
113 |  * BUG - Fixed IE 5.5/6 issue with illegal character in replacement class name.
114 |  * BUG - Fixed extra spaces issue with modified class names.
115 |  * BUG - Stopped triggering a DOM redraw when there are no className changes
116 |  * Dynamic building of CSS_PSEUDOS regexp based on IE version so we only patch what's needed.
117 |  * XHR compatibility test (reported from twitter.com/kangax).
118 |  * Reworked DOMLoaded detection.
119 | 
120 |  
121 | 
122 | v0.9.2b
123 | -------
124 | 
125 |  * CSS parser updated to crawl @import statements (suggested by Andy "Malarkey" Clarke). 
126 |  * @font rules support.
127 |  
128 | 
129 | 
130 | v0.9.1b
131 | -------
132 | 
133 |  * Public beta release.


--------------------------------------------------------------------------------
/prefixfree.min.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * StyleFix 1.0.3 & PrefixFree 1.0.7
3 |  * @author Lea Verou
4 |  * MIT license
5 |  */(function(){function t(e,t){return[].slice.call((t||document).querySelectorAll(e))}if(!window.addEventListener)return;var e=window.StyleFix={link:function(t){try{if(t.rel!=="stylesheet"||t.hasAttribute("data-noprefix"))return}catch(n){return}var r=t.href||t.getAttribute("data-href"),i=r.replace(/[^\/]+$/,""),s=(/^[a-z]{3,10}:/.exec(i)||[""])[0],o=(/^[a-z]{3,10}:\/\/[^\/]+/.exec(i)||[""])[0],u=/^([^?]*)\??/.exec(r)[1],a=t.parentNode,f=new XMLHttpRequest,l;f.onreadystatechange=function(){f.readyState===4&&l()};l=function(){var n=f.responseText;if(n&&t.parentNode&&(!f.status||f.status<400||f.status>600)){n=e.fix(n,!0,t);if(i){n=n.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(e,t,n){return/^([a-z]{3,10}:|#)/i.test(n)?e:/^\/\//.test(n)?'url("'+s+n+'")':/^\//.test(n)?'url("'+o+n+'")':/^\?/.test(n)?'url("'+u+n+'")':'url("'+i+n+'")'});var r=i.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1");n=n.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+r,"gi"),"$1")}var l=document.createElement("style");l.textContent=n;l.media=t.media;l.disabled=t.disabled;l.setAttribute("data-href",t.getAttribute("href"));a.insertBefore(l,t);a.removeChild(t);l.media=t.media}};try{f.open("GET",r);f.send(null)}catch(n){if(typeof XDomainRequest!="undefined"){f=new XDomainRequest;f.onerror=f.onprogress=function(){};f.onload=l;f.open("GET",r);f.send(null)}}t.setAttribute("data-inprogress","")},styleElement:function(t){if(t.hasAttribute("data-noprefix"))return;var n=t.disabled;t.textContent=e.fix(t.textContent,!0,t);t.disabled=n},styleAttribute:function(t){var n=t.getAttribute("style");n=e.fix(n,!1,t);t.setAttribute("style",n)},process:function(){t('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);t("style").forEach(StyleFix.styleElement);t("[style]").forEach(StyleFix.styleAttribute)},register:function(t,n){(e.fixers=e.fixers||[]).splice(n===undefined?e.fixers.length:n,0,t)},fix:function(t,n,r){for(var i=0;i<e.fixers.length;i++)t=e.fixers[i](t,n,r)||t;return t},camelCase:function(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")},deCamelCase:function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})}};(function(){setTimeout(function(){t('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()})();(function(e){function t(e,t,r,i,s){e=n[e];if(e.length){var o=RegExp(t+"("+e.join("|")+")"+r,"gi");s=s.replace(o,i)}return s}if(!window.StyleFix||!window.getComputedStyle)return;var n=window.PrefixFree={prefixCSS:function(e,r,i){var s=n.prefix;n.functions.indexOf("linear-gradient")>-1&&(e=e.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(e,t,n,r){return t+(n||"")+"linear-gradient("+(90-r)+"deg"}));e=t("functions","(\\s|:|,)","\\s*\\(","$1"+s+"$2(",e);e=t("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+s+"$2$3",e);e=t("properties","(^|\\{|\\s|;)","\\s*:","$1"+s+"$2:",e);if(n.properties.length){var o=RegExp("\\b("+n.properties.join("|")+")(?!:)","gi");e=t("valueProperties","\\b",":(.+?);",function(e){return e.replace(o,s+"$1")},e)}if(r){e=t("selectors","","\\b",n.prefixSelector,e);e=t("atrules","@","\\b","@"+s+"$1",e)}e=e.replace(RegExp("-"+s,"g"),"-");e=e.replace(/-\*-(?=[a-z]+)/gi,n.prefix);return e},property:function(e){return(n.properties.indexOf(e)>=0?n.prefix:"")+e},value:function(e,r){e=t("functions","(^|\\s|,)","\\s*\\(","$1"+n.prefix+"$2(",e);e=t("keywords","(^|\\s)","(\\s|$)","$1"+n.prefix+"$2$3",e);n.valueProperties.indexOf(r)>=0&&(e=t("properties","(^|\\s|,)","($|\\s|,)","$1"+n.prefix+"$2$3",e));return e},prefixSelector:function(e){return e.replace(/^:{1,2}/,function(e){return e+n.prefix})},prefixProperty:function(e,t){var r=n.prefix+e;return t?StyleFix.camelCase(r):r}};(function(){var e={},t=[],r={},i=getComputedStyle(document.documentElement,null),s=document.createElement("div").style,o=function(n){if(n.charAt(0)==="-"){t.push(n);var r=n.split("-"),i=r[1];e[i]=++e[i]||1;while(r.length>3){r.pop();var s=r.join("-");u(s)&&t.indexOf(s)===-1&&t.push(s)}}},u=function(e){return StyleFix.camelCase(e)in s};if(i.length>0)for(var a=0;a<i.length;a++)o(i[a]);else for(var f in i)o(StyleFix.deCamelCase(f));var l={uses:0};for(var c in e){var h=e[c];l.uses<h&&(l={prefix:c,uses:h})}n.prefix="-"+l.prefix+"-";n.Prefix=StyleFix.camelCase(n.prefix);n.properties=[];for(var a=0;a<t.length;a++){var f=t[a];if(f.indexOf(n.prefix)===0){var p=f.slice(n.prefix.length);u(p)||n.properties.push(p)}}n.Prefix=="Ms"&&!("transform"in s)&&!("MsTransform"in s)&&"msTransform"in s&&n.properties.push("transform","transform-origin");n.properties.sort()})();(function(){function i(e,t){r[t]="";r[t]=e;return!!r[t]}var e={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};e["repeating-linear-gradient"]=e["repeating-radial-gradient"]=e["radial-gradient"]=e["linear-gradient"];var t={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display",grid:"display","inline-grid":"display","min-content":"width"};n.functions=[];n.keywords=[];var r=document.createElement("div").style;for(var s in e){var o=e[s],u=o.property,a=s+"("+o.params+")";!i(a,u)&&i(n.prefix+a,u)&&n.functions.push(s)}for(var f in t){var u=t[f];!i(f,u)&&i(n.prefix+f,u)&&n.keywords.push(f)}})();(function(){function s(e){i.textContent=e+"{}";return!!i.sheet.cssRules.length}var t={":read-only":null,":read-write":null,":any-link":null,"::selection":null},r={keyframes:"name",viewport:null,document:'regexp(".")'};n.selectors=[];n.atrules=[];var i=e.appendChild(document.createElement("style"));for(var o in t){var u=o+(t[o]?"("+t[o]+")":"");!s(u)&&s(n.prefixSelector(u))&&n.selectors.push(o)}for(var a in r){var u=a+" "+(r[a]||"");!s("@"+u)&&s("@"+n.prefix+u)&&n.atrules.push(a)}e.removeChild(i)})();n.valueProperties=["transition","transition-property"];e.className+=" "+n.prefix;StyleFix.register(n.prefixCSS)})(document.documentElement);


--------------------------------------------------------------------------------
/selectivizr.js:
--------------------------------------------------------------------------------
  1 | /*
  2 | selectivizr v1.0.3b - (c) Keith Clark, freely distributable under the terms
  3 | of the MIT license.
  4 | 
  5 | selectivizr.com
  6 | */
  7 | /*
  8 | 
  9 | Notes about this source
 10 | -----------------------
 11 | 
 12 |  * The #DEBUG_START and #DEBUG_END comments are used to mark blocks of code
 13 |    that will be removed prior to building a final release version (using a
 14 |    pre-compression script)
 15 | 
 16 | 
 17 | References:
 18 | -----------
 19 | 
 20 |  * CSS Syntax          : http://www.w3.org/TR/2003/WD-css3-syntax-20030813/#style
 21 |  * Selectors           : http://www.w3.org/TR/css3-selectors/#selectors
 22 |  * IE Compatability    : http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
 23 |  * W3C Selector Tests  : http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/tests/
 24 | 
 25 | */
 26 | 
 27 | /*global $: false, PIE: false, StyleFix: false, ActiveXObject: false, styleMedia: false, CSSStyleDeclaration: false, PrefixFree: false */
 28 | 
 29 | (function(win) {
 30 | 	"use strict";
 31 | 	// =========================== Init Objects ============================
 32 | 
 33 | 	var doc = document;
 34 | 	var root = doc.documentElement;
 35 | 	var xhr = "XMLHttpRequest";
 36 | 	var ieVersion = doc.querySelector ? doc.documentMode : doc.compatMode === "CSS1Compat" ? xhr in win ? 7 : 6 : 5;
 37 | 
 38 | 	// String constants
 39 | 	var EMPTY_STRING						= "";
 40 | 	var SPACE_STRING						= " ";
 41 | 	var PLACEHOLDER_STRING					= "$1";
 42 | 
 43 | 	// If were not in standards mode, IE is too old / new or we can't create
 44 | 	if (ieVersion) {
 45 | 		toggleElementClass(root, "ie" + ieVersion, true);
 46 | 	}
 47 | 	var js_path								= doc.scripts || doc.querySelectorAll("script");
 48 | 		js_path								= js_path[js_path.length - 1].getAttribute("src").replace(/[^\/]+$/, "");
 49 | 	var ajaxCache							= {};
 50 | 
 51 | 	// an XMLHttpRequest object then we should get out now.
 52 | 	xhr = ieVersion < 7 ? new ActiveXObject("Microsoft.XMLHTTP") : new win[xhr]();
 53 | 
 54 | 	// ========================= Common Objects ============================
 55 | 
 56 | 	// Compatiable selector engines in order of CSS3 support. Note: '*' is
 57 | 	// a placholder for the object key name. (basically, crude compression)
 58 | 	var selectorEngines = {
 59 | 		"NW"								: "*.Dom.select",
 60 | 		"MooTools"							: "$$",
 61 | 		"DOMAssistant"						: "*.$",
 62 | 		"Prototype"							: "$$",
 63 | 		"YAHOO"								: "*.util.Selector.query",
 64 | 		"Sizzle"							: "*",
 65 | 		"jQuery"							: "*",
 66 | 		"dojo"								: "*.query"
 67 | 	};
 68 | 
 69 | 	var selectorMethod;
 70 | 	var enabledWatchers						= [];     // array of :enabled/:disabled elements to poll
 71 | 	var domPatches							= [];
 72 | 	var ie6PatchID							= 0;      // used to solve ie6's multiple class bug
 73 | 	var patchIE6MultipleClasses				= true;   // if true adds class bloat to ie6
 74 | 	var namespace							= "slvzr";
 75 | 	var strRawCssText						= "rawCssText";
 76 | 
 77 | 	// Stylesheet parsing regexp's
 78 | 	var RE_ORIGIN							= /^\w+:\/\/[^\/]+/;
 79 | 	var RE_COMMENT							= /(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*?/g;
 80 | 	var RE_IMPORT							= /@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))\s*([^;]*);/g;
 81 | 	var RE_MEDIA							= /@media\s+([^\{]+)/g;
 82 | 	var RE_ASSET_URL						= /(\bbehavior\s*?:[^;}\n\r]+)?\burl\(\s*(["']?)(?!\w+:)([^"')]+)\2\s*\)/g;
 83 | 	var RE_PSEUDO_STRUCTURAL				= /^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/;
 84 | 	var RE_PSEUDO_ELEMENTS					= /:(:first-(?:line|letter))/g;
 85 | 	var RE_SELECTOR_GROUP					= /((?:^|(?:\s*})+)(?:\s*@media[^{]+{)?)\s*([^\{]*?[\[:][^{]+)/g;
 86 | 	var RE_SELECTOR_PARSE					= /([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g;
 87 | 	var RE_LIBRARY_INCOMPATIBLE_PSEUDOS		= /(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g;
 88 | 	var RE_PATCH_CLASS_NAME_REPLACE			= /[^\w-]/g;
 89 | 
 90 | 	// HTML UI element regexp's
 91 | 	var RE_INPUT_ELEMENTS					= /^(INPUT|SELECT|TEXTAREA|BUTTON)$/;
 92 | 	var RE_INPUT_CHECKABLE_TYPES			= /^(checkbox|radio)$/;
 93 | 
 94 | 	// Broken attribute selector implementations (IE7/8 native [^=""], [$=""] and [*=""])
 95 | 	var BROKEN_ATTR_IMPLEMENTATIONS			= ieVersion>6 ? /[\$\^*]=(['"])\1/ : null;
 96 | 
 97 | 	// Whitespace normalization regexp's
 98 | 	var RE_TIDY_TRAILING_WHITESPACE			= /([(\[+~])\s+/g;
 99 | 	var RE_TIDY_LEADING_WHITESPACE			= /\s+([)\]+~])/g;
100 | 	var RE_TIDY_CONSECUTIVE_WHITESPACE		= /\s+/g;
101 | 	var RE_TIDY_TRIM_WHITESPACE				= /^\s*((?:[\S\s]*\S)?)\s*$/;
102 | 
103 | 	// PIE
104 | 	var pie_path							= win.PIE && "behavior" in PIE ? PIE.behavior : js_path.replace(RE_ORIGIN, "") + "PIE.htc";
105 | 	function viewHeight(){
106 | 		return win.innerHeight || root.clientHeight;
107 | 	}
108 | 
109 | 	function viewWidth(){
110 | 		return win.innerWidth || root.clientWidth;
111 | 	}
112 | 
113 | 	function onresize(fn) {
114 | 		var viewH = viewHeight(),
115 | 			viewW = viewWidth();
116 | 
117 | 		function sizefn() {
118 | 			var vh = viewHeight(),
119 | 				vw = viewWidth();
120 | 			if (viewH !== vh || viewW !== vw) {
121 | 				viewH = vh;
122 | 				viewW = vw;
123 | 				fn();
124 | 			}
125 | 		}
126 | 		if (win.addEventListener) {
127 | 			win.addEventListener("resize", sizefn, true);
128 | 			win.addEventListener("orientationchange", sizefn, true);
129 | 		} else {
130 | 			addEvent(win, "resize", sizefn);
131 | 		}
132 | 	}
133 | 
134 | 	function loadScript(src) {
135 | 		var script = doc.createElement("script");
136 | 		script.src = src;
137 | 		root.children[0].appendChild(script);
138 | 		return script;
139 | 	}
140 | 
141 | 	function forEach(fn, array) {
142 | 		array = array || doc.styleSheets;
143 | 		for (var i = array.length - 1; i >= 0; i--) {
144 | 			fn(array[i], i);
145 | 		}
146 | 	}
147 | 
148 | 	function vunits(css, raw, ele) {
149 | 		if (ele) {
150 | 			var url = ele.getAttribute("href") || ele.getAttribute("data-href");
151 | 			if (url) {
152 | 				css = ajaxCache[url] || (ajaxCache[url] = css);
153 | 			} else {
154 | 				css = ele[strRawCssText] || (ele[strRawCssText] = css);
155 | 			}
156 | 		}
157 | 		var vh = viewHeight() / 100,
158 | 			vw = viewWidth() / 100,
159 | 			viewport = {
160 | 				max: Math.max(vh, vw),
161 | 				min: Math.min(vh, vw),
162 | 				h: vh,
163 | 				w: vw
164 | 			};
165 | 
166 | 		return css.replace(
167 | 			/([-:\s])(\.\d+\w+)/g,
168 | 			"$10$2"
169 | 		).replace(
170 | 			/\b(\d+(\.\d+)?)v(w|h|max|min)\b/g,
171 | 			function(s, num, subNum, strUnit) {
172 | 				return (num * viewport[strUnit]).toFixed(4) + "px";
173 | 			}
174 | 		);
175 | 	}
176 | 
177 | 	// IE media queries, vm, vw, vh, vmax, vmin, rem
178 | 	function setLengthUnits() {
179 | 		var rem = root.currentStyle.fontSize.match(/([\d\.]+)([^\d\.]+)/),
180 | 			units = {
181 | 				"%": 0.12,
182 | 				em: 12,
183 | 				ex: 6
184 | 			};
185 | 
186 | 		if (units[rem[2]]) {
187 | 			rem[1] = rem[1] * units[rem[2]];
188 | 			rem[2] = "pt";
189 | 		} else {
190 | 			rem[1] = parseFloat(rem[1]);
191 | 		}
192 | 		forEach(function(stylesheet) {
193 | 			var cssText = stylesheet[strRawCssText];
194 | 			if (cssText) {
195 | 				cssText = vunits(cssText);
196 | 				if (ieVersion < 9) {
197 | 					cssText = cssText.replace(/\b(\d+(\.\d+)?)rem\b/g, function(s, num) {
198 | 						return num * rem[1] + rem[2];
199 | 					});
200 | 					// call media.match.js see https://github.com/reubenmoes/media-match */
201 | 					if (win.styleMedia) {
202 | 						cssText = cssText.replace(RE_MEDIA, function(str, strRules) {
203 | 							try {
204 | 								if (styleMedia.matchMedium(strRules)) {
205 | 									str = "@media all ";
206 | 								}
207 | 							} catch (ex) {}
208 | 							return str;
209 | 						});
210 | 					}
211 | 				}
212 | 				stylesheet.cssText = cssText;
213 | 			}
214 | 		});
215 | 	}
216 | 
217 | 	// =========================== Patching ================================
218 | 	// --[ patchStyleSheet() ]----------------------------------------------
219 | 	// Scans the passed cssText for selectors that require emulation and
220 | 	// creates one or more patches for each matched selector.
221 | 	function patchStyleSheet( cssText ) {
222 | 
223 | 		// css IE version query
224 | 		cssText = cssText.replace(RE_MEDIA, function(str, strRules) {
225 | 			return "@media " + strRules.replace(/\s+and\s+\(\s*(\w+\-)?msie\s*:\s*([\d\.]+)\s*\)/g, function(s, cond, ver) {
226 | 				ver = parseFloat(ver);
227 | 				if (cond) {
228 | 					if (/^max/.test(cond)) {
229 | 						cond = ver - ieVersion;
230 | 					} else if (/^min/.test(cond)) {
231 | 						cond = ieVersion - ver;
232 | 					}
233 | 					cond = cond >= 0;
234 | 				} else {
235 | 					cond = ver === ieVersion;
236 | 				}
237 | 				return cond ? EMPTY_STRING : s;
238 | 			});
239 | 		});
240 | 
241 | 		// IE CSS3 properties
242 | 		cssText = cssText.replace(/{(([^{}]*)\bbackground(-\w+)?\s*:\s*(\w+-gradient\s*\([^;\}]+))/g, function(str, props, propsPre, backSubVal, gradient) {
243 | 			return /background(-image)?\s*:[^;]*url\(/g.test(propsPre) ? str : "{" + pie_path + "-pie-background:" + gradient + ";" + props;
244 | 		}).replace(
245 | 			/{(?=[^{}]*\bborder-image\s*:[^{}]+})/g,
246 | 			"{" + pie_path
247 | 		);
248 | 		if (ieVersion < 9) {
249 | 			cssText = cssText.replace(
250 | 				/{(?=[^{}]*\b(border-radius|\w+-shadow|pie-background)\s*:[^{}]+})/g,
251 | 				"{" + pie_path
252 | 			);
253 | 			if (ieVersion < 8) {
254 | 				cssText = cssText.replace(
255 | 					/([;\{\r\n]\s*display\s*:\s*inline-block)\s*([;\}])/g,
256 | 					"$1;*display:inline;*zoom:1$2"
257 | 				);
258 | 				if (ieVersion < 7) {
259 | 					cssText = cssText.replace(
260 | 						/([;\{\r\n]\s*position\s*:\s*fixed)\s*([;\}])/g,
261 | 						"$1;_position:absolute$2"
262 | 					).replace(
263 | 						/{(?=[^{}]*-pie-png-fix\s*:\s*true\b)/g,
264 | 						"{" + pie_path
265 | 					);
266 | 				}
267 | 			}
268 | 		} else {
269 | 			// Add prefix for transform
270 | 			cssText = cssText.replace(
271 | 				/([;\{\r\n])\s*(transform(-\w+)?\s*:[^;\}]+)/g,
272 | 				"$1-ms-$2;$2"
273 | 			).replace(
274 | 				/\bfilter\s*:\s*([^;\}]+)/g,
275 | 				function(s, vals) {
276 | 					// Disable some filter that conflict with CSS3
277 | 					vals = trim(vals.split(/\s+(?=\w+\s*[\(\:])/).filter(function(filter){
278 | 						return !/^(progid\s*\:\s*DXImageTransform\.Microsoft\.)?(Alpha|Matrix|Gradient|FlipH|FlipV)\s*\(/i.test(filter);
279 | 					}).join(" "));
280 | 					return vals ? "filter: " + vals : "";
281 | 				}
282 | 			);
283 | 		}
284 | 
285 | 		// IE CSS3 selector
286 | 		return ieVersion > 8 ? cssText : cssText.replace(RE_PSEUDO_ELEMENTS, PLACEHOLDER_STRING).
287 | 			replace(RE_SELECTOR_GROUP, function(m, prefix, selectorText) {
288 | 
289 | 				var selectorGroups = [];
290 | 				forEach(function(selector, c) {
291 | 					selector = normalizeSelectorWhitespace(selector) + SPACE_STRING;
292 | 					var patches = [];
293 | 					selectorGroups[c] = selector.replace(RE_SELECTOR_PARSE,
294 | 						function(match, combinator, pseudo, attribute, index) {
295 | 							if (combinator) {
296 | 								if (patches.length>0) {
297 | 									domPatches.push( { selector: selector.substring(0, index), patches: patches } );
298 | 									patches = [];
299 | 								}
300 | 								return combinator;
301 | 							}
302 | 							else {
303 | 								var patch = (pseudo) ? patchPseudoClass( pseudo ) : patchAttribute( attribute );
304 | 								if (patch) {
305 | 									patches.push(patch);
306 | 									return "." + patch.className;
307 | 								}
308 | 								return match;
309 | 							}
310 | 						}
311 | 					);
312 | 				}, selectorText.split(","));
313 | 
314 | 				return prefix + selectorGroups.join(",");
315 | 			});
316 | 	}
317 | 
318 | 	// --[ patchAttribute() ]-----------------------------------------------
319 | 	// returns a patch for an attribute selector.
320 | 	function patchAttribute( attr ) {
321 | 		return (!BROKEN_ATTR_IMPLEMENTATIONS || BROKEN_ATTR_IMPLEMENTATIONS.test(attr)) ?
322 | 			{ className: createClassName(attr), applyClass: true } : null;
323 | 	}
324 | 
325 | 	// --[ patchPseudoClass() ]---------------------------------------------
326 | 	// returns a patch for a pseudo-class
327 | 	function patchPseudoClass( pseudo ) {
328 | 
329 | 		var applyClass = true;
330 | 		var className = createClassName(pseudo.slice(1));
331 | 		var isNegated = pseudo.substring(0, 5) === ":not(";
332 | 		var activateEventName;
333 | 		var deactivateEventName;
334 | 
335 | 		// if negated, remove :not()
336 | 		if (isNegated) {
337 | 			pseudo = pseudo.slice(5, -1);
338 | 		}
339 | 
340 | 		// bracket contents are irrelevant - remove them
341 | 		var bracketIndex = pseudo.indexOf("(");
342 | 		if (bracketIndex > -1) {
343 | 			pseudo = pseudo.substring(0, bracketIndex);
344 | 		}
345 | 
346 | 		// check we're still dealing with a pseudo-class
347 | 		if (pseudo.charAt(0) === ":") {
348 | 			switch (pseudo.slice(1)) {
349 | 
350 | 				case "root":
351 | 					applyClass = function(e) {
352 | 						return isNegated ? e !== root : e === root;
353 | 					};
354 | 					break;
355 | 
356 | 				case "target":
357 | 					// :target is only supported in IE8
358 | 					if (ieVersion === 8) {
359 | 						applyClass = function(e) {
360 | 							var handler = function() {
361 | 								var hash = location.hash;
362 | 								var hashID = hash.slice(1);
363 | 								return isNegated ? (hash === EMPTY_STRING || e.id !== hashID) : (hash !== EMPTY_STRING && e.id === hashID);
364 | 							};
365 | 							addEvent( win, "hashchange", function() {
366 | 								toggleElementClass(e, className, handler());
367 | 							});
368 | 							return handler();
369 | 						};
370 | 						break;
371 | 					}
372 | 					return false;
373 | 
374 | 				case "checked":
375 | 					applyClass = function(e) {
376 | 						if (RE_INPUT_CHECKABLE_TYPES.test(e.type)) {
377 | 							addEvent( e, "propertychange", function() {
378 | 								if (event.propertyName === "checked") {
379 | 									toggleElementClass( e, className, e.checked !== isNegated );
380 | 								}
381 | 							});
382 | 						}
383 | 						return e.checked !== isNegated;
384 | 					};
385 | 					break;
386 | 
387 | 				case "disabled":
388 | 					isNegated = !isNegated;
389 | 					/* falls through */
390 | 				case "enabled":
391 | 					applyClass = function(e) {
392 | 						if (RE_INPUT_ELEMENTS.test(e.tagName)) {
393 | 							addEvent( e, "propertychange", function() {
394 | 								if (event.propertyName === "$disabled") {
395 | 									toggleElementClass( e, className, e.$disabled === isNegated );
396 | 								}
397 | 							});
398 | 							enabledWatchers.push(e);
399 | 							e.$disabled = e.disabled;
400 | 							return e.disabled === isNegated;
401 | 						}
402 | 						return pseudo === ":enabled" ? isNegated : !isNegated;
403 | 					};
404 | 					break;
405 | 
406 | 				case "focus":
407 | 					activateEventName = "focus";
408 | 					deactivateEventName = "blur";
409 | 					/* falls through */
410 | 				case "hover":
411 | 					if (!activateEventName) {
412 | 						activateEventName = "mouseenter";
413 | 						deactivateEventName = "mouseleave";
414 | 					}
415 | 					applyClass = function(e) {
416 | 						addEvent( e, isNegated ? deactivateEventName : activateEventName, function() {
417 | 							toggleElementClass( e, className, true );
418 | 						});
419 | 						addEvent( e, isNegated ? activateEventName : deactivateEventName, function() {
420 | 							toggleElementClass( e, className, false );
421 | 						});
422 | 						return isNegated;
423 | 					};
424 | 					break;
425 | 
426 | 				// everything else
427 | 				default:
428 | 					// If we don't support this pseudo-class don't create
429 | 					// a patch for it
430 | 					if (!RE_PSEUDO_STRUCTURAL.test(pseudo)) {
431 | 						return false;
432 | 					}
433 | 					break;
434 | 			}
435 | 		}
436 | 		return { className: className, applyClass: applyClass };
437 | 	}
438 | 
439 | 	// --[ applyPatches() ]-------------------------------------------------
440 | 	function applyPatches() {
441 | 		var elms, selectorText, patches, domSelectorText;
442 | 
443 | 		for (var c=0; c<domPatches.length; c++) {
444 | 			selectorText = domPatches[c].selector;
445 | 			patches = domPatches[c].patches;
446 | 
447 | 			// Although some selector libraries can find :checked :enabled etc.
448 | 			// we need to find all elements that could have that state because
449 | 			// it can be changed by the user.
450 | 			domSelectorText = selectorText.replace(RE_LIBRARY_INCOMPATIBLE_PSEUDOS, EMPTY_STRING);
451 | 
452 | 			// If the dom selector equates to an empty string or ends with
453 | 			// whitespace then we need to append a universal selector (*) to it.
454 | 			if (domSelectorText === EMPTY_STRING || domSelectorText.charAt(domSelectorText.length - 1) === SPACE_STRING) {
455 | 				domSelectorText += "*";
456 | 			}
457 | 
458 | 			// Ensure we catch errors from the selector library
459 | 			try {
460 | 				elms = selectorMethod( domSelectorText );
461 | 			} catch (ex) {
462 | 				// #DEBUG_START
463 | 				log( "Selector '" + selectorText + "' threw exception '" + ex + "'" );
464 | 				// #DEBUG_END
465 | 			}
466 | 
467 | 
468 | 			if (elms) {
469 | 				for (var d = 0, dl = elms.length; d < dl; d++) {
470 | 					var elm = elms[d];
471 | 					var cssClasses = elm.className;
472 | 					for (var f = 0, fl = patches.length; f < fl; f++) {
473 | 						var patch = patches[f];
474 | 						if (!hasPatch(elm, patch)) {
475 | 							if (patch.applyClass && (patch.applyClass === true || patch.applyClass(elm) === true)) {
476 | 								cssClasses = toggleClass(cssClasses, patch.className, true );
477 | 							}
478 | 						}
479 | 					}
480 | 					elm.className = cssClasses;
481 | 				}
482 | 			}
483 | 		}
484 | 	}
485 | 
486 | 	// --[ hasPatch() ]-----------------------------------------------------
487 | 	// checks for the exsistence of a patch on an element
488 | 	function hasPatch( elm, patch ) {
489 | 		return new RegExp("(^|\\s)" + patch.className + "(\\s|$)").test(elm.className);
490 | 	}
491 | 
492 | 
493 | 	// =========================== Utility =================================
494 | 
495 | 	function createClassName( className ) {
496 | 		return namespace + "-" + ((ieVersion === 6 && patchIE6MultipleClasses) ?
497 | 			ie6PatchID++
498 | 		:
499 | 			className.replace(RE_PATCH_CLASS_NAME_REPLACE, function(a) { return a.charCodeAt(0); }));
500 | 	}
501 | 
502 | 	// --[ isDocComplete() ]-----------------------------------------------------
503 | 	// checks doc.readyState
504 | 	function isDocComplete() {
505 | 		return doc.readyState === "complete";
506 | 	}
507 | 
508 | 	// --[ log() ]----------------------------------------------------------
509 | 	// #DEBUG_START
510 | 	function log( message ) {
511 | 		if (win.console) {
512 | 			win.console.log(message);
513 | 		}
514 | 	}
515 | 	// #DEBUG_END
516 | 
517 | 	// --[ trim() ]---------------------------------------------------------
518 | 	// removes leading, trailing whitespace from a string
519 | 	function trim( text ) {
520 | 		return text.replace(RE_TIDY_TRIM_WHITESPACE, PLACEHOLDER_STRING);
521 | 	}
522 | 
523 | 	// --[ normalizeWhitespace() ]------------------------------------------
524 | 	// removes leading, trailing and consecutive whitespace from a string
525 | 	function normalizeWhitespace( text ) {
526 | 		return trim(text).replace(RE_TIDY_CONSECUTIVE_WHITESPACE, SPACE_STRING);
527 | 	}
528 | 
529 | 	// --[ normalizeSelectorWhitespace() ]----------------------------------
530 | 	// tidies whitespace around selector brackets and combinators
531 | 	function normalizeSelectorWhitespace( selectorText ) {
532 | 		return normalizeWhitespace(selectorText.
533 | 			replace(RE_TIDY_TRAILING_WHITESPACE, PLACEHOLDER_STRING).
534 | 			replace(RE_TIDY_LEADING_WHITESPACE, PLACEHOLDER_STRING)
535 | 		);
536 | 	}
537 | 
538 | 	// --[ toggleElementClass() ]-------------------------------------------
539 | 	// toggles a single className on an element
540 | 	function toggleElementClass( elm, className, on ) {
541 | 		var oldClassName = elm.className;
542 | 		var newClassName = toggleClass(oldClassName, className, on);
543 | 		if (newClassName !== oldClassName) {
544 | 			elm.className = newClassName;
545 | 			elm.parentNode.className += EMPTY_STRING;
546 | 		}
547 | 	}
548 | 
549 | 	// --[ toggleClass() ]--------------------------------------------------
550 | 	// adds / removes a className from a string of classNames. Used to
551 | 	// manage multiple class changes without forcing a DOM redraw
552 | 	function toggleClass( classList, className, on ) {
553 | 		var re = new RegExp("(^|\\s)" + className + "(\\s|$)");
554 | 		var classExists = re.test(classList);
555 | 		if (on) {
556 | 			return classExists ? classList : classList + SPACE_STRING + className;
557 | 		} else {
558 | 			return classExists ? trim(classList.replace(re, PLACEHOLDER_STRING)) : classList;
559 | 		}
560 | 	}
561 | 
562 | 	// --[ addEvent() ]-----------------------------------------------------
563 | 	function addEvent(elm, eventName, eventHandler) {
564 | 		elm.attachEvent("on" + eventName, eventHandler);
565 | 	}
566 | 
567 | 	// --[ loadStyleSheet() ]-----------------------------------------------
568 | 	function loadStyleSheet(url) {
569 | 		var cssText = ajaxCache[url];
570 | 
571 | 		if (win.$) {
572 | 			cssText = $.ajax(url, {
573 | 				dataType: "text",
574 | 				async: false
575 | 			}).responseText;
576 | 		}
577 | 		if (!cssText) {
578 | 			try {
579 | 				xhr.open("GET", url, false);
580 | 				xhr.send();
581 | 				if (xhr.status === 200) {
582 | 					cssText = xhr.responseText;
583 | 				} else {
584 | 					log(url + "\t Error:" + xhr.status);
585 | 				}
586 | 			} catch (ex) {
587 | 				if(RE_ORIGIN.test(url)){
588 | 					cssText = loadStyleSheet(url.replace(RE_ORIGIN, EMPTY_STRING));
589 | 				}
590 | 			}
591 | 			ajaxCache[url] = cssText;
592 | 		}
593 | 		return cssText || EMPTY_STRING;
594 | 	}
595 | 
596 | 	// --[ resolveUrl() ]---------------------------------------------------
597 | 	// Converts a URL fragment to a fully qualified URL using the specified
598 | 	// context URL. Returns null if same-origin policy is broken
599 | 	function resolveUrl( url, contextUrl, ignoreSameOriginPolicy ) {
600 | 
601 | 		function getProtocol( url ) {
602 | 			return url.substring(0, url.indexOf("//"));
603 | 		}
604 | 
605 | 		function getProtocolAndHost( url ) {
606 | 			return url.substring(0, url.indexOf("/", 8));
607 | 		}
608 | 
609 | 		if (!contextUrl) {
610 | 			contextUrl = baseUrl;
611 | 		}
612 | 
613 | 		// protocol-relative path
614 | 		if (url.substring(0,2) === "//") {
615 | 			url = getProtocol(contextUrl) + url;
616 | 		}
617 | 
618 | 		// absolute path
619 | 		if (/^\w+:\/\//i.test(url)) {
620 | 			return !ignoreSameOriginPolicy && getProtocolAndHost(contextUrl) !== getProtocolAndHost(url) ? null : url ;
621 | 		}
622 | 
623 | 		// root-relative path
624 | 		if (url.charAt(0) === "/")	{
625 | 			return getProtocolAndHost(contextUrl) + url;
626 | 		}
627 | 
628 | 		// relative path
629 | 		var contextUrlPath = contextUrl.split(/[?#]/)[0]; // ignore query string in the contextUrl
630 | 		if (url.charAt(0) !== "?" && contextUrlPath.charAt(contextUrlPath.length - 1) !== "/") {
631 | 			contextUrlPath = contextUrlPath.substring(0, contextUrlPath.lastIndexOf("/") + 1);
632 | 		}
633 | 
634 | 		return contextUrlPath + url;
635 | 	}
636 | 
637 | 	// --[ parseStyleSheet() ]----------------------------------------------
638 | 	// Downloads the stylesheet specified by the URL, removes it's comments
639 | 	// and recursivly replaces @import rules with their contents, ultimately
640 | 	// returning the full cssText.
641 | 	function parseStyleSheet( url ) {
642 | 		if (url) {
643 | 			return loadStyleSheet(url).replace(RE_COMMENT, EMPTY_STRING).
644 | 			replace(RE_IMPORT, function( match, quoteChar, importUrl, quoteChar2, importUrl2, media ) {
645 | 				var cssText = parseStyleSheet(resolveUrl(importUrl || importUrl2, url));
646 | 				return (media) ? "@media " + media + " {" + cssText + "}" : cssText;
647 | 			}).
648 | 			replace(RE_ASSET_URL, function( match, isBehavior, quoteChar, assetUrl ) {
649 | 				quoteChar = quoteChar || EMPTY_STRING;
650 | 				return isBehavior ? match : " url(" + quoteChar + resolveUrl(assetUrl, url, true) + quoteChar + ") ";
651 | 			});
652 | 		}
653 | 		return EMPTY_STRING;
654 | 	}
655 | 
656 | 	// --[ getStyleSheets() ]-----------------------------------------------
657 | 	function getStyleSheets() {
658 | 		if (ieVersion < 8 && win.PIE && !PIE.attach_ie67) {
659 | 			PIE.attach_ie67 = function(node) {
660 | 				function start() {
661 | 					clearTimeout(timer);
662 | 					PIE.attach(node);
663 | 				}
664 | 				var $ = win.jQuery,
665 | 					timer;
666 | 				if ($) {
667 | 					timer = setTimeout(start, 800);
668 | 					$(start);
669 | 				} else {
670 | 					start();
671 | 				}
672 | 				node.runtimeStyle.behavior = "none";
673 | 			};
674 | 		}
675 | 
676 | 		forEach(function(style) {
677 | 			var rawCssText = style.innerHTML,
678 | 				styleSheet = style.styleSheet;
679 | 			if (!(strRawCssText in styleSheet)) {
680 | 				styleSheet[strRawCssText] = patchStyleSheet(rawCssText);
681 | 			}
682 | 		}, doc.getElementsByTagName("style"));
683 | 
684 | 		forEach(function(styleSheet) {
685 | 			var url = styleSheet.href;
686 | 			if (url && !(strRawCssText in styleSheet)) {
687 | 				styleSheet[strRawCssText] = patchStyleSheet(parseStyleSheet(resolveUrl(url) || url));
688 | 			}
689 | 		});
690 | 
691 | 		setLengthUnits();
692 | 	}
693 | 
694 | 	// --[ init() ]---------------------------------------------------------
695 | 	function init() {
696 | 
697 | 		if (pie_path && !win.PIE) {
698 | 			try {
699 | 				eval.call(win, loadStyleSheet(js_path));
700 | 			} catch (ex) {}
701 | 		}
702 | 
703 | 		getStyleSheets();
704 | 
705 | 		// If were not in standards mode, IE is too old / new or we can't create
706 | 		if ( ieVersion < 9 ) {
707 | 
708 | 			applyPatches();
709 | 
710 | 			// :enabled & :disabled polling script (since we can't hook
711 | 			// onpropertychange event when an element is disabled)
712 | 			if (enabledWatchers.length > 0) {
713 | 				setInterval( function() {
714 | 					for (var c = 0, cl = enabledWatchers.length; c < cl; c++) {
715 | 						var e = enabledWatchers[c];
716 | 						if (e.disabled !== e.$disabled) {
717 | 							if (e.disabled) {
718 | 								e.disabled = false;
719 | 								e.$disabled = true;
720 | 								e.disabled = true;
721 | 							} else {
722 | 								e.$disabled = e.disabled;
723 | 							}
724 | 						}
725 | 					}
726 | 				}, 250);
727 | 			}
728 | 		}
729 | 	}
730 | 
731 | 	function stylePropertyFix(property, prefixProperty) {
732 | 		Object.defineProperty(CSSStyleDeclaration.prototype, property, {
733 | 			get: function() {
734 | 				return this[prefixProperty];
735 | 			},
736 | 			set: function(val) {
737 | 				this[prefixProperty] = val;
738 | 			},
739 | 			enumerable: true
740 | 		});
741 | 	}
742 | 
743 | 	function fixFnPrefix(obj, fnName) {
744 | 		var fn = obj[fnName];
745 | 		if (fn && fn.apply) {
746 | 			obj[fnName] = function() {
747 | 				try {
748 | 					if (PrefixFree.properties.indexOf(arguments[0]) >= 0) {
749 | 						arguments[0] = PrefixFree.prefix + arguments[0];
750 | 					}
751 | 				} catch (ex) {}
752 | 				return fn.apply(this, arguments);
753 | 			};
754 | 		}
755 | 	}
756 | 
757 | 	function prefixInit() {
758 | 		if (!StyleFix.fixed) {
759 | 			StyleFix.fixed = 1;
760 | 			var tester = doc.createElement("div"),
761 | 				process = StyleFix.process;
762 | 			tester.style.cssText = "font-size:calc(1vmax*1)";
763 | 			if (!/vmax/.test(tester.style.fontSize)) {
764 | 				StyleFix.register(vunits);
765 | 				onresize(process);
766 | 			}
767 | 			contentLoaded(function() {
768 | 				setTimeout(process, 0);
769 | 			});
770 | 
771 | 			for (var i in CSSStyleDeclaration.prototype) {
772 | 				if (/Property/.test(i)) {
773 | 					fixFnPrefix(CSSStyleDeclaration.prototype, i);
774 | 				}
775 | 			}
776 | 			PrefixFree.properties.forEach(function(property) {
777 | 				stylePropertyFix(StyleFix.camelCase(property), PrefixFree.prefixProperty(property, true));
778 | 			});
779 | 		}
780 | 	}
781 | 
782 | 	if (ieVersion > 5 && ieVersion < 10) {
783 | 		if (ieVersion > 8) {
784 | 			stylePropertyFix("transform", "msTransform");
785 | 			stylePropertyFix("transformOrigin", "msTransformOrigin");
786 | 		} else {
787 | 			if (ieVersion < 8) {
788 | 				pie_path = "behavior: expression(window.PIE&&PIE.attach_ie67&&PIE.attach_ie67(this));";
789 | 			} else {
790 | 				pie_path = "behavior: url(" + pie_path + ");";
791 | 			}
792 | 		}
793 | 
794 | 		if (pie_path && !win.PIE) {
795 | 			js_path += "PIE_IE" + (ieVersion < 9 ? "678" : "9") + ".js";
796 | 			loadScript(js_path);
797 | 		}
798 | 		// Determine the baseUrl and download the stylesheets
799 | 		var baseTags = doc.getElementsByTagName("BASE");
800 | 		var baseUrl = baseTags.length > 0 ? baseTags[0].href : doc.location.href;
801 | 		getStyleSheets();
802 | 
803 | 		onresize(setLengthUnits);
804 | 
805 | 		// Bind selectivizr to the ContentLoaded event.
806 | 		contentLoaded(function() {
807 | 			// Determine the "best fit" selector engine
808 | 			for (var engine in selectorEngines) {
809 | 				var members, member, context = win;
810 | 				if (win[engine]) {
811 | 					members = selectorEngines[engine].replace("*", engine).split(".");
812 | 					while ((member = members.shift()) && (context = context[member])) {}
813 | 					if (typeof context === "function") {
814 | 						selectorMethod = context;
815 | 						init();
816 | 						return;
817 | 					}
818 | 				}
819 | 			}
820 | 			init();
821 | 		});
822 | 	} else {
823 | 		js_path += "prefixfree.min.js";
824 | 		if (win.StyleFix) {
825 | 			prefixInit();
826 | 		} else {
827 | 			try {
828 | 				eval.call(win, loadStyleSheet(js_path));
829 | 				prefixInit();
830 | 			} catch (ex) {
831 | 				loadScript(js_path).onload = prefixInit;
832 | 			}
833 | 		}
834 | 	}
835 | 
836 | 	/*!
837 | 	 * ContentLoaded.js by Diego Perini, modified for IE<9 only (to save space)
838 | 	 *
839 | 	 * Author: Diego Perini (diego.perini at gmail.com)
840 | 	 * Summary: cross-browser wrapper for DOMContentLoaded
841 | 	 * Updated: 20101020
842 | 	 * License: MIT
843 | 	 * Version: 1.2
844 | 	 *
845 | 	 * URL:
846 | 	 * http://javascript.nwbox.com/ContentLoaded/
847 | 	 * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
848 | 	 *
849 | 	 */
850 | 
851 | 	// @w window reference
852 | 	// @f function reference
853 | 	function contentLoaded(fn) {
854 | 		if (win.$) {
855 | 			return $(fn);
856 | 		}
857 | 		var isReady = false;
858 | 
859 | 		function completed() {
860 | 			// readyState === "complete" is good enough for us to call the dom ready in oldIE
861 | 			if (!isReady) {
862 | 				isReady = true;
863 | 				fn();
864 | 			}
865 | 		}
866 | 		if (isDocComplete()) {
867 | 			// Handle it asynchronously to allow scripts the opportunity to delay ready
868 | 			setTimeout(completed);
869 | 
870 | 		// Standards-based browsers support DOMContentLoaded
871 | 		} else if (doc.addEventListener) {
872 | 			// Use the handy event callback
873 | 			doc.addEventListener("DOMContentLoaded", completed, false);
874 | 
875 | 		// If IE event model is used
876 | 		} else {
877 | 			// Ensure firing before onload, maybe late but safe also for iframes
878 | 			doc.attachEvent("onreadystatechange", function() {
879 | 				if (isDocComplete()) {
880 | 					completed();
881 | 				}
882 | 			});
883 | 
884 | 			// If IE and not a frame
885 | 			// continually check to see if the document is ready
886 | 			var top;
887 | 
888 | 			try {
889 | 				top = !win.frameElement && root;
890 | 			} catch (e) {}
891 | 
892 | 			if (top && top.doScroll) {
893 | 				(function doScrollCheck() {
894 | 					if (!isReady) {
895 | 						try {
896 | 							// Use the trick by Diego Perini
897 | 							// http://javascript.nwbox.com/IEContentLoaded/
898 | 							top.doScroll("left");
899 | 						} catch (e) {
900 | 							return setTimeout(doScrollCheck, 50);
901 | 						}
902 | 
903 | 						// and execute any waiting functions
904 | 						completed();
905 | 					}
906 | 				})();
907 | 			}
908 | 		}
909 | 	}
910 | })(this);
911 | 


--------------------------------------------------------------------------------
/styleMedia.js:
--------------------------------------------------------------------------------
  1 | /* MediaMatch v.2.0.2 - Testing css media queries in Javascript. Authors & copyright (c) 2013: WebLinc, David Knight. */
  2 | 
  3 | (function(win) {
  4 |     'use strict';
  5 |     if (win.styleMedia) {
  6 |         return;
  7 |     }
  8 | 
  9 |     // Internal globals
 10 |     var _dpi,
 11 |         _doc        = win.document,
 12 |         _viewport   = _doc.documentElement,
 13 |         _type       = '',
 14 |         _features   = {},
 15 |                     // only screen
 16 |                     // only screen and
 17 |                     // not screen
 18 |                     // not screen and
 19 |                     // screen
 20 |                     // screen and
 21 |         _units   = {
 22 |             cm: 2.54,
 23 |             mm: 25.4,
 24 |             pt: 72,
 25 |             pc: 6,
 26 |             'in': 1
 27 |         },
 28 |         _typeExpr   = /\s*(only|not)?\s*(screen|print|[a-z\-]+)\s*(and)?\s*/i,
 29 |                     // (-vendor-min-width: 300px)
 30 |                     // (min-width: 300px)
 31 |                     // (width: 300px)
 32 |                     // (width)
 33 |                     // (orientation: portrait|landscape)
 34 |         _mediaExpr  = /^\s*\(\s*(-[a-z]+-)?(min-|max-)?([a-z\-]+)\s*(:?\s*([0-9]+(\.[0-9]+)?|portrait|landscape)(px|em|dppx|dpcm|rem|%|in|cm|mm|ex|pt|pc|\/([0-9]+(\.[0-9]+)?))?)?\s*\)\s*$/,
 35 | 
 36 |         // Helper methods
 37 | 
 38 |         /*
 39 |             _matches
 40 |          */
 41 |         _matches = function(media) {
 42 |             // screen and (min-width: 400px), screen and (max-width: 500px)
 43 |             var mql         = (media.indexOf(',') !== -1 && media.split(',')) || [media],
 44 |                 mqIndex     = mql.length - 1,
 45 |                 mqLength    = mqIndex,
 46 |                 mq          = null,
 47 | 
 48 |                 // not screen, screen
 49 |                 negateType      = null,
 50 |                 negateTypeFound = '',
 51 |                 negateTypeIndex = 0,
 52 |                 negate          = false,
 53 |                 type            = '',
 54 | 
 55 |                 // (min-width: 400px), (min-width)
 56 |                 exprListStr = '',
 57 |                 exprList    = null,
 58 |                 exprIndex   = 0,
 59 |                 exprLength  = 0,
 60 |                 expr        = null,
 61 | 
 62 |                 prefix      = '',
 63 |                 length      = '',
 64 |                 unit        = '',
 65 |                 value       = '',
 66 |                 feature     = '',
 67 | 
 68 |                 match       = false;
 69 | 
 70 |             if (media === '') {
 71 |                 return true;
 72 |             }
 73 | 
 74 |             do {
 75 |                 mq          = mql[mqLength - mqIndex];
 76 |                 negate      = false;
 77 |                 negateType  = mq.match(_typeExpr);
 78 | 
 79 |                 if (negateType) {
 80 |                     negateTypeFound = negateType[0];
 81 |                     negateTypeIndex = negateType.index;
 82 |                 }
 83 | 
 84 |                 if (!negateType || ((mq.substring(0, negateTypeIndex).indexOf('(') === -1) && (negateTypeIndex || (!negateType[3] && negateTypeFound !== negateType.input)))) {
 85 |                     match = false;
 86 |                     continue;
 87 |                 }
 88 | 
 89 |                 exprListStr = mq;
 90 | 
 91 |                 negate = negateType[1] === 'not';
 92 | 
 93 |                 if (!negateTypeIndex) {
 94 |                     type        =  negateType[2];
 95 |                     exprListStr = mq.substring(negateTypeFound.length);
 96 |                 }
 97 | 
 98 |                 // Test media type
 99 |                 // Test type against this device or if 'all' or empty ''
100 |                 match       = type === _type || type === 'all' || type === '';
101 | 
102 |                 exprList    = (exprListStr.indexOf(' and ') !== -1 && exprListStr.split(' and ')) || [exprListStr];
103 |                 exprIndex   = exprList.length - 1;
104 |                 exprLength  = exprIndex;
105 | 
106 |                 if (match && exprIndex >= 0 && exprListStr !== '') {
107 |                     do {
108 |                         expr = exprList[exprIndex].match(_mediaExpr);
109 | 
110 |                         if (!expr || !_features[expr[3]]) {
111 |                             match = false;
112 |                             break;
113 |                         }
114 | 
115 |                         prefix  = expr[2];
116 |                         length  = expr[5];
117 |                         value   = length;
118 |                         unit    = expr[7];
119 |                         feature = _features[expr[3]];
120 |                         feature = feature.call ? feature() : feature;
121 | 
122 |                         // Convert unit types
123 |                         if (unit) {
124 |                             if (unit === 'px') {
125 |                                 // If unit is px
126 |                                 value = Number(length);
127 |                             } else if (_units[unit]) {
128 |                                 // If unit is absolute length units
129 |                                 value = (length * _dpi / _units[unit]).toFixed(2);
130 |                             } else if (unit === 'em' || unit === 'rem') {
131 |                                 // Convert relative length unit to pixels
132 |                                 // Assumed base font size is 16px
133 |                                 value = 16 * length;
134 |                             } else if (expr[8]) {
135 |                                 // Convert aspect ratio to decimal
136 |                                 value = (length / expr[8]).toFixed(2);
137 |                             } else if (unit === 'dppx') {
138 |                                 // Convert resolution dppx unit to pixels
139 |                                 value = length * 96;
140 |                             } else if (unit === 'dpcm') {
141 |                                 // Convert resolution dpcm unit to pixels
142 |                                 value = length * 0.3937;
143 |                             } else {
144 |                                 // default
145 |                                 value = Number(length);
146 |                             }
147 |                         }
148 | 
149 |                         // Test for prefix min or max
150 |                         // Test value against feature
151 |                         if (prefix === 'min-' && value) {
152 |                             match = feature >= value;
153 |                         } else if (prefix === 'max-' && value) {
154 |                             match = feature <= value;
155 |                         } else if (value) {
156 |                             match = feature === value;
157 |                         } else {
158 |                             match = !!feature;
159 |                         }
160 | 
161 |                         // If 'match' is false, break loop
162 |                         // Continue main loop through query list
163 |                         if (!match) {
164 |                             break;
165 |                         }
166 |                     } while (exprIndex--);
167 |                 }
168 | 
169 |                 // If match is true, break loop
170 |                 // Once matched, no need to check other queries
171 |                 if (match) {
172 |                     break;
173 |                 }
174 |             } while (mqIndex--);
175 | 
176 |             return negate ? !match : match;
177 |         },
178 | 
179 |         /*
180 |             _init
181 |          */
182 |         _init = function() {
183 |             var head        = _doc.getElementsByTagName('head')[0],
184 |                 style       = _doc.createElement('style'),
185 |                 info        = null,
186 |                 typeList    = ['screen', 'print', 'speech', 'projection', 'handheld', 'tv', 'braille', 'embossed', 'tty'],
187 |                 typeIndex   = 0,
188 |                 typeLength  = typeList.length,
189 |                 cssText     = '#mediamatchjs { position: relative; z-index: 0; }',
190 |                 w = function() {
191 |                     return win.innerWidth || _viewport.clientWidth;
192 |                 },
193 |                 h = function() {
194 |                     return win.innerHeight || _viewport.clientHeight;
195 |                 },
196 |                 screen      = win.screen,
197 |                 dw          = screen.width,
198 |                 dh          = screen.height,
199 |                 c           = screen.colorDepth,
200 |                 logicalXDPI = screen.logicalXDPI,
201 |                 ratio       = win.devicePixelRatio || (screen.deviceXDPI / logicalXDPI) || 1;
202 | 
203 |             _dpi         = logicalXDPI || (ratio * 96);
204 | 
205 |             // Sets properties of '_features' that change on resize and/or orientation.
206 |             _features['aspect-ratio'] = function() {
207 |                 return (w() / h()).toFixed(2);
208 |             };
209 |             _features['orientation'] = function() {
210 |                 return (h() >= w() ? 'portrait' : 'landscape');
211 |             };
212 | 
213 |             _features['width']                  = w;
214 |             _features['height']                 = h;
215 |             _features['device-width']           = dw;
216 |             _features['device-height']          = dh;
217 |             _features['device-aspect-ratio']    = (dw / dh).toFixed(2);
218 |             _features['color']                  = c;
219 |             _features['color-index']            = Math.pow(2, c);
220 |             _features['resolution']             = _dpi;
221 |             _features['device-pixel-ratio']     = ratio;
222 | 
223 |             style.type  = 'text/css';
224 |             style.id    = 'mediamatchjs';
225 | 
226 |             head.appendChild(style);
227 | 
228 |             // Must be placed after style is inserted into the DOM for IE
229 |             info = (win.getComputedStyle && win.getComputedStyle(style)) || style.currentStyle;
230 | 
231 |             // Create media blocks to test for media type
232 |             for (; typeIndex < typeLength; typeIndex++) {
233 |                 cssText += '@media ' + typeList[typeIndex] + ' { #mediamatchjs { z-index: ' + typeIndex + ' } }';
234 |             }
235 | 
236 |             // Add rules to style element
237 |             if (style.styleSheet) {
238 |                 style.styleSheet.cssText = cssText;
239 |             } else {
240 |                 style.textContent = cssText;
241 |             }
242 | 
243 |             // Get media type
244 |             _type = typeList[(info.zIndex * 1) || 0];
245 | 
246 |             head.removeChild(style);
247 | 
248 |         };
249 | 
250 |     _init();
251 | 
252 |     /*
253 |         A list of parsed media queries, ex. screen and (max-width: 400px), screen and (max-width: 800px)
254 |     */
255 |     win.styleMedia = {
256 |         matchMedium: _matches,
257 |         type: _type
258 |     };
259 | })(window);


--------------------------------------------------------------------------------
/tests/dora3.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 | 	background: transparent;
  4 | 	padding: 0;
  5 | 	margin: 0;
  6 | }
  7 | 
  8 | #doraemon{
  9 | 	position:relative;
 10 | 	margin:50px;
 11 | }
 12 | 
 13 | #head_light{
 14 | 	width:50px;
 15 | 	height:50px;
 16 | 	transform: rotate(20deg);
 17 | 	box-shadow:80px 20px 55px #fff;
 18 | 	border-radius:45px;
 19 | 	position:absolute;
 20 | 	top:-20px;
 21 | 	left:170px;
 22 | 	opacity:0.5
 23 | }
 24 | 
 25 | #face{
 26 | 	position:relative;
 27 | 	width:310px;
 28 | 	height:300px;
 29 | 	border-radius:146px;
 30 | 	background:#07beea;
 31 | 	background: linear-gradient(225deg, #fff, #07beea 20%, #10a6ce 73%, #000 95%, #000000 155%);
 32 | 	border:#333 2px solid;
 33 | 	top:-15px;
 34 | 	box-shadow:-5px 10px 15px rgba(0,0,0,0.45);
 35 | 
 36 | }
 37 | 
 38 | #base{
 39 | 	position:relative;
 40 | 	top:-5px;
 41 | }
 42 | 
 43 | #base_white{
 44 | 	position:absolute;
 45 | 	border:#000 2px solid;
 46 | 	width:264px;
 47 | 	height:196px;
 48 | 	border-radius: 150px 150px;
 49 | 	background:#FFF;
 50 | 	background: linear-gradient(225deg, #fff, #fff 75%, #eee 83%, #999 90%, #444 95%, #000);
 51 | 	z-index:1;
 52 | 	top:85px;
 53 | 	left:22px;
 54 | }
 55 | 
 56 | 
 57 | #eyes{
 58 | 	position: absolute;
 59 | 	top:-5px;
 60 | }
 61 | 
 62 | div.eye{
 63 | 	position:absolute;
 64 | 	border-radius: 35px 35px;
 65 | 	border:2px solid #000;
 66 | 	width:72px;
 67 | 	height:83px;
 68 | 	z-index:20;
 69 | 	background:#fff;
 70 | }
 71 | 
 72 | div.black_eye{
 73 | 	position:absolute;
 74 | 	width:15px;
 75 | 	height:15px;
 76 | 	border-radius:10px;
 77 | 	background:#333;
 78 | 	z-index:21;
 79 | 	animation-name: cate;
 80 | 	animation-duration: 10s;
 81 | 	animation-timing-function: linear;
 82 | 	animation-iteration-count: 200;
 83 | }
 84 | 
 85 | @keyframes cate{
 86 | 	0%{
 87 | 		margin:0 0 0 0;
 88 | 	}
 89 | 	80%	{
 90 | 		margin:0px 0 0 0;
 91 | 	}
 92 | 	85%	{
 93 | 		margin:-20px 0 0 0;
 94 | 	}
 95 | 	90%{
 96 | 		margin:0 0 0 0;
 97 | 	}
 98 | 	93%{
 99 | 		margin:0 0 0 7px;
100 | 	}
101 | 	96%{
102 | 		margin:0 0 0 0;
103 | 	}
104 | 	100%{
105 | 		margin:0 0 0 0;
106 | 	}
107 | }
108 | 
109 | div.black_left{
110 | 	top:100px;
111 | 	left:130px;
112 | }
113 | 
114 | div.black_right{
115 | 	top:100px;
116 | 	left:170px;
117 | }
118 | 
119 | div.eye_left{
120 | 	top:45px;
121 | 	left:82px;
122 | }
123 | 
124 | div.eye_right{
125 | 	top:45px;
126 | 	left:156px;
127 | }
128 | 
129 | #nose{
130 | 	width:32px;
131 | 	height:32px;
132 | 	border:2px solid #000;
133 | 	border-radius:50px;
134 | 	background:#c93e00;
135 | 	position:absolute;
136 | 	top:117px;
137 | 	left:139px;
138 | 	z-index:30;
139 | }
140 | 
141 | #nose_light{
142 | 	width:10px;
143 | 	height:10px;
144 | 	border-radius:5px;
145 | 	box-shadow:19px 8px 5px #fff;
146 | 	position:relative;
147 | 	top:0px;
148 | 	left:0px;
149 | }
150 | 
151 | 
152 | #nose_line{
153 | 	background:#333;
154 | 	width:3px;
155 | 	height:100px;
156 | 	top:140px;
157 | 	left:155px;
158 | 	position:absolute;
159 | 		z-index:20;
160 | }
161 | 
162 | 
163 | #mouth{
164 | 	width:240px;
165 | 	height:240px;
166 | 	border-bottom:3px solid #333;
167 | 	border-radius:120px;
168 | 	position:absolute;
169 | 	top:0px;
170 | 	left:35px;
171 | 	z-index:50;
172 | 	clip:rect(205px auto auto auto);
173 | }
174 | 
175 | 
176 | .whiskers{
177 | 	background:#333;
178 | 	height:2px;
179 | 	width:60px;
180 | 	position:absolute;
181 | 	overflow:hidden;
182 | 	z-index:20;
183 | }
184 | .whi_right{
185 | 	top:165px;
186 | 	left:210px;
187 | }
188 | 
189 | .whi_right_top{
190 | 	top:145px;
191 | 	left:210px;
192 | }
193 | 
194 | .whi_right_bottom{
195 | 	top:185px;
196 | 	left:210px;
197 | }
198 | 
199 | .whi_left{
200 | 	top:165px;
201 | 	left:50px;
202 | }
203 | .whi_left_top{
204 | 	top:145px;
205 | 	left:50px;
206 | }
207 | 
208 | .whi_left_bottom{
209 | 	top:185px;
210 | 	left:50px;
211 | }
212 | 
213 | #arm_left,
214 | #arm_right,
215 | .rotate20,
216 | .rotate160{
217 | 	behavior: url(transform.htc);
218 | }
219 | .rotate20{
220 | 	transform: rotate(20deg);
221 | }
222 | 
223 | .rotate160{
224 | 	transform: rotate(160deg);
225 | }
226 | 
227 | #choker{
228 | 	position:relative;
229 | 	top:-55px;
230 | 	left:35px;
231 | 	z-index:100;
232 | }
233 | 
234 | #belt{
235 | 	width:230px;
236 | 	height:20px;
237 | 	border:#000 solid 2px;
238 | 	background:#ca4100;
239 | 	background: linear-gradient(to bottom, #ca4100, #800400);
240 | 	border-radius:10px;
241 | 		position:relative;
242 | 	left:5px;
243 | }
244 | 
245 | #bell{
246 | 	width:40px;
247 | 	height:40px;
248 | 	border-radius:50px;
249 | 	border:2px solid #000;
250 | 	background: linear-gradient(to bottom, #f9f12a, #e9e11a 75%, #a9a100);
251 | 	box-shadow:-5px 5px 10px rgba(0,0,0,0.25);
252 | 	position:relative;
253 | 	top:-15px;
254 | 	left:100px;
255 | }
256 | 
257 | #bell_line{
258 | 	width:36px;
259 | 	height:2px;
260 | 	background:#f9f12a;
261 | 	border:#333 solid 2px;
262 | 	position:relative;
263 | 	top:10px;
264 | }
265 | 
266 | #bell_circle{
267 | 	width:12px;
268 | 	height:10px;
269 | 	border-radius:5px;
270 | 	background:#000;
271 | 	position:relative;
272 | 	top:14px;
273 | 	left:14px;
274 | }
275 | 
276 | #bell_under{
277 | 	width:3px;
278 | 	height:15px;
279 | 	background:#000;
280 | 	position:relative;
281 | 	top:10px;
282 | 	left:18px;
283 | }
284 | 
285 | #bell_light{
286 | 	width:10px;
287 | 	height:10px;
288 | 	border-radius:10px;
289 | 	box-shadow:19px 8px 5px #fff;
290 | 	position:relative;
291 | 	opacity:0.7;
292 | 	top:-35px;
293 | 	left:5px;
294 | }
295 | 
296 | #doutai{
297 | 	position:absolute;
298 | 	width:220px;
299 | 	height:170px;
300 | 	background:#07beea;
301 | 	background: linear-gradient(to left, #07beea, #0073b3 50%, #0096be 75%, #00b0e0, #0096be 100%, #333 114%);
302 | 	border:#333 2px solid;
303 | 	border-width: 0 2px;
304 | 	top:262px;
305 | 	left:46px;
306 | }
307 | 
308 | div.base_white2{
309 | 	position:absolute;
310 | 	width:170px;
311 | 	height:170px;
312 | 	border-radius:85px;
313 | 	border:2px solid #000;
314 | 	background:#FFF;
315 | 	background: linear-gradient(225deg, #fff, #fff 75%, #eee 83%, #999 90%, #444 95%, #000);
316 | }
317 | 
318 | .doutai_center{
319 | 	top:230px;
320 | 	left:72px;
321 | }
322 | 
323 | #circle{
324 | 	position:relative;
325 | 	width:130px;
326 | 	height:130px;
327 | 	border-radius:65px;
328 | 	background:#fff;
329 | 	background: linear-gradient(225deg, #fff, #fff 70%, #f8f8f8 75%, #eee 80%, #ddd 88%, #fff);
330 | 	border:2px solid #000;
331 | 	top:-120px;
332 | 	left:92px;
333 | }
334 | #circle_rewrite{
335 | 	position:relative;
336 | 	width:134px;
337 | 	height:60px;
338 | 	background:#fff;
339 | 	border-bottom:2px solid #000;
340 | 	top:-250px;
341 | 	left:92px;
342 | }
343 | #arm_left div,
344 | #arm_right div {
345 | 	position: relative;
346 | 	background:#07beea;
347 | 	width:80px;
348 | 	height:50px;
349 | 	width:80px;
350 | 	height:50px;
351 | 	border:solid 1px #000;
352 | }
353 | #hand_right{
354 | 	position:absolute;
355 | 	top:272px;
356 | 	left:248px;
357 | 	width:100px;
358 | 	height:100px;
359 | }
360 | 
361 | #arm_right{
362 | 	position:absolute;
363 | 	left: 0;
364 | 	top:17px;
365 | 	transform: rotate(35deg);
366 | 	*left: -1px;
367 | }
368 | #arm_right div {
369 | 	background: linear-gradient(to bottom, #07beea, #07beea 85%, #555);
370 | 	box-shadow:-10px 7px 10px rgba(0,0,0,0.35);
371 | }
372 | 
373 | #hand_left{
374 | 	position:absolute;
375 | 	top:272px;
376 | 	left:-46px;
377 | 	width:100px;
378 | 	height:100px;
379 | }
380 | 
381 | #arm_left{
382 | 	position:absolute;
383 | 	top:17px;
384 | 	left:36px;
385 | 	transform: rotate(145deg);
386 | }
387 | #arm_left div{
388 | 	background: linear-gradient(135deg, #0096be, #0096be 55%, #07beea);
389 | 	box-shadow:5px -7px 10px rgba(0,0,0,0.25);
390 | }
391 | 
392 | div.hand_circle{
393 | 	position:absolute;
394 | 	width:60px;
395 | 	height:60px;
396 | 	border-radius:30px;
397 | 	border:2px solid #000;
398 | 	background:#fff;
399 | 	background: linear-gradient(225deg, #fff, #fff 50%, #eee 70%, #ddd 80%, #999);
400 | }
401 | 
402 | .hand_right{
403 | 	top:32px;
404 | 	left:40px;
405 | }
406 | 
407 | .arm_rewrite_right{
408 | 	position:absolute;
409 | 	width:4px;
410 | 	height:45px;
411 | 	background:#07beea;
412 | 	top:0;
413 | 	left:18px;
414 | 	z-index: 1
415 | }
416 | 
417 | .hand_left{
418 | 	top:34px;
419 | 	left:10px;
420 | }
421 | 
422 | .arm_rewrite_left{
423 | 	position: absolute;
424 | 	width:4px;
425 | 	height:50px;
426 | 	background:#07beea;
427 | 	background: linear-gradient(135deg, #0096be, #0096be);
428 | 	top:0;
429 | 	left:92px;
430 | 	z-index: 1
431 | }
432 | 
433 | 
434 | #foot{
435 | 	position:relative;
436 | 	width:280px;
437 | 	height:40px;
438 | 	top:-141px;
439 | 	left:20px;
440 | }
441 | 
442 | #foot_left{
443 | 	width:125px;
444 | 	height:30px;
445 | 	background:#fff;
446 | 	border:solid 2px #333;
447 | 	border-radius: 80px 60px 60px 40px;
448 | 	position:relative;
449 | 	left:8px;
450 | 	top:2px;
451 | 	box-shadow:-6px 0px 10px rgba(0,0,0,0.35);
452 | }
453 | 
454 | #foot_right{
455 | 	position:relative;
456 | 	width:125px;
457 | 	height:30px;
458 | 	background:#fff;
459 | 	border:solid 2px #333;
460 | 	border-radius: 60px 80px 40px 60px;
461 | 	top:-32px;
462 | 	left:141px;
463 | 	box-shadow:-6px 0px 10px rgba(0,0,0,0.35);
464 | }
465 | #foot_left,
466 | #foot_right{
467 | 	background: linear-gradient(256deg, #fff, #fff 75%, #eee 85%, #999);
468 | }
469 | #foot_rewrite{
470 | 	position: absolute;
471 | 	width:20px;
472 | 	height:10px;
473 | 	background:#fff;
474 | 	background: linear-gradient(225deg, #666, #fff 83%, #fff);
475 | 	top:-7px;
476 | 	left:127px;
477 | 	border-top:2px solid #000;
478 | 	border-right:2px solid #000;
479 | 	border-left:2px solid #000;
480 | 	border-radius:40px 40px 0 0 ;
481 | }
482 | 
483 | #shadow_doutai_left{
484 | 	width:30px;
485 | 	height:200px;
486 | 	box-shadow:-10px 10px 15px rgba(0,0,0,0.45);
487 | 	position:absolute;
488 | 	top:250px;
489 | 	left:46px;
490 | 	z-index:-10;
491 | }
492 | 
493 | #shadow_doutai_right{
494 | 	width:30px;
495 | 	height:200px;
496 | 	box-shadow:10px 10px 25px rgba(0,0,0,0.35);
497 | 	position:absolute;
498 | 	top:240px;
499 | 	left:230px;
500 | 	z-index:-10;
501 | }
502 | 
503 | #shadow_doutai_arm{
504 | 	width:85px;
505 | 	height:165px;
506 | 	box-shadow:-100px 10px 15px rgba(0,0,0,0.25);
507 | 	position:absolute;
508 | 	top:230px;
509 | 	left:113px;
510 | 	z-index:10;
511 | 	opacity:0.5;
512 | 	transform: rotate(-20deg);
513 | 	border-bottom-left-radius:40px;
514 | 	border-top-left-radius:20px;
515 | }
516 | 
517 | #shadow_belt{
518 | 	width:40px;
519 | 	height:30px;
520 | 	box-shadow:-100px 10px 15px rgba(0,0,0,0.25);
521 | 	position:absolute;
522 | 	top:240px;
523 | 	left:130px;
524 | 	z-index:10;
525 | 	border-bottom-left-radius:40px;
526 | 	z-index:300;
527 | }
528 | 
529 | #kiji{
530 | 	position:relative;
531 | 	top:-150px;
532 | }
533 | 
534 | #footer{
535 | 	width:97%;
536 | 	padding:0 0 0 30px;
537 | 	border-bottom:#333 1px solid;
538 | 	margin:-150px 0 0;
539 | }
540 | 
541 | #footer a,a:link{
542 | 	color:#09C;
543 | 	position:relative;
544 | }
545 | 


--------------------------------------------------------------------------------
/tests/doraemon_css3.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ja">
 3 | <meta charset="UTF-8">
 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 6 | <title>CSS3 ドラえもん - Pure CSS Design</title>
 7 | <meta name="description" content="国民的キャラクターである「ドラえもん」を画像を使わずCSS3だけで書いてみた！" />
 8 | <meta name="keywords" content="CSS3,ドラえもん,CSS,Doraemon,ドラ" />
 9 | <link rel="stylesheet" type="text/css" href="dora3.css" />
10 | <script src="../selectivizr.js"></script>
11 | </head>
12 | 
13 | <body>
14 | 	<div id="doraemon">
15 | 		<div id="face">
16 | 			<div id="head_light"></div>
17 | 			<div id="base">
18 | 				<div id="base_white"></div>
19 | 				<div id="nose">
20 | 					<div id="nose_light"></div>
21 | 				</div>
22 | 				<div id="nose_line"></div>
23 | 				<div id="mouth"></div>
24 | 				<div id="mouth_rewrite"></div>
25 | 
26 | 				<div class="whiskers whi_right_top rotate160"></div>
27 | 				<div class="whiskers whi_right"></div>
28 | 				<div class="whiskers whi_right_bottom rotate20"></div>
29 | 
30 | 				<div class="whiskers whi_left_top rotate20"></div>
31 | 				<div class="whiskers whi_left"></div>
32 | 				<div class="whiskers whi_left_bottom rotate160"></div>
33 | 			</div>
34 | 			<div id="eyes">
35 | 				<div class="eye eye_left"></div>
36 | 				<div class="black_eye black_left"></div>
37 | 
38 | 				<div class="eye eye_right"></div>
39 | 				<div class="black_eye black_right"></div>
40 | 			</div>
41 | 		</div>
42 | 		<div id="choker">
43 | 			<div id="belt"></div>
44 | 			<div id="bell">
45 | 				<div id="bell_line"></div>
46 | 				<div id="bell_circle"></div>
47 | 				<div id="bell_under"></div>
48 | 				<div id="bell_light"></div>
49 | 			</div>
50 | 		</div>
51 | 		<div id="hand_right">
52 | 			<div id="arm_right"><div></div></div>
53 | 			<div class="hand_circle hand_right"></div>
54 | 			<div class="arm_rewrite_right"></div>
55 | 		</div>
56 | 		<div id="hand_left">
57 | 			<div id="arm_left"><div></div></div>
58 | 			<div class="hand_circle hand_left"></div>
59 | 			<div class="arm_rewrite_left"></div>
60 | 		</div>
61 | 		<div id="body">
62 | 			<div id="doutai"></div>
63 | 			<div class="base_white2 doutai_center"></div>
64 | 			<div id="pocket">
65 | 				<div id="circle"></div>
66 | 				<div id="circle_rewrite"></div>
67 | 			</div>
68 | 		</div>
69 | 		<div id="foot">
70 | 			<div id="foot_left"></div>
71 | 			<div id="foot_right"></div>
72 | 			<div id="foot_rewrite"></div>
73 | 		</div>
74 | 		<div id="shadow_doutai_arm"></div>
75 | 		<div id="shadow_doutai_left"></div>
76 | 		<div id="shadow_doutai_right"></div>
77 | 		<div id="shadow_belt"></div>
78 | 	</div>
79 | 
80 | 	<div id="footer">
81 | 		<p>These are Samples drawn with CSS3 only, with no images. by <a href="http://twitter.com/shop_dd" title="Twitter shopdd">@shop_dd</a><br />Return to <a href="http://purecss3.net/">Pure CSS Design</a>.&nbsp;&nbsp;Read about <a href="http://shopdd.jp/blog-entry-932.html" target="_blank">the CSS3 Doraemon on shop DD</a> . <br /></p>
82 | 	</div>
83 | </body>
84 | 
85 | </html>
86 | 


--------------------------------------------------------------------------------
/tests/linear-gradient.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-cn">
 3 | <head>
 4 | <meta charset="utf-8" />
 5 | <title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</title>
 6 | <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
 7 | <script src="jquery.min.js"></script>
 8 | <script src="../selectivizr.js"></script>
 9 | <style>
10 | div{width:200px;height:100px;margin-top:10px;border:1px solid #ddd;}
11 | .test{
12 |     background: -webkit-gradient(linear,center top,center bottom,from(#fff),to(#333));
13 |     background: -webkit-linear-gradient(#fff,#333);
14 |     background:    -moz-linear-gradient(#fff,#333);
15 |     background:      -o-linear-gradient(#fff,#333);
16 |     background:         linear-gradient(#fff,#333);
17 | }
18 | .test2{
19 |     background: -webkit-gradient(linear,center top,center bottom,from(#000),color-stop(.5,#f00),to(#090));
20 |     background: -webkit-linear-gradient(#000, #f00, #090);
21 |     background:    -moz-linear-gradient(#000, #f00, #090);
22 |     background:      -o-linear-gradient(#000, #f00, #090);
23 |     background:         linear-gradient(#000, #f00, #090);
24 | }
25 | .test3{
26 |     background: -webkit-gradient(linear,left center,right center,color-stop(.2,#000),color-stop(.5,#f00),color-stop(.8,#090));
27 |     background: -webkit-linear-gradient(bottom, #000 20%, #f00 50%, #090 80%);
28 |     background:    -moz-linear-gradient(bottom, #000 20%, #f00 50%, #090 80%);
29 |     background:      -o-linear-gradient(bottom, #000 20%, #f00 50%, #090 80%);
30 |     background:         linear-gradient(to top, #000 20%, #f00 50%, #090 80%);
31 | }
32 | .test4{
33 |     background: -webkit-gradient(linear,left bottom,right top,from(#000),color-stop(.5,#f00),to(#090));
34 |     background: -webkit-linear-gradient(45deg, #000, #f00, #090);
35 |     background:    -moz-linear-gradient(45deg, #000, #f00, #090);
36 |     background:      -o-linear-gradient(45deg, #000, #f00, #090);
37 |     background:         linear-gradient(45deg, #000, #f00, #090);
38 | }
39 | </style>
40 | </head>
41 | <body>
42 | <div class="test"></div>
43 | <div class="test2"></div>
44 | <div class="test3"></div>
45 | <div class="test4"></div>
46 | </body>
47 | </html>


--------------------------------------------------------------------------------
/tests/master/css/common.css:
--------------------------------------------------------------------------------
 1 | /* selectivizr test suite common CSS styles
 2 | ------------------------------------------------------------------------------------ */
 3 | form {
 4 | 	background: linear-gradient(to bottom, #FFFFFF, #999999);
 5 | 	box-shadow: 0 0 4px 0 #000000;
 6 | 	border-radius: 15px;
 7 | 	position: relative;
 8 | 	padding: 20px;
 9 | 	margin: 20px;
10 | }
11 | form:hover {
12 | 	background: linear-gradient(to bottom, #999999, #FFFFFF);
13 | }
14 | body {
15 | 	padding: 0;
16 | 	margin: 0;
17 | 	font: 12px/24px Arial;
18 | }
19 | 
20 | h2 {
21 | 	font-size:160%;
22 | 	margin: 0;
23 | 	padding: 2em 0 0 0;
24 | }
25 | h3 {
26 | 	font-size:120%;
27 | 	margin: 0;
28 | 	padding: 1.5em 0 0.25em 0;
29 | 	border-bottom: 1px solid #666;
30 | 	color: #444;
31 | }
32 | p {
33 | 	color: #444;
34 | 	line-height:1.4em;
35 | }
36 | table {
37 | 	border: none;
38 | 	border-spacing: 0px;
39 | 	width: 100%;
40 | }
41 | td, th {
42 | 	border: none;
43 | 	padding: 0;
44 | 	text-indent: 5px;
45 | 	border-bottom: 1px solid #666;
46 | }
47 | tr {
48 | 	background: #c00;
49 | }
50 | span {
51 | 	display: block;
52 | }
53 | td,span {
54 | 	height: 24px;
55 | }
56 | form select {
57 | 	width: 200px;
58 | }
59 | .ui {
60 | 	position: absolute;
61 | 	right: 10px;
62 | 	max-width: 60px;
63 | }
64 | td:first-child:not(:only-child) {
65 | 	width: 300px;
66 | }
67 | iframe {
68 | 	display: block;
69 | 	width: 100%;
70 | 	height: 24px;
71 | }
72 | 
73 | b {
74 | 	display: none;
75 | }
76 | 
77 | .warn {
78 | 	background: #fc6;
79 | 	padding: 4px 8px;
80 | 	color: #000;
81 | 	font-weight: bold;
82 | }


--------------------------------------------------------------------------------
/tests/master/css/iframe.css:
--------------------------------------------------------------------------------
 1 | /* iframe test: content styles
 2 | ------------------------------------------------------------------------------------ */
 3 | 
 4 | tr:only-child {
 5 | 	background: #0c0;
 6 | }
 7 | 
 8 | td:first-child:not(:only-child) {
 9 | 	width: 300px;
10 | }


--------------------------------------------------------------------------------
/tests/master/css/import-print.css:
--------------------------------------------------------------------------------
1 | /* if @media type filtering doesn't work we want this test to fail */
2 | 
3 | tr#import-print { 
4 | 	background: #c00; 
5 | }
6 | 
7 | 


--------------------------------------------------------------------------------
/tests/master/css/import-quoted-double.css:
--------------------------------------------------------------------------------
1 | #import-quoted-double { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-quoted-single.css:
--------------------------------------------------------------------------------
1 | #import-quoted-single { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-screen.css:
--------------------------------------------------------------------------------
1 | tr#import-screen { 
2 | 	background: #0c0; 
3 | }
4 | 
5 | 


--------------------------------------------------------------------------------
/tests/master/css/import-url-fully-qualified-path.css:
--------------------------------------------------------------------------------
1 | #import-url-fully-qualfied { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-url-protocol-relative-path.css:
--------------------------------------------------------------------------------
1 | #import-url-protocol-relative {
2 | 	background: #0c0;
3 | }


--------------------------------------------------------------------------------
/tests/master/css/import-url-quoted-double.css:
--------------------------------------------------------------------------------
1 | #import-url-quoted-double { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-url-quoted-single.css:
--------------------------------------------------------------------------------
1 | #import-url-quoted-single { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-url-root-relative-path.css:
--------------------------------------------------------------------------------
1 | #import-url-root-relative { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/import-url-unquoted.css:
--------------------------------------------------------------------------------
1 | #import-url-unquoted { background-color: #0c0 }


--------------------------------------------------------------------------------
/tests/master/css/master.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /* base styles for the test page 
  3 | ------------------------------------------------------------------------------------ */
  4 | 
  5 | @import url("common.css");
  6 | 
  7 | 
  8 | /* import syntax checks 
  9 | ------------------------------------------------------------------------------------ */
 10 | 
 11 | @import url("import-url-quoted-double.css");
 12 | @import url('import-url-quoted-single.css');
 13 | @import url(import-url-unquoted.css);
 14 | @import "import-quoted-double.css";
 15 | @import "import-quoted-single.css";
 16 | @import url("nested/import-url-relative-path.css");
 17 | 
 18 | /* 
 19 |  * The following urls will be specific to your own server configuration and will fail  
 20 |  * if used "out of the box". To test root-relative and fully qualifed url's you will 
 21 |  * need to adjust the paths below:
 22 |  */
 23 | 
 24 | @import url("/selectivizr-git/tests/master/css/import-url-root-relative-path.css");
 25 | @import url("http://iis/selectivizr-git/tests/master/css/import-url-fully-qualified-path.css");
 26 | @import url("//iis/selectivizr-git/tests/master/css/import-url-protocol-relative-path.css");
 27 | 
 28 | /* Check that media types are honoured and their defined styles don't mix */
 29 | @import url("import-print.css") print;
 30 | @import url("import-screen.css") screen;
 31 | 
 32 | #import-print {
 33 | 	background: #0c0;
 34 | }
 35 | 
 36 | #import-screen {
 37 | 	background: #c00;
 38 | }
 39 | 
 40 | body {
 41 | 	padding: 10px;
 42 | }
 43 | 
 44 | 
 45 | /* url tests
 46 | ------------------------------------------------------------------------------------ */
 47 | 
 48 | #url-data {
 49 | 	background: #c00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEUAzAD///+JPJoHAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzIwLzEwJjOU9gAAABh0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzT7MfTgAAAAxJREFUCJljYCANAAAAMAABQ5S3ZwAAAABJRU5ErkJggg==");
 50 | }
 51 | 
 52 | #url-remote {
 53 | 	background: #c00 url("https://github.com/keithclark/selectivizr/raw/master/tests/master/css/nested/test.png");
 54 | }
 55 | 
 56 | #url-htc {
 57 | 	behavior: url(htc/test.htc);
 58 | }
 59 | 											
 60 | /* pseudo-class tests
 61 | ------------------------------------------------------------------------------------ */
 62 | 
 63 | #target:target,
 64 | html:root #root
 65 | 											{ background: #0c0 }
 66 | 
 67 | #empty b { display: block; height:24px;}
 68 | #empty span { margin-top:-24px; }
 69 | 
 70 | .empty:empty,
 71 | .not-empty:not(:empty)					
 72 | 											{ background: #0c0 }
 73 | 
 74 | #first-child:first-child,
 75 | #not-first-child:not(:first-child),
 76 | #last-child:last-child,
 77 | #not-last-child:not(:last-child),
 78 | #nth-child:nth-child(3),
 79 | #not-nth-child:not(:nth-child(3)),
 80 | #only-child:only-child,
 81 | #only-child2:only-child,
 82 | #nth-last-child:nth-last-child(4),
 83 | #not-nth-last-child:not(:nth-last-child(4)),
 84 | #not-only-child:not(:only-child)
 85 | 											{ background: #0c0 }
 86 | 																				
 87 | #first-of-type:first-of-type,
 88 | #not-first-of-type:not(:first-of-type),
 89 | #last-of-type:last-of-type,
 90 | #not-last-of-type:not(:last-of-type),
 91 | #nth-of-type:nth-of-type(3),
 92 | #not-nth-of-type:not(:nth-of-type(3)),
 93 | #only-of-type:only-of-type,
 94 | #only-of-type2:only-of-type,
 95 | #not-only-of-type:not(:only-of-type),
 96 | #nth-last-of-type:nth-last-of-type(4),
 97 | #not-nth-last-of-type:not(:nth-last-of-type(4))
 98 | 											{ background: #0c0 }
 99 | 
100 | 
101 | /* UI pseudo-class tests
102 | ------------------------------------------------------------------------------------ */
103 | 																			
104 | #hover:hover,
105 | #not-hover:not(:hover)
106 | 											{ background: #0c0 } 
107 | 
108 | /* IE6 doesn't support the '+' combinator so these will always fail so they have been 
109 | split from the rules declared above. Need to find a way to get these tests running 
110 | without using the '+' combinator so they run in IE6 */
111 | 
112 | #checked:checked+span,
113 | #not-checked:not(:checked)+span,
114 | #enabled:enabled+span,
115 | #disabled:disabled+span,
116 | #focus:focus+span,
117 | #not-focus:not(:focus)+span
118 | 											{ background: #0c0 }
119 | 
120 | 
121 | /* attribute selector tests
122 | ------------------------------------------------------------------------------------ */
123 | 																
124 | #attr-whitespace-list[rel~="b2"],
125 | #attr-whitespace-list2[rel~="b2"],
126 | #attr-hyphen-list[rel|="a1"],
127 | #attr-beginswith[rel^="te"],
128 | #attr-endswith[rel$="st"],
129 | #attr-contains[rel*="es"],
130 | #attr-beginswith2 td,
131 | #attr-endswith2 td,
132 | #attr-contains2 td
133 | 											{ background: #0c0 }
134 | 
135 | /* test if native atribute selectors are broken in IE7/8 */
136 | #attr-beginswith2[rel^=""] td,
137 | #attr-endswith2[rel$=""] td,
138 | #attr-contains2[rel*=""] td
139 | 											{ background: #c00 }
140 | 											
141 | 
142 | /* url syntax tests
143 | ------------------------------------------------------------------------------------ */
144 | 											
145 | #url-quoted-double { background: url("nested/test.png")}
146 | #url-quoted-single { background: url('nested/test.png')}
147 | #url-unquoted { background: url(nested/test.png)}
148 | 
149 | 
150 | /* html5 tests
151 | ------------------------------------------------------------------------------------ */
152 | 
153 | #html5-first-of-type header:first-of-type,
154 | #html5-not-first-of-type header:not(:first-of-type),
155 | #html5-2 header[role='banner'] {
156 | 	display: block;
157 | 	background:#0c0
158 | }
159 | 
160 | 
161 | /* misc
162 | ------------------------------------------------------------------------------------ */
163 | 
164 | /* expose selectors that give false positives (i.e. jQuery 1.3) */
165 | #xxx-type tr:only-of-type:nth-of-type(2),
166 | #only-of-type:only-of-type:nth-of-type(2),
167 | #only-of-type2:only-of-type:nth-of-type(2),
168 | html:root:not(html:root) #root	{ background:#c00}
169 | 


--------------------------------------------------------------------------------
/tests/master/css/nested/import-url-relative-path.css:
--------------------------------------------------------------------------------
1 | #import-url-relative { background-image: url("test.png") }
2 | 
3 | #url-nows { background-image:url("test.png")}


--------------------------------------------------------------------------------
/tests/master/css/nested/test.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gucong3000/selectivizr/690a2de0cc9a5a3348d998f2ffcaec3a1254ee72/tests/master/css/nested/test.png


--------------------------------------------------------------------------------
/tests/master/htc/test.htc:
--------------------------------------------------------------------------------
1 | <public:attach event="ondocumentready" onevent="test()" />
2 | <script type="text/javascript">
3 | 	function test() {
4 | 		this.style.background="#0c0"
5 | 	}
6 | </script>


--------------------------------------------------------------------------------
/tests/master/html/domready-postload.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | 	<style>@import "../css/common.css";</style>
 5 | 	<link rel="stylesheet" href="../css/iframe.css">
 6 | 	<script>document.write("<script src='" + window.top.selectedEngine + "'></scr" + "ipt>");</script>
 7 | 	<script>
 8 | 		window.onload = function() {
 9 | 			var s = document.createElement("script")
10 | 			s.type="text/javascript"
11 | 			s.src="../../../selectivizr.js"
12 | 			document.body.appendChild(s)
13 | 		}
14 | 	</script>
15 | </head>
16 | <body>
17 | 		<table>
18 | 			<tr>
19 | 				<td>Post DOMReady injection</td>
20 | 				<td>Testing that selectivizr runs if dynamically injected into a page after DOMReady</td>
21 | 			</tr>
22 | 		</table>
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/tests/master/html/iframe-hash.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | 	<style>@import "../css/common.css";</style>
 5 | 	<link rel="stylesheet" href="../css/iframe.css">
 6 | 	<script>document.write("<script src='" + window.top.selectedEngine + "'></scr" + "ipt>");</script>
 7 | 	<script src="../../../selectivizr.js"></script>
 8 | </head>
 9 | <body>
10 | 		<table>
11 | 			<tr>
12 | 				<td>&lt;iframe src="#/fragment/"&gt;</td>
13 | 				<td>Testing that selectivizr initializes when the host document URL contains a hash</td>
14 | 			</tr>
15 | 		</table>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/tests/master/html/iframe-query.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | 	<style>@import "../css/common.css";</style>
 5 | 	<link rel="stylesheet" href="../css/iframe.css">
 6 | 	<script>document.write("<script src='" + window.top.selectedEngine + "'></scr" + "ipt>");</script>
 7 | 	<script src="../../../selectivizr.js"></script>
 8 | </head>
 9 | <body>
10 | 		<table>
11 | 			<tr>
12 | 				<td>&lt;iframe src="?/fragment/"&gt;</td>
13 | 				<td>Testing that selectivizr initializes when the host document URL contains a query string</td>
14 | 			</tr>
15 | 		</table>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/tests/master/html/iframe.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 | 	<style>@import "../css/common.css";</style>
 5 | 	<link rel="stylesheet" href="../css/iframe.css">
 6 | 	<script>document.write("<script src='" + window.top.selectedEngine + "'></scr" + "ipt>");</script>
 7 | 	<script src="../../../selectivizr.js"></script>
 8 | </head>
 9 | <body>
10 | 		<table>
11 | 			<tr>
12 | 				<td>&lt;iframe src="..."&gt;</td>
13 | 				<td>Testing that selectivizr loads when used in a iframe</td>
14 | 			</tr>
15 | 		</table>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/tests/master/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html>
  3 | <head>
  4 | 	<title>Selectivizr test suite</title>
  5 | 	<meta charset="utf-8">
  6 | 	<script>
  7 | 
  8 | 		// selector engines available for testing.
  9 | 		var engines = {
 10 | 			"NWMatcher": {
 11 | 				"EDGE": "https://github.com/dperini/nwmatcher/raw/master/src/nwmatcher.js",
 12 | 				"1.2.5": "http://cdn.staticfile.org/nwmatcher/1.2.5/nwmatcher.min.js"
 13 | 				"1.2.3": "http://nwevents.googlecode.com/files/nwmatcher-1.2.3-min.js",
 14 | 				"1.2.2": "http://nwevents.googlecode.com/files/nwmatcher-1.2.2-min.js"
 15 | 			},
 16 | 			"DOMAssistant": {
 17 | 				"2.8": "http://domassistant.googlecode.com/files/DOMAssistant-2.8.js",
 18 | 				"2.7": "http://domassistant.googlecode.com/files/DOMAssistant-2.7.4.js"
 19 | 			},
 20 | 			"MooTools": {
 21 | 				"1.3.1": "http://mootools.net/download/get/mootools-core-1.3.1-full-nocompat-yc.js",
 22 | 				"1.3": "http://mootools.net/download/get/mootools-core-1.3-full-nocompat-yc.js",
 23 | 				"1.2.5": "http://mootools.net/download/get/mootools-1.2.5-core-yc.js"
 24 | 			},
 25 | 			"JQuery": {
 26 | 				"1.5": "http://code.jquery.com/jquery-1.5.min.js",
 27 | 				"1.4": "http://code.jquery.com/jquery-1.4.min.js",
 28 | 				"1.3": "http://code.jquery.com/jquery-1.3.min.js"
 29 | 			},
 30 | 			"Dojo": {
 31 | 				"1.5": "http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js"
 32 | 			},
 33 | 			"Prototype": {
 34 | 				"1.7.0.0": "https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js",
 35 | 				"1.6.1": "https://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js"
 36 | 			},
 37 | 			"Yahoo! YUI": {
 38 | 				"2.8.2": "http://yui.yahooapis.com/combo?2.8.2r1/build/yahoo/yahoo-min.js&2.8.2r1/build/dom/dom-min.js&2.8.2r1/build/selector/selector-min.js"
 39 | 			}
 40 | 		};
 41 | 		
 42 | 		// if no test engine is been specified, use this one as a default:
 43 | 		var defaultEngine = engines["NWMatcher"]["1.2.5"];
 44 | 		
 45 | 	</script>
 46 | 	<link rel="stylesheet" href="css/master.css" >
 47 | 	<script src="js/test.js"></script>
 48 | 	<script src="../../selectivizr.js"></script>
 49 | </head>
 50 | <body>
 51 | 	<h1>Selectivizr test suite</h1>
 52 | 
 53 | 	<div id="tests">
 54 | 	
 55 | 		<form method="get">
 56 | 			<p>
 57 | 				<label>Selector Engine: <select id="library" name="library"><option value="">No engine</option></select></label>
 58 | 				<input type="submit" value="Reload">
 59 | 			</p>
 60 | 		</form>
 61 | 		
 62 | 		<h2>selectivizr parsing / implementation tests</h2>
 63 | 		<p>This group of tests have been designed to designed to check various internal functions to ensure that
 64 | 			selectivizr is correctly parsing style sheet content. The results of these tests are NOT dependant on
 65 | 			the choice of selector library and should therefore always pass.</p>
 66 | 			
 67 | 		<h3>@import syntax tests</h3>
 68 | 		<table border="1" width="100%">
 69 | 			<tr id="import-url-quoted-double">
 70 | 				<td>@import url("...")</td>
 71 | 				<td>Testing @import rule with url wrapped in double quotes and prefixed with the url() qualifier
 72 | 			</tr>
 73 | 			<tr id="import-url-quoted-single">
 74 | 				<td>@import url('...')</td>
 75 | 				<td>Testing @import rule with url wrapped in single quotes and prefixed with the url() qualifier
 76 | 			</tr>
 77 | 			<tr id="import-url-unquoted">
 78 | 				<td>@import url(...)</td>
 79 | 				<td>Testing @import rule with url without quotes and prefixed with the url() qualifier
 80 | 			</tr>
 81 | 			<tr id="import-quoted-double">
 82 | 				<td>@import "..."</td>
 83 | 				<td>Testing @import rule with url wrapped in double quotes without the url() qualifier
 84 | 			</tr>
 85 | 			<tr id="import-quoted-single">
 86 | 				<td>@import '...'</td>
 87 | 				<td>Testing @import rule with url wrapped in single quotes without the url() qualifier
 88 | 			</tr>
 89 | 			<tr id="import-url-relative">
 90 | 				<td>@import url("../file.css")</td>
 91 | 				<td>Testing @import rule with a relative path
 92 | 			</tr>
 93 | 			<tr id="import-url-root-relative">
 94 | 				<td>@import url("/path/file.css")</td>
 95 | 				<td>Testing @import rule with a root-relative path (see note in 'master.css')
 96 | 			</tr>
 97 | 			<tr id="import-url-fully-qualfied">
 98 | 				<td>@import url("http://domain/path/file.css")</td>
 99 | 				<td>Testing @import rule with a fully qualified path (see note in 'master.css')
100 | 			</tr>
101 | 			<tr id="import-url-protocol-relative">
102 | 				<td>@import url("//domain/path/file.css")</td>
103 | 				<td>Testing @import rule with a protocol relative path
104 | 			</tr>
105 | 			<tr id="import-print">
106 | 				<td>@import url("...") print</td>
107 | 				<td>Testing @import rule with a print media type
108 | 			</tr>
109 | 			<tr id="import-screen">
110 | 				<td>@import url("...") screen</td>
111 | 				<td>Testing @import rule with a screen media type
112 | 			</tr>
113 | 		</table>
114 | 
115 | 		<h3>url syntax tests</h3>
116 | 		<table border="1" width="100%">
117 | 			<tr id="url-quoted-double">
118 | 				<td>background: url("...")</td>
119 | 				<td>Testing css property containing a url wrapped in double quotes and prefixed with the url() qualifier</td>
120 | 			</tr>
121 | 			<tr id="url-quoted-single">
122 | 				<td>background: url('...')</td>
123 | 				<td>Testing css property containing a url wrapped in single quotes and prefixed with the url() qualifier</td>
124 | 			</tr>
125 | 			<tr id="url-unquoted">
126 | 				<td>background: url(...)</td>
127 | 				<td>Testing css property containing a url without quotes and prefixed with the url() qualifier</td>
128 | 			</tr>
129 | 			<tr id="url-nows">
130 | 				<td>background:url(...)</td>
131 | 				<td>Testing css property containing a url without white-space between the property and value</td>
132 | 			</tr>
133 | 			<tr id="url-data">
134 | 				<td>background: url("data:...")</td>
135 | 				<td>Testing css property containing a url that uses the data scheme</td>
136 | 			</tr>
137 | 			<tr id="url-remote">
138 | 				<td>background: url("http://domain/test.png")</td>
139 | 				<td>Testing css property referring to an asset on an external domain</td>
140 | 			</tr>
141 | 			<tr id="url-htc">
142 | 				<td>background: url("js/test.htc")</td>
143 | 				<td>Testing behavior url resolves relative to the document url</td>
144 | 			</tr>
145 | 		</table>
146 | 
147 | 		<h3>iframe tests</h3>
148 | 		<table border="1" width="100%">
149 | 			<tr>
150 | 				<td><iframe src="html/iframe.html" frameborder="0" scrolling="no" ></iframe></td>
151 | 			</tr>
152 | 			<tr>
153 | 				<td><iframe src="html/iframe-query.html?dummyurl=/body/x" frameborder="0" scrolling="no" ></iframe></td>
154 | 			</tr>
155 | 			<tr>
156 | 				<td><iframe src="html/iframe-hash.html#/test/" frameborder="0" scrolling="no" ></iframe></td>
157 | 			</tr>
158 | 			<tr>
159 | 				<td><iframe src="html/domready-postload.html" frameborder="0" scrolling="no" ></iframe></td>
160 | 			</tr>
161 | 		</table>
162 | 
163 | 
164 | 		<h2>Selector engine tests</h2>
165 | 		<p>These tests are designed to identify problems or unsupported features with specific selector engines.</p>
166 | 			
167 | 		<h3>Attribute selectors</h3>
168 | 		<table border="1" width="100%" id="attr">
169 | 			<tr id="attr-whitespace-list" rel="a1 b2 c3">
170 | 				<td>E[foo~="bar"]</td>
171 | 				<td>Check attribute "foo" contains value "bar" in a list of whitespace-separated values</td>
172 | 			</tr>
173 | 			<tr id="attr-whitespace-list2" rel="b2">
174 | 				<td>E[foo~="bar"]</td>
175 | 				<td>Check attribute "foo" contains the value "bar" when "bar" is the only value in the list</td>
176 | 			</tr>
177 | 			<tr id="attr-hyphen-list" rel="a1-b2-c3">
178 | 				<td>E[foo|="bar"]</td>
179 | 				<td>Check attribute "foo" begins with the value "bar" in a list of hyphen-separated values</td>
180 | 			</tr>
181 | 			<tr id="attr-beginswith" rel="test">
182 | 				<td>E[foo^="bar"]</td>
183 | 				<td>Check attribute "foo" begins with the value "bar"</td>
184 | 			</tr>
185 | 			<tr id="attr-endswith" rel="test">
186 | 				<td>E[foo$="bar"]</td>
187 | 				<td>Check attribute "foo" ends with the value "bar"</td>
188 | 			</tr>
189 | 			<tr id="attr-contains" rel="test">
190 | 				<td>E[foo*="bar"]</td>
191 | 				<td>Check attribute "foo" contains the value "bar"</td>
192 | 			</tr>
193 | 			<tr id="attr-beginswith2" rel="">
194 | 				<td>E[foo^=""]</td>
195 | 				<td>Check library catches native IE selector bug when testing against empty attribute value</td>
196 | 			</tr>
197 | 
198 | 			<tr id="attr-endswith2" rel="">
199 | 				<td>E[foo$=""]</td>
200 | 				<td>Check library catches native IE selector bug when testing against empty attribute value</td>
201 | 			</tr>
202 | 
203 | 			<tr id="attr-contains2" rel="">
204 | 				<td>E[foo*=""]</td>
205 | 				<td>Check library catches native IE selector bug when testing against empty attribute value</td>
206 | 			</tr>	
207 | 		</table>
208 | 		
209 | 		<h3>UI pseudo-class tests</h3>
210 | 		<table border="1" width="100%" id="ui">
211 | 			<tr id="hover">
212 | 				<td>:hover</td>
213 | 			</tr>
214 | 			<tr id="not-hover">
215 | 				<td>:not(:hover)</td>
216 | 			</tr>
217 | 			<tr>
218 | 				<td><input class="ui" id="focus" type="text" value=""><span>:focus</span></td>
219 | 			</tr>
220 | 			<tr>
221 | 				<td><input class="ui" id="not-focus" type="text" value=""><span>:not(:focus)</span></td>
222 | 			</tr>
223 | 			<tr>
224 | 				<td><input class="ui" id="enabled" type="button" value="button"><span>:enabled</span></td>
225 | 			</tr>
226 | 			<tr>
227 | 				<td><input class="ui" id="disabled" type="button" value="button" disabled><span>:disabled</span></td>
228 | 			</tr>
229 | 			<tr>
230 | 				<td><input class="ui" id="checked" type="checkbox" checked="checked"><span>:checked</span></td>
231 | 			</tr>
232 | 			<tr>
233 | 				<td><input class="ui" id="not-checked" type="checkbox"><span>:not(:checked)</span></td>
234 | 			</tr>
235 | 		</table>
236 | 		<!--[if IE 6]>
237 | 			<p class="warn">Please note: :focus, :enabled, :disabled and :checked will show as failures in IE6. This
238 | 			is an issue with the test tool, not selectivizr.</p>
239 | 		<![endif]-->
240 | 		
241 | 		<h3>Pseudo-class tests</h3>
242 | 		<table border="1" width="100%">
243 | 			<tr id="root">
244 | 				<td>:root</td>
245 | 			</tr>
246 | 			<tr id="target">
247 | 				<td>:target</td>
248 | 			</tr>
249 | 		</table>
250 | 		<table border="1" width="100%" id="empty">
251 | 			<tr>
252 | 				<td><b class="empty"></b><span>:empty</span></td>
253 | 			</tr>
254 | 			<tr>
255 | 				<td><b class="empty"><!-- comment --></b><span>:empty (with HTML comment)</span></td>
256 | 			</tr>
257 | 			<!-- IE incorrectly collapses whitespace so this test will always pass 
258 | 			<tr>
259 | 				<td><b class="empty"> </b><span>:empty (whitespace)</span></td>
260 | 			</tr>
261 | 			-->
262 | 			<tr>
263 | 				<td><b class="not-empty"> &nbsp; </b><span>:not(:empty)</span></td>
264 | 			</tr>
265 | 			<tr>
266 | 				<td><b class="not-empty"><a></a></b><span>:not(:empty) (empty child tag)</span></td>
267 | 			</tr>
268 | 			<!-- IE collapses whitespace so this test will always fail
269 | 			<tr>
270 | 				<td><b class="not-empty"> </b><span>:not(:empty) (whitespace)</span></td>
271 | 			</tr>
272 | 			-->
273 | 		</table>
274 | 		<table border="1" width="100%" id="xxx-child">
275 | 			<tr id="first-child">
276 | 				<td>:first-child</td>
277 | 			</tr>
278 | 			<tr id="not-first-child">
279 | 				<td>:not(:first-child)</td>
280 | 			</tr>
281 | 			<tr id="nth-child">
282 | 				<td>:nth-child(x)</td>
283 | 			</tr>
284 | 			<tr id="not-nth-child">
285 | 				<td>:not(:nth-child(x))</td>
286 | 			</tr>
287 | 			<tr>
288 | 				<td id="only-child">:only-child</td>
289 | 			</tr>
290 | 			<tr>
291 | 				<td id="only-child2">:only-child (with HTML comment)</td>
292 | 				<!-- comment -->
293 | 			</tr>
294 | 			<tr id="not-only-child">
295 | 				<td>:not(:only-child)</td>
296 | 			</tr>
297 | 			<tr id="nth-last-child">
298 | 				<td>:nth-last-child(x)</td>
299 | 			</tr>
300 | 			<tr id="not-nth-last-child">
301 | 				<td>:not(:nth-last-child(x))</td>
302 | 			</tr>
303 | 			<tr id="not-last-child">
304 | 				<td>:not(:last-child)</td>
305 | 			</tr>
306 | 			<tr id="last-child">
307 | 				<td>:last-child</td>
308 | 			</tr>
309 | 		</table>
310 | 		
311 | 		<!--<h2>xxx-of-type pseudo-class tests</h2>-->
312 | 		<table border="1" width="100%" id="xxx-type">
313 | 			<caption></caption>
314 | 			<tr id="first-of-type">
315 | 				<td>:first-of-type</td>
316 | 			</tr>
317 | 			<tr id="not-first-of-type">
318 | 				<td>:not(:first-of-type)</td>
319 | 			</tr>
320 | 			<tr id="nth-of-type">
321 | 				<td>:nth-of-type(x)</td>
322 | 			</tr>
323 | 			<tr id="not-nth-of-type">
324 | 				<td>:not(:nth-of-type(x))</td>
325 | 			</tr>
326 | 			<tr>
327 | 				<td id="only-of-type">:only-of-type</td>
328 | 			</tr>
329 | 			<tr>
330 | 				<td id="only-of-type2">:only-of-type (with HTML comment)</td>
331 | 				<!-- comment -->
332 | 			</tr>
333 | 			<tr id="not-only-of-type">
334 | 				<td>:not(:only-of-type)</td>
335 | 			</tr>
336 | 			<tr id="nth-last-of-type">
337 | 				<td>:nth-last-of-type(x)</td>
338 | 			</tr>
339 | 			<tr id="not-nth-last-of-type">
340 | 				<td>:not(:nth-last-of-type(x))</td>
341 | 			</tr>
342 | 			<tr id="not-last-of-type">
343 | 				<td>:not(:last-of-type)</td>
344 | 			</tr>
345 | 			<tr id="last-of-type">
346 | 				<td>:last-of-type</td>
347 | 			</tr>
348 | 		</table>
349 | 
350 | 		<h3>HTML5 element tests</h3>
351 | 		<table border="1" width="100%" id="xxx-type-html5">
352 | 			<caption></caption>
353 | 			<tr id="html5-first-of-type">
354 | 				<td><header>:first-of-type</header></td>
355 | 			</tr>
356 | 			<tr id="html5-not-first-of-type">
357 | 				<td><header></header><header>:not(:first-of-type)<header></header></header></td>
358 | 			</tr>
359 | 		</table>
360 | 	</div>
361 | 
362 | </body>
363 | </html>


--------------------------------------------------------------------------------
/tests/master/js/test.js:
--------------------------------------------------------------------------------
 1 | (function() {	
 2 | 	
 3 | 	// we need this for the HTML5 tests in IE
 4 | 	document.createElement("header");
 5 | 
 6 | 	// determine which selector engine to use for the tests
 7 | 	var selectedEngine = window.selectedEngine = (location.search == "") ? defaultEngine : unescape(location.search.substring(9));
 8 | 
 9 | 	// write a script tag to include the required selector library
10 | 	document.write("<script src='" + selectedEngine + "'></scr" + "ipt>");
11 | 
12 | 	// hide the page so it doesn't jump around while we set test parameters
13 | 	document.documentElement.style.marginTop = "-10000em";
14 | 
15 | 	// build the options menu 
16 | 	window.onload = function() {
17 | 		if (/*@cc_on!@*/false) { // IE only!
18 | 			// if the test is being launched over the 'file' protocol, show a warning message...
19 | 			if (window.location.protocol == "file:") {
20 | 				var tests = document.getElementById("tests");
21 | 				var warning = document.createElement("p");
22 | 				warning.innerHTML = "Selectivizr cannot be run from the file system. Please ensure this test is served from a web server (IIS, Apache etc.)";
23 | 				tests.parentNode.replaceChild(warning, tests);
24 | 			} else {
25 | 				var engineInput = document.getElementById("library");
26 | 				for (var engine in engines) {
27 | 					var optGroup = document.createElement("optgroup");
28 | 					optGroup.setAttribute("label", engine);
29 | 					for (var version in engines[engine]) {
30 | 						var option = document.createElement("option");
31 | 						option.value = engines[engine][version];
32 | 						option.appendChild( document.createTextNode(engine + " " + version));
33 | 						optGroup.appendChild(option);
34 | 					}		
35 | 					engineInput.appendChild(optGroup);
36 | 				}
37 | 				engineInput.value = selectedEngine;
38 | 			}
39 | 		}
40 | 	
41 | 		// test the :target pseudo-class
42 | 		location = "#target";
43 | 		
44 | 		// test the :focus UI pseudo-class
45 | 		document.getElementById("focus").focus();
46 | 	
47 | 		// show the page
48 | 		setTimeout( function() { document.documentElement.style.marginTop = 0; }, 10);
49 | 	}
50 | }());


--------------------------------------------------------------------------------
/tests/transform.htc:
--------------------------------------------------------------------------------
1 | <PUBLIC:COMPONENT lightWeight="true"><SCRIPT>
2 | /* transform v0.0.7
3 |  * homepage: http://gucong3000.github.io/transform/
4 |  */
5 | !function(){"use strict";var a="transform",b=window.jQuery,c="none",d,e,f;try{e=element,f=e.document}catch(g){f=document}function h(a){/normal/.test(a.currentStyle.zoom)&&(a.runtimeStyle.zoom=1)}function i(a,b,c){var d=[],e;if(b=j(a,b),a.filters[b])for(e in c)a.filters[b][e]=c[e];else{for(e in c)d.push(e+"="+(/\w\s+\w/.test(c[e])?"'"+c[e]+"'":c[e]));a.runtimeStyle.filter=a.currentStyle.filter.replace(/^\s*none\s*$/i,"")+" progid:"+b+"("+d.join(",")+")"}}function j(a,b){return a.filters[b]?b:"DXImageTransform.Microsoft."+b}function k(a){var b=parseFloat(a);return/deg/i.test(a)?b/180*Math.PI:b}function l(a,b){var c,d;return a.indexOf(",")>0?(a=a.split(","),c=a[0],d=a[1]):(c=a,d=b?c:0),{x:k(c),y:k(d)}}function m(a,b){return Math.sin(Math.asin(a)+k(b))}function n(a,b){if(a)for(var c=0;c<a.length;c++)b.call(a[c],c,a[c])}function o(a,b){var c=a.runtimeStyle[b]=a.currentStyle[b];return/^auto$/i.test(c)?0/0:a.runtimeStyle["pixel"+b.substr(0,1).toUpperCase()+b.slice(1)]}function p(b){return b.currentStyle[a]||"none"}function q(a,b){var c=a.runtimeStyle;c.position=c.bottom=c.right=c.left=c.top="",i(a,"Matrix",{Enabled:!1});var d=b||p(a),e=a.currentStyle.position,f;if(!/^\s*none\s*$/i.test(b)){h(a),/^static$/i.test(e)?(c.position="relative",f=!1):f=/^absolute$/i.test(e);var g=1,j=0,q=0,r=1,s=0,t=0,u=f?a.offsetLeft:0,v=f?a.offsetTop:0,w=o(a,"bottom"),x=o(a,"right"),y=o(a,"left"),z=o(a,"top"),A=a.offsetWidth,B=a.offsetHeight,C,D,E;if(d=d.match(/\w+\([^\)]*\)/g),n(d,function(a,b){if(C=b.match(/\(\s*(.+)\s*\)/)[1],/matrix/i.test(b)){for(C=C.split(","),E=0;E<C.length;E++)C[E]=parseFloat(C[E]);g=C[0],q=C[1],j=C[2],r=C[3],s=C[4]||s,t=C[5]||t}else/translateX/i.test(b)?s+=parseFloat(C):/translateY/i.test(b)?t+=parseFloat(C):/translate/i.test(b)?(C=l(C),s+=C.x,t+=C.y):/scaleX/i.test(b)?g*=parseFloat(C):/scaleY/i.test(b)?r*=parseFloat(C):/scale/i.test(b)?(C=l(C,!0),g*=C.x,r*=C.y):/rotate/i.test(b)?(C=k(C),j=-Math.sin(Math.asin(-j)+C),q=m(q,C),C=Math.cos(C),g*=C,r*=C):/skewX/i.test(b)?j=m(j,C):/skewY/i.test(b)?q=m(q,C):/skew/i.test(b)&&(C=l(C),j=m(j,C.x),q=m(q,C.y))}),i(a,"Matrix",{M11:g,M12:j,M21:q,M22:r,Enabled:!0,SizingMethod:"auto expand"}),isNaN(w)?(c.pixelTop=(z||u)+t-(a.offsetHeight-B)/2,c.bottom=""):(c.pixelBottom=w-t+(a.offsetHeight-B)/2,c.top=""),isNaN(x)?(c.pixelLeft=(y||v)+s-(a.offsetWidth-A)/2,c.right=""):(c.pixelRight=x-s+(a.offsetWidth-A)/2,c.left=""),b)return"matrix("+[g,q,j,r,s,t].join(", ")+")"}}function r(){clearTimeout(d),d=setTimeout(function(){var a=p(e);a!==c&&(c=a,q(e,c))},0)}(f.documentMode<9||!f.querySelector)&&(e&&(r(),n(["propertychange","move","resize","mouseenter","mouseleave","mousedown","focus","blur"],function(a,b){e.attachEvent("on"+b,r)})),b&&!b.cssHooks[a]&&(b.cssHooks[a]={set:function(b,c){return b.style.removeAttribute(a),q(b,c)},get:p}))}();
6 | </SCRIPT><script type="text/vbscript"></script></PUBLIC:COMPONENT>


--------------------------------------------------------------------------------
/tests/wolf.css:
--------------------------------------------------------------------------------
  1 | * {
  2 | 	margin: 0;
  3 | 	padding: 0;
  4 | }
  5 | #bigBigWolf {
  6 | 	position: absolute;
  7 | 	left: 50%;
  8 | 	top: 50%;
  9 | 	margin-left: -300px;
 10 | 	margin-top: -300px;
 11 | 	width: 600px;
 12 | 	height: 600px;
 13 | }
 14 | #bigBigWolf div {
 15 | 	position: absolute;
 16 | }
 17 | #bigBigWolf .face {
 18 | 	left: 127px;
 19 | 	bottom: 67px;
 20 | 	width: 380px;
 21 | 	height: 380px;
 22 | 	border: 3px solid #181818;
 23 | 	background: #666B6F;
 24 | 	z-index: 0;
 25 | 	border-radius: 230px 180px 300px 220px;
 26 | 	transform: rotate(60deg);
 27 | }
 28 | #bigBigWolf .face .left {
 29 | 	left: 30px;
 30 | 	top: 317px;
 31 | 	width: 181px;
 32 | 	height: 106px;
 33 | 	border: 3px solid #181818;
 34 | 	border-top: 0;
 35 | 	background: #666B6F;
 36 | 	z-index: 10;
 37 | 	border-radius: 0 0 0 2800px/0 0 0 1200px;
 38 | 	transform: rotate(30deg);
 39 | }
 40 | #bigBigWolf .face .right {
 41 | 	left: 105px;
 42 | 	top: -45px;
 43 | 	width: 160px;
 44 | 	height: 90px;
 45 | 	border: 3px solid #181818;
 46 | 	border-bottom: 0;
 47 | 	background: #666B6F;
 48 | 	z-index: 10;
 49 | 	border-radius: 2800px 0 0 0/2000px 0 0 0;
 50 | 	transform: rotate(335deg);
 51 | }
 52 | #bigBigWolf .face .cover1 {
 53 | 	left: 160px;
 54 | 	top: 415px;
 55 | 	width: 28px;
 56 | 	height: 40px;
 57 | 	border: 3px solid #181818;
 58 | 	border-bottom: 0;
 59 | 	background: #FFF;
 60 | 	z-index: 20;
 61 | 	border-radius: 600px 400px 400px 400px/1200px 700px 150px 150px;
 62 | }
 63 | #bigBigWolf .face .cover2 {
 64 | 	left: 163px;
 65 | 	top: 433px;
 66 | 	width: 40px;
 67 | 	height: 40px;
 68 | 	background: #FFF;
 69 | 	z-index: 30;
 70 | 	border-radius: 20px;
 71 | }
 72 | #bigBigWolf .face .cover3 {
 73 | 	left: 53px;
 74 | 	top: 285px;
 75 | 	width: 74px;
 76 | 	height: 74px;
 77 | 	background: #666B6F;
 78 | 	z-index: 40;
 79 | 	border-radius: 37px;
 80 | }
 81 | #bigBigWolf .face .cover4 {
 82 | 	left: 227px;
 83 | 	top: -80px;
 84 | 	width: 25px;
 85 | 	height: 40px;
 86 | 	border: 3px solid #181818;
 87 | 	border-bottom: 0;
 88 | 	background: #FFF;
 89 | 	z-index: 20;
 90 | 	border-radius: 600px 400px 400px 400px/1200px 700px 150px 150px;
 91 | 	transform: rotate(170deg);
 92 | }
 93 | #bigBigWolf .face .cover5 {
 94 | 	left: 214px;
 95 | 	top: -90px;
 96 | 	width: 60px;
 97 | 	height: 30px;
 98 | 	background: #FFF;
 99 | 	z-index: 40;
100 | 	transform: rotate(28deg);
101 | }
102 | #bigBigWolf .ear {
103 | 	z-index: 0;
104 | }
105 | #bigBigWolf .ear .left {
106 | 	left: 48px;
107 | 	top: 167px;
108 | 	width: 180px;
109 | 	height: 120px;
110 | 	border: 3px solid #181818;
111 | 	border-right: 0;
112 | 	background: #666B6F;
113 | 	z-index: 0;
114 | 	border-radius: 295px 0 0 0/200px 0 0 0;
115 | 	transform: rotate(51deg);
116 | }
117 | #bigBigWolf .ear .left .inner {
118 | 	left: -3px;
119 | 	top: 88px;
120 | 	width: 180px;
121 | 	height: 30px;
122 | 	border: 3px solid #181818;
123 | 	border-right: 0;
124 | 	background: #96979C;
125 | 	z-index: 10;
126 | 	border-radius: 1000px 0 0 0/200px 0 0 0;
127 | }
128 | #bigBigWolf .ear .left .cover1 {
129 | 	left: 83px;
130 | 	top: 30px;
131 | 	width: 132px;
132 | 	height: 65px;
133 | 	background: #666B6F;
134 | 	z-index: 20;
135 | 	border-radius: 0 0 1200px 0/0 0 200px 0;
136 | 	transform: rotate(90deg);
137 | }
138 | #bigBigWolf .ear .left .cover2 {
139 | 	left: 111px;
140 | 	top: 91px;
141 | 	width: 12px;
142 | 	height: 8px;
143 | 	border: 3px solid #181818;
144 | 	border-right: 0;
145 | 	background: #666B6F;
146 | 	z-index: 30;
147 | 	border-radius: 30px 0 0 0/20px 0 0 0;
148 | 	transform: rotate(345deg);
149 | }
150 | #bigBigWolf .ear .left .cover3 {
151 | 	left: 114px;
152 | 	top: 104px;
153 | 	width: 12px;
154 | 	height: 6px;
155 | 	border: 3px solid #181818;
156 | 	border-right: 0;
157 | 	background: #666B6F;
158 | 	z-index: 30;
159 | 	border-radius: 30px 0 0 0/20px 0 0 0;
160 | 	transform: rotate(325deg);
161 | }
162 | #bigBigWolf .ear .left .cover4 {
163 | 	left: 123px;
164 | 	top: 113px;
165 | 	width: 11px;
166 | 	height: 4px;
167 | 	border: 3px solid #181818;
168 | 	border-right: 0;
169 | 	border-top: 0;
170 | 	background: #666B6F;
171 | 	z-index: 30;
172 | 	border-radius: 0 0 0 30px/0 0 0 20px;
173 | 	transform: rotate(62deg);
174 | }
175 | #bigBigWolf .ear .right {
176 | 	left: 340px;
177 | 	top: 78px;
178 | 	width: 140px;
179 | 	height: 100px;
180 | 	border: 3px solid #181818;
181 | 	border-left: 0;
182 | 	background: #666B6F;
183 | 	z-index: 10;
184 | 	border-radius: 0 245px 0 0/0 190px 0 0;
185 | 	transform: rotate(275deg);
186 | }
187 | #bigBigWolf .ear .right .inner {
188 | 	left: -1px;
189 | 	top: 68px;
190 | 	width: 140px;
191 | 	height: 30px;
192 | 	border: 3px solid #181818;
193 | 	border-left: 0;
194 | 	background: #96979C;
195 | 	z-index: 10;
196 | 	border-radius: 0 1200px 0 0/0 300px 0 0;
197 | }
198 | #bigBigWolf .ear .right .cover1 {
199 | 	left: -49px;
200 | 	top: 25px;
201 | 	width: 120px;
202 | 	height: 40px;
203 | 	border: 3px solid #181818;
204 | 	border-bottom: 0;
205 | 	background: #666B6F;
206 | 	z-index: 20;
207 | 	border-radius: 0 1200px 0 0/0 300px 0 0;
208 | 	transform: rotate(101deg);
209 | }
210 | #bigBigWolf .ear .right .cover2 {
211 | 	left: -135px;
212 | 	top: 117px;
213 | 	width: 145px;
214 | 	height: 40px;
215 | 	border: 3px solid #181818;
216 | 	border-bottom: 0;
217 | 	background: #666B6F;
218 | 	z-index: 30;
219 | 	border-radius: 0 1100px 0 0/0 300px 0 0;
220 | 	transform: rotate(133deg);
221 | }
222 | #bigBigWolf .ear .right .cover3 {
223 | 	left: -85px;
224 | 	top: 15px;
225 | 	width: 80px;
226 | 	height: 80px;
227 | 	background: #666B6F;
228 | 	z-index: 40;
229 | }
230 | #bigBigWolf .ear .right .cover4 {
231 | 	left: -142px;
232 | 	top: 144px;
233 | 	width: 40px;
234 | 	height: 40px;
235 | 	background: #666B6F;
236 | 	z-index: 50;
237 | 	border-radius: 20px;
238 | }
239 | #bigBigWolf .ear .right .cover5 {
240 | 	left: 32px;
241 | 	top: 87px;
242 | 	width: 30px;
243 | 	height: 30px;
244 | 	border: 3px solid #181818;
245 | 	border-bottom: 0;
246 | 	border-left: 0;
247 | 	background: #FFF;
248 | 	z-index: 50;
249 | 	border-radius: 30px;
250 | 	transform: rotate(313deg);
251 | }
252 | #bigBigWolf .hat {
253 | 	left: 137px;
254 | 	top: 115px;
255 | 	width: 238px;
256 | 	height: 100px;
257 | 	border: 3px solid #181818;
258 | 	background: #E09E86;
259 | 	z-index: 40;
260 | 	border-radius: 2000px 700px 450px 300px/1000px 700px 450px 200px;
261 | 	transform: rotate(338deg);
262 | }
263 | #bigBigWolf .hat .inner {
264 | 	right: -1px;
265 | 	top: 1px;
266 | 	width: 238px;
267 | 	height: 80px;
268 | 	border: 3px solid #181818;
269 | 	background: #CF6A36;
270 | 	z-index: 0;
271 | 	border-radius: 2400px 800px 450px 400px/1200px 800px 450px 200px;
272 | 	transform: rotate(357deg);
273 | }
274 | #bigBigWolf .hat .patch {
275 | 	right: -3px;
276 | 	top: -7px;
277 | 	width: 110px;
278 | 	height: 50px;
279 | 	border: 3px solid #181818;
280 | 	background: #EFC978;
281 | 	z-index: 10;
282 | 	border-radius: 500px 300px 100px 100px/300px 200px 100px 100px;
283 | 	transform: rotate(20deg);
284 | }
285 | #bigBigWolf .hat .patch .line1, #bigBigWolf .hat .patch .line2, #bigBigWolf .hat .patch .line3, #bigBigWolf .hat .patch .line4, #bigBigWolf .hat .patch .line5, #bigBigWolf .hat .patch .line6, #bigBigWolf .hat .patch .line7, #bigBigWolf .hat .patch .line8, #bigBigWolf .hat .patch .line9, #bigBigWolf .hat .patch .line10 {
286 | 	left: -7px;
287 | 	top: 30px;
288 | 	width: 18px;
289 | 	height: 2px;
290 | 	font-size: 0;
291 | 	background: #181818;
292 | 	z-index: 20px;
293 | 	transform: rotate(350deg);
294 | }
295 | #bigBigWolf .hat .patch .line2 {
296 | 	left: -13px;
297 | 	top: 42px;
298 | 	width: 20px;
299 | 	transform: rotate(340deg);
300 | }
301 | #bigBigWolf .hat .patch .line3 {
302 | 	left: 5px;
303 | 	top: 50px;
304 | 	width: 17px;
305 | 	transform: rotate(300deg);
306 | }
307 | #bigBigWolf .hat .patch .line4 {
308 | 	left: 20px;
309 | 	top: 53px;
310 | 	width: 17px;
311 | 	transform: rotate(270deg);
312 | }
313 | #bigBigWolf .hat .patch .line5 {
314 | 	left: 35px;
315 | 	top: 50px;
316 | 	width: 14px;
317 | 	transform: rotate(290deg);
318 | }
319 | #bigBigWolf .hat .patch .line6 {
320 | 	left: 50px;
321 | 	top: 52px;
322 | 	width: 19px;
323 | 	transform: rotate(275deg);
324 | }
325 | #bigBigWolf .hat .patch .line7 {
326 | 	left: 70px;
327 | 	top: 50px;
328 | 	width: 15px;
329 | 	transform: rotate(290deg);
330 | 	transform: rotate(260deg);
331 | }
332 | #bigBigWolf .hat .patch .line8 {
333 | 	left: 85px;
334 | 	top: 51px;
335 | 	width: 19px;
336 | 	transform: rotate(250deg);
337 | }
338 | #bigBigWolf .hat .patch .line9 {
339 | 	left: 102px;
340 | 	top: 45px;
341 | 	width: 13px;
342 | 	transform: rotate(230deg);
343 | }
344 | #bigBigWolf .hat .patch .line10 {
345 | 	left: 106px;
346 | 	top: 34px;
347 | 	width: 12px;
348 | 	transform: rotate(220deg);
349 | }
350 | #bigBigWolf .eye {
351 | 	left: 213px;
352 | 	top: 221px;
353 | 	width: 287px;
354 | 	height: 185px;
355 | 	z-index: 20;
356 | }
357 | #bigBigWolf .eye .left, #bigBigWolf .eye .right {
358 | 	width: 121px;
359 | 	height: 121px;
360 | 	border: 3px solid #181818;
361 | 	background: #DBDBDB;
362 | 	z-index: 0;
363 | 	border-radius: 61px;
364 | }
365 | #bigBigWolf .eye .left {
366 | 	left: 0;
367 | 	bottom: 0;
368 | }
369 | #bigBigWolf .eye .right {
370 | 	right: 0;
371 | 	top: 0;
372 | }
373 | #bigBigWolf .eye .inner {
374 | 	left: 2px;
375 | 	top: 2px;
376 | 	width: 114px;
377 | 	height: 114px;
378 | 	background: #FFF;
379 | 	z-index: 10;
380 | 	border-radius: 57px;
381 | }
382 | #bigBigWolf .eye .pupil {
383 | 	left: 8px;
384 | 	top: 26px;
385 | 	width: 54px;
386 | 	height: 54px;
387 | 	border: 2px solid #181818;
388 | 	z-index: 20;
389 | 	border-radius: 27px;
390 | 	background: #404972;
391 | 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#181818), to(#455289));
392 | 	background: linear-gradient(to bottom, #181818, #455289);
393 | 	animation: pupil 2s linear;
394 | 	animation-iteration-count: infinite;
395 | }
396 | @keyframes pupil {
397 | 	0% {
398 | 		left: 8px;
399 | 		top: 26px;
400 | 	}
401 | 	25% {
402 | 		left: 29px;
403 | 		top: 33px;
404 | 	}
405 | 	50% {
406 | 		left: 50px;
407 | 		top: 40px;
408 | 	}
409 | 	75% {
410 | 		left: 29px;
411 | 		top: 33px;
412 | 	}
413 | 	100% {
414 | 		left: 8px;
415 | 		top: 26px;
416 | 	}
417 | }
418 | #bigBigWolf .eye .pupil .inner {
419 | 	left: 9px;
420 | 	top: 9px;
421 | 	width: 36px;
422 | 	height: 36px;
423 | 	background: #1A1A1A;
424 | 	z-index: 30;
425 | 	border-radius: 18px;
426 | }
427 | #bigBigWolf .eye .light1 {
428 | 	left: 21px;
429 | 	bottom: 3px;
430 | 	width: 16px;
431 | 	height: 16px;
432 | 	background: #FFF;
433 | 	z-index: 40;
434 | 	border-radius: 15px 7px 10px 10px;
435 | 	transform: rotate(320deg);
436 | }
437 | #bigBigWolf .eye .light2 {
438 | 	left: 7px;
439 | 	bottom: 11px;
440 | 	width: 14px;
441 | 	height: 6px;
442 | 	background: #FFF;
443 | 	z-index: 40;
444 | 	border-radius: 500px 300px 100px 100px/300px 200px 100px 100px;
445 | 	transform: rotate(285deg);
446 | }
447 | #bigBigWolf .eye .light3 {
448 | 	right: 2px;
449 | 	top: 4px;
450 | 	width: 30px;
451 | 	height: 13px;
452 | 	background: #FFF;
453 | 	z-index: 40;
454 | 	border-radius: 40px 100px 15px 15px/40px 50px 15px 15px;
455 | 	transform: rotate(20deg);
456 | }
457 | #bigBigWolf .eyebrow {
458 | 	left: 187px;
459 | 	top: 173px;
460 | 	width: 280px;
461 | 	height: 130px;
462 | 	z-index: 70;
463 | }
464 | #bigBigWolf .eyebrow .left {
465 | 	left: 0;
466 | 	top: 48px;
467 | 	width: 110px;
468 | 	height: 40px;
469 | 	background: #181818;
470 | 	z-index: 0;
471 | 	border-radius: 400px 400px 0 0/200px 200px 0 0;
472 | 	transform: rotate(330deg);
473 | }
474 | #bigBigWolf .eyebrow .left .inner {
475 | 	left: 0;
476 | 	top: 20px;
477 | 	width: 120px;
478 | 	height: 30px;
479 | 	background: #666B6F;
480 | 	z-index: 0;
481 | 	border-radius: 400px 400px 0 0/200px 200px 0 0;
482 | }
483 | #bigBigWolf .eyebrow .left .eyebrow1, #bigBigWolf .eyebrow .left .eyebrow2, #bigBigWolf .eyebrow .right .eyebrow1 {
484 | 	left: -22px;
485 | 	top: 36px;
486 | 	width: 22px;
487 | 	height: 2px;
488 | 	font-size: 0;
489 | 	background: #181818;
490 | 	z-index: 10px;
491 | 	transform: rotate(86deg);
492 | }
493 | #bigBigWolf .eyebrow .left .eyebrow2 {
494 | 	left: -15px;
495 | 	top: 32px;
496 | 	width: 20px;
497 | }
498 | #bigBigWolf .eyebrow .right .eyebrow1 {
499 | 	left: 93px;
500 | 	top: 24px;
501 | 	width: 20px;
502 | }
503 | #bigBigWolf .eyebrow .right {
504 | 	right: 17px;
505 | 	top: -3px;
506 | 	width: 100px;
507 | 	height: 40px;
508 | 	background: #181818;
509 | 	z-index: 0;
510 | 	border-radius: 400px 400px 0 0/200px 200px 0 0;
511 | 	transform: rotate(355deg);
512 | }
513 | #bigBigWolf .eyebrow .right .inner {
514 | 	right: -7px;
515 | 	top: 20px;
516 | 	width: 120px;
517 | 	height: 30px;
518 | 	background: #666B6F;
519 | 	z-index: 0;
520 | 	border-radius: 400px 400px 0 0/200px 200px 0 0;
521 | }
522 | #bigBigWolf .nose {
523 | 	right: 158px;
524 | 	bottom: 203px;
525 | 	width: 74px;
526 | 	height: 74px;
527 | 	z-index: 30;
528 | 	background: #4B4B4B;
529 | 	border-radius: 160px 40px 160px 40px;
530 | 	transform: rotate(25deg);
531 | }
532 | #bigBigWolf .nose .outer {
533 | 	right: 1px;
534 | 	top: -2px;
535 | 	width: 72px;
536 | 	height: 72px;
537 | 	z-index: 0;
538 | 	background: #181818;
539 | 	border-radius: 150px 40px 150px 40px;
540 | 	transform: rotate(2deg);
541 | }
542 | #bigBigWolf .nose .inner {
543 | 	right: 18px;
544 | 	top: 13px;
545 | 	width: 24px;
546 | 	height: 24px;
547 | 	z-index: 10;
548 | 	background: #4F4F4F;
549 | 	border-radius: 150px 50px 150px 50px;
550 | 	transform: rotate(0deg);
551 | }
552 | #bigBigWolf .nose .light {
553 | 	right: 16px;
554 | 	top: 3px;
555 | 	width: 20px;
556 | 	height: 20px;
557 | 	z-index: 20;
558 | 	background: #FFF;
559 | 	border-radius: 150px 70px 150px 70px;
560 | 	transform: rotate(3deg);
561 | }
562 | #bigBigWolf .mouth {
563 | 	right: 62px;
564 | 	bottom: 108px;
565 | 	width: 290px;
566 | 	height: 60px;
567 | 	border: 3px solid #181818;
568 | 	background: #FFF;
569 | 	z-index: 50;
570 | 	border-radius: 700px 700px 2800px 2800px/0 0 1200px 1200px;
571 | 	transform: rotate(341deg);
572 | }
573 | #bigBigWolf .mouth .inner {
574 | 	right: -3px;
575 | 	bottom: 41px;
576 | 	width: 289px;
577 | 	height: 20px;
578 | 	border: 3px solid #181818;
579 | 	border-top: 0;
580 | 	background: #666B6F;
581 | 	z-index: 0;
582 | 	border-radius: 700px 700px 7800px 7800px/0 0 1500px 1500px;
583 | }
584 | #bigBigWolf .tooth1, #bigBigWolf .tooth2, #bigBigWolf .tooth3, #bigBigWolf .tooth4, #bigBigWolf .tooth5, #bigBigWolf .tooth6, #bigBigWolf .tooth7, #bigBigWolf .tooth8, #bigBigWolf .tooth9, #bigBigWolf .tooth10, #bigBigWolf .tooth11, #bigBigWolf .tooth12, #bigBigWolf .tooth13, #bigBigWolf .tooth14, #bigBigWolf .tooth15, #bigBigWolf .tooth16, #bigBigWolf .tooth17, #bigBigWolf .tooth18, #bigBigWolf .tooth19, #bigBigWolf .tooth20, #bigBigWolf .tooth121, #bigBigWolf .tooth122, #bigBigWolf .tooth123 {
585 | 	left: -1px;
586 | 	top: 18px;
587 | 	width: 20px;
588 | 	height: 2px;
589 | 	font-size: 0;
590 | 	background: #181818;
591 | 	z-index: 60px;
592 | 	transform: rotate(26deg);
593 | }
594 | #bigBigWolf .tooth2 {
595 | 	left: 13px;
596 | 	top: 12px;
597 | 	width: 22px;
598 | 	transform: rotate(125deg);
599 | 	transform: rotate(122deg);
600 | 	transform: rotate(125deg);
601 | }
602 | #bigBigWolf .tooth3 {
603 | 	left: 18px;
604 | 	top: 17px;
605 | 	width: 30px;
606 | 	transform: rotate(76deg);
607 | }
608 | #bigBigWolf .tooth4 {
609 | 	left: 36px;
610 | 	top: 26px;
611 | 	width: 9px;
612 | 	transform: rotate(340deg);
613 | }
614 | #bigBigWolf .tooth5 {
615 | 	left: 40px;
616 | 	top: 30px;
617 | 	width: 12px;
618 | 	transform: rotate(70deg);
619 | }
620 | #bigBigWolf .tooth6 {
621 | 	left: 46px;
622 | 	top: 35px;
623 | 	width: 14px;
624 | 	transform: rotate(12deg);
625 | }
626 | #bigBigWolf .tooth7 {
627 | 	left: 58px;
628 | 	top: 37px;
629 | 	width: 24px;
630 | 	transform: rotate(12deg);
631 | }
632 | #bigBigWolf .tooth8, #bigBigWolf .tooth10 {
633 | 	left: 21px;
634 | 	top: 16px;
635 | 	width: 20px;
636 | 	height: 1px;
637 | 	background: #FFF;
638 | 	transform: rotate(76deg);
639 | }
640 | #bigBigWolf .tooth9, #bigBigWolf .tooth11, #bigBigWolf .tooth12 {
641 | 	left: 14px;
642 | 	top: 15px;
643 | 	width: 20px;
644 | 	height: 1px;
645 | 	background: #FFF;
646 | 	transform: rotate(122deg);
647 | }
648 | #bigBigWolf .tooth10 {
649 | 	left: 21px;
650 | 	top: 18px;
651 | 	height: 2px;
652 | }
653 | #bigBigWolf .tooth11 {
654 | 	left: 14px;
655 | 	top: 20px;
656 | 	height: 3px;
657 | }
658 | #bigBigWolf .tooth12 {
659 | 	left: 13px;
660 | 	top: 18px;
661 | 	height: 2px;
662 | }
663 | #bigBigWolf .tooth13 {
664 | 	left: 270px;
665 | 	top: 17px;
666 | 	width: 18px;
667 | 	transform: rotate(335deg);
668 | }
669 | #bigBigWolf .tooth14 {
670 | 	left: 254px;
671 | 	top: 11px;
672 | 	width: 22px;
673 | 	transform: rotate(55deg);
674 | }
675 | #bigBigWolf .tooth15 {
676 | 	left: 242px;
677 | 	top: 16px;
678 | 	width: 29px;
679 | 	transform: rotate(100deg);
680 | }
681 | #bigBigWolf .tooth16 {
682 | 	left: 243px;
683 | 	top: 25px;
684 | 	width: 13px;
685 | 	transform: rotate(20deg);
686 | }
687 | #bigBigWolf .tooth17 {
688 | 	left: 237px;
689 | 	top: 29px;
690 | 	width: 11px;
691 | 	transform: rotate(100deg);
692 | }
693 | #bigBigWolf .tooth18 {
694 | 	left: 219px;
695 | 	top: 36px;
696 | 	width: 24px;
697 | 	transform: rotate(165deg);
698 | }
699 | #bigBigWolf .tooth19, #bigBigWolf .tooth21, #bigBigWolf .tooth23 {
700 | 	left: 255px;
701 | 	top: 15px;
702 | 	width: 22px;
703 | 	height: 1px;
704 | 	background: #FFF;
705 | 	transform: rotate(55deg);
706 | }
707 | #bigBigWolf .tooth20, #bigBigWolf .tooth22 {
708 | 	left: 247px;
709 | 	top: 17px;
710 | 	width: 22px;
711 | 	height: 1px;
712 | 	background: #FFF;
713 | 	transform: rotate(100deg);
714 | }
715 | #bigBigWolf .tooth21 {
716 | 	left: 255px;
717 | 	top: 16px;
718 | 	height: 2px;
719 | }
720 | #bigBigWolf .tooth22 {
721 | 	left: 248px;
722 | 	top: 19px;
723 | 	height: 4px;
724 | }
725 | #bigBigWolf .tooth23 {
726 | 	left: 255px;
727 | 	top: 19px;
728 | 	height: 2px;
729 | }
730 | #bigBigWolf .beard {
731 | 	left: 190px;
732 | 	bottom: 50px;
733 | 	width: 370px;
734 | 	height: 200px;
735 | 	z-index: 80;
736 | }
737 | #bigBigWolf .beard1, #bigBigWolf .beard2, #bigBigWolf .beard3, #bigBigWolf .beard4, #bigBigWolf .beard5, #bigBigWolf .beard6, #bigBigWolf .beard7, #bigBigWolf .beard8, #bigBigWolf .beard9, #bigBigWolf .beard10, #bigBigWolf .beard11, #bigBigWolf .beard12 {
738 | 	right: -1px;
739 | 	top: 32px;
740 | 	width: 40px;
741 | 	height: 2px;
742 | 	font-size: 0;
743 | 	background: #181818;
744 | 	z-index: 0;
745 | 	transform: rotate(3deg);
746 | }
747 | #bigBigWolf .beard2 {
748 | 	right: 23px;
749 | 	top: 68px;
750 | 	width: 24px;
751 | 	transform: rotate(355deg);
752 | }
753 | #bigBigWolf .beard3 {
754 | 	right: 34px;
755 | 	top: 90px;
756 | 	width: 22px;
757 | 	transform: rotate(30deg);
758 | }
759 | #bigBigWolf .beard4 {
760 | 	right: 54px;
761 | 	top: 120px;
762 | 	width: 28px;
763 | 	transform: rotate(50deg);
764 | }
765 | #bigBigWolf .beard5 {
766 | 	right: 89px;
767 | 	top: 132px;
768 | 	width: 22px;
769 | 	transform: rotate(60deg);
770 | }
771 | #bigBigWolf .beard6 {
772 | 	right: 115px;
773 | 	top: 148px;
774 | 	width: 16px;
775 | 	transform: rotate(70deg);
776 | }
777 | #bigBigWolf .beard7 {
778 | 	right: 145px;
779 | 	top: 162px;
780 | 	width: 24px;
781 | 	transform: rotate(90deg);
782 | }
783 | #bigBigWolf .beard8 {
784 | 	right: 175px;
785 | 	top: 166px;
786 | 	width: 16px;
787 | 	transform: rotate(110deg);
788 | }
789 | #bigBigWolf .beard9 {
790 | 	right: 210px;
791 | 	top: 173px;
792 | 	width: 22px;
793 | 	transform: rotate(60deg);
794 | }
795 | #bigBigWolf .beard10 {
796 | 	right: 245px;
797 | 	top: 173px;
798 | 	width: 14px;
799 | 	transform: rotate(130deg);
800 | }
801 | #bigBigWolf .beard11 {
802 | 	right: 275px;
803 | 	top: 168px;
804 | 	width: 20px;
805 | 	transform: rotate(120deg);
806 | }
807 | #bigBigWolf .beard12 {
808 | 	right: 300px;
809 | 	top: 156px;
810 | 	width: 16px;
811 | 	transform: rotate(140deg);
812 | }
813 | #bigBigWolf .scar, #bigBigWolf .scar1, #bigBigWolf .scar2, #bigBigWolf .scar3, #bigBigWolf .scar4, #bigBigWolf .scar5 {
814 | 	left: 142px;
815 | 	bottom: 154px;
816 | 	width: 120px;
817 | 	height: 2px;
818 | 	font-size: 0;
819 | 	background: #181818;
820 | 	z-index: 60px;
821 | 	transform: rotate(43deg);
822 | }
823 | #bigBigWolf .scar1 {
824 | 	left: -2px;
825 | 	top: -5px;
826 | 	width: 25px;
827 | 	transform: rotate(90deg);
828 | }
829 | #bigBigWolf .scar2 {
830 | 	left: 20px;
831 | 	top: 2px;
832 | 	width: 29px;
833 | 	transform: rotate(80deg);
834 | }
835 | #bigBigWolf .scar3 {
836 | 	left: 50px;
837 | 	top: -2px;
838 | 	width: 29px;
839 | 	transform: rotate(90deg);
840 | }
841 | #bigBigWolf .scar4 {
842 | 	left: 74px;
843 | 	top: -4px;
844 | 	width: 22px;
845 | 	transform: rotate(92deg);
846 | }
847 | #bigBigWolf .scar5 {
848 | 	left: 95px;
849 | 	top: -2px;
850 | 	width: 25px;
851 | 	transform: rotate(90deg);
852 | }


--------------------------------------------------------------------------------
/tests/wolf.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5 | <title>浏览器CSS3测试-灰太狼版-浏览器之家</title>
  6 | <meta name="description" content="测试CSS3在各个浏览器的效果，浏览器灰太狼CSS测试"> 
  7 | <meta name="keywords" content="CSS3测试,浏览器之家,浏览器评测">
  8 | <link rel="stylesheet" type="text/css" href="wolf.css" />
  9 | <script src="../selectivizr.js"></script>
 10 | </head>
 11 | <body>
 12 | <div id="bigBigWolf">
 13 |   <div class="face">
 14 |     <div class="left"></div>
 15 |     <div class="right"></div>
 16 |     <div class="cover1"></div>
 17 |     <div class="cover2"></div>
 18 |     <div class="cover3"></div>
 19 |     <div class="cover4"></div>
 20 |     <div class="cover5"></div>
 21 |   </div>
 22 |   <div class="ear">
 23 |     <div class="left">
 24 |       <div class="inner"></div>
 25 |       <div class="cover1"></div>
 26 |       <div class="cover2"></div>
 27 |       <div class="cover3"></div>
 28 |       <div class="cover4"></div>
 29 |       <div class="cover5"></div>
 30 |     </div>
 31 |     <div class="right">
 32 |       <div class="inner"></div>
 33 |       <div class="cover1"></div>
 34 |       <div class="cover2"></div>
 35 |       <div class="cover3"></div>
 36 |       <div class="cover4"></div>
 37 |       <div class="cover5"></div>
 38 |     </div>
 39 |   </div>
 40 |   <div class="eye">
 41 |     <div class="left">
 42 |       <div class="inner">
 43 |         <div class="pupil">
 44 |           <div class="inner"></div>
 45 |           <div class="light1"></div>
 46 |           <div class="light2"></div>
 47 |           <div class="light3"></div>
 48 |         </div>
 49 |       </div>
 50 |     </div>
 51 |     <div class="right">
 52 |       <div class="inner">
 53 |         <div class="pupil">
 54 |           <div class="inner"></div>
 55 |           <div class="light1"></div>
 56 |           <div class="light2"></div>
 57 |           <div class="light3"></div>
 58 |         </div>
 59 |       </div>
 60 |     </div>
 61 |   </div>
 62 |   <div class="eyebrow">
 63 |     <div class="left">
 64 |       <div class="inner"></div>
 65 |       <div class="eyebrow1"></div>
 66 |       <div class="eyebrow2"></div>
 67 |     </div>
 68 |     <div class="right">
 69 |       <div class="inner"></div>
 70 |       <div class="eyebrow1"></div>
 71 |     </div>
 72 |   </div>
 73 |   <div class="nose">
 74 |     <div class="outer">
 75 |       <div class="inner"></div>
 76 |       <div class="light"></div>
 77 |     </div>
 78 |   </div>
 79 |   <div class="mouth">
 80 |     <div class="inner">
 81 |       <div class="tooth1"></div>
 82 |       <div class="tooth2"></div>
 83 |       <div class="tooth3"></div>
 84 |       <div class="tooth4"></div>
 85 |       <div class="tooth5"></div>
 86 |       <div class="tooth6"></div>
 87 |       <div class="tooth7"></div>
 88 |       <div class="tooth8"></div>
 89 |       <div class="tooth9"></div>
 90 |       <div class="tooth10"></div>
 91 |       <div class="tooth11"></div>
 92 |       <div class="tooth12"></div>
 93 |       <div class="tooth13"></div>
 94 |       <div class="tooth14"></div>
 95 |       <div class="tooth15"></div>
 96 |       <div class="tooth16"></div>
 97 |       <div class="tooth17"></div>
 98 |       <div class="tooth18"></div>
 99 |       <div class="tooth19"></div>
100 |       <div class="tooth20"></div>
101 |       <div class="tooth21"></div>
102 |       <div class="tooth22"></div>
103 |       <div class="tooth23"></div>
104 |     </div>
105 |   </div>
106 |   <div class="beard">
107 |     <div class="beard1"></div>
108 |     <div class="beard2"></div>
109 |     <div class="beard3"></div>
110 |     <div class="beard4"></div>
111 |     <div class="beard5"></div>
112 |     <div class="beard6"></div>
113 |     <div class="beard7"></div>
114 |     <div class="beard8"></div>
115 |     <div class="beard9"></div>
116 |     <div class="beard10"></div>
117 |     <div class="beard11"></div>
118 |     <div class="beard12"></div>
119 |   </div>
120 |   <div class="scar">
121 |     <div class="scar1"></div>
122 |     <div class="scar2"></div>
123 |     <div class="scar3"></div>
124 |     <div class="scar4"></div>
125 |     <div class="scar5"></div>
126 |   </div>
127 |   <div class="hat">
128 |     <div class="inner">
129 |       <div class="patch">
130 |         <div class="line1"></div>
131 |         <div class="line2"></div>
132 |         <div class="line3"></div>
133 |         <div class="line4"></div>
134 |         <div class="line5"></div>
135 |         <div class="line6"></div>
136 |         <div class="line7"></div>
137 |         <div class="line8"></div>
138 |         <div class="line9"></div>
139 |         <div class="line10"></div>
140 |       </div>
141 |     </div>
142 |   </div>
143 | </div>
144 | </body>
145 | </html>


--------------------------------------------------------------------------------