| (function(a){var b=a(window);a("<style>.demo-animate-all:not(.gallery), .demo-animate-all:not(.gallery) *, .demo-animate-all:not(.gallery) *:before, .demo-animate-all:not(.gallery) *:after { transition: all 0.5s ease-in-out; }.demo-controls .property .classes { display: none; }.demo-controls .property[data-requires] { display: none; }.demo-controls .property[data-requires].active { display: inline; }.demo-controls .property .tooltip { position: relative; }.demo-controls .property .tooltip:before { content: 'Click to change!'; font-size: 0.7rem; position: absolute; bottom: 100%; left: 0; background: #47D3E5; color: #ffffff; line-height: 1; white-space: nowrap; font-weight: bold; border-radius: 0.125rem; padding: 0.325rem 0.425rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }.demo-controls .property .tooltip:after { content: ''; position: absolute; bottom: calc(100% - 0.25rem); left: 0.5rem; border-left: solid 0.5rem transparent; border-right: solid 0.5rem transparent; border-top: solid 0.5rem #47D3E5; width: 0.5rem; height: 0.5rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }@keyframes demo-controls-tooltip {0% { opacity: 0; transform: translateY(0); }10% { opacity: 1; transform: translateY(0.125rem); }20% { opacity: 1; transform: translateY(-0.125rem); }30% { opacity: 1; transform: translateY(0.125rem); }40% { opacity: 1; transform: translateY(-0.125rem); }50% { opacity: 1; transform: translateY(0.125rem); }60% { opacity: 1; transform: translateY(0); }90% { opacity: 1; }100% { opacity: 0; }}</style>").appendTo(a("head"));a.fn.demo_controls=function(v,o){var u=a(this),t,f,p,g,e,c,x,r,m,l,h,w,d,q;if(this.length==0){return u}if(this.length>1){for(var m=0;m<this.length;m++){a(this[m]).demo_controls(v,o)}return u}x=a.extend({target:null,palette:true},o);if(v){p=a('<span class="demo-controls"><span class="property" data-name="style"><a href="#" class="title tooltip">style</a><span class="classes"></span>'+(x.palette?", ":" ")+"</span>"+(x.palette?'<span class="property active" data-name="scheme"><a href="#" class="title">scheme</a><span class="classes"><span data-class="-" class="active">default</span><span data-class="invert">invert</span></span>, </span><span class="property active" data-name="color"><a href="#" class="title">color</a><span class="classes"><span data-class="-" class="active">default</span><span data-class="color1">color1</span><span data-class="color2">color2</span><span data-class="color3">color3</span><span data-class="color4">color4</span><span data-class="color5">color5</span><span data-class="color6">color6</span><span data-class="color7">color7</span></span>, </span>':"")+"</span>")}else{p=a('<span class="demo-controls">'+(x.palette?'<span class="property active" data-name="scheme"><a href="#" class="title">scheme</a><span class="classes"><span data-class="-" class="active">default</span><span data-class="invert">invert</span></span> and </span><span class="property active" data-name="color"><a href="#" class="title">color</a><span class="classes"><span data-class="-" class="active">default</span><span data-class="color1">color1</span><span data-class="color2">color2</span><span data-class="color3">color3</span><span data-class="color4">color4</span><span data-class="color5">color5</span><span data-class="color6">color6</span><span data-class="color7">color7</span></span></span>':"")+"</span>")}switch(x.target){case"previous":u.prev().find(".demo-controls").replaceWith(p);break;default:u.find(".demo-controls").replaceWith(p);break}if(v){t=p.find('.property[data-name="style"]');f=t.children(".classes");for(m in v){r=false;q=Object.keys(v[m]).length;d=1;g=a('<span data-class="'+m+'">, '+m+"</span>").appendTo(f);if(u.hasClass(m)){g.addClass("active");r=true}for(l in v[m]){g=a('<span class="property" data-name="'+l+'" data-requires="'+m+'">'+(d==q?"<span>and </span>":"")+'<a href="#" class="title">'+l+'</a><span class="classes"></span>'+(d<q?", ":"")+"</span>").appendTo(p);e=g.children(".classes");if(r){g.addClass("active")}for(h in v[m][l]){c=a('<span data-class="'+h+'">, '+v[m][l][h].replace("*","")+"</span>").appendTo(e);if(v[m][l][h].substr(-1,1)=="*"){c.addClass("default")}if(r&&u.hasClass(h)){c.addClass("active")}}d++}}}p.on("click","a",function(i){i.preventDefault()});p.on("click",".property.active",function(s){var n=a(this);var j=n.find(".classes > *");var k=j.filter(".active");var i;if(k.length==0||k.index()==j.length-1){i=j.first()}else{i=k.next()}u.addClass("demo-animate-all");k.removeClass("active");u.removeClass(k.data("class"));i.addClass("active");u.addClass(i.data("class"));setTimeout(function(){u.removeClass("demo-animate-all")},500)});p.on("click",'.property[data-name="style"]',function(s){var n=a(this);var j=n.find(".classes > *");var k=j.filter(".active");var i;if(k.length==0||k.index()==j.length-1){i=j.first()}else{i=k.next()}u.addClass("demo-animate-all");k.removeClass("active");u.removeClass(k.data("class"));p.find('.property[data-requires="'+k.data("class")+'"]').removeClass("active");p.find('.property[data-requires="'+k.data("class")+'"] > .classes > .active').each(function(){a(this).removeClass("active");if(a(this).data("class")!="-"){u.removeClass(a(this).data("class"))}});i.addClass("active");u.addClass(i.data("class"));p.find('.property[data-requires="'+i.data("class")+'"]').addClass("active");p.find('.property[data-requires="'+i.data("class")+'"] > .classes > .default').each(function(){a(this).addClass("active");if(a(this).data("class")!="-"){u.addClass(a(this).data("class"))}});setTimeout(function(){u.removeClass("demo-animate-all")},500)})};a(".wrapper").demo_controls(null,{palette:true});a(".banner").demo_controls({style1:{size:{"-":"normal",fullscreen:"fullscreen*"},orientation:{"orient-left":"left*","orient-right":"right"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style2:{size:{"-":"normal",fullscreen:"fullscreen*"},orientation:{"orient-left":"left","orient-center":"center*","orient-right":"right"},"content alignment":{"content-align-left":"left","content-align-center":"center*","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style3:{size:{"-":"normal",fullscreen:"fullscreen*"},orientation:{"orient-left":"left","orient-right":"right*"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style4:{size:{"-":"normal",fullscreen:"fullscreen*"},"phone type":{iphone:"iphone*",android:"android"},orientation:{"orient-left":"left","orient-right":"right*"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style5:{size:{"-":"normal",fullscreen:"fullscreen*"},"content alignment":{"content-align-left":"left","content-align-center":"center*","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}}});a(".spotlight").demo_controls({style1:{orientation:{"orient-left":"left","orient-right":"right*"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left*","image-position-center":"center","image-position-right":"right"}},style2:{orientation:{"orient-left":"left","orient-right":"right*"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style3:{"phone type":{iphone:"iphone*",android:"android"},orientation:{"orient-left":"left","orient-right":"right*"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style4:{size:{"-size":"normal",fullscreen:"fullscreen*",halfscreen:"halfscreen"},orientation:{"orient-left":"left*","orient-center":"center","orient-right":"right"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}},style5:{size:{"-size":"normal",fullscreen:"fullscreen*",halfscreen:"halfscreen"},orientation:{"orient-left":"left*","orient-center":"center","orient-right":"right"},"content alignment":{"content-align-left":"left*","content-align-center":"center","content-align-right":"right"},"image position":{"image-position-left":"left","image-position-center":"center*","image-position-right":"right"}}});a(".gallery").demo_controls({style1:{size:{small:"small",medium:"medium*",big:"big"}},style2:{size:{small:"small",medium:"medium*",big:"big"}}},{target:"previous",palette:false});a(".items").demo_controls({style1:{size:{small:"small",medium:"medium*",big:"big"}},style2:{size:{small:"small",medium:"medium*",big:"big"}},style3:{size:{small:"small",medium:"medium*",big:"big"}}},{target:"previous",palette:false})})(jQuery); |