Hackerloop — Highly engaging live experiences and products that connect brands to customers

'),p(),B.$holder=a(n()).appendTo(B.$root),q(),x.formatSubmit&&r(),o(),x.containerHidden?a(x.containerHidden).append(B._hidden):z.after(B._hidden),x.container?a(x.container).append(B.$root):z.after(B.$root),B.on({start:B.component.onStart,render:B.component.onRender,stop:B.component.onStop,open:B.component.onOpen,close:B.component.onClose,set:B.component.onSet}).on({start:x.onStart,render:x.onRender,stop:x.onStop,open:x.onOpen,close:x.onClose,set:x.onSet}),v=c(B.$holder[0]),f.autofocus&&B.open(),B.trigger("start").trigger("render"))},render:function(b){return b?(B.$holder=a(n()),q(),B.$root.html(B.$holder)):B.$root.find("."+y.box).html(B.component.nodes(w.open)),B.trigger("render")},stop:function(){return w.start?(B.close(),B._hidden&&B._hidden.parentNode.removeChild(B._hidden),B.$root.remove(),z.removeClass(y.input).removeData(g),setTimeout(function(){z.off("."+w.id)},0),f.type=w.type,f.readOnly=!1,B.trigger("stop"),w.methods={},w.start=!1,B):B},open:function(c){return w.open?B:(z.addClass(y.active),e(f,"expanded",!0),setTimeout(function(){B.$root.addClass(y.opened),e(B.$root[0],"hidden",!1)},0),c!==!1&&(w.open=!0,v&&k.css("overflow","hidden").css("padding-right","+="+d()),s(),j.on("click."+w.id+" focusin."+w.id,function(a){var b=a.target;b!=f&&b!=document&&3!=a.which&&B.close(b===B.$holder[0])}).on("keydown."+w.id,function(c){var d=c.keyCode,e=B.component.key[d],f=c.target;27==d?B.close(!0):f!=B.$holder[0]||!e&&13!=d?a.contains(B.$root[0],f)&&13==d&&(c.preventDefault(),f.click()):(c.preventDefault(),e?b._.trigger(B.component.key.go,B,[b._.trigger(e)]):B.$root.find("."+y.highlighted).hasClass(y.disabled)||(B.set("select",B.component.item.highlight),x.closeOnSelect&&B.close(!0)))})),B.trigger("open"))},close:function(a){return a&&(x.editable?f.focus():(B.$holder.off("focus.toOpen").focus(),setTimeout(function(){B.$holder.on("focus.toOpen",t)},0))),z.removeClass(y.active),e(f,"expanded",!1),setTimeout(function(){B.$root.removeClass(y.opened+" "+y.focused),e(B.$root[0],"hidden",!0)},0),w.open?(w.open=!1,v&&k.css("overflow","").css("padding-right","-="+d()),j.off("."+w.id),B.trigger("close")):B},clear:function(a){return B.set("clear",null,a)},set:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(d=g&&a.isPlainObject(c)?c:d||{},b){g||(h[b]=c);for(e in h)f=h[e],e in B.component.item&&(void 0===f&&(f=null),B.component.set(e,f,d)),("select"==e||"clear"==e)&&z.val("clear"==e?"":B.get(e,x.format)).trigger("change");B.render()}return d.muted?B:B.trigger("set",h)},get:function(a,c){if(a=a||"value",null!=w[a])return w[a];if("valueSubmit"==a){if(B._hidden)return B._hidden.value;a="value"}if("value"==a)return f.value;if(a in B.component.item){if("string"==typeof c){var d=B.component.get(a);return d?b._.trigger(B.component.formats.toString,B.component,[c,d]):""}return B.component.get(a)}},on:function(b,c,d){var e,f,g=a.isPlainObject(b),h=g?b:{};if(b){g||(h[b]=c);for(e in h)f=h[e],d&&(e="_"+e),w.methods[e]=w.methods[e]||[],w.methods[e].push(f)}return B},off:function(){var a,b,c=arguments;for(a=0,namesCount=c.length;a').appendTo("body"),c=b[0].offsetWidth;b.css("overflow","scroll");var d=a('

').appendTo(b),e=d[0].offsetWidth;return b.remove(),c-e}function e(b,c,d){if(a.isPlainObject(c))for(var e in c)f(b,e,c[e]);else f(b,c,d)}function f(a,b,c){a.setAttribute(("role"==b?"":"aria-")+b,c)}function g(b,c){a.isPlainObject(b)||(b={attribute:c}),c="";for(var d in b){var e=("role"==d?"":"aria-")+d,f=b[d];c+=null==f?"":e+'="'+b[d]+'"'}return c}function h(){try{return document.activeElement}catch(a){}}var i=a(window),j=a(document),k=a(document.documentElement),l=null!=document.documentElement.style.transition;return b.klasses=function(a){return a=a||"picker",{picker:a,opened:a+"--opened",focused:a+"--focused",input:a+"__input",active:a+"__input--active",target:a+"__input--target",holder:a+"__holder",frame:a+"__frame",wrap:a+"__wrap",box:a+"__box"}},b._={group:function(a){for(var c,d="",e=b._.trigger(a.min,a);e<=b._.trigger(a.max,a,[e]);e+=a.i)c=b._.trigger(a.item,a,[e]),d+=b._.node(a.node,c[0],c[1],c[2]);return d},node:function(b,c,d,e){return c?(c=a.isArray(c)?c.join(""):c,d=d?' class="'+d+'"':"",e=e?" "+e:"","<"+b+d+e+">"+c+""):""},lead:function(a){return(10>a?"0":"")+a},trigger:function(a,b,c){return"function"==typeof a?a.apply(b,c||[]):a},digits:function(a){return/\d/.test(a[1])?2:1},isDate:function(a){return{}.toString.call(a).indexOf("Date")>-1&&this.isInteger(a.getDate())},isInteger:function(a){return{}.toString.call(a).indexOf("Number")>-1&&a%1===0},ariaAttr:g},b.extend=function(c,d){a.fn[c]=function(e,f){var g=this.data(c);return"picker"==e?g:g&&"string"==typeof e?b._.trigger(g[e],g,[f]):this.each(function(){var f=a(this);f.data(c)||new b(this,c,d,e)})},a.fn[c].defaults=d.defaults},b}); + +/*! + * Date picker for pickadate.js v3.5.6 + * http://amsul.github.io/pickadate.js/date.htm + */ +!function(a){"function"==typeof define&&define.amd?define(["picker","jquery"],a):"object"==typeof exports?module.exports=a(require("./picker.js"),require("jquery")):a(Picker,jQuery)}(function(a,b){function c(a,b){var c=this,d=a.$node[0],e=d.value,f=a.$node.data("value"),g=f||e,h=f?b.formatSubmit:b.format,i=function(){return d.currentStyle?"rtl"==d.currentStyle.direction:"rtl"==getComputedStyle(a.$root[0]).direction};c.settings=b,c.$node=a.$node,c.queue={min:"measure create",max:"measure create",now:"now create",select:"parse create validate",highlight:"parse navigate create validate",view:"parse create validate viewset",disable:"deactivate",enable:"activate"},c.item={},c.item.clear=null,c.item.disable=(b.disable||[]).slice(0),c.item.enable=-function(a){return a[0]===!0?a.shift():-1}(c.item.disable),c.set("min",b.min).set("max",b.max).set("now"),g?c.set("select",g,{format:h,defaultValue:!0}):c.set("select",null).set("highlight",c.item.now),c.key={40:7,38:-7,39:function(){return i()?-1:1},37:function(){return i()?1:-1},go:function(a){var b=c.item.highlight,d=new Date(b.year,b.month,b.date+a);c.set("highlight",d,{interval:a}),this.render()}},a.on("render",function(){a.$root.find("."+b.klass.selectMonth).on("change",function(){var c=this.value;c&&(a.set("highlight",[a.get("view").year,c,a.get("highlight").date]),a.$root.find("."+b.klass.selectMonth).trigger("focus"))}),a.$root.find("."+b.klass.selectYear).on("change",function(){var c=this.value;c&&(a.set("highlight",[c,a.get("view").month,a.get("highlight").date]),a.$root.find("."+b.klass.selectYear).trigger("focus"))})},1).on("open",function(){var d="";c.disabled(c.get("now"))&&(d=":not(."+b.klass.buttonToday+")"),a.$root.find("button"+d+", select").attr("disabled",!1)},1).on("close",function(){a.$root.find("button, select").attr("disabled",!0)},1)}var d=7,e=6,f=a._;c.prototype.set=function(a,b,c){var d=this,e=d.item;return null===b?("clear"==a&&(a="select"),e[a]=b,d):(e["enable"==a?"disable":"flip"==a?"enable":a]=d.queue[a].split(" ").map(function(e){return b=d[e](a,b,c)}).pop(),"select"==a?d.set("highlight",e.select,c):"highlight"==a?d.set("view",e.highlight,c):a.match(/^(flip|min|max|disable|enable)$/)&&(e.select&&d.disabled(e.select)&&d.set("select",e.select,c),e.highlight&&d.disabled(e.highlight)&&d.set("highlight",e.highlight,c)),d)},c.prototype.get=function(a){return this.item[a]},c.prototype.create=function(a,c,d){var e,g=this;return c=void 0===c?a:c,c==-(1/0)||c==1/0?e=c:b.isPlainObject(c)&&f.isInteger(c.pick)?c=c.obj:b.isArray(c)?(c=new Date(c[0],c[1],c[2]),c=f.isDate(c)?c:g.create().obj):c=f.isInteger(c)||f.isDate(c)?g.normalize(new Date(c),d):g.now(a,c,d),{year:e||c.getFullYear(),month:e||c.getMonth(),date:e||c.getDate(),day:e||c.getDay(),obj:e||c,pick:e||c.getTime()}},c.prototype.createRange=function(a,c){var d=this,e=function(a){return a===!0||b.isArray(a)||f.isDate(a)?d.create(a):a};return f.isInteger(a)||(a=e(a)),f.isInteger(c)||(c=e(c)),f.isInteger(a)&&b.isPlainObject(c)?a=[c.year,c.month,c.date+a]:f.isInteger(c)&&b.isPlainObject(a)&&(c=[a.year,a.month,a.date+c]),{from:e(a),to:e(c)}},c.prototype.withinRange=function(a,b){return a=this.createRange(a.from,a.to),b.pick>=a.from.pick&&b.pick<=a.to.pick},c.prototype.overlapRanges=function(a,b){var c=this;return a=c.createRange(a.from,a.to),b=c.createRange(b.from,b.to),c.withinRange(a,b.from)||c.withinRange(a,b.to)||c.withinRange(b,a.from)||c.withinRange(b,a.to)},c.prototype.now=function(a,b,c){return b=new Date,c&&c.rel&&b.setDate(b.getDate()+c.rel),this.normalize(b,c)},c.prototype.navigate=function(a,c,d){var e,f,g,h,i=b.isArray(c),j=b.isPlainObject(c),k=this.item.view;if(i||j){for(j?(f=c.year,g=c.month,h=c.date):(f=+c[0],g=+c[1],h=+c[2]),d&&d.nav&&k&&k.month!==g&&(f=k.year,g=k.month),e=new Date(f,g+(d&&d.nav?d.nav:0),1),f=e.getFullYear(),g=e.getMonth();new Date(f,g,h).getMonth()!==g;)h-=1;c=[f,g,h]}return c},c.prototype.normalize=function(a){return a.setHours(0,0,0,0),a},c.prototype.measure=function(a,b){var c=this;return b?"string"==typeof b?b=c.parse(a,b):f.isInteger(b)&&(b=c.now(a,b,{rel:b})):b="min"==a?-(1/0):1/0,b},c.prototype.viewset=function(a,b){return this.create([b.year,b.month,1])},c.prototype.validate=function(a,c,d){var e,g,h,i,j=this,k=c,l=d&&d.interval?d.interval:1,m=-1===j.item.enable,n=j.item.min,o=j.item.max,p=m&&j.item.disable.filter(function(a){if(b.isArray(a)){var d=j.create(a).pick;dc.pick&&(g=!0)}return f.isInteger(a)}).length;if((!d||!d.nav&&!d.defaultValue)&&(!m&&j.disabled(c)||m&&j.disabled(c)&&(p||e||g)||!m&&(c.pick<=n.pick||c.pick>=o.pick)))for(m&&!p&&(!g&&l>0||!e&&0>l)&&(l*=-1);j.disabled(c)&&(Math.abs(l)>1&&(c.monthk.month)&&(c=k,l=l>0?1:-1),c.pick<=n.pick?(h=!0,l=1,c=j.create([n.year,n.month,n.date+(c.pick===n.pick?0:-1)])):c.pick>=o.pick&&(i=!0,l=-1,c=j.create([o.year,o.month,o.date+(c.pick===o.pick?0:1)])),!h||!i);)c=j.create([c.year,c.month,c.date+l]);return c},c.prototype.disabled=function(a){var c=this,d=c.item.disable.filter(function(d){return f.isInteger(d)?a.day===(c.settings.firstDay?d:d-1)%7:b.isArray(d)||f.isDate(d)?a.pick===c.create(d).pick:b.isPlainObject(d)?c.withinRange(d,a):void 0});return d=d.length&&!d.filter(function(a){return b.isArray(a)&&"inverted"==a[3]||b.isPlainObject(a)&&a.inverted}).length,-1===c.item.enable?!d:d||a.pickc.item.max.pick},c.prototype.parse=function(a,b,c){var d=this,e={};return b&&"string"==typeof b?(c&&c.format||(c=c||{},c.format=d.settings.format),d.formats.toArray(c.format).map(function(a){var c=d.formats[a],g=c?f.trigger(c,d,[b,e]):a.replace(/^!/,"").length;c&&(e[a]=b.substr(0,g)),b=b.substr(g)}),[e.yyyy||e.yy,+(e.mm||e.m)-1,e.dd||e.d]):b},c.prototype.formats=function(){function a(a,b,c){var d=a.match(/[^\x00-\x7F]+|\w+/)[0];return c.mm||c.m||(c.m=b.indexOf(d)+1),d.length}function b(a){return a.match(/\w+/)[0].length}return{d:function(a,b){return a?f.digits(a):b.date},dd:function(a,b){return a?2:f.lead(b.date)},ddd:function(a,c){return a?b(a):this.settings.weekdaysShort[c.day]},dddd:function(a,c){return a?b(a):this.settings.weekdaysFull[c.day]},m:function(a,b){return a?f.digits(a):b.month+1},mm:function(a,b){return a?2:f.lead(b.month+1)},mmm:function(b,c){var d=this.settings.monthsShort;return b?a(b,d,c):d[c.month]},mmmm:function(b,c){var d=this.settings.monthsFull;return b?a(b,d,c):d[c.month]},yy:function(a,b){return a?2:(""+b.year).slice(2)},yyyy:function(a,b){return a?4:b.year},toArray:function(a){return a.split(/(d{1,4}|m{1,4}|y{4}|yy|!.)/g)},toString:function(a,b){var c=this;return c.formats.toArray(a).map(function(a){return f.trigger(c.formats[a],c,[0,b])||a.replace(/^!/,"")}).join("")}}}(),c.prototype.isDateExact=function(a,c){var d=this;return f.isInteger(a)&&f.isInteger(c)||"boolean"==typeof a&&"boolean"==typeof c?a===c:(f.isDate(a)||b.isArray(a))&&(f.isDate(c)||b.isArray(c))?d.create(a).pick===d.create(c).pick:b.isPlainObject(a)&&b.isPlainObject(c)?d.isDateExact(a.from,c.from)&&d.isDateExact(a.to,c.to):!1},c.prototype.isDateOverlap=function(a,c){var d=this,e=d.settings.firstDay?1:0;return f.isInteger(a)&&(f.isDate(c)||b.isArray(c))?(a=a%7+e,a===d.create(c).day+1):f.isInteger(c)&&(f.isDate(a)||b.isArray(a))?(c=c%7+e,c===d.create(a).day+1):b.isPlainObject(a)&&b.isPlainObject(c)?d.overlapRanges(a,c):!1},c.prototype.flipEnable=function(a){var b=this.item;b.enable=a||(-1==b.enable?1:-1)},c.prototype.deactivate=function(a,c){var d=this,e=d.item.disable.slice(0);return"flip"==c?d.flipEnable():c===!1?(d.flipEnable(1),e=[]):c===!0?(d.flipEnable(-1),e=[]):c.map(function(a){for(var c,g=0;gi;i+=1){if(h=e[i],d.isDateExact(h,a)){c=e[i]=null,j=!0;break}if(d.isDateOverlap(h,a)){b.isPlainObject(a)?(a.inverted=!0,c=a):b.isArray(a)?(c=a,c[3]||c.push("inverted")):f.isDate(a)&&(c=[a.getFullYear(),a.getMonth(),a.getDate(),"inverted"]);break}}if(c)for(i=0;g>i;i+=1)if(d.isDateExact(e[i],a)){e[i]=null;break}if(j)for(i=0;g>i;i+=1)if(d.isDateOverlap(e[i],a)){e[i]=null;break}c&&e.push(c)}),e.filter(function(a){return null!=a})},c.prototype.nodes=function(a){var b=this,c=b.settings,g=b.item,h=g.now,i=g.select,j=g.highlight,k=g.view,l=g.disable,m=g.min,n=g.max,o=function(a,b){return c.firstDay&&(a.push(a.shift()),b.push(b.shift())),f.node("thead",f.node("tr",f.group({min:0,max:d-1,i:1,node:"th",item:function(d){return[a[d],c.klass.weekdays,'scope=col title="'+b[d]+'"']}})))}((c.showWeekdaysFull?c.weekdaysFull:c.weekdaysShort).slice(0),c.weekdaysFull.slice(0)),p=function(a){return f.node("div"," ",c.klass["nav"+(a?"Next":"Prev")]+(a&&k.year>=n.year&&k.month>=n.month||!a&&k.year<=m.year&&k.month<=m.month?" "+c.klass.navDisabled:""),"data-nav="+(a||-1)+" "+f.ariaAttr({role:"button",controls:b.$node[0].id+"_table"})+' title="'+(a?c.labelMonthNext:c.labelMonthPrev)+'"')},q=function(){var d=c.showMonthsShort?c.monthsShort:c.monthsFull;return c.selectMonths?f.node("select",f.group({min:0,max:11,i:1,node:"option",item:function(a){return[d[a],0,"value="+a+(k.month==a?" selected":"")+(k.year==m.year&&an.month?" disabled":"")]}}),c.klass.selectMonth,(a?"":"disabled")+" "+f.ariaAttr({controls:b.$node[0].id+"_table"})+' title="'+c.labelMonthSelect+'"'):f.node("div",d[k.month],c.klass.month)},r=function(){var d=k.year,e=c.selectYears===!0?5:~~(c.selectYears/2);if(e){var g=m.year,h=n.year,i=d-e,j=d+e;if(g>i&&(j+=g-i,i=g),j>h){var l=i-g,o=j-h;i-=l>o?o:l,j=h}return f.node("select",f.group({min:i,max:j,i:1,node:"option",item:function(a){return[a,0,"value="+a+(d==a?" selected":"")]}}),c.klass.selectYear,(a?"":"disabled")+" "+f.ariaAttr({controls:b.$node[0].id+"_table"})+' title="'+c.labelYearSelect+'"')}return f.node("div",d,c.klass.year)};return f.node("div",(c.selectYears?r()+q():q()+r())+p()+p(1),c.klass.header)+f.node("table",o+f.node("tbody",f.group({min:0,max:e-1,i:1,node:"tr",item:function(a){var e=c.firstDay&&0===b.create([k.year,k.month,1]).day?-7:0;return[f.group({min:d*a-k.day+e+1,max:function(){return this.min+d-1},i:1,node:"td",item:function(a){a=b.create([k.year,k.month,a+(c.firstDay?1:0)]);var d=i&&i.pick==a.pick,e=j&&j.pick==a.pick,g=l&&b.disabled(a)||a.pickn.pick,o=f.trigger(b.formats.toString,b,[c.format,a]);return[f.node("div",a.date,function(b){return b.push(k.month==a.month?c.klass.infocus:c.klass.outfocus),h.pick==a.pick&&b.push(c.klass.now),d&&b.push(c.klass.selected),e&&b.push(c.klass.highlighted),g&&b.push(c.klass.disabled),b.join(" ")}([c.klass.day]),"data-pick="+a.pick+" "+f.ariaAttr({role:"gridcell",label:o,selected:d&&b.$node.val()===o?!0:null,activedescendant:e?!0:null,disabled:g?!0:null})),"",f.ariaAttr({role:"presentation"})]}})]}})),c.klass.table,'id="'+b.$node[0].id+'_table" '+f.ariaAttr({role:"grid",controls:b.$node[0].id,readonly:!0}))+f.node("div",f.node("button",c.today,c.klass.buttonToday,"type=button data-pick="+h.pick+(a&&!b.disabled(h)?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id}))+f.node("button",c.clear,c.klass.buttonClear,"type=button data-clear=1"+(a?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id}))+f.node("button",c.close,c.klass.buttonClose,"type=button data-close=true "+(a?"":" disabled")+" "+f.ariaAttr({controls:b.$node[0].id})),c.klass.footer)},c.defaults=function(a){return{labelMonthNext:"Next month",labelMonthPrev:"Previous month",labelMonthSelect:"Select a month",labelYearSelect:"Select a year",monthsFull:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],weekdaysFull:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],today:"Today",clear:"Clear",close:"Close",closeOnSelect:!0,closeOnClear:!0,format:"d mmmm, yyyy",klass:{table:a+"table",header:a+"header",navPrev:a+"nav--prev",navNext:a+"nav--next",navDisabled:a+"nav--disabled",month:a+"month",year:a+"year",selectMonth:a+"select--month",selectYear:a+"select--year",weekdays:a+"weekday",day:a+"day",disabled:a+"day--disabled",selected:a+"day--selected",highlighted:a+"day--highlighted",now:a+"day--today",infocus:a+"day--infocus",outfocus:a+"day--outfocus",footer:a+"footer",buttonClear:a+"button--clear",buttonToday:a+"button--today",buttonClose:a+"button--close"}}}(a.klasses().picker+"__"),a.extend("pickadate",c)}); \ No newline at end of file diff --git a/js/easypiechart.min.js b/js/easypiechart.min.js new file mode 100644 index 0000000..efa45d0 --- /dev/null +++ b/js/easypiechart.min.js @@ -0,0 +1,9 @@ +/**! + * easy-pie-chart + * Lightweight plugin to render simple, animated and retina optimized pie charts + * + * @license + * @author Robert Fleischmann (http://robert-fleischmann.de) + * @version 2.1.7 + **/ +!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"object"==typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.trackWidth||b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,trackWidth:void 0,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(a,b){},onStep:function(a,b,c){},onStop:function(a,b){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));"string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?e.easing=jQuery.easing[e.easing]:e.easing=d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}}); \ No newline at end of file diff --git a/js/flickity.min.js b/js/flickity.min.js new file mode 100644 index 0000000..2cd2cd0 --- /dev/null +++ b/js/flickity.min.js @@ -0,0 +1,13 @@ +/*! + * Flickity PACKAGED v2.0.2 + * Touch, responsive, flickable carousels + * + * Licensed GPLv3 for open source use + * or Flickity Commercial License for commercial use + * + * http://flickity.metafizzy.co + * Copyright 2016 Metafizzy + */ + +!function(t,e){"use strict";"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,o,a){function h(t,e,n){var s,o="$()."+i+'("'+e+'")';return t.each(function(t,h){var l=a.data(h,i);if(!l)return void r(i+" not initialized. Cannot call methods, i.e. "+o);var c=l[e];if(!c||"_"==e.charAt(0))return void r(o+" is not a valid method");var d=c.apply(l,n);s=void 0===s?d:s}),void 0!==s?s:t}function l(t,e){t.each(function(t,n){var s=a.data(n,i);s?(s.option(e),s._init()):(s=new o(n,e),a.data(n,i,s))})}a=a||e||t.jQuery,a&&(o.prototype.option||(o.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=s.call(arguments,1);return h(this,t,e)}return l(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=i)}var s=Array.prototype.slice,o=t.console,r="undefined"==typeof o?function(){}:function(t){o.error(t)};return n(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return n.indexOf(e)==-1&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||{};return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return n!=-1&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=0,s=i[n];e=e||[];for(var o=this._onceEvents&&this._onceEvents[t];s;){var r=o&&o[s];r&&(this.off(t,s),delete o[s]),s.apply(this,e),n+=r?0:1,s=i[n]}return this}},t}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("get-size/get-size",[],function(){return e()}):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=t.indexOf("%")==-1&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e1&&(t=e.modulo(t,this.slideableWidth),t-=this.slideableWidth,this.shiftWrapCells(t)),t+=this.cursorPosition,t=this.options.rightToLeft&&o?-t:t;var i=this.getPositionValue(t);this.slider.style[o]=this.isAnimating?"translate3d("+i+",0,0)":"translateX("+i+")";var n=this.slides[0];if(n){var s=-this.x-n.target,r=s/this.slidesWidth;this.dispatchEvent("scroll",null,[r,s])}},s.positionSliderAtSelected=function(){this.cells.length&&(this.x=-this.selectedSlide.target,this.positionSlider())},s.getPositionValue=function(t){return this.options.percentPosition?.01*Math.round(t/this.size.innerWidth*1e4)+"%":Math.round(t)+"px"},s.settle=function(t){this.isPointerDown||Math.round(100*this.x)!=Math.round(100*t)||this.restingFrames++,this.restingFrames>2&&(this.isAnimating=!1,delete this.isFreeScrolling,this.positionSlider(),this.dispatchEvent("settle"))},s.shiftWrapCells=function(t){var e=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,e,-1);var i=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,i,1)},s._shiftCells=function(t,e,i){for(var n=0;n0?i:0;s.wrapShift(o),e-=s.size.outerWidth}},s._unshiftCells=function(t){if(t&&t.length)for(var e=0;e0){var i=this.cells[t-1];e=i.x+i.size.outerWidth}for(var n=this.cells.length,s=t;s0;){var s=this.cells[e];if(!s)break;n.push(s),e+=i,t-=s.size.outerWidth}return n},p._containSlides=function(){if(this.options.contain&&!this.options.wrapAround&&this.cells.length){var t=this.options.rightToLeft,e=t?"marginRight":"marginLeft",i=t?"marginLeft":"marginRight",n=this.slideableWidth-this.getLastCell().size[i],s=n1;if(!i)return t;var s=n.modulo(t,e),o=Math.abs(s-this.selectedIndex),r=Math.abs(s+e-this.selectedIndex),a=Math.abs(s-e-this.selectedIndex);!this.isDragSelect&&r=e&&(this.x+=this.slideableWidth)},p.previous=function(t){this.select(this.selectedIndex-1,t)},p.next=function(t){this.select(this.selectedIndex+1,t)},p.updateSelectedSlide=function(){var t=this.slides[this.selectedIndex];t&&(this.unselectSelectedSlide(),this.selectedSlide=t,t.select(),this.selectedCells=t.cells,this.selectedElements=t.getCellElements(),this.selectedCell=t.cells[0],this.selectedElement=this.selectedElements[0])},p.unselectSelectedSlide=function(){this.selectedSlide&&this.selectedSlide.unselect()},p.selectCell=function(t,e,i){var n;"number"==typeof t?n=this.cells[t]:("string"==typeof t&&(t=this.element.querySelector(t)),n=this.getCell(t));for(var s=0;n&&s *"),this.getCell(t))},p.getAdjacentCellElements=function(t,e){if(!t)return this.selectedSlide.getCellElements();e=void 0===e?this.selectedIndex:e;var i=this.slides.length;if(1+2*t>=i)return this.getCellElements();for(var s=[],o=e-t;o<=e+t;o++){var r=this.options.wrapAround?n.modulo(o,i):o,a=this.slides[r];a&&(s=s.concat(a.getCellElements()))}return s},p.uiChange=function(){this.emitEvent("uiChange")},p.childUIPointerDown=function(t){this.emitEvent("childUIPointerDown",[t])},p.onresize=function(){this.watchCSS(),this.resize()},n.debounceMethod(h,"onresize",150),p.resize=function(){if(this.isActive){this.getSize(),this.options.wrapAround&&(this.x=n.modulo(this.x,this.slideableWidth)),this.positionCells(),this._getWrapShiftCells(),this.setGallerySize(),this.emitEvent("resize");var t=this.selectedElements&&this.selectedElements[0];this.selectCell(t,!1,!0)}},p.watchCSS=function(){var t=this.options.watchCSS;if(t){var e=c(this.element,":after").content;e.indexOf("flickity")!=-1?this.activate():this.deactivate()}},p.onkeydown=function(t){if(this.options.accessibility&&(!document.activeElement||document.activeElement==this.element))if(37==t.keyCode){var e=this.options.rightToLeft?"next":"previous";this.uiChange(),this[e]()}else if(39==t.keyCode){var i=this.options.rightToLeft?"previous":"next";this.uiChange(),this[i]()}},p.deactivate=function(){this.isActive&&(this.element.classList.remove("flickity-enabled"),this.element.classList.remove("flickity-rtl"),this.cells.forEach(function(t){t.destroy()}),this.unselectSelectedSlide(),this.element.removeChild(this.viewport),a(this.slider.children,this.element),this.options.accessibility&&(this.element.removeAttribute("tabIndex"),this.element.removeEventListener("keydown",this)),this.isActive=!1,this.emitEvent("deactivate"))},p.destroy=function(){this.deactivate(),t.removeEventListener("resize",this),this.emitEvent("destroy"),l&&this.$element&&l.removeData(this.element,"flickity"),delete this.element.flickityGUID,delete f[this.guid]},n.extend(p,r),h.data=function(t){t=n.getQueryElement(t);var e=t&&t.flickityGUID;return e&&f[e]},n.htmlInit(h,"flickity"),l&&l.bridget&&l.bridget("flickity",h),h.Cell=s,h}),function(t,e){"function"==typeof define&&define.amd?define("unipointer/unipointer",["ev-emitter/ev-emitter"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.Unipointer=e(t,t.EvEmitter)}(window,function(t,e){function i(){}function n(){}var s=n.prototype=Object.create(e.prototype);s.bindStartEvent=function(t){this._bindStartEvent(t,!0)},s.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},s._bindStartEvent=function(e,i){i=void 0===i||!!i;var n=i?"addEventListener":"removeEventListener";t.navigator.pointerEnabled?e[n]("pointerdown",this):t.navigator.msPointerEnabled?e[n]("MSPointerDown",this):(e[n]("mousedown",this),e[n]("touchstart",this))},s.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},s.getTouch=function(t){for(var e=0;e3||Math.abs(t.y)>3},s.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},s._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},s._dragStart=function(t,i){this.isDragging=!0,this.dragStartPoint=e.getPointerPoint(i),this.isPreventingClicks=!0,this.dragStart(t,i)},s.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},s._dragMove=function(t,e,i){this.isDragging&&this.dragMove(t,e,i)},s.dragMove=function(t,e,i){t.preventDefault(),this.emitEvent("dragMove",[t,e,i])},s._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},s.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},s.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},s._staticClick=function(t,e){if(!this.isIgnoringMouseUp||"mouseup"!=t.type){var i=t.target.nodeName;"INPUT"!=i&&"TEXTAREA"!=i||t.target.focus(),this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400))}},s.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},n.getPointerPoint=e.getPointerPoint,n}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/drag",["./flickity","unidragger/unidragger","fizzy-ui-utils/utils"],function(i,n,s){return e(t,i,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("unidragger"),require("fizzy-ui-utils")):t.Flickity=e(t,t.Flickity,t.Unidragger,t.fizzyUIUtils)}(window,function(t,e,i,n){function s(){return{x:t.pageXOffset,y:t.pageYOffset}}n.extend(e.defaults,{draggable:!0,dragThreshold:3}),e.createMethods.push("_createDrag");var o=e.prototype;n.extend(o,i.prototype),o._createDrag=function(){this.on("activate",this.bindDrag),this.on("uiChange",this._uiChangeDrag),this.on("childUIPointerDown",this._childUIPointerDownDrag),this.on("deactivate",this.unbindDrag)},o.bindDrag=function(){this.options.draggable&&!this.isDragBound&&(this.element.classList.add("is-draggable"),this.handles=[this.viewport],this.bindHandles(),this.isDragBound=!0)},o.unbindDrag=function(){this.isDragBound&&(this.element.classList.remove("is-draggable"),this.unbindHandles(),delete this.isDragBound)},o._uiChangeDrag=function(){delete this.isFreeScrolling},o._childUIPointerDownDrag=function(t){t.preventDefault(),this.pointerDownFocus(t)};var r={TEXTAREA:!0,INPUT:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};o.pointerDown=function(e,i){var n=r[e.target.nodeName]&&!a[e.target.type];if(n)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(e,i);var o=document.activeElement;o&&o.blur&&o!=this.element&&o!=document.body&&o.blur(),this.pointerDownFocus(e),this.dragX=this.x,this.viewport.classList.add("is-pointer-down"),this._bindPostStartEvents(e),this.pointerDownScroll=s(),t.addEventListener("scroll",this),this.dispatchEvent("pointerDown",e,[i])};var h={touchstart:!0,MSPointerDown:!0},l={INPUT:!0,SELECT:!0};return o.pointerDownFocus=function(e){if(this.options.accessibility&&!h[e.type]&&!l[e.target.nodeName]){var i=t.pageYOffset;this.element.focus(),t.pageYOffset!=i&&t.scrollTo(t.pageXOffset,i)}},o.canPreventDefaultOnPointerDown=function(t){var e="touchstart"==t.type,i=t.target.nodeName;return!e&&"SELECT"!=i},o.hasDragStarted=function(t){return Math.abs(t.x)>this.options.dragThreshold},o.pointerUp=function(t,e){delete this.isTouchScrolling,this.viewport.classList.remove("is-pointer-down"),this.dispatchEvent("pointerUp",t,[e]),this._dragPointerUp(t,e)},o.pointerDone=function(){t.removeEventListener("scroll",this),delete this.pointerDownScroll},o.dragStart=function(t,e){this.dragStartPosition=this.x,this.startAnimation(),this.dispatchEvent("dragStart",t,[e])},o.pointerMove=function(t,e){var i=this._dragPointerMove(t,e);this.dispatchEvent("pointerMove",t,[e,i]),this._dragMove(t,e,i)},o.dragMove=function(t,e,i){t.preventDefault(),this.previousDragX=this.dragX;var n=this.options.rightToLeft?-1:1,s=this.dragStartPosition+i.x*n;if(!this.options.wrapAround&&this.slides.length){var o=Math.max(-this.slides[0].target,this.dragStartPosition);s=s>o?.5*(s+o):s;var r=Math.min(-this.getLastSlide().target,this.dragStartPosition);s=sthis.slides[0].target&&-n1,o=s?n.modulo(e,i):e,r=this.slides[o];if(!r)return null;var a=s?this.slideableWidth*Math.floor(e/i):0;return t-(r.target+a)},o.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;var t=this.getSlideDistance(-this.dragX,this.selectedIndex),e=this.previousDragX-this.dragX;return t>0&&e>0?1:t<0&&e<0?-1:0},o.staticClick=function(t,e){var i=this.getParentCell(t.target),n=i&&i.element,s=i&&this.cells.indexOf(i);this.dispatchEvent("staticClick",t,[e,n,s])},o.onscroll=function(){var t=s(),e=this.pointerDownScroll.x-t.x,i=this.pointerDownScroll.y-t.y;(Math.abs(e)>3||Math.abs(i)>3)&&this._pointerDone()},e}),function(t,e){"function"==typeof define&&define.amd?define("tap-listener/tap-listener",["unipointer/unipointer"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("unipointer")):t.TapListener=e(t,t.Unipointer)}(window,function(t,e){function i(t){this.bindTap(t)}var n=i.prototype=Object.create(e.prototype);return n.bindTap=function(t){t&&(this.unbindTap(),this.tapElement=t,this._bindStartEvent(t,!0))},n.unbindTap=function(){this.tapElement&&(this._bindStartEvent(this.tapElement,!0),delete this.tapElement)},n.pointerUp=function(i,n){if(!this.isIgnoringMouseUp||"mouseup"!=i.type){var s=e.getPointerPoint(n),o=this.tapElement.getBoundingClientRect(),r=t.pageXOffset,a=t.pageYOffset,h=s.x>=o.left+r&&s.x<=o.right+r&&s.y>=o.top+a&&s.y<=o.bottom+a;if(h&&this.emitEvent("tap",[i,n]),"mouseup"!=i.type){this.isIgnoringMouseUp=!0;var l=this;setTimeout(function(){delete l.isIgnoringMouseUp},400)}}},n.destroy=function(){this.pointerDone(),this.unbindTap()},i}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/prev-next-button",["./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(i,n,s){return e(t,i,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,i,n){"use strict";function s(t,e){this.direction=t,this.parent=e,this._create()}function o(t){return"string"==typeof t?t:"M "+t.x0+",50 L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50 L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}var r="http://www.w3.org/2000/svg";s.prototype=new i,s.prototype._create=function(){this.isEnabled=!0,this.isPrevious=this.direction==-1;var t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;var e=this.element=document.createElement("button");e.className="flickity-prev-next-button",e.className+=this.isPrevious?" previous":" next",e.setAttribute("type","button"),this.disable(),e.setAttribute("aria-label",this.isPrevious?"previous":"next");var i=this.createSVG();e.appendChild(i),this.parent.on("select",function(){this.update()}.bind(this)),this.on("tap",this.onTap),this.on("pointerDown",function(t,e){this.parent.childUIPointerDown(e)}.bind(this))},s.prototype.activate=function(){this.bindTap(this.element),this.element.addEventListener("click",this),this.parent.element.appendChild(this.element)},s.prototype.deactivate=function(){this.parent.element.removeChild(this.element),i.prototype.destroy.call(this),this.element.removeEventListener("click",this)},s.prototype.createSVG=function(){var t=document.createElementNS(r,"svg");t.setAttribute("viewBox","0 0 100 100");var e=document.createElementNS(r,"path"),i=o(this.parent.options.arrowShape);return e.setAttribute("d",i),e.setAttribute("class","arrow"),this.isLeft||e.setAttribute("transform","translate(100, 100) rotate(180) "),t.appendChild(e),t},s.prototype.onTap=function(){if(this.isEnabled){this.parent.uiChange();var t=this.isPrevious?"previous":"next";this.parent[t]()}},s.prototype.handleEvent=n.handleEvent,s.prototype.onclick=function(){var t=document.activeElement;t&&t==this.element&&this.onTap()},s.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},s.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},s.prototype.update=function(){var t=this.parent.slides;if(this.parent.options.wrapAround&&t.length>1)return void this.enable();var e=t.length?t.length-1:0,i=this.isPrevious?0:e,n=this.parent.selectedIndex==i?"disable":"enable";this[n]()},s.prototype.destroy=function(){this.deactivate()},n.extend(e.defaults,{prevNextButtons:!0,arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),e.createMethods.push("_createPrevNextButtons");var a=e.prototype;return a._createPrevNextButtons=function(){this.options.prevNextButtons&&(this.prevButton=new s((-1),this),this.nextButton=new s(1,this),this.on("activate",this.activatePrevNextButtons))},a.activatePrevNextButtons=function(){this.prevButton.activate(),this.nextButton.activate(),this.on("deactivate",this.deactivatePrevNextButtons)},a.deactivatePrevNextButtons=function(){this.prevButton.deactivate(),this.nextButton.deactivate(),this.off("deactivate",this.deactivatePrevNextButtons)},e.PrevNextButton=s,e}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/page-dots",["./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(i,n,s){return e(t,i,n,s)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,i,n){function s(t){this.parent=t,this._create()}s.prototype=new i,s.prototype._create=function(){this.holder=document.createElement("ol"),this.holder.className="flickity-page-dots",this.dots=[],this.on("tap",this.onTap)},s.prototype.activate=function(){this.setDots(),this.bindTap(this.holder),this.parent.element.appendChild(this.holder)},s.prototype.deactivate=function(){this.parent.element.removeChild(this.holder),i.prototype.destroy.call(this)},s.prototype.setDots=function(){var t=this.parent.slides.length-this.dots.length;t>0?this.addDots(t):t<0&&this.removeDots(-t)},s.prototype.addDots=function(t){for(var e=document.createDocumentFragment(),i=[];t;){var n=document.createElement("li");n.className="dot",e.appendChild(n),i.push(n),t--}this.holder.appendChild(e),this.dots=this.dots.concat(i)},s.prototype.removeDots=function(t){var e=this.dots.splice(this.dots.length-t,t);e.forEach(function(t){this.holder.removeChild(t)},this)},s.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.className="dot"),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.className="dot is-selected")},s.prototype.onTap=function(t){var e=t.target;if("LI"==e.nodeName){this.parent.uiChange();var i=this.dots.indexOf(e);this.parent.select(i)}},s.prototype.destroy=function(){this.deactivate()},e.PageDots=s,n.extend(e.defaults,{pageDots:!0}),e.createMethods.push("_createPageDots");var o=e.prototype;return o._createPageDots=function(){this.options.pageDots&&(this.pageDots=new s(this),this.on("activate",this.activatePageDots),this.on("select",this.updateSelectedPageDots),this.on("cellChange",this.updatePageDots),this.on("resize",this.updatePageDots),this.on("deactivate",this.deactivatePageDots),this.pageDots.on("pointerDown",function(t,e){this.childUIPointerDown(e)}.bind(this)))},o.activatePageDots=function(){this.pageDots.activate()},o.updateSelectedPageDots=function(){this.pageDots.updateSelected()},o.updatePageDots=function(){this.pageDots.setDots()},o.deactivatePageDots=function(){this.pageDots.deactivate()},e.PageDots=s,e}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/player",["ev-emitter/ev-emitter","fizzy-ui-utils/utils","./flickity"],function(t,i,n){return e(t,i,n)}):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("fizzy-ui-utils"),require("./flickity")):e(t.EvEmitter,t.fizzyUIUtils,t.Flickity)}(window,function(t,e,i){function n(t){this.parent=t,this.state="stopped",o&&(this.onVisibilityChange=function(){this.visibilityChange()}.bind(this),this.onVisibilityPlay=function(){this.visibilityPlay()}.bind(this))}var s,o;"hidden"in document?(s="hidden",o="visibilitychange"):"webkitHidden"in document&&(s="webkitHidden",o="webkitvisibilitychange"),n.prototype=Object.create(t.prototype),n.prototype.play=function(){if("playing"!=this.state){var t=document[s];if(o&&t)return void document.addEventListener(o,this.onVisibilityPlay);this.state="playing",o&&document.addEventListener(o,this.onVisibilityChange),this.tick()}},n.prototype.tick=function(){if("playing"==this.state){var t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;var e=this;this.clear(),this.timeout=setTimeout(function(){e.parent.next(!0),e.tick()},t)}},n.prototype.stop=function(){this.state="stopped",this.clear(),o&&document.removeEventListener(o,this.onVisibilityChange)},n.prototype.clear=function(){clearTimeout(this.timeout)},n.prototype.pause=function(){"playing"==this.state&&(this.state="paused",this.clear())},n.prototype.unpause=function(){"paused"==this.state&&this.play()},n.prototype.visibilityChange=function(){var t=document[s];this[t?"pause":"unpause"]()},n.prototype.visibilityPlay=function(){this.play(),document.removeEventListener(o,this.onVisibilityPlay)},e.extend(i.defaults,{pauseAutoPlayOnHover:!0}),i.createMethods.push("_createPlayer");var r=i.prototype;return r._createPlayer=function(){this.player=new n(this),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)},r.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),this.element.addEventListener("mouseenter",this))},r.playPlayer=function(){this.player.play()},r.stopPlayer=function(){this.player.stop()},r.pausePlayer=function(){this.player.pause()},r.unpausePlayer=function(){this.player.unpause()},r.deactivatePlayer=function(){this.player.stop(),this.element.removeEventListener("mouseenter",this)},r.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),this.element.addEventListener("mouseleave",this))},r.onmouseleave=function(){this.player.unpause(),this.element.removeEventListener("mouseleave",this)},i.Player=n,i}),function(t,e){"function"==typeof define&&define.amd?define("flickity/js/add-remove-cell",["./flickity","fizzy-ui-utils/utils"],function(i,n){return e(t,i,n)}):"object"==typeof module&&module.exports?module.exports=e(t,require("./flickity"),require("fizzy-ui-utils")):e(t,t.Flickity,t.fizzyUIUtils)}(window,function(t,e,i){function n(t){var e=document.createDocumentFragment();return t.forEach(function(t){e.appendChild(t.element)}),e}var s=e.prototype;return s.insert=function(t,e){var i=this._makeCells(t);if(i&&i.length){var s=this.cells.length;e=void 0===e?s:e;var o=n(i),r=e==s;if(r)this.slider.appendChild(o);else{var a=this.cells[e].element;this.slider.insertBefore(o,a)}if(0===e)this.cells=i.concat(this.cells);else if(r)this.cells=this.cells.concat(i);else{var h=this.cells.splice(e,s-e);this.cells=this.cells.concat(i).concat(h)}this._sizeCells(i);var l=e>this.selectedIndex?0:i.length;this._cellAddedRemoved(e,l)}},s.append=function(t){this.insert(t,this.cells.length)},s.prepend=function(t){this.insert(t,0)},s.remove=function(t){var e,n,s=this.getCells(t),o=0,r=s.length;for(e=0;e=this.cells.length||(this.navSelectedElements=this.slides[this.selectedIndex].getCellElements(),this.changeNavSelectedClass("add"))}},n.changeNavSelectedClass=function(t){this.navSelectedElements.forEach(function(e){e.classList[t]("is-nav-selected")})},n.activateAsNavFor=function(){this.navCompanionSelect()},n.removeNavSelectedElements=function(){this.navSelectedElements&&(this.changeNavSelectedClass("remove"),delete this.navSelectedElements)},n.onNavStaticClick=function(t,e,i,n){"number"==typeof n&&this.navCompanion.selectCell(n)},n.deactivateAsNavFor=function(){this.removeNavSelectedElements()},n.destroyAsNavFor=function(){this.navCompanion&&(this.navCompanion.off("select",this.onNavCompanionSelect),this.off("staticClick",this.onNavStaticClick),delete this.navCompanion)},e}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("imagesloaded/imagesloaded",["ev-emitter/ev-emitter"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}(window,function(t,e){function i(t,e){for(var i in e)t[i]=e[i];return t}function n(t){var e=[];if(Array.isArray(t))e=t;else if("number"==typeof t.length)for(var i=0;i100,o=void 0===this.states[this.activeState].loop||this.states[this.activeState].loop;(null===this.previousTimeStamp||n)&&(this.previousTimeStamp=t),this.progress=this.progress+(t-this.previousTimeStamp),e=(this.progress/this.activetransitionSpeed*100).toFixed(2),this.previousTimeStamp=t,this.refreshColors(e),e<100?this.animation=requestAnimationFrame(this.animateColors.bind(this)):this.channelsIndex=128?"light":"dark"}},{}],10:[function(t,e,s){"use strict";e.exports=function(t){var e=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;t=t.replace(e,function(t,e,s,i){return e+e+s+s+i+i});var s=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return s?[parseInt(s[1],16),parseInt(s[2],16),parseInt(s[3],16)]:null}},{}],11:[function(t,e,s){"use strict";e.exports=function(){var t,e,s=this.setDirection(),i=document.querySelector(this.elToSetClassOn).classList;for(this.context.clearRect(0,0,this.x1,this.y1),t=0;twindow.innerWidth||e.top>window.innerHeight;i?s.isPaused||s.isPausedBecauseNotInView||(s.isPausedBecauseNotInView=!0,s.pause("isPausedBecauseNotInView")):s.isPaused&&t!==!0||(s.isPausedBecauseNotInView=!1,s.play("isPausedBecauseNotInView"))},300)}var e,s=this;window.addEventListener("scroll",t),t(!0)}},{}],15:[function(t,e,s){"use strict";e.exports=function(t){var e="isPausedBecauseNotInView"===t;e||(this.isPaused=!1),this.animation=requestAnimationFrame(this.animateColors.bind(this))}},{}],16:[function(t,e,s){"use strict";e.exports=function(t){var e,s,i=this;this.activeColors.forEach(function(n,o,a){for(s=0;s<3;s++)e=i.activeColors[o][s]+Math.ceil(i.activeColorDiff[o][s]/100*t),e<=255&&e>=0&&(i.currentColors[o][s]=e)}),this.makeGradient()}},{}],17:[function(t,e,s){"use strict";e.exports=function(){var t,e,s=this;return this.channels[this.activeState]||(this.channels[this.activeState]=[]),void 0!==this.channels[this.activeState][this.channelsIndex]?(this.activeColors=this.channels[this.activeState][this.channelsIndex].colors,void(this.activeColorDiff=this.channels[this.activeState][this.channelsIndex].colorsDiff)):(this.channels[this.activeState].push([{}]),this.channels[this.activeState][this.channelsIndex].colors=[],this.channels[this.activeState][this.channelsIndex].colorsDiff=[],this.activeColors=[],this.activeColorDiff=[],this.states[this.activeState].gradients[this.channelsIndex].forEach(function(i,n,o){var a=s.hexToRgb(i),r=s.channels[s.activeState];r[s.channelsIndex].colors.push(a),s.activeColors.push(a),s.iscurrentColorsSet||s.currentColors.push(s.hexToRgb(i)),s.channelsIndex===s.states[s.activeState].gradients.length-1?t=s.colorDiff(r[s.channelsIndex].colors[n],r[0].colors[n]):(e=s.hexToRgb(s.states[s.activeState].gradients[s.channelsIndex+1][n]),t=s.colorDiff(r[s.channelsIndex].colors[n],e)),r[s.channelsIndex].colorsDiff.push(t),s.activeColorDiff.push(t)}),this.activetransitionSpeed=this.states[this.activeState].transitionSpeed||5e3,void(this.iscurrentColorsSet=!0))}},{}],18:[function(t,e,s){"use strict";e.exports=function(){var t=this.context;switch(this.direction){default:case"diagonal":return t.createLinearGradient(0,0,this.x1,this.y1);case"left-right":return t.createLinearGradient(0,0,this.x1,0);case"top-bottom":return t.createLinearGradient(this.x1/2,0,this.x1/2,this.y1);case"radial":return t.createRadialGradient(this.x1/2,this.y1/2,this.x1/2,this.x1/2,this.y1/2,0)}}},{}],19:[function(t,e,s){window.Granim=t("./lib/Granim.js")},{"./lib/Granim.js":1}]},{},[19]); \ No newline at end of file diff --git a/js/isotope.min.js b/js/isotope.min.js new file mode 100644 index 0000000..ae734b7 --- /dev/null +++ b/js/isotope.min.js @@ -0,0 +1,12 @@ +/*! + * Isotope PACKAGED v3.0.1 + * + * Licensed GPLv3 for open source use + * or Isotope Commercial License for commercial use + * + * http://isotope.metafizzy.co + * Copyright 2016 Metafizzy + */ + +!function(t,e){"use strict";"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,s,a){function u(t,e,n){var o,s="$()."+i+'("'+e+'")';return t.each(function(t,u){var h=a.data(u,i);if(!h)return void r(i+" not initialized. Cannot call methods, i.e. "+s);var d=h[e];if(!d||"_"==e.charAt(0))return void r(s+" is not a valid method");var l=d.apply(h,n);o=void 0===o?l:o}),void 0!==o?o:t}function h(t,e){t.each(function(t,n){var o=a.data(n,i);o?(o.option(e),o._init()):(o=new s(n,e),a.data(n,i,o))})}a=a||e||t.jQuery,a&&(s.prototype.option||(s.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=o.call(arguments,1);return u(this,t,e)}return h(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=i)}var o=Array.prototype.slice,s=t.console,r="undefined"==typeof s?function(){}:function(t){s.error(t)};return n(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||{};return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=0,o=i[n];e=e||[];for(var s=this._onceEvents&&this._onceEvents[t];o;){var r=s&&s[o];r&&(this.off(t,o),delete s[o]),o.apply(this,e),n+=r?0:1,o=i[n]}return this}},t}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("get-size/get-size",[],function(){return e()}):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=-1==t.indexOf("%")&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;h>e;e++){var i=u[e];t[i]=0}return t}function n(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),e}function o(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var o=n(e);s.isBoxSizeOuter=r=200==t(o.width),i.removeChild(e)}}function s(e){if(o(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var s=n(e);if("none"==s.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==s.boxSizing,l=0;h>l;l++){var f=u[l],c=s[f],m=parseFloat(c);a[f]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,y=a.paddingTop+a.paddingBottom,g=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,I=a.borderTopWidth+a.borderBottomWidth,z=d&&r,x=t(s.width);x!==!1&&(a.width=x+(z?0:p+_));var S=t(s.height);return S!==!1&&(a.height=S+(z?0:y+I)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(y+I),a.outerWidth=a.width+g,a.outerHeight=a.height+v,a}}var r,a="undefined"==typeof console?e:function(t){console.error(t)},u=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],h=u.length,d=!1;return s}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;ir?"round":"floor";s=Math[a](s),this.cols=Math.max(s,1)},i.prototype.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,n=e(i);this.containerWidth=n&&n.innerWidth},i.prototype._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&1>e?"round":"ceil",n=Math[i](t.size.outerWidth/this.columnWidth);n=Math.min(n,this.cols);for(var o=this._getColGroup(n),s=Math.min.apply(Math,o),r=o.indexOf(s),a={x:this.columnWidth*r,y:s},u=s+t.size.outerHeight,h=this.cols+1-o.length,d=0;h>d;d++)this.colYs[r+d]=u;return a},i.prototype._getColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++){var o=this.colYs.slice(n,n+t);e[n]=Math.max.apply(Math,o)}return e},i.prototype._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this._getOption("originLeft"),s=o?n.left:n.right,r=s+i.outerWidth,a=Math.floor(s/this.columnWidth);a=Math.max(0,a);var u=Math.floor(r/this.columnWidth);u-=r%this.columnWidth?0:1,u=Math.min(this.cols-1,u);for(var h=this._getOption("originTop"),d=(h?n.top:n.bottom)+i.outerHeight,l=a;u>=l;l++)this.colYs[l]=Math.max(d,this.colYs[l])},i.prototype._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},i.prototype._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},i.prototype.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope/js/layout-modes/masonry",["../layout-mode","masonry/masonry"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode"),require("masonry-layout")):e(t.Isotope.LayoutMode,t.Masonry)}(window,function(t,e){"use strict";var i=t.create("masonry"),n=i.prototype,o={_getElementOffset:!0,layout:!0,_getMeasurement:!0};for(var s in e.prototype)o[s]||(n[s]=e.prototype[s]);var r=n.measureColumns;n.measureColumns=function(){this.items=this.isotope.filteredItems,r.call(this)};var a=n._getOption;return n._getOption=function(t){return"fitWidth"==t?void 0!==this.options.isFitWidth?this.options.isFitWidth:this.options.fitWidth:a.apply(this.isotope,arguments)},i}),function(t,e){"function"==typeof define&&define.amd?define("isotope/js/layout-modes/fit-rows",["../layout-mode"],e):"object"==typeof exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("fitRows"),i=e.prototype;return i._resetLayout=function(){this.x=0,this.y=0,this.maxY=0,this._getMeasurement("gutter","outerWidth")},i._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth+this.gutter,i=this.isotope.size.innerWidth+this.gutter;0!==this.x&&e+this.x>i&&(this.x=0,this.y=this.maxY);var n={x:this.x,y:this.y};return this.maxY=Math.max(this.maxY,this.y+t.size.outerHeight),this.x+=e,n},i._getContainerSize=function(){return{height:this.maxY}},e}),function(t,e){"function"==typeof define&&define.amd?define("isotope/js/layout-modes/vertical",["../layout-mode"],e):"object"==typeof module&&module.exports?module.exports=e(require("../layout-mode")):e(t.Isotope.LayoutMode)}(window,function(t){"use strict";var e=t.create("vertical",{horizontalAlignment:0}),i=e.prototype;return i._resetLayout=function(){this.y=0},i._getItemLayoutPosition=function(t){t.getSize();var e=(this.isotope.size.innerWidth-t.size.outerWidth)*this.options.horizontalAlignment,i=this.y;return this.y+=t.size.outerHeight,{x:e,y:i}},i._getContainerSize=function(){return{height:this.y}},e}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size","desandro-matches-selector/matches-selector","fizzy-ui-utils/utils","isotope/js/item","isotope/js/layout-mode","isotope/js/layout-modes/masonry","isotope/js/layout-modes/fit-rows","isotope/js/layout-modes/vertical"],function(i,n,o,s,r,a){return e(t,i,n,o,s,r,a)}):"object"==typeof module&&module.exports?module.exports=e(t,require("outlayer"),require("get-size"),require("desandro-matches-selector"),require("fizzy-ui-utils"),require("isotope/js/item"),require("isotope/js/layout-mode"),require("isotope/js/layout-modes/masonry"),require("isotope/js/layout-modes/fit-rows"),require("isotope/js/layout-modes/vertical")):t.Isotope=e(t,t.Outlayer,t.getSize,t.matchesSelector,t.fizzyUIUtils,t.Isotope.Item,t.Isotope.LayoutMode)}(window,function(t,e,i,n,o,s,r){function a(t,e){return function(i,n){for(var o=0;oa||a>r){var u=void 0!==e[s]?e[s]:e,h=u?1:-1;return(r>a?1:-1)*h}}return 0}}var u=t.jQuery,h=String.prototype.trim?function(t){return t.trim()}:function(t){return t.replace(/^\s+|\s+$/g,"")},d=e.create("isotope",{layoutMode:"masonry",isJQueryFiltering:!0,sortAscending:!0});d.Item=s,d.LayoutMode=r;var l=d.prototype;l._create=function(){this.itemGUID=0,this._sorters={},this._getSorters(),e.prototype._create.call(this),this.modes={},this.filteredItems=this.items,this.sortHistory=["original-order"];for(var t in r.modes)this._initLayoutMode(t)},l.reloadItems=function(){this.itemGUID=0,e.prototype.reloadItems.call(this)},l._itemize=function(){for(var t=e.prototype._itemize.apply(this,arguments),i=0;ii;i++){var n=t[i];n.updateSortData()}};var f=function(){function t(t){if("string"!=typeof t)return t;var i=h(t).split(" "),n=i[0],o=n.match(/^\[(.+)\]$/),s=o&&o[1],r=e(s,n),a=d.sortDataParsers[i[1]]; +return t=a?function(t){return t&&a(r(t))}:function(t){return t&&r(t)}}function e(t,e){return t?function(e){return e.getAttribute(t)}:function(t){var i=t.querySelector(e);return i&&i.textContent}}return t}();d.sortDataParsers={parseInt:function(t){return parseInt(t,10)},parseFloat:function(t){return parseFloat(t)}},l._sort=function(){var t=this.options.sortBy;if(t){var e=[].concat.apply(t,this.sortHistory),i=a(e,this.options.sortAscending);this.filteredItems.sort(i),t!=this.sortHistory[0]&&this.sortHistory.unshift(t)}},l._mode=function(){var t=this.options.layoutMode,e=this.modes[t];if(!e)throw new Error("No layout mode: "+t);return e.options=this.options[t],e},l._resetLayout=function(){e.prototype._resetLayout.call(this),this._mode()._resetLayout()},l._getItemLayoutPosition=function(t){return this._mode()._getItemLayoutPosition(t)},l._manageStamp=function(t){this._mode()._manageStamp(t)},l._getContainerSize=function(){return this._mode()._getContainerSize()},l.needsResizeLayout=function(){return this._mode().needsResizeLayout()},l.appended=function(t){var e=this.addItems(t);if(e.length){var i=this._filterRevealAdded(e);this.filteredItems=this.filteredItems.concat(i)}},l.prepended=function(t){var e=this._itemize(t);if(e.length){this._resetLayout(),this._manageStamps();var i=this._filterRevealAdded(e);this.layoutItems(this.filteredItems),this.filteredItems=i.concat(this.filteredItems),this.items=e.concat(this.items)}},l._filterRevealAdded=function(t){var e=this._filter(t);return this.hide(e.needHide),this.reveal(e.matches),this.layoutItems(e.matches,!0),e.matches},l.insert=function(t){var e=this.addItems(t);if(e.length){var i,n,o=e.length;for(i=0;o>i;i++)n=e[i],this.element.appendChild(n.element);var s=this._filter(e).matches;for(i=0;o>i;i++)e[i].isLayoutInstant=!0;for(this.arrange(),i=0;o>i;i++)delete e[i].isLayoutInstant;this.reveal(s)}};var c=l.remove;return l.remove=function(t){t=o.makeArray(t);var e=this.getItems(t);c.call(this,t);for(var i=e&&e.length,n=0;i&&i>n;n++){var s=e[n];o.removeFrom(this.filteredItems,s)}},l.shuffle=function(){for(var t=0;t=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c+~]|"+K+")"+K+"*"),S=new RegExp("="+K+"*([^\\]'\"]*?)"+K+"*\\]","g"),T=new RegExp(N),U=new RegExp("^"+L+"$"),V={ID:new RegExp("^#("+L+")"),CLASS:new RegExp("^\\.("+L+")"),TAG:new RegExp("^("+L+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+N),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$"+K+"*(even|odd|(([+-]|)(\\d*)n|)"+K+"*(?:([+-]|)"+K+"*(\\d+)|))"+K+"*\$|)","i"),bool:new RegExp("^(?:"+J+")$","i"),needsContext:new RegExp("^"+K+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$"+K+"*((?:-\\d)?\\d*)"+K+"*\$|)(?=[^-]|$)","i")},W=/^(?:input|select|textarea|button)$/i,X=/^h\d$/i,Y=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,$=/[+~]/,_=new RegExp("\\\\([\\da-f]{1,6}"+K+"?|("+K+")|.)","ig"),aa=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:d<0?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ba=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ca=function(a,b){return b?"\0"===a?"\ufffd":a.slice(0,-1)+"\\"+a.charCodeAt(a.length-1).toString(16)+" ":"\\"+a},da=function(){m()},ea=ta(function(a){return a.disabled===!0&&("form"in a||"label"in a)},{dir:"parentNode",next:"legend"});try{G.apply(D=H.call(v.childNodes),v.childNodes),D[v.childNodes.length].nodeType}catch(fa){G={apply:D.length?function(a,b){F.apply(a,H.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s=b&&b.ownerDocument,w=b?b.nodeType:9;if(d=d||[],"string"!=typeof a||!a||1!==w&&9!==w&&11!==w)return d;if(!e&&((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,p)){if(11!==w&&(l=Z.exec(a)))if(f=l[1]){if(9===w){if(!(j=b.getElementById(f)))return d;if(j.id===f)return d.push(j),d}else if(s&&(j=s.getElementById(f))&&t(b,j)&&j.id===f)return d.push(j),d}else{if(l[2])return G.apply(d,b.getElementsByTagName(a)),d;if((f=l[3])&&c.getElementsByClassName&&b.getElementsByClassName)return G.apply(d,b.getElementsByClassName(f)),d}if(c.qsa&&!A[a+" "]&&(!q||!q.test(a))){if(1!==w)s=b,r=a;else if("object"!==b.nodeName.toLowerCase()){(k=b.getAttribute("id"))?k=k.replace(ba,ca):b.setAttribute("id",k=u),o=g(a),h=o.length;while(h--)o[h]="#"+k+" "+sa(o[h]);r=o.join(","),s=$.test(a)&&qa(b.parentNode)||b}if(r)try{return G.apply(d,s.querySelectorAll(r)),d}catch(x){}finally{k===u&&b.removeAttribute("id")}}}return i(a.replace(P,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("fieldset");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=c.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&a.sourceIndex-b.sourceIndex;if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return function(b){return"form"in b?b.parentNode&&b.disabled===!1?"label"in b?"label"in b.parentNode?b.parentNode.disabled===a:b.disabled===a:b.isDisabled===a||b.isDisabled!==!a&&ea(b)===a:b.disabled===a:"label"in b&&b.disabled===a}}function pa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function qa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return!!b&&"HTML"!==b.nodeName},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=n.documentElement,p=!f(n),v!==n&&(e=n.defaultView)&&e.top!==e&&(e.addEventListener?e.addEventListener("unload",da,!1):e.attachEvent&&e.attachEvent("onunload",da)),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(n.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=Y.test(n.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!n.getElementsByName||!n.getElementsByName(u).length}),c.getById?(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){return a.getAttribute("id")===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c?[c]:[]}}):(d.filter.ID=function(a){var b=a.replace(_,aa);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}},d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c,d,e,f=b.getElementById(a);if(f){if(c=f.getAttributeNode("id"),c&&c.value===a)return[f];e=b.getElementsByName(a),d=0;while(f=e[d++])if(c=f.getAttributeNode("id"),c&&c.value===a)return[f]}return[]}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){if("undefined"!=typeof b.getElementsByClassName&&p)return b.getElementsByClassName(a)},r=[],q=[],(c.qsa=Y.test(n.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+K+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+K+"*(?:value|"+J+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){a.innerHTML="";var b=n.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+K+"*[*^$|!~]?="),2!==a.querySelectorAll(":enabled").length&&q.push(":enabled",":disabled"),o.appendChild(a).disabled=!0,2!==a.querySelectorAll(":disabled").length&&q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=Y.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"*"),s.call(a,"[s!='']:x"),r.push("!=",N)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=Y.test(o.compareDocumentPosition),t=b||Y.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===n||a.ownerDocument===v&&t(v,a)?-1:b===n||b.ownerDocument===v&&t(v,b)?1:k?I(k,a)-I(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,g=[a],h=[b];if(!e||!f)return a===n?-1:b===n?1:e?-1:f?1:k?I(k,a)-I(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)g.unshift(c);c=b;while(c=c.parentNode)h.unshift(c);while(g[d]===h[d])d++;return d?la(g[d],h[d]):g[d]===v?-1:h[d]===v?1:0},n):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(S,"='$1']"),c.matchesSelector&&p&&!A[b+" "]&&(!r||!r.test(b))&&(!q||!q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&C.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.escape=function(a){return(a+"").replace(ba,ca)},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:V,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(_,aa),a[3]=(a[3]||a[4]||a[5]||"").replace(_,aa),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return V.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&T.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(_,aa).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+K+")"+a+"("+K+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:!b||(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(O," ")+" ").indexOf(c)>-1:"|="===b&&(e===c||e.slice(0,c.length+1)===c+"-"))}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h,t=!1;if(q){if(f){while(p){m=b;while(m=m[p])if(h?m.nodeName.toLowerCase()===r:1===m.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){m=q,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n&&j[2],m=n&&q.childNodes[n];while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if(1===m.nodeType&&++t&&m===b){k[a]=[w,n,t];break}}else if(s&&(m=b,l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),j=k[a]||[],n=j[0]===w&&j[1],t=n),t===!1)while(m=++n&&m&&m[p]||(t=n=0)||o.pop())if((h?m.nodeName.toLowerCase()===r:1===m.nodeType)&&++t&&(s&&(l=m[u]||(m[u]={}),k=l[m.uniqueID]||(l[m.uniqueID]={}),k[a]=[w,t]),m===b))break;return t-=e,t===d||t%d===0&&t/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=I(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(P,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(_,aa),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return U.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(_,aa).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:oa(!1),disabled:oa(!0),checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return X.test(a.nodeName)},input:function(a){return W.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:pa(function(){return[0]}),last:pa(function(a,b){return[b-1]}),eq:pa(function(a,b,c){return[c<0?c+b:c]}),even:pa(function(a,b){for(var c=0;c=0;)a.push(d);return a}),gt:pa(function(a,b,c){for(var d=c<0?c+b:c;++d1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function va(a,b,c){for(var d=0,e=b.length;d-1&&(f[j]=!(g[j]=l))}}else r=wa(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):G.apply(g,r)})}function ya(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=ta(function(a){return a===b},h,!0),l=ta(function(a){return I(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];i1&&ua(m),i>1&&sa(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(P,"$1"),c,i0,e=a.length>0,f=function(f,g,h,i,k){var l,o,q,r=0,s="0",t=f&&[],u=[],v=j,x=f||e&&d.find.TAG("*",k),y=w+=null==v?1:Math.random()||.1,z=x.length;for(k&&(j=g===n||g||k);s!==z&&null!=(l=x[s]);s++){if(e&&l){o=0,g||l.ownerDocument===n||(m(l),h=!p);while(q=a[o++])if(q(l,g||n,h)){i.push(l);break}k&&(w=y)}c&&((l=!q&&l)&&r--,f&&t.push(l))}if(r+=s,c&&s!==r){o=0;while(q=b[o++])q(t,u,g,h);if(f){if(r>0)while(s--)t[s]||u[s]||(u[s]=E.call(i));u=wa(u)}G.apply(i,u),k&&!f&&u.length>0&&r+b.length>1&&ga.uniqueSort(i)}return k&&(w=y,j=v),t};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=ya(b[c]),f[u]?d.push(f):e.push(f);f=A(a,za(e,d)),f.selector=a}return f},i=ga.select=function(a,b,c,e){var f,i,j,k,l,m="function"==typeof a&&a,n=!e&&g(a=m.selector||a);if(c=c||[],1===n.length){if(i=n[0]=n[0].slice(0),i.length>2&&"ID"===(j=i[0]).type&&9===b.nodeType&&p&&d.relative[i[1].type]){if(b=(d.find.ID(j.matches[0].replace(_,aa),b)||[])[0],!b)return c;m&&(b=b.parentNode),a=a.slice(i.shift().value.length)}f=V.needsContext.test(a)?0:i.length;while(f--){if(j=i[f],d.relative[k=j.type])break;if((l=d.find[k])&&(e=l(j.matches[0].replace(_,aa),$.test(i[0].type)&&qa(b.parentNode)||b))){if(i.splice(f,1),a=e.length&&sa(i),!a)return G.apply(c,e),c;break}}}return(m||h(a,n))(e,b,!p,c,!b||$.test(a)&&qa(b.parentNode)||b),c},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("fieldset"))}),ja(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||ka("type|href|height|width",function(a,b,c){if(!c)return a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||ka("value",function(a,b,c){if(!c&&"input"===a.nodeName.toLowerCase())return a.defaultValue}),ja(function(a){return null==a.getAttribute("disabled")})||ka(J,function(a,b,c){var d;if(!c)return a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);r.find=x,r.expr=x.selectors,r.expr[":"]=r.expr.pseudos,r.uniqueSort=r.unique=x.uniqueSort,r.text=x.getText,r.isXMLDoc=x.isXML,r.contains=x.contains,r.escapeSelector=x.escape;var y=function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&r(a).is(c))break;d.push(a)}return d},z=function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c},A=r.expr.match.needsContext,B=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,C=/^.[^:#\[\.,]*$/;function D(a,b,c){return r.isFunction(b)?r.grep(a,function(a,d){return!!b.call(a,d,a)!==c}):b.nodeType?r.grep(a,function(a){return a===b!==c}):"string"!=typeof b?r.grep(a,function(a){return i.call(b,a)>-1!==c}):C.test(b)?r.filter(b,a,c):(b=r.filter(b,a),r.grep(a,function(a){return i.call(b,a)>-1!==c&&1===a.nodeType}))}r.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?r.find.matchesSelector(d,a)?[d]:[]:r.find.matches(a,r.grep(b,function(a){return 1===a.nodeType}))},r.fn.extend({find:function(a){var b,c,d=this.length,e=this;if("string"!=typeof a)return this.pushStack(r(a).filter(function(){for(b=0;b1?r.uniqueSort(c):c},filter:function(a){return this.pushStack(D(this,a||[],!1))},not:function(a){return this.pushStack(D(this,a||[],!0))},is:function(a){return!!D(this,"string"==typeof a&&A.test(a)?r(a):a||[],!1).length}});var E,F=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,G=r.fn.init=function(a,b,c){var e,f;if(!a)return this;if(c=c||E,"string"==typeof a){if(e="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:F.exec(a),!e||!e[1]&&b)return!b||b.jquery?(b||c).find(a):this.constructor(b).find(a);if(e[1]){if(b=b instanceof r?b[0]:b,r.merge(this,r.parseHTML(e[1],b&&b.nodeType?b.ownerDocument||b:d,!0)),B.test(e[1])&&r.isPlainObject(b))for(e in b)r.isFunction(this[e])?this[e](b[e]):this.attr(e,b[e]);return this}return f=d.getElementById(e[2]),f&&(this[0]=f,this.length=1),this}return a.nodeType?(this[0]=a,this.length=1,this):r.isFunction(a)?void 0!==c.ready?c.ready(a):a(r):r.makeArray(a,this)};G.prototype=r.fn,E=r(d);var H=/^(?:parents|prev(?:Until|All))/,I={children:!0,contents:!0,next:!0,prev:!0};r.fn.extend({has:function(a){var b=r(a,this),c=b.length;return this.filter(function(){for(var a=0;a-1:1===c.nodeType&&r.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?r.uniqueSort(f):f)},index:function(a){return a?"string"==typeof a?i.call(r(a),this[0]):i.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(r.uniqueSort(r.merge(this.get(),r(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function J(a,b){while((a=a[b])&&1!==a.nodeType);return a}r.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return y(a,"parentNode")},parentsUntil:function(a,b,c){return y(a,"parentNode",c)},next:function(a){return J(a,"nextSibling")},prev:function(a){return J(a,"previousSibling")},nextAll:function(a){return y(a,"nextSibling")},prevAll:function(a){return y(a,"previousSibling")},nextUntil:function(a,b,c){return y(a,"nextSibling",c)},prevUntil:function(a,b,c){return y(a,"previousSibling",c)},siblings:function(a){return z((a.parentNode||{}).firstChild,a)},children:function(a){return z(a.firstChild)},contents:function(a){return a.contentDocument||r.merge([],a.childNodes)}},function(a,b){r.fn[a]=function(c,d){var e=r.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=r.filter(d,e)),this.length>1&&(I[a]||r.uniqueSort(e),H.test(a)&&e.reverse()),this.pushStack(e)}});var K=/[^\x20\t\r\n\f]+/g;function L(a){var b={};return r.each(a.match(K)||[],function(a,c){b[c]=!0}),b}r.Callbacks=function(a){a="string"==typeof a?L(a):r.extend({},a);var b,c,d,e,f=[],g=[],h=-1,i=function(){for(e=a.once,d=b=!0;g.length;h=-1){c=g.shift();while(++h-1)f.splice(c,1),c<=h&&h--}),this},has:function(a){return a?r.inArray(a,f)>-1:f.length>0},empty:function(){return f&&(f=[]),this},disable:function(){return e=g=[],f=c="",this},disabled:function(){return!f},lock:function(){return e=g=[],c||b||(f=c=""),this},locked:function(){return!!e},fireWith:function(a,c){return e||(c=c||[],c=[a,c.slice?c.slice():c],g.push(c),b||i()),this},fire:function(){return j.fireWith(this,arguments),this},fired:function(){return!!d}};return j};function M(a){return a}function N(a){throw a}function O(a,b,c){var d;try{a&&r.isFunction(d=a.promise)?d.call(a).done(b).fail(c):a&&r.isFunction(d=a.then)?d.call(a,b,c):b.call(void 0,a)}catch(a){c.call(void 0,a)}}r.extend({Deferred:function(b){var c=[["notify","progress",r.Callbacks("memory"),r.Callbacks("memory"),2],["resolve","done",r.Callbacks("once memory"),r.Callbacks("once memory"),0,"resolved"],["reject","fail",r.Callbacks("once memory"),r.Callbacks("once memory"),1,"rejected"]],d="pending",e={state:function(){return d},always:function(){return f.done(arguments).fail(arguments),this},"catch":function(a){return e.then(null,a)},pipe:function(){var a=arguments;return r.Deferred(function(b){r.each(c,function(c,d){var e=r.isFunction(a[d[4]])&&a[d[4]];f[d[1]](function(){var a=e&&e.apply(this,arguments);a&&r.isFunction(a.promise)?a.promise().progress(b.notify).done(b.resolve).fail(b.reject):b[d[0]+"With"](this,e?[a]:arguments)})}),a=null}).promise()},then:function(b,d,e){var f=0;function g(b,c,d,e){return function(){var h=this,i=arguments,j=function(){var a,j;if(!(b=f&&(d!==N&&(h=void 0,i=[a]),c.rejectWith(h,i))}};b?k():(r.Deferred.getStackHook&&(k.stackTrace=r.Deferred.getStackHook()),a.setTimeout(k))}}return r.Deferred(function(a){c[0][3].add(g(0,a,r.isFunction(e)?e:M,a.notifyWith)),c[1][3].add(g(0,a,r.isFunction(b)?b:M)),c[2][3].add(g(0,a,r.isFunction(d)?d:N))}).promise()},promise:function(a){return null!=a?r.extend(a,e):e}},f={};return r.each(c,function(a,b){var g=b[2],h=b[5];e[b[1]]=g.add,h&&g.add(function(){d=h},c[3-a][2].disable,c[0][2].lock),g.add(b[3].fire),f[b[0]]=function(){return f[b[0]+"With"](this===f?void 0:this,arguments),this},f[b[0]+"With"]=g.fireWith}),e.promise(f),b&&b.call(f,f),f},when:function(a){var b=arguments.length,c=b,d=Array(c),e=f.call(arguments),g=r.Deferred(),h=function(a){return function(c){d[a]=this,e[a]=arguments.length>1?f.call(arguments):c,--b||g.resolveWith(d,e)}};if(b<=1&&(O(a,g.done(h(c)).resolve,g.reject),"pending"===g.state()||r.isFunction(e[c]&&e[c].then)))return g.then();while(c--)O(e[c],h(c),g.reject);return g.promise()}});var P=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;r.Deferred.exceptionHook=function(b,c){a.console&&a.console.warn&&b&&P.test(b.name)&&a.console.warn("jQuery.Deferred exception: "+b.message,b.stack,c)},r.readyException=function(b){a.setTimeout(function(){throw b})};var Q=r.Deferred();r.fn.ready=function(a){return Q.then(a)["catch"](function(a){r.readyException(a)}),this},r.extend({isReady:!1,readyWait:1,holdReady:function(a){a?r.readyWait++:r.ready(!0)},ready:function(a){(a===!0?--r.readyWait:r.isReady)||(r.isReady=!0,a!==!0&&--r.readyWait>0||Q.resolveWith(d,[r]))}}),r.ready.then=Q.then;function R(){d.removeEventListener("DOMContentLoaded",R), +a.removeEventListener("load",R),r.ready()}"complete"===d.readyState||"loading"!==d.readyState&&!d.documentElement.doScroll?a.setTimeout(r.ready):(d.addEventListener("DOMContentLoaded",R),a.addEventListener("load",R));var S=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===r.type(c)){e=!0;for(h in c)S(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,r.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(r(a),c)})),b))for(;h1,null,!0)},removeData:function(a){return this.each(function(){W.remove(this,a)})}}),r.extend({queue:function(a,b,c){var d;if(a)return b=(b||"fx")+"queue",d=V.get(a,b),c&&(!d||r.isArray(c)?d=V.access(a,b,r.makeArray(c)):d.push(c)),d||[]},dequeue:function(a,b){b=b||"fx";var c=r.queue(a,b),d=c.length,e=c.shift(),f=r._queueHooks(a,b),g=function(){r.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return V.get(a,c)||V.access(a,c,{empty:r.Callbacks("once memory").add(function(){V.remove(a,[b+"queue",c])})})}}),r.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length\x20\t\r\n\f]+)/i,ka=/^$|\/(?:java|ecma)script/i,la={option:[1,""],thead:[1,"","

"],col:[2,"","

"],tr:[2,"","

"],td:[3,"","

"],_default:[0,"",""]};la.optgroup=la.option,la.tbody=la.tfoot=la.colgroup=la.caption=la.thead,la.th=la.td;function ma(a,b){var c;return c="undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName(b||"*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll(b||"*"):[],void 0===b||b&&r.nodeName(a,b)?r.merge([a],c):c}function na(a,b){for(var c=0,d=a.length;c-1)e&&e.push(f);else if(j=r.contains(f.ownerDocument,f),g=ma(l.appendChild(f),"script"),j&&na(g),c){k=0;while(f=g[k++])ka.test(f.type||"")&&c.push(f)}return l}!function(){var a=d.createDocumentFragment(),b=a.appendChild(d.createElement("div")),c=d.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),o.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="",o.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var qa=d.documentElement,ra=/^key/,sa=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,ta=/^([^.]*)(?:\.(.+)|)/;function ua(){return!0}function va(){return!1}function wa(){try{return d.activeElement}catch(a){}}function xa(a,b,c,d,e,f){var g,h;if("object"==typeof b){"string"!=typeof c&&(d=d||c,c=void 0);for(h in b)xa(a,h,c,d,b[h],f);return a}if(null==d&&null==e?(e=c,d=c=void 0):null==e&&("string"==typeof c?(e=d,d=void 0):(e=d,d=c,c=void 0)),e===!1)e=va;else if(!e)return a;return 1===f&&(g=e,e=function(a){return r().off(a),g.apply(this,arguments)},e.guid=g.guid||(g.guid=r.guid++)),a.each(function(){r.event.add(this,b,e,d,c)})}r.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.get(a);if(q){c.handler&&(f=c,c=f.handler,e=f.selector),e&&r.find.matchesSelector(qa,e),c.guid||(c.guid=r.guid++),(i=q.events)||(i=q.events={}),(g=q.handle)||(g=q.handle=function(b){return"undefined"!=typeof r&&r.event.triggered!==b.type?r.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(K)||[""],j=b.length;while(j--)h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n&&(l=r.event.special[n]||{},n=(e?l.delegateType:l.bindType)||n,l=r.event.special[n]||{},k=r.extend({type:n,origType:p,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&r.expr.match.needsContext.test(e),namespace:o.join(".")},f),(m=i[n])||(m=i[n]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,o,g)!==!1||a.addEventListener&&a.addEventListener(n,g)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),r.event.global[n]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,n,o,p,q=V.hasData(a)&&V.get(a);if(q&&(i=q.events)){b=(b||"").match(K)||[""],j=b.length;while(j--)if(h=ta.exec(b[j])||[],n=p=h[1],o=(h[2]||"").split(".").sort(),n){l=r.event.special[n]||{},n=(d?l.delegateType:l.bindType)||n,m=i[n]||[],h=h[2]&&new RegExp("(^|\\.)"+o.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&p!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,o,q.handle)!==!1||r.removeEvent(a,n,q.handle),delete i[n])}else for(n in i)r.event.remove(a,n+b[j],c,d,!0);r.isEmptyObject(i)&&V.remove(a,"handle events")}},dispatch:function(a){var b=r.event.fix(a),c,d,e,f,g,h,i=new Array(arguments.length),j=(V.get(this,"events")||{})[b.type]||[],k=r.event.special[b.type]||{};for(i[0]=b,c=1;c=1))for(;j!==this;j=j.parentNode||this)if(1===j.nodeType&&("click"!==a.type||j.disabled!==!0)){for(f=[],g={},c=0;c-1:r.find(e,this,null,[j]).length),g[e]&&f.push(d);f.length&&h.push({elem:j,handlers:f})}return j=this,i\x20\t\r\n\f]*)[^>]*)\/>/gi,za=/\s*$/g;function Da(a,b){return r.nodeName(a,"table")&&r.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a:a}function Ea(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function Fa(a){var b=Ba.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ga(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(V.hasData(a)&&(f=V.access(a),g=V.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;c1&&"string"==typeof q&&!o.checkClone&&Aa.test(q))return a.each(function(e){var f=a.eq(e);s&&(b[0]=q.call(this,e,f.html())),Ia(f,b,c,d)});if(m&&(e=pa(b,a[0].ownerDocument,!1,a,d),f=e.firstChild,1===e.childNodes.length&&(e=f),f||d)){for(h=r.map(ma(e,"script"),Ea),i=h.length;l")},clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=r.contains(a.ownerDocument,a);if(!(o.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||r.isXMLDoc(a)))for(g=ma(h),f=ma(a),d=0,e=f.length;d0&&na(g,!i&&ma(a,"script")),h},cleanData:function(a){for(var b,c,d,e=r.event.special,f=0;void 0!==(c=a[f]);f++)if(T(c)){if(b=c[V.expando]){if(b.events)for(d in b.events)e[d]?r.event.remove(c,d):r.removeEvent(c,d,b.handle);c[V.expando]=void 0}c[W.expando]&&(c[W.expando]=void 0)}}}),r.fn.extend({detach:function(a){return Ja(this,a,!0)},remove:function(a){return Ja(this,a)},text:function(a){return S(this,function(a){return void 0===a?r.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=a)})},null,a,arguments.length)},append:function(){return Ia(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Da(this,a);b.appendChild(a)}})},prepend:function(){return Ia(this,arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=Da(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return Ia(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return Ia(this,arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(r.cleanData(ma(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null!=a&&a,b=null==b?a:b,this.map(function(){return r.clone(this,a,b)})},html:function(a){return S(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!za.test(a)&&!la[(ja.exec(a)||["",""])[1].toLowerCase()]){a=r.htmlPrefilter(a);try{for(;c1)}});function Ya(a,b,c,d,e){return new Ya.prototype.init(a,b,c,d,e)}r.Tween=Ya,Ya.prototype={constructor:Ya,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||r.easing._default,this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(r.cssNumber[c]?"":"px")},cur:function(){var a=Ya.propHooks[this.prop];return a&&a.get?a.get(this):Ya.propHooks._default.get(this)},run:function(a){var b,c=Ya.propHooks[this.prop];return this.options.duration?this.pos=b=r.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ya.propHooks._default.set(this),this}},Ya.prototype.init.prototype=Ya.prototype,Ya.propHooks={_default:{get:function(a){var b;return 1!==a.elem.nodeType||null!=a.elem[a.prop]&&null==a.elem.style[a.prop]?a.elem[a.prop]:(b=r.css(a.elem,a.prop,""),b&&"auto"!==b?b:0)},set:function(a){r.fx.step[a.prop]?r.fx.step[a.prop](a):1!==a.elem.nodeType||null==a.elem.style[r.cssProps[a.prop]]&&!r.cssHooks[a.prop]?a.elem[a.prop]=a.now:r.style(a.elem,a.prop,a.now+a.unit)}}},Ya.propHooks.scrollTop=Ya.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},r.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},_default:"swing"},r.fx=Ya.prototype.init,r.fx.step={};var Za,$a,_a=/^(?:toggle|show|hide)$/,ab=/queueHooks$/;function bb(){$a&&(a.requestAnimationFrame(bb),r.fx.tick())}function cb(){return a.setTimeout(function(){Za=void 0}),Za=r.now()}function db(a,b){var c,d=0,e={height:a};for(b=b?1:0;d<4;d+=2-b)c=ba[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function eb(a,b,c){for(var d,e=(hb.tweeners[b]||[]).concat(hb.tweeners["*"]),f=0,g=e.length;f1)},removeAttr:function(a){return this.each(function(){r.removeAttr(this,a)})}}),r.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return"undefined"==typeof a.getAttribute?r.prop(a,b,c):(1===f&&r.isXMLDoc(a)||(e=r.attrHooks[b.toLowerCase()]||(r.expr.match.bool.test(b)?ib:void 0)), +void 0!==c?null===c?void r.removeAttr(a,b):e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:(a.setAttribute(b,c+""),c):e&&"get"in e&&null!==(d=e.get(a,b))?d:(d=r.find.attr(a,b),null==d?void 0:d))},attrHooks:{type:{set:function(a,b){if(!o.radioValue&&"radio"===b&&r.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}},removeAttr:function(a,b){var c,d=0,e=b&&b.match(K);if(e&&1===a.nodeType)while(c=e[d++])a.removeAttribute(c)}}),ib={set:function(a,b,c){return b===!1?r.removeAttr(a,c):a.setAttribute(c,c),c}},r.each(r.expr.match.bool.source.match(/\w+/g),function(a,b){var c=jb[b]||r.find.attr;jb[b]=function(a,b,d){var e,f,g=b.toLowerCase();return d||(f=jb[g],jb[g]=e,e=null!=c(a,b,d)?g:null,jb[g]=f),e}});var kb=/^(?:input|select|textarea|button)$/i,lb=/^(?:a|area)$/i;r.fn.extend({prop:function(a,b){return S(this,r.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[r.propFix[a]||a]})}}),r.extend({prop:function(a,b,c){var d,e,f=a.nodeType;if(3!==f&&8!==f&&2!==f)return 1===f&&r.isXMLDoc(a)||(b=r.propFix[b]||b,e=r.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){var b=r.find.attr(a,"tabindex");return b?parseInt(b,10):kb.test(a.nodeName)||lb.test(a.nodeName)&&a.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),o.optSelected||(r.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null},set:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}}),r.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){r.propFix[this.toLowerCase()]=this});function mb(a){var b=a.match(K)||[];return b.join(" ")}function nb(a){return a.getAttribute&&a.getAttribute("class")||""}r.fn.extend({addClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).addClass(a.call(this,b,nb(this)))});if("string"==typeof a&&a){b=a.match(K)||[];while(c=this[i++])if(e=nb(c),d=1===c.nodeType&&" "+mb(e)+" "){g=0;while(f=b[g++])d.indexOf(" "+f+" ")<0&&(d+=f+" ");h=mb(d),e!==h&&c.setAttribute("class",h)}}return this},removeClass:function(a){var b,c,d,e,f,g,h,i=0;if(r.isFunction(a))return this.each(function(b){r(this).removeClass(a.call(this,b,nb(this)))});if(!arguments.length)return this.attr("class","");if("string"==typeof a&&a){b=a.match(K)||[];while(c=this[i++])if(e=nb(c),d=1===c.nodeType&&" "+mb(e)+" "){g=0;while(f=b[g++])while(d.indexOf(" "+f+" ")>-1)d=d.replace(" "+f+" "," ");h=mb(d),e!==h&&c.setAttribute("class",h)}}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):r.isFunction(a)?this.each(function(c){r(this).toggleClass(a.call(this,c,nb(this),b),b)}):this.each(function(){var b,d,e,f;if("string"===c){d=0,e=r(this),f=a.match(K)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else void 0!==a&&"boolean"!==c||(b=nb(this),b&&V.set(this,"__className__",b),this.setAttribute&&this.setAttribute("class",b||a===!1?"":V.get(this,"__className__")||""))})},hasClass:function(a){var b,c,d=0;b=" "+a+" ";while(c=this[d++])if(1===c.nodeType&&(" "+mb(nb(c))+" ").indexOf(b)>-1)return!0;return!1}});var ob=/\r/g;r.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=r.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,r(this).val()):a,null==e?e="":"number"==typeof e?e+="":r.isArray(e)&&(e=r.map(e,function(a){return null==a?"":a+""})),b=r.valHooks[this.type]||r.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=r.valHooks[e.type]||r.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(ob,""):null==c?"":c)}}}),r.extend({valHooks:{option:{get:function(a){var b=r.find.attr(a,"value");return null!=b?b:mb(r.text(a))}},select:{get:function(a){var b,c,d,e=a.options,f=a.selectedIndex,g="select-one"===a.type,h=g?null:[],i=g?f+1:e.length;for(d=f<0?i:g?f:0;d-1)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),r.each(["radio","checkbox"],function(){r.valHooks[this]={set:function(a,b){if(r.isArray(b))return a.checked=r.inArray(r(a).val(),b)>-1}},o.checkOn||(r.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})});var pb=/^(?:focusinfocus|focusoutblur)$/;r.extend(r.event,{trigger:function(b,c,e,f){var g,h,i,j,k,m,n,o=[e||d],p=l.call(b,"type")?b.type:b,q=l.call(b,"namespace")?b.namespace.split("."):[];if(h=i=e=e||d,3!==e.nodeType&&8!==e.nodeType&&!pb.test(p+r.event.triggered)&&(p.indexOf(".")>-1&&(q=p.split("."),p=q.shift(),q.sort()),k=p.indexOf(":")<0&&"on"+p,b=b[r.expando]?b:new r.Event(p,"object"==typeof b&&b),b.isTrigger=f?2:3,b.namespace=q.join("."),b.rnamespace=b.namespace?new RegExp("(^|\\.)"+q.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=e),c=null==c?[b]:r.makeArray(c,[b]),n=r.event.special[p]||{},f||!n.trigger||n.trigger.apply(e,c)!==!1)){if(!f&&!n.noBubble&&!r.isWindow(e)){for(j=n.delegateType||p,pb.test(j+p)||(h=h.parentNode);h;h=h.parentNode)o.push(h),i=h;i===(e.ownerDocument||d)&&o.push(i.defaultView||i.parentWindow||a)}g=0;while((h=o[g++])&&!b.isPropagationStopped())b.type=g>1?j:n.bindType||p,m=(V.get(h,"events")||{})[b.type]&&V.get(h,"handle"),m&&m.apply(h,c),m=k&&h[k],m&&m.apply&&T(h)&&(b.result=m.apply(h,c),b.result===!1&&b.preventDefault());return b.type=p,f||b.isDefaultPrevented()||n._default&&n._default.apply(o.pop(),c)!==!1||!T(e)||k&&r.isFunction(e[p])&&!r.isWindow(e)&&(i=e[k],i&&(e[k]=null),r.event.triggered=p,e[p](),r.event.triggered=void 0,i&&(e[k]=i)),b.result}},simulate:function(a,b,c){var d=r.extend(new r.Event,c,{type:a,isSimulated:!0});r.event.trigger(d,null,b)}}),r.fn.extend({trigger:function(a,b){return this.each(function(){r.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];if(c)return r.event.trigger(a,b,c,!0)}}),r.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(a,b){r.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),r.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}}),o.focusin="onfocusin"in a,o.focusin||r.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){r.event.simulate(b,a.target,r.event.fix(a))};r.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=V.access(d,b);e||d.addEventListener(a,c,!0),V.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=V.access(d,b)-1;e?V.access(d,b,e):(d.removeEventListener(a,c,!0),V.remove(d,b))}}});var qb=a.location,rb=r.now(),sb=/\?/;r.parseXML=function(b){var c;if(!b||"string"!=typeof b)return null;try{c=(new a.DOMParser).parseFromString(b,"text/xml")}catch(d){c=void 0}return c&&!c.getElementsByTagName("parsererror").length||r.error("Invalid XML: "+b),c};var tb=/\[\]$/,ub=/\r?\n/g,vb=/^(?:submit|button|image|reset|file)$/i,wb=/^(?:input|select|textarea|keygen)/i;function xb(a,b,c,d){var e;if(r.isArray(b))r.each(b,function(b,e){c||tb.test(a)?d(a,e):xb(a+"["+("object"==typeof e&&null!=e?b:"")+"]",e,c,d)});else if(c||"object"!==r.type(b))d(a,b);else for(e in b)xb(a+"["+e+"]",b[e],c,d)}r.param=function(a,b){var c,d=[],e=function(a,b){var c=r.isFunction(b)?b():b;d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(null==c?"":c)};if(r.isArray(a)||a.jquery&&!r.isPlainObject(a))r.each(a,function(){e(this.name,this.value)});else for(c in a)xb(c,a[c],b,e);return d.join("&")},r.fn.extend({serialize:function(){return r.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=r.prop(this,"elements");return a?r.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!r(this).is(":disabled")&&wb.test(this.nodeName)&&!vb.test(a)&&(this.checked||!ia.test(a))}).map(function(a,b){var c=r(this).val();return null==c?null:r.isArray(c)?r.map(c,function(a){return{name:b.name,value:a.replace(ub,"\r\n")}}):{name:b.name,value:c.replace(ub,"\r\n")}}).get()}});var yb=/%20/g,zb=/#.*$/,Ab=/([?&])_=[^&]*/,Bb=/^(.*?):[ \t]*([^\r\n]*)$/gm,Cb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,Db=/^(?:GET|HEAD)$/,Eb=/^\/\//,Fb={},Gb={},Hb="*/".concat("*"),Ib=d.createElement("a");Ib.href=qb.href;function Jb(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(K)||[];if(r.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function Kb(a,b,c,d){var e={},f=a===Gb;function g(h){var i;return e[h]=!0,r.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function Lb(a,b){var c,d,e=r.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&r.extend(!0,a,d),a}function Mb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}if(f)return f!==i[0]&&i.unshift(f),c[f]}function Nb(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}r.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:qb.href,type:"GET",isLocal:Cb.test(qb.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":Hb,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":r.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?Lb(Lb(a,r.ajaxSettings),b):Lb(r.ajaxSettings,a)},ajaxPrefilter:Jb(Fb),ajaxTransport:Jb(Gb),ajax:function(b,c){"object"==typeof b&&(c=b,b=void 0),c=c||{};var e,f,g,h,i,j,k,l,m,n,o=r.ajaxSetup({},c),p=o.context||o,q=o.context&&(p.nodeType||p.jquery)?r(p):r.event,s=r.Deferred(),t=r.Callbacks("once memory"),u=o.statusCode||{},v={},w={},x="canceled",y={readyState:0,getResponseHeader:function(a){var b;if(k){if(!h){h={};while(b=Bb.exec(g))h[b[1].toLowerCase()]=b[2]}b=h[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return k?g:null},setRequestHeader:function(a,b){return null==k&&(a=w[a.toLowerCase()]=w[a.toLowerCase()]||a,v[a]=b),this},overrideMimeType:function(a){return null==k&&(o.mimeType=a),this},statusCode:function(a){var b;if(a)if(k)y.always(a[y.status]);else for(b in a)u[b]=[u[b],a[b]];return this},abort:function(a){var b=a||x;return e&&e.abort(b),A(0,b),this}};if(s.promise(y),o.url=((b||o.url||qb.href)+"").replace(Eb,qb.protocol+"//"),o.type=c.method||c.type||o.method||o.type,o.dataTypes=(o.dataType||"*").toLowerCase().match(K)||[""],null==o.crossDomain){j=d.createElement("a");try{j.href=o.url,j.href=j.href,o.crossDomain=Ib.protocol+"//"+Ib.host!=j.protocol+"//"+j.host}catch(z){o.crossDomain=!0}}if(o.data&&o.processData&&"string"!=typeof o.data&&(o.data=r.param(o.data,o.traditional)),Kb(Fb,o,c,y),k)return y;l=r.event&&o.global,l&&0===r.active++&&r.event.trigger("ajaxStart"),o.type=o.type.toUpperCase(),o.hasContent=!Db.test(o.type),f=o.url.replace(zb,""),o.hasContent?o.data&&o.processData&&0===(o.contentType||"").indexOf("application/x-www-form-urlencoded")&&(o.data=o.data.replace(yb,"+")):(n=o.url.slice(f.length),o.data&&(f+=(sb.test(f)?"&":"?")+o.data,delete o.data),o.cache===!1&&(f=f.replace(Ab,"$1"),n=(sb.test(f)?"&":"?")+"_="+rb++ +n),o.url=f+n),o.ifModified&&(r.lastModified[f]&&y.setRequestHeader("If-Modified-Since",r.lastModified[f]),r.etag[f]&&y.setRequestHeader("If-None-Match",r.etag[f])),(o.data&&o.hasContent&&o.contentType!==!1||c.contentType)&&y.setRequestHeader("Content-Type",o.contentType),y.setRequestHeader("Accept",o.dataTypes[0]&&o.accepts[o.dataTypes[0]]?o.accepts[o.dataTypes[0]]+("*"!==o.dataTypes[0]?", "+Hb+"; q=0.01":""):o.accepts["*"]);for(m in o.headers)y.setRequestHeader(m,o.headers[m]);if(o.beforeSend&&(o.beforeSend.call(p,y,o)===!1||k))return y.abort();if(x="abort",t.add(o.complete),y.done(o.success),y.fail(o.error),e=Kb(Gb,o,c,y)){if(y.readyState=1,l&&q.trigger("ajaxSend",[y,o]),k)return y;o.async&&o.timeout>0&&(i=a.setTimeout(function(){y.abort("timeout")},o.timeout));try{k=!1,e.send(v,A)}catch(z){if(k)throw z;A(-1,z)}}else A(-1,"No Transport");function A(b,c,d,h){var j,m,n,v,w,x=c;k||(k=!0,i&&a.clearTimeout(i),e=void 0,g=h||"",y.readyState=b>0?4:0,j=b>=200&&b<300||304===b,d&&(v=Mb(o,y,d)),v=Nb(o,v,y,j),j?(o.ifModified&&(w=y.getResponseHeader("Last-Modified"),w&&(r.lastModified[f]=w),w=y.getResponseHeader("etag"),w&&(r.etag[f]=w)),204===b||"HEAD"===o.type?x="nocontent":304===b?x="notmodified":(x=v.state,m=v.data,n=v.error,j=!n)):(n=x,!b&&x||(x="error",b<0&&(b=0))),y.status=b,y.statusText=(c||x)+"",j?s.resolveWith(p,[m,x,y]):s.rejectWith(p,[y,x,n]),y.statusCode(u),u=void 0,l&&q.trigger(j?"ajaxSuccess":"ajaxError",[y,o,j?m:n]),t.fireWith(p,[y,x]),l&&(q.trigger("ajaxComplete",[y,o]),--r.active||r.event.trigger("ajaxStop")))}return y},getJSON:function(a,b,c){return r.get(a,b,c,"json")},getScript:function(a,b){return r.get(a,void 0,b,"script")}}),r.each(["get","post"],function(a,b){r[b]=function(a,c,d,e){return r.isFunction(c)&&(e=e||d,d=c,c=void 0),r.ajax(r.extend({url:a,type:b,dataType:e,data:c,success:d},r.isPlainObject(a)&&a))}}),r._evalUrl=function(a){return r.ajax({url:a,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,"throws":!0})},r.fn.extend({wrapAll:function(a){var b;return this[0]&&(r.isFunction(a)&&(a=a.call(this[0])),b=r(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this},wrapInner:function(a){return r.isFunction(a)?this.each(function(b){r(this).wrapInner(a.call(this,b))}):this.each(function(){var b=r(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=r.isFunction(a);return this.each(function(c){r(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(a){return this.parent(a).not("body").each(function(){r(this).replaceWith(this.childNodes)}),this}}),r.expr.pseudos.hidden=function(a){return!r.expr.pseudos.visible(a)},r.expr.pseudos.visible=function(a){return!!(a.offsetWidth||a.offsetHeight||a.getClientRects().length)},r.ajaxSettings.xhr=function(){try{return new a.XMLHttpRequest}catch(b){}};var Ob={0:200,1223:204},Pb=r.ajaxSettings.xhr();o.cors=!!Pb&&"withCredentials"in Pb,o.ajax=Pb=!!Pb,r.ajaxTransport(function(b){var c,d;if(o.cors||Pb&&!b.crossDomain)return{send:function(e,f){var g,h=b.xhr();if(h.open(b.type,b.url,b.async,b.username,b.password),b.xhrFields)for(g in b.xhrFields)h[g]=b.xhrFields[g];b.mimeType&&h.overrideMimeType&&h.overrideMimeType(b.mimeType),b.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");for(g in e)h.setRequestHeader(g,e[g]);c=function(a){return function(){c&&(c=d=h.onload=h.onerror=h.onabort=h.onreadystatechange=null,"abort"===a?h.abort():"error"===a?"number"!=typeof h.status?f(0,"error"):f(h.status,h.statusText):f(Ob[h.status]||h.status,h.statusText,"text"!==(h.responseType||"text")||"string"!=typeof h.responseText?{binary:h.response}:{text:h.responseText},h.getAllResponseHeaders()))}},h.onload=c(),d=h.onerror=c("error"),void 0!==h.onabort?h.onabort=d:h.onreadystatechange=function(){4===h.readyState&&a.setTimeout(function(){c&&d()})},c=c("abort");try{h.send(b.hasContent&&b.data||null)}catch(i){if(c)throw i}},abort:function(){c&&c()}}}),r.ajaxPrefilter(function(a){a.crossDomain&&(a.contents.script=!1)}),r.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(a){return r.globalEval(a),a}}}),r.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),r.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(e,f){b=r("").attr({src:jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/iframe_api?v="+jQuery.mbYTPlayer.version,id:"YTAPI"});jQuery("head").prepend(tag)}if(jQuery.mbBrowser.mobile&&!YTPlayer.canPlayOnMobile)return YTPlayer.opt.mobileFallbackImage&&wrapper.css({backgroundImage:"url("+YTPlayer.opt.mobileFallbackImage+")",backgroundPosition:"center center",backgroundSize:"cover",backgroundRepeat:"no-repeat",opacity:1}),YTPlayer.isPlayer||$YTPlayer.remove(),void jQuery(document).trigger("YTPUnavailable");jQuery(document).on("YTAPIReady",function(){YTPlayer.isBackground&&ytp.backgroundIsInited||YTPlayer.isInit||(YTPlayer.isBackground&&(ytp.backgroundIsInited=!0),YTPlayer.opt.autoPlay="undefined"==typeof YTPlayer.opt.autoPlay?YTPlayer.isBackground?!0:!1:YTPlayer.opt.autoPlay,YTPlayer.opt.vol=YTPlayer.opt.vol?YTPlayer.opt.vol:100,jQuery.mbYTPlayer.getDataFromAPI(YTPlayer),jQuery(YTPlayer).on("YTPChanged",function(){if(!YTPlayer.isInit){if(YTPlayer.isInit=!0,jQuery.mbBrowser.mobile&&YTPlayer.canPlayOnMobile){if(YTPlayer.opt.containment.outerWidth()>jQuery(window).width()){YTPlayer.opt.containment.css({maxWidth:"100%"});var h=.563*YTPlayer.opt.containment.outerWidth();YTPlayer.opt.containment.css({maxHeight:h})}return void new YT.Player(playerID,{videoId:YTPlayer.videoID.toString(),width:"100%",height:h,playerVars:playerVars,events:{onReady:function(a){YTPlayer.player=a.target,playerBox.css({opacity:1}),YTPlayer.wrapper.css({opacity:1})}}})}new YT.Player(playerID,{videoId:YTPlayer.videoID.toString(),playerVars:playerVars,events:{onReady:function(a){YTPlayer.player=a.target,YTPlayer.isReady||(YTPlayer.isReady=YTPlayer.isPlayer&&!YTPlayer.opt.autoPlay?!1:!0,YTPlayer.playerEl=YTPlayer.player.getIframe(),jQuery(YTPlayer.playerEl).unselectable(),$YTPlayer.optimizeDisplay(),jQuery(window).off("resize.YTP_"+YTPlayer.id).on("resize.YTP_"+YTPlayer.id,function(){$YTPlayer.optimizeDisplay()}),YTPlayer.opt.remember_last_time&&jQuery(window).on("unload.YTP_"+YTPlayer.id,function(){var a=YTPlayer.player.getCurrentTime();jQuery.mbCookie.set("YTPlayer_"+YTPlayer.videoID,a,0)}),jQuery.mbYTPlayer.checkForState(YTPlayer))},onStateChange:function(event){if("function"==typeof event.target.getPlayerState){var state=event.target.getPlayerState();if(YTPlayer.preventTrigger)return void(YTPlayer.preventTrigger=!1);YTPlayer.state=state;var eventType;switch(state){case-1:eventType="YTPUnstarted";break;case 0:eventType="YTPRealEnd";break;case 1:eventType="YTPPlay",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.pause),"undefined"!=typeof _gaq&&eval(YTPlayer.opt.gaTrack)&&_gaq.push(["_trackEvent","YTPlayer","Play",YTPlayer.hasData?YTPlayer.videoData.title:YTPlayer.videoID.toString()]),"undefined"!=typeof ga&&eval(YTPlayer.opt.gaTrack)&&ga("send","event","YTPlayer","play",YTPlayer.hasData?YTPlayer.videoData.title:YTPlayer.videoID.toString());break;case 2:eventType="YTPPause",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);break;case 3:YTPlayer.player.setPlaybackQuality(YTPlayer.opt.quality),eventType="YTPBuffering",YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);break;case 5:eventType="YTPCued"}var YTPEvent=jQuery.Event(eventType);YTPEvent.time=YTPlayer.currentTime,YTPlayer.canTrigger&&jQuery(YTPlayer).trigger(YTPEvent)}},onPlaybackQualityChange:function(a){var b=a.target.getPlaybackQuality(),c=jQuery.Event("YTPQualityChange");c.quality=b,jQuery(YTPlayer).trigger(c)},onError:function(a){150==a.data&&(console.log("Embedding this video is restricted by Youtube."),YTPlayer.isPlayList&&jQuery(YTPlayer).playNext()),2==a.data&&YTPlayer.isPlayList&&jQuery(YTPlayer).playNext(),"function"==typeof YTPlayer.opt.onError&&YTPlayer.opt.onError($YTPlayer,a)}}})}}))}),$YTPlayer.off("YTPTime.mask"),jQuery.mbYTPlayer.applyMask(YTPlayer)}})},getDataFromAPI:function(a){if(a.videoData=jQuery.mbStorage.get("YTPlayer_data_"+a.videoID),jQuery(a).off("YTPData.YTPlayer").on("YTPData.YTPlayer",function(){if(a.hasData&&a.isPlayer&&!a.opt.autoPlay){var b=a.videoData.thumb_max||a.videoData.thumb_high||a.videoData.thumb_medium;a.opt.containment.css({background:"rgba(0,0,0,0.5) url("+b+") center center",backgroundSize:"cover"}),a.opt.backgroundUrl=b}}),a.videoData)setTimeout(function(){a.opt.ratio="auto"==a.opt.ratio?"16/9":a.opt.ratio,a.dataReceived=!0,jQuery(a).trigger("YTPChanged");var b=jQuery.Event("YTPData");b.prop={};for(var c in a.videoData)b.prop[c]=a.videoData[c];jQuery(a).trigger(b)},a.opt.fadeOnStartTime),a.hasData=!0;else if(jQuery.mbYTPlayer.apiKey)jQuery.getJSON(jQuery.mbYTPlayer.locationProtocol+"//www.googleapis.com/youtube/v3/videos?id="+a.videoID+"&key="+jQuery.mbYTPlayer.apiKey+"&part=snippet",function(b){function c(b){a.videoData={},a.videoData.id=a.videoID,a.videoData.channelTitle=b.channelTitle,a.videoData.title=b.title,a.videoData.description=b.description.length<400?b.description:b.description.substring(0,400)+" ...",a.videoData.aspectratio="auto"==a.opt.ratio?"16/9":a.opt.ratio,a.opt.ratio=a.videoData.aspectratio,a.videoData.thumb_max=b.thumbnails.maxres?b.thumbnails.maxres.url:null,a.videoData.thumb_high=b.thumbnails.high?b.thumbnails.high.url:null,a.videoData.thumb_medium=b.thumbnails.medium?b.thumbnails.medium.url:null,jQuery.mbStorage.set("YTPlayer_data_"+a.videoID,a.videoData)}a.dataReceived=!0,jQuery(a).trigger("YTPChanged"),c(b.items[0].snippet),a.hasData=!0;var d=jQuery.Event("YTPData");d.prop={};for(var e in a.videoData)d.prop[e]=a.videoData[e];jQuery(a).trigger(d)});else{if(setTimeout(function(){jQuery(a).trigger("YTPChanged")},50),a.isPlayer&&!a.opt.autoPlay){var b=jQuery.mbYTPlayer.locationProtocol+"//i.ytimg.com/vi/"+a.videoID+"/hqdefault.jpg";b&&a.opt.containment.css({background:"rgba(0,0,0,0.5) url("+b+") center center",backgroundSize:"cover"}),a.opt.backgroundUrl=b}a.videoData=null,a.opt.ratio="auto"==a.opt.ratio?"16/9":a.opt.ratio}!a.isPlayer||a.opt.autoPlay||jQuery.mbBrowser.mobile||(a.loading=jQuery("

").addClass("loading").html("Loading").hide(),jQuery(a).append(a.loading),a.loading.fadeIn())},removeStoredData:function(){jQuery.mbStorage.remove()},getVideoData:function(){var a=this.get(0);return a.videoData},getVideoID:function(){var a=this.get(0);return a.videoID||!1},setVideoQuality:function(a){var b=this.get(0);b.player.setPlaybackQuality(a)},playlist:function(a,b,c){var d=this,e=d.get(0);return e.isPlayList=!0,b&&(a=jQuery.shuffle(a)),e.videoID||(e.videos=a,e.videoCounter=0,e.videoLength=a.length,jQuery(e).data("property",a[0]),jQuery(e).mb_YTPlayer()),"function"==typeof c&&jQuery(e).one("YTPChanged",function(){c(e)}),jQuery(e).on("YTPEnd",function(){jQuery(e).playNext()}),this},playNext:function(){var a=this.get(0);return a.checkForStartAt&&(clearInterval(a.checkForStartAt),clearInterval(a.getState)),a.videoCounter++,a.videoCounter>=a.videoLength&&(a.videoCounter=0),jQuery(a).YTPChangeMovie(a.videos[a.videoCounter]),this},playPrev:function(){var a=this.get(0);return a.checkForStartAt&&(clearInterval(a.checkForStartAt),clearInterval(a.getState)),a.videoCounter--,a.videoCounter<0&&(a.videoCounter=a.videoLength-1),jQuery(a).YTPChangeMovie(a.videos[a.videoCounter]),this},playIndex:function(a){var b=this.get(0);return a-=1,b.checkForStartAt&&(clearInterval(b.checkForStartAt),clearInterval(b.getState)),b.videoCounter=a,b.videoCounter>=b.videoLength-1&&(b.videoCounter=b.videoLength-1),jQuery(b).YTPChangeMovie(b.videos[b.videoCounter]),this},changeMovie:function(a){var b=this,c=b.get(0);c.opt.startAt=0,c.opt.stopAt=0,c.opt.mask=!1,c.opt.mute=!0,c.hasData=!1,c.hasChanged=!0,c.player.loopTime=void 0,a&&jQuery.extend(c.opt,a),c.videoID=getYTPVideoID(c.opt.videoURL).videoID,"true"==c.opt.loop&&(c.opt.loop=9999),jQuery(c.playerEl).CSSAnimate({opacity:0},c.opt.fadeOnStartTime,function(){var a=jQuery.Event("YTPChangeMovie");a.time=c.currentTime,a.videoId=c.videoID,jQuery(c).trigger(a),jQuery(c).YTPGetPlayer().cueVideoByUrl(encodeURI(jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/v/"+c.videoID),1,c.opt.quality),jQuery(c).optimizeDisplay(),jQuery.mbYTPlayer.checkForState(c),jQuery.mbYTPlayer.getDataFromAPI(c)}),jQuery.mbYTPlayer.applyMask(c)},getPlayer:function(){return jQuery(this).get(0).player},playerDestroy:function(){var a=this.get(0);ytp.YTAPIReady=!0,ytp.backgroundIsInited=!1,a.isInit=!1,a.videoID=null,a.isReady=!1;var b=a.wrapper;return b.remove(),jQuery("#controlBar_"+a.id).remove(),clearInterval(a.checkForStartAt),clearInterval(a.getState),this},fullscreen:function(real){function hideMouse(){YTPlayer.overlay.css({cursor:"none"})}function RunPrefixMethod(a,b){for(var c,d,e=["webkit","moz","ms","o",""],f=0;f0||a&&b.opt.vol==a?b.isMute?jQuery(b).YTPUnmute():jQuery(b).YTPMute():(b.opt.vol=a,b.player.setVolume(b.opt.vol),b.volumeBar&&b.volumeBar.length&&b.volumeBar.updateSliderVal(a)):jQuery(b).YTPUnmute(),this},toggleVolume:function(){var a=this.get(0);if(a)return a.player.isMuted()?(jQuery(a).YTPUnmute(),!0):(jQuery(a).YTPMute(),!1)},mute:function(){var a=this.get(0);if(!a.isMute){a.player.mute(),a.isMute=!0,a.player.setVolume(0),a.volumeBar&&a.volumeBar.length&&a.volumeBar.width()>10&&a.volumeBar.updateSliderVal(0);var b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPMuteUnmute");c.html(jQuery.mbYTPlayer.controls.unmute),jQuery(a).addClass("isMuted"),a.volumeBar&&a.volumeBar.length&&a.volumeBar.addClass("muted");var d=jQuery.Event("YTPMuted");return d.time=a.currentTime,a.canTrigger&&jQuery(a).trigger(d),this}},unmute:function(){var a=this.get(0);if(a.isMute){a.player.unMute(),a.isMute=!1,a.player.setVolume(a.opt.vol),a.volumeBar&&a.volumeBar.length&&a.volumeBar.updateSliderVal(a.opt.vol>10?a.opt.vol:10);var b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPMuteUnmute");c.html(jQuery.mbYTPlayer.controls.mute),jQuery(a).removeClass("isMuted"),a.volumeBar&&a.volumeBar.length&&a.volumeBar.removeClass("muted");var d=jQuery.Event("YTPUnmuted");return d.time=a.currentTime,a.canTrigger&&jQuery(a).trigger(d),this}},applyFilter:function(a,b){return this.each(function(){var c=this;c.filters[a].value=b,c.filtersEnabled&&jQuery(c).YTPEnableFilters()})},applyFilters:function(a){return this.each(function(){var b=this;if(!b.isReady)return void jQuery(b).on("YTPReady",function(){jQuery(b).YTPApplyFilters(a)});for(var c in a)jQuery(b).YTPApplyFilter(c,a[c]);jQuery(b).trigger("YTPFiltersApplied")})},toggleFilter:function(a,b){return this.each(function(){var c=this;c.filters[a].value?c.filters[a].value=0:c.filters[a].value=b,c.filtersEnabled&&jQuery(this).YTPEnableFilters()})},toggleFilters:function(a){return this.each(function(){var b=this;b.filtersEnabled?(jQuery(b).trigger("YTPDisableFilters"),jQuery(b).YTPDisableFilters()):(jQuery(b).YTPEnableFilters(),jQuery(b).trigger("YTPEnableFilters")),"function"==typeof a&&a(b.filtersEnabled)})},disableFilters:function(){return this.each(function(){var a=this,b=jQuery(a.playerEl);b.css("-webkit-filter",""),b.css("filter",""),a.filtersEnabled=!1})},enableFilters:function(){return this.each(function(){var a=this,b=jQuery(a.playerEl),c="";for(var d in a.filters)a.filters[d].value&&(c+=d.replace("_","-")+"("+a.filters[d].value+a.filters[d].unit+") ");b.css("-webkit-filter",c),b.css("filter",c),a.filtersEnabled=!0})},removeFilter:function(a,b){return this.each(function(){var c=this;if("function"==typeof a&&(b=a,a=null),a)jQuery(this).YTPApplyFilter(a,0),"function"==typeof b&&b(a);else for(var d in c.filters)jQuery(this).YTPApplyFilter(d,0),"function"==typeof b&&b(d)})},getFilters:function(){var a=this.get(0);return a.filters},addMask:function(a){var b=this.get(0),c=b.overlay;a||(a=b.actualMask);var d=jQuery("").attr("src",a).on("load",function(){c.CSSAnimate({opacity:0},b.opt.fadeOnStartTime,function(){b.hasMask=!0,d.remove(),c.css({backgroundImage:"url("+a+")",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"cover"}),c.CSSAnimate({opacity:1},b.opt.fadeOnStartTime)})});return this},removeMask:function(){var a=this.get(0),b=a.overlay;return b.CSSAnimate({opacity:0},a.opt.fadeOnStartTime,function(){a.hasMask=!1,b.css({backgroundImage:"",backgroundRepeat:"",backgroundPosition:"",backgroundSize:""}),b.CSSAnimate({opacity:1},a.opt.fadeOnStartTime)}),this},applyMask:function(a){var b=jQuery(a);if(b.off("YTPTime.mask"),a.opt.mask)if("string"==typeof a.opt.mask)b.YTPAddMask(a.opt.mask),a.actualMask=a.opt.mask;else if("object"==typeof a.opt.mask){for(var c in a.opt.mask)if(a.opt.mask[c]){jQuery("").attr("src",a.opt.mask[c])}a.opt.mask[0]&&b.YTPAddMask(a.opt.mask[0]),b.on("YTPTime.mask",function(c){for(var d in a.opt.mask)c.time==d&&(a.opt.mask[d]?(b.YTPAddMask(a.opt.mask[d]),a.actualMask=a.opt.mask[d]):b.YTPRemoveMask())})}},toggleMask:function(){var a=this.get(0),b=$(a);return a.hasMask?b.YTPRemoveMask():b.YTPAddMask(),this},manageProgress:function(){var a=this.get(0),b=jQuery("#controlBar_"+a.id),c=b.find(".mb_YTPProgress"),d=b.find(".mb_YTPLoaded"),e=b.find(".mb_YTPseekbar"),f=c.outerWidth(),g=Math.floor(a.player.getCurrentTime()),h=Math.floor(a.player.getDuration()),i=g*f/h,j=0,k=100*a.player.getVideoLoadedFraction();return d.css({left:j,width:k+"%"}),e.css({left:0,width:i}),{totalTime:h,currentTime:g}},buildControls:function(YTPlayer){var data=YTPlayer.opt;if(data.showYTLogo=data.showYTLogo||data.printUrl,!jQuery("#controlBar_"+YTPlayer.id).length){YTPlayer.controlBar=jQuery("").attr("id","controlBar_"+YTPlayer.id).addClass("mb_YTPBar").css({whiteSpace:"noWrap",position:YTPlayer.isBackground?"fixed":"absolute",zIndex:YTPlayer.isBackground?1e4:1e3}).hide();var buttonBar=jQuery("

").addClass("buttonBar"),playpause=jQuery(""+jQuery.mbYTPlayer.controls.play+"").addClass("mb_YTPPlaypause ytpicon").click(function(){1==YTPlayer.player.getPlayerState()?jQuery(YTPlayer).YTPPause():jQuery(YTPlayer).YTPPlay()}),MuteUnmute=jQuery(""+jQuery.mbYTPlayer.controls.mute+"").addClass("mb_YTPMuteUnmute ytpicon").click(function(){0==YTPlayer.player.getVolume()?jQuery(YTPlayer).YTPUnmute():jQuery(YTPlayer).YTPMute()}),volumeBar=jQuery("

").addClass("mb_YTPVolumeBar").css({display:"inline-block"});YTPlayer.volumeBar=volumeBar;var idx=jQuery("").addClass("mb_YTPTime"),vURL=data.videoURL?data.videoURL:"";vURL.indexOf("http")<0&&(vURL=jQuery.mbYTPlayer.locationProtocol+"//www.youtube.com/watch?v="+data.videoURL);var movieUrl=jQuery("").html(jQuery.mbYTPlayer.controls.ytLogo).addClass("mb_YTPUrl ytpicon").attr("title","view on YouTube").on("click",function(){window.open(vURL,"viewOnYT")}),onlyVideo=jQuery("").html(jQuery.mbYTPlayer.controls.onlyYT).addClass("mb_OnlyYT ytpicon").on("click",function(){jQuery(YTPlayer).YTPFullscreen(data.realfullscreen)}),progressBar=jQuery("

").addClass("mb_YTPProgress").css("position","absolute").click(function(a){timeBar.css({width:a.clientX-timeBar.offset().left}),YTPlayer.timeW=a.clientX-timeBar.offset().left,YTPlayer.controlBar.find(".mb_YTPLoaded").css({width:0});var b=Math.floor(YTPlayer.player.getDuration());YTPlayer["goto"]=timeBar.outerWidth()*b/progressBar.outerWidth(),YTPlayer.player.seekTo(parseFloat(YTPlayer["goto"]),!0),YTPlayer.controlBar.find(".mb_YTPLoaded").css({width:0})}),loadedBar=jQuery("

").addClass("mb_YTPLoaded").css("position","absolute"),timeBar=jQuery("

").addClass("mb_YTPseekbar").css("position","absolute");progressBar.append(loadedBar).append(timeBar),buttonBar.append(playpause).append(MuteUnmute).append(volumeBar).append(idx),data.showYTLogo&&buttonBar.append(movieUrl),(YTPlayer.isBackground||eval(YTPlayer.opt.realfullscreen)&&!YTPlayer.isBackground)&&buttonBar.append(onlyVideo),YTPlayer.controlBar.append(buttonBar).append(progressBar),YTPlayer.isBackground?jQuery("body").after(YTPlayer.controlBar):(YTPlayer.controlBar.addClass("inlinePlayer"),YTPlayer.wrapper.before(YTPlayer.controlBar)),volumeBar.simpleSlider({initialval:YTPlayer.opt.vol,scale:100,orientation:"h",callback:function(a){0==a.value?jQuery(YTPlayer).YTPMute():jQuery(YTPlayer).YTPUnmute(),YTPlayer.player.setVolume(a.value),YTPlayer.isMute||(YTPlayer.opt.vol=a.value)}})}},checkForState:function(YTPlayer){var interval=YTPlayer.opt.showControls?100:400;return clearInterval(YTPlayer.getState),jQuery.contains(document,YTPlayer)?(jQuery.mbYTPlayer.checkForStart(YTPlayer),void(YTPlayer.getState=setInterval(function(){var prog=jQuery(YTPlayer).YTPManageProgress(),$YTPlayer=jQuery(YTPlayer),data=YTPlayer.opt,startAt=YTPlayer.start_from_last?YTPlayer.start_from_last:YTPlayer.opt.startAt?YTPlayer.opt.startAt:1;YTPlayer.start_from_last=null;var stopAt=YTPlayer.opt.stopAt>YTPlayer.opt.startAt?YTPlayer.opt.stopAt:0;if(stopAt=stopAt400&&YTPlayer.isCompact&&(YTPlayer.controlBar.removeClass("compact"),YTPlayer.isCompact=!1,!YTPlayer.isMute&&YTPlayer.volumeBar&&YTPlayer.volumeBar.updateSliderVal(YTPlayer.opt.vol)),1==YTPlayer.player.getPlayerState()&&(parseFloat(YTPlayer.player.getDuration()-.5)0&&parseFloat(YTPlayer.player.getCurrentTime())>stopAt)){if(YTPlayer.isEnded)return;if(YTPlayer.isEnded=!0,setTimeout(function(){YTPlayer.isEnded=!1},1e3),YTPlayer.isPlayList){if(!data.loop||data.loop>0&&YTPlayer.player.loopTime===data.loop-1){YTPlayer.player.loopTime=void 0,clearInterval(YTPlayer.getState);var YTPEnd=jQuery.Event("YTPEnd");return YTPEnd.time=YTPlayer.currentTime,void jQuery(YTPlayer).trigger(YTPEnd)}}else if(!data.loop||data.loop>0&&YTPlayer.player.loopTime===data.loop-1)return YTPlayer.player.loopTime=void 0,YTPlayer.preventTrigger=!0,YTPlayer.state=2,jQuery(YTPlayer).YTPPause(),void YTPlayer.wrapper.CSSAnimate({opacity:0},YTPlayer.opt.fadeOnStartTime,function(){YTPlayer.controlBar.length&&YTPlayer.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);var a=jQuery.Event("YTPEnd");a.time=YTPlayer.currentTime,jQuery(YTPlayer).trigger(a),YTPlayer.player.seekTo(startAt,!0),YTPlayer.isBackground?YTPlayer.orig_background&&jQuery(YTPlayer).css("background-image",YTPlayer.orig_background):YTPlayer.opt.backgroundUrl&&YTPlayer.isPlayer&&(YTPlayer.opt.backgroundUrl=YTPlayer.opt.backgroundUrl||YTPlayer.orig_background,YTPlayer.opt.containment.css({background:"url("+YTPlayer.opt.backgroundUrl+") center center",backgroundSize:"cover"}))});YTPlayer.player.loopTime=YTPlayer.player.loopTime?++YTPlayer.player.loopTime:1,startAt=startAt||1,YTPlayer.preventTrigger=!0,YTPlayer.state=2,jQuery(YTPlayer).YTPPause(),YTPlayer.player.seekTo(startAt,!0),$YTPlayer.YTPPlay()}},interval))):(jQuery(YTPlayer).YTPPlayerDestroy(),clearInterval(YTPlayer.getState),void clearInterval(YTPlayer.checkForStartAt))},getTime:function(){var a=this.get(0);return jQuery.mbYTPlayer.formatTime(a.currentTime)},getTotalTime:function(){var a=this.get(0);return jQuery.mbYTPlayer.formatTime(a.totalTime)},checkForStart:function(a){var b=jQuery(a);if(!jQuery.contains(document,a))return void jQuery(a).YTPPlayerDestroy();if(a.preventTrigger=!0,a.state=2,jQuery(a).YTPPause(),jQuery(a).muteYTPVolume(),jQuery("#controlBar_"+a.id).remove(),a.controlBar=!1,a.opt.showControls&&jQuery.mbYTPlayer.buildControls(a),a.opt.addRaster){var c="dot"==a.opt.addRaster?"raster-dot":"raster";a.overlay.addClass(a.isRetina?c+" retina":c)}else a.overlay.removeClass(function(a,b){var c=b.split(" "),d=[];return jQuery.each(c,function(a,b){/raster.*/.test(b)&&d.push(b)}),d.push("retina"),d.join(" ")});var d=a.start_from_last?a.start_from_last:a.opt.startAt?a.opt.startAt:1;a.start_from_last=null,a.player.playVideo(),a.player.seekTo(d,!0),clearInterval(a.checkForStartAt),a.checkForStartAt=setInterval(function(){jQuery(a).YTPMute();var c=a.player.getVideoLoadedFraction()>=d/a.player.getDuration();if(a.player.getDuration()>0&&a.player.getCurrentTime()>=d&&c){clearInterval(a.checkForStartAt),"function"==typeof a.opt.onReady&&a.opt.onReady(a),a.isReady=!0;var e=jQuery.Event("YTPReady");if(e.time=a.currentTime,jQuery(a).trigger(e),a.preventTrigger=!0,a.state=2,jQuery(a).YTPPause(),a.opt.mute||jQuery(a).YTPUnmute(),a.canTrigger=!0,a.opt.autoPlay){var f=jQuery.Event("YTPStart");f.time=a.currentTime,jQuery(a).trigger(f),jQuery(a.playerEl).CSSAnimate({opacity:1},1e3),b.YTPPlay(),a.wrapper.CSSAnimate({opacity:a.isAlone?1:a.opt.opacity},2*a.opt.fadeOnStartTime),"mac"==jQuery.mbBrowser.os.name&&jQuery.mbBrowser.safari&&jQuery.mbBrowser.versionCompare(jQuery.mbBrowser.fullVersion,"10.1")<0&&(a.safariPlay=setInterval(function(){1!=a.state?b.YTPPlay():clearInterval(a.safariPlay)},10)),b.one("YTPReady",function(){b.YTPPlay()})}else a.player.pauseVideo(),a.isPlayer||(jQuery(a.playerEl).CSSAnimate({opacity:1 +},a.opt.fadeOnStartTime),a.wrapper.CSSAnimate({opacity:a.isAlone?1:a.opt.opacity},a.opt.fadeOnStartTime)),a.controlBar.length&&a.controlBar.find(".mb_YTPPlaypause").html(jQuery.mbYTPlayer.controls.play);a.isPlayer&&!a.opt.autoPlay&&a.loading&&a.loading.length&&(a.loading.html("Ready"),setTimeout(function(){a.loading.fadeOut()},100)),a.controlBar&&a.controlBar.length&&a.controlBar.slideDown(1e3)}else"mac"==jQuery.mbBrowser.os.name&&jQuery.mbBrowser.safari&&jQuery.mbBrowser.fullVersion&&jQuery.mbBrowser.versionCompare(jQuery.mbBrowser.fullVersion,"10.1")<0&&(a.player.playVideo(),d>=0&&a.player.seekTo(d,!0))},10)},setAnchor:function(a){var b=this;b.optimizeDisplay(a)},getAnchor:function(){var a=this.get(0);return a.opt.anchor},formatTime:function(a){var b=Math.floor(a/60),c=Math.floor(a-60*b);return(9>=b?"0"+b:b)+" : "+(9>=c?"0"+c:c)}},jQuery.fn.optimizeDisplay=function(anchor){var YTPlayer=this.get(0),playerBox=jQuery(YTPlayer.playerEl),vid={};YTPlayer.opt.anchor=anchor||YTPlayer.opt.anchor,YTPlayer.opt.anchor="undefined "!=typeof YTPlayer.opt.anchor?YTPlayer.opt.anchor:"center,center";var YTPAlign=YTPlayer.opt.anchor.split(",");if(YTPlayer.opt.optimizeDisplay){var abundance=YTPlayer.isPlayer?0:80,win={},el=YTPlayer.wrapper;win.width=el.outerWidth(),win.height=el.outerHeight()+abundance,YTPlayer.opt.ratio=eval(YTPlayer.opt.ratio),vid.width=win.width,vid.height=Math.ceil(vid.width/YTPlayer.opt.ratio),vid.marginTop=Math.ceil(-((vid.height-win.height)/2)),vid.marginLeft=0;var lowest=vid.heightwin.width&&(vid.marginLeft=-((vid.width-win.width)/2))}}}else vid.width="100%",vid.height="100%",vid.marginTop=0,vid.marginLeft=0;playerBox.css({width:vid.width,height:vid.height,marginTop:vid.marginTop,marginLeft:vid.marginLeft,maxWidth:"initial"})},jQuery.shuffle=function(a){for(var b=a.slice(),c=b.length,d=c;d--;){var e=parseInt(Math.random()*c),f=b[d];b[d]=b[e],b[e]=f}return b},jQuery.fn.unselectable=function(){return this.each(function(){jQuery(this).css({"-moz-user-select":"none","-webkit-user-select":"none","user-select":"none"}).attr("unselectable","on")})},jQuery.fn.YTPlayer=jQuery.mbYTPlayer.buildPlayer,jQuery.fn.YTPGetPlayer=jQuery.mbYTPlayer.getPlayer,jQuery.fn.YTPGetVideoID=jQuery.mbYTPlayer.getVideoID,jQuery.fn.YTPChangeMovie=jQuery.mbYTPlayer.changeMovie,jQuery.fn.YTPPlayerDestroy=jQuery.mbYTPlayer.playerDestroy,jQuery.fn.YTPPlay=jQuery.mbYTPlayer.play,jQuery.fn.YTPTogglePlay=jQuery.mbYTPlayer.togglePlay,jQuery.fn.YTPStop=jQuery.mbYTPlayer.stop,jQuery.fn.YTPPause=jQuery.mbYTPlayer.pause,jQuery.fn.YTPSeekTo=jQuery.mbYTPlayer.seekTo,jQuery.fn.YTPlaylist=jQuery.mbYTPlayer.playlist,jQuery.fn.YTPPlayNext=jQuery.mbYTPlayer.playNext,jQuery.fn.YTPPlayPrev=jQuery.mbYTPlayer.playPrev,jQuery.fn.YTPPlayIndex=jQuery.mbYTPlayer.playIndex,jQuery.fn.YTPMute=jQuery.mbYTPlayer.mute,jQuery.fn.YTPUnmute=jQuery.mbYTPlayer.unmute,jQuery.fn.YTPToggleVolume=jQuery.mbYTPlayer.toggleVolume,jQuery.fn.YTPSetVolume=jQuery.mbYTPlayer.setVolume,jQuery.fn.YTPGetVideoData=jQuery.mbYTPlayer.getVideoData,jQuery.fn.YTPFullscreen=jQuery.mbYTPlayer.fullscreen,jQuery.fn.YTPToggleLoops=jQuery.mbYTPlayer.toggleLoops,jQuery.fn.YTPSetVideoQuality=jQuery.mbYTPlayer.setVideoQuality,jQuery.fn.YTPManageProgress=jQuery.mbYTPlayer.manageProgress,jQuery.fn.YTPApplyFilter=jQuery.mbYTPlayer.applyFilter,jQuery.fn.YTPApplyFilters=jQuery.mbYTPlayer.applyFilters,jQuery.fn.YTPToggleFilter=jQuery.mbYTPlayer.toggleFilter,jQuery.fn.YTPToggleFilters=jQuery.mbYTPlayer.toggleFilters,jQuery.fn.YTPRemoveFilter=jQuery.mbYTPlayer.removeFilter,jQuery.fn.YTPDisableFilters=jQuery.mbYTPlayer.disableFilters,jQuery.fn.YTPEnableFilters=jQuery.mbYTPlayer.enableFilters,jQuery.fn.YTPGetFilters=jQuery.mbYTPlayer.getFilters,jQuery.fn.YTPGetTime=jQuery.mbYTPlayer.getTime,jQuery.fn.YTPGetTotalTime=jQuery.mbYTPlayer.getTotalTime,jQuery.fn.YTPAddMask=jQuery.mbYTPlayer.addMask,jQuery.fn.YTPRemoveMask=jQuery.mbYTPlayer.removeMask,jQuery.fn.YTPToggleMask=jQuery.mbYTPlayer.toggleMask,jQuery.fn.YTPSetAnchor=jQuery.mbYTPlayer.setAnchor,jQuery.fn.YTPGetAnchor=jQuery.mbYTPlayer.getAnchor,jQuery.fn.mb_YTPlayer=jQuery.mbYTPlayer.buildPlayer,jQuery.fn.playNext=jQuery.mbYTPlayer.playNext,jQuery.fn.playPrev=jQuery.mbYTPlayer.playPrev,jQuery.fn.changeMovie=jQuery.mbYTPlayer.changeMovie,jQuery.fn.getVideoID=jQuery.mbYTPlayer.getVideoID,jQuery.fn.getPlayer=jQuery.mbYTPlayer.getPlayer,jQuery.fn.playerDestroy=jQuery.mbYTPlayer.playerDestroy,jQuery.fn.fullscreen=jQuery.mbYTPlayer.fullscreen,jQuery.fn.buildYTPControls=jQuery.mbYTPlayer.buildControls,jQuery.fn.playYTP=jQuery.mbYTPlayer.play,jQuery.fn.toggleLoops=jQuery.mbYTPlayer.toggleLoops,jQuery.fn.stopYTP=jQuery.mbYTPlayer.stop,jQuery.fn.pauseYTP=jQuery.mbYTPlayer.pause,jQuery.fn.seekToYTP=jQuery.mbYTPlayer.seekTo,jQuery.fn.muteYTPVolume=jQuery.mbYTPlayer.mute,jQuery.fn.unmuteYTPVolume=jQuery.mbYTPlayer.unmute,jQuery.fn.setYTPVolume=jQuery.mbYTPlayer.setVolume,jQuery.fn.setVideoQuality=jQuery.mbYTPlayer.setVideoQuality,jQuery.fn.manageYTPProgress=jQuery.mbYTPlayer.manageProgress,jQuery.fn.YTPGetDataFromFeed=jQuery.mbYTPlayer.getVideoData}(jQuery,ytp),jQuery.support.CSStransition=function(){var a=document.body||document.documentElement,b=a.style;return void 0!==b.transition||void 0!==b.WebkitTransition||void 0!==b.MozTransition||void 0!==b.MsTransition||void 0!==b.OTransition}(),jQuery.CSS={name:"mb.CSSAnimate",author:"Matteo Bicocchi",version:"2.0.0",transitionEnd:"transitionEnd",sfx:"",filters:{blur:{min:0,max:100,unit:"px"},brightness:{min:0,max:400,unit:"%"},contrast:{min:0,max:400,unit:"%"},grayscale:{min:0,max:100,unit:"%"},hueRotate:{min:0,max:360,unit:"deg"},invert:{min:0,max:100,unit:"%"},saturate:{min:0,max:400,unit:"%"},sepia:{min:0,max:100,unit:"%"}},normalizeCss:function(a){var b=jQuery.extend(!0,{},a);jQuery.browser.webkit||jQuery.browser.opera?jQuery.CSS.sfx="-webkit-":jQuery.browser.mozilla?jQuery.CSS.sfx="-moz-":jQuery.browser.msie&&(jQuery.CSS.sfx="-ms-");for(var c in b){"transform"===c&&(b[jQuery.CSS.sfx+"transform"]=b[c],delete b[c]),"transform-origin"===c&&(b[jQuery.CSS.sfx+"transform-origin"]=a[c],delete b[c]),"filter"!==c||jQuery.browser.mozilla||(b[jQuery.CSS.sfx+"filter"]=a[c],delete b[c]),"blur"===c&&setFilter(b,"blur",a[c]),"brightness"===c&&setFilter(b,"brightness",a[c]),"contrast"===c&&setFilter(b,"contrast",a[c]),"grayscale"===c&&setFilter(b,"grayscale",a[c]),"hueRotate"===c&&setFilter(b,"hueRotate",a[c]),"invert"===c&&setFilter(b,"invert",a[c]),"saturate"===c&&setFilter(b,"saturate",a[c]),"sepia"===c&&setFilter(b,"sepia",a[c]);var d="";"x"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateX("+setUnit(a[c],"px")+")",delete b[c]),"y"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateY("+setUnit(a[c],"px")+")",delete b[c]),"z"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" translateZ("+setUnit(a[c],"px")+")",delete b[c]),"rotate"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotate("+setUnit(a[c],"deg")+")",delete b[c]),"rotateX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateX("+setUnit(a[c],"deg")+")",delete b[c]),"rotateY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateY("+setUnit(a[c],"deg")+")",delete b[c]),"rotateZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" rotateZ("+setUnit(a[c],"deg")+")",delete b[c]),"scale"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scale("+setUnit(a[c],"")+")",delete b[c]),"scaleX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleX("+setUnit(a[c],"")+")",delete b[c]),"scaleY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleY("+setUnit(a[c],"")+")",delete b[c]),"scaleZ"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" scaleZ("+setUnit(a[c],"")+")",delete b[c]),"skew"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skew("+setUnit(a[c],"deg")+")",delete b[c]),"skewX"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewX("+setUnit(a[c],"deg")+")",delete b[c]),"skewY"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" skewY("+setUnit(a[c],"deg")+")",delete b[c]),"perspective"===c&&(d=jQuery.CSS.sfx+"transform",b[d]=b[d]||"",b[d]+=" perspective("+setUnit(a[c],"px")+")",delete b[c])}return b},getProp:function(a){var b=[];for(var c in a)b.indexOf(c)<0&&b.push(uncamel(c));return b.join(",")},animate:function(a,b,c,d,e){return this.each(function(){function f(){g.called=!0,g.CSSAIsRunning=!1,h.off(jQuery.CSS.transitionEnd+"."+g.id),clearTimeout(g.timeout),h.css(jQuery.CSS.sfx+"transition",""),"function"==typeof e&&e.apply(g),"function"==typeof g.CSSqueue&&(g.CSSqueue(),g.CSSqueue=null)}var g=this,h=jQuery(this);g.id=g.id||"CSSA_"+(new Date).getTime();var i=i||{type:"noEvent"};if(g.CSSAIsRunning&&g.eventType==i.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return void(g.CSSqueue=function(){h.CSSAnimate(a,b,c,d,e)});if(g.CSSqueue=null,g.eventType=i.type,0!==h.length&&a){if(a=jQuery.normalizeCss(a),g.CSSAIsRunning=!0,"function"==typeof b&&(e=b,b=jQuery.fx.speeds._default),"function"==typeof c&&(d=c,c=0),"string"==typeof c&&(e=c,c=0),"function"==typeof d&&(e=d,d="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof b)for(var j in jQuery.fx.speeds){if(b==j){b=jQuery.fx.speeds[j];break}b=jQuery.fx.speeds._default}if(b||(b=jQuery.fx.speeds._default),"string"==typeof e&&(d=e,e=null),!jQuery.support.CSStransition){for(var k in a){if("transform"===k&&delete a[k],"filter"===k&&delete a[k],"transform-origin"===k&&delete a[k],"auto"===a[k]&&delete a[k],"x"===k){var l=a[k],m="left";a[m]=l,delete a[k]}if("y"===k){var l=a[k],m="top";a[m]=l,delete a[k]}("-ms-transform"===k||"-ms-filter"===k)&&delete a[k]}return void h.delay(c).animate(a,b,e)}var n={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)",easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};n[d]&&(d=n[d]),h.off(jQuery.CSS.transitionEnd+"."+g.id);var o=jQuery.CSS.getProp(a),p={};jQuery.extend(p,a),p[jQuery.CSS.sfx+"transition-property"]=o,p[jQuery.CSS.sfx+"transition-duration"]=b+"ms",p[jQuery.CSS.sfx+"transition-delay"]=c+"ms",p[jQuery.CSS.sfx+"transition-timing-function"]=d,setTimeout(function(){h.one(jQuery.CSS.transitionEnd+"."+g.id,f),h.css(p)},1),g.timeout=setTimeout(function(){return g.called||!e?(g.called=!1,void(g.CSSAIsRunning=!1)):(h.css(jQuery.CSS.sfx+"transition",""),e.apply(g),g.CSSAIsRunning=!1,void("function"==typeof g.CSSqueue&&(g.CSSqueue(),g.CSSqueue=null)))},b+c+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(a){return this.each(function(){var b=jQuery(this),c=jQuery.normalizeCss(a);b.css(c)})};var nAgt=navigator.userAgent;jQuery.browser=jQuery.browser||{},jQuery.browser.mozilla=!1,jQuery.browser.webkit=!1,jQuery.browser.opera=!1,jQuery.browser.safari=!1,jQuery.browser.chrome=!1,jQuery.browser.androidStock=!1,jQuery.browser.msie=!1,jQuery.browser.edge=!1,jQuery.browser.ua=nAgt;var getOS=function(){var a={version:"Unknown version",name:"Unknown OS"};return-1!=navigator.appVersion.indexOf("Win")&&(a.name="Windows"),-1!=navigator.appVersion.indexOf("Mac")&&0>navigator.appVersion.indexOf("Mobile")&&(a.name="Mac"),-1!=navigator.appVersion.indexOf("Linux")&&(a.name="Linux"),/Mac OS X/.test(nAgt)&&!/Mobile/.test(nAgt)&&(a.version=/Mac OS X (10[\.\_\d]+)/.exec(nAgt)[1],a.version=a.version.replace(/_/g,".").substring(0,5)),/Windows/.test(nAgt)&&(a.version="Unknown.Unknown"),/Windows NT 5.1/.test(nAgt)&&(a.version="5.1"),/Windows NT 6.0/.test(nAgt)&&(a.version="6.0"),/Windows NT 6.1/.test(nAgt)&&(a.version="6.1"),/Windows NT 6.2/.test(nAgt)&&(a.version="6.2"),/Windows NT 10.0/.test(nAgt)&&(a.version="10.0"),/Linux/.test(nAgt)&&/Linux/.test(nAgt)&&(a.version="Unknown.Unknown"),a.name=a.name.toLowerCase(),a.major_version="Unknown",a.minor_version="Unknown","Unknown.Unknown"!=a.version&&(a.major_version=parseFloat(a.version.split(".")[0]),a.minor_version=parseFloat(a.version.split(".")[1])),a};jQuery.browser.os=getOS(),jQuery.browser.hasTouch=isTouchSupported(),jQuery.browser.name=navigator.appName,jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var nameOffset,verOffset,ix;if(-1!=(verOffset=nAgt.indexOf("Opera")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+6),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8));else if(-1!=(verOffset=nAgt.indexOf("OPR")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+4);else if(-1!=(verOffset=nAgt.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",jQuery.browser.fullVersion=nAgt.substring(verOffset+5);else if(-1!=nAgt.indexOf("Trident")){jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer";var start=nAgt.indexOf("rv:")+3,end=start+4;jQuery.browser.fullVersion=nAgt.substring(start,end)}else-1!=(verOffset=nAgt.indexOf("Edge"))?(jQuery.browser.edge=!0,jQuery.browser.name="Microsoft Edge",jQuery.browser.fullVersion=nAgt.substring(verOffset+5)):-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome=!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1e;e++){if(c[e]&&!d[e]&&0parseInt(d[e]))return 1;if(d[e]&&!c[e]&&0").addClass("level").addClass(e);d.prepend(e),c.level=e,d.css({cursor:"default"}),"auto"==c.opt.scale&&(c.opt.scale=a(c).outerWidth()),d.updateSliderVal(),c.opt.readonly||(d.on(a.simpleSlider.events.start,function(b){a.browser.mobile&&(b=b.changedTouches[0]),c.canSlide=!0,d.updateSliderVal(b),"h"==c.opt.orientation?d.css({cursor:"col-resize"}):d.css({cursor:"row-resize"}),b.preventDefault(),b.stopPropagation()}),a(document).on(a.simpleSlider.events.move,function(b){a.browser.mobile&&(b=b.changedTouches[0]),c.canSlide&&(a(document).css({cursor:"default"}),d.updateSliderVal(b),b.preventDefault(),b.stopPropagation())}).on(a.simpleSlider.events.end,function(){a(document).css({cursor:"auto"}),c.canSlide=!1,d.css({cursor:"auto"})}))})},updateSliderVal:function(b){var c=this.get(0);if(c.opt){c.opt.initialval="number"==typeof c.opt.initialval?c.opt.initialval:c.opt.initialval(c);var d=a(c).outerWidth(),e=a(c).outerHeight();c.x="object"==typeof b?b.clientX+document.body.scrollLeft-this.offset().left:"number"==typeof b?b*d/c.opt.scale:c.opt.initialval*d/c.opt.scale,c.y="object"==typeof b?b.clientY+document.body.scrollTop-this.offset().top:"number"==typeof b?(c.opt.scale-c.opt.initialval-b)*e/c.opt.scale:c.opt.initialval*e/c.opt.scale,c.y=this.outerHeight()-c.y,c.scaleX=c.x*c.opt.scale/d,c.scaleY=c.y*c.opt.scale/e,c.outOfRangeX=c.scaleX>c.opt.scale?c.scaleX-c.opt.scale:0>c.scaleX?c.scaleX:0,c.outOfRangeY=c.scaleY>c.opt.scale?c.scaleY-c.opt.scale:0>c.scaleY?c.scaleY:0,c.outOfRange="h"==c.opt.orientation?c.outOfRangeX:c.outOfRangeY,c.value="undefined"!=typeof b?"h"==c.opt.orientation?c.x>=this.outerWidth()?c.opt.scale:0>=c.x?0:c.scaleX:c.y>=this.outerHeight()?c.opt.scale:0>=c.y?0:c.scaleY:"h"==c.opt.orientation?c.scaleX:c.scaleY,"h"==c.opt.orientation?c.level.width(Math.floor(100*c.x/d)+"%"):c.level.height(Math.floor(100*c.y/e)),"function"==typeof c.opt.callback&&c.opt.callback(c)}}},a.fn.simpleSlider=a.simpleSlider.init,a.fn.updateSliderVal=a.simpleSlider.updateSliderVal}(jQuery),function(a){a.mbCookie={set:function(a,b,c,d){"object"==typeof b&&(b=JSON.stringify(b)),d=d?"; domain="+d:"";var e=new Date,f="";c>0&&(e.setTime(e.getTime()+864e5*c),f="; expires="+e.toGMTString()),document.cookie=a+"="+b+f+"; path=/"+d},get:function(a){a+="=";for(var b=document.cookie.split(";"),c=0;c +//

+//

+// Title +//

+//

+// ... +//

+//

+// +// +// MODIFIERS: +// +// .accordion--oneopen - means that only one panel can be open at once + + +.accordion li{ + .accordion__title, .accordion__content, .accordion__content *{ + .transition(.3s,linear); + } + .accordion__title{ + cursor: pointer; + padding: @accordion-title-padding; + border: @accordion-title-border; + border-bottom: none; + background: @accordion-title-bg; + .disable-select; + } + &:last-child{ + .accordion__title{ + border-bottom: @accordion-title-border; + } + } + .accordion__content{ + opacity: 0; + visibility: hidden; + max-height: 0; + >*{ + display: none; + } + >*:first-child{ + padding-top: @accordion-content-padding; + } + >*:last-child{ + padding-bottom: @accordion-content-padding; + } + } +} + +.accordion li.active{ + .accordion__title{ + background: @accordion-title-bg-active; + border-bottom: @accordion-title-border; + } + .accordion__content{ + opacity: 1; + visibility: visible; + max-height: 500px; + >*{ + display: inline-block; + } + } +} \ No newline at end of file diff --git a/less/framework_components/alerts.less b/less/framework_components/alerts.less new file mode 100644 index 0000000..95c4f8a --- /dev/null +++ b/less/framework_components/alerts.less @@ -0,0 +1,57 @@ +// MARKUP: +// +//

+//

+// +// MODIFIERS: +// +// .bg--error, .bg--success, .bg--primary + + +.alert{ + overflow: hidden; + border: 1px solid darken(@color-bg-site, 10%); + padding: @base-line-height/2; + .alert__body, .alert__close{ + display: inline-block; + user-select: none; + } + .alert__body{ + float: left; + } + .alert__close{ + float: right; + cursor: pointer; + } + &.bg--error{ + background: lighten(@color-error, 40%); + border-color: @color-error; + .alert__close{ + color: @color-error; + } + } + &.bg--success{ + background: lighten(@color-success, 40%); + border-color: @color-success; + .alert__close{ + color: @color-success; + } + } + &.bg--primary{ + background: lighten(@color-primary, 40%); + border-color: @color-primary; + .alert__body{ + > span{ + color: @color-body; + } + } + .alert__close{ + color: @color-primary; + } + } + &.alert--dismissed{ + display: none; + } +} \ No newline at end of file diff --git a/less/framework_components/bars.less b/less/framework_components/bars.less new file mode 100644 index 0000000..b61a946 --- /dev/null +++ b/less/framework_components/bars.less @@ -0,0 +1,168 @@ +// DESCRIPTION: +// Defines the structure of bars for navigation / utility +// +// +// MARKUP: +// +//

+// ... +//

+// +// MODIFIERS: +//.bar--sm - Add class to bar to make slightly smaller with larger logo +//.bar--lg - Add class to bar to make taller with larger logo +//.bar--xlg - Add class to bar to make much taller with larger logo + +.bar{ + padding: @base-line-height 0; + .logo{ + margin: 0; + position: relative; + top: 4px; + } + .menu-horizontal{ + position: relative; + top: 6px; + } + &:not([class*='visible-']){ + +.bar{ + margin-top: @base-line-height/2; + } + } + &.bar--xs{ + padding: @base-line-height/4 0; + } + &.bar--sm{ + padding: @base-line-height/2 0; + } + &.bar--lg{ + padding: @base-line-height*1.5 0; + .logo{ + top: 0; + } + } + &.bar--xlg{ + padding: @base-line-height*2.5 0; + .logo{ + top: 0; + } + } + &.bg--dark{ + .logo-dark{ + display: none; + } + } + &:not(.bg--dark):not(.bar--transparent){ + .logo-light{ + display: none; + } + } +} + +@media all and (max-width: 767px){ + .bar{ + &.bar--mobile-sticky[data-scroll-class*='fixed'].pos-fixed{ + position: fixed; + width: 100%; + background: #fff; + z-index: 999; + } + &.bar--mobile-sticky[data-scroll-class*='fixed'] + .bar.pos-fixed{ + top: @base-line-height * 2; + position: fixed; + width: 100%; + background: #fff; + z-index: 999; + } + } +} + +// Desktop +@media all and (min-width: 991px){ + .bar__module{ + &:not(:only-child){ + display: inline-block; + } + &:not(:last-child){ + margin-right: @base-line-height/2; + } + } + .bar--transparent:not(.bar--dark){ + background: none; + .logo-dark{ + display: none; + } + .logo-light{ + display: inline-block; + } + &:not(.pos-fixed){ + .menu-horizontal{ + > li{ + > a, > span{ + color: #fff; + } + } + } + .btn:not([class*='primary']){ + .btn__text{ + color: #fff; + } + border-color: rgba(255,255,255,.3); + &:hover{ + border-color: rgba(255,255,255,.7); + } + } + } + } + .bar--absolute{ + position: absolute; + } + .bar--absolute, .pos-fixed{ + z-index: 99; + width: 100%; + } + .bar{ + &.pos-fixed{ + position: fixed; + top: 0; + animation: fadeInDown .3s ease-out forwards; + .box-shadow; + &:not([class*='bg-']){ + background: @color-bg-site; + .logo-dark{ + display: inline-block; + } + .logo-light{ + display: none; + } + } + &.bg--dark{ + background: @color-dark; + } + } + } +} + +// Mobile +@media all and (max-width: 767px){ + .bar__module{ + margin-bottom: @base-line-height/2; + +.bar__module{ + margin-top: @base-line-height; + } + .btn{ + display: block; + +.btn{ + margin-left: 0 !important; + } + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + } + .bar{ + +nav.bar{ + padding-top: 0; + } + } +} \ No newline at end of file diff --git a/less/framework_components/boxed-layout.less b/less/framework_components/boxed-layout.less new file mode 100644 index 0000000..f09e87b --- /dev/null +++ b/less/framework_components/boxed-layout.less @@ -0,0 +1,16 @@ +// DESCRIPTION: +// Add the class "boxed-layout" to the element. + +@media all and (min-width: (@boxed-layout-width)){ + body.boxed-layout{ + padding: @base-line-height*2 0; + background: darken(@color-bg-secondary, 5%); + section:not([class*='bg-']):not(.imagebg),footer:not([class*='bg-']):not(.imagebg),nav:not([class*='bg-']):not(.bar--transparent):not(.bar--absolute),.tabs-container:not([class*='bg-']):not(.imagebg){ + background: @color-bg-site; + } + .nav-container, .main-container, > section, nav{ + max-width: @boxed-layout-width; + margin: 0 auto; + } + } +} \ No newline at end of file diff --git a/less/framework_components/boxes.less b/less/framework_components/boxes.less new file mode 100644 index 0000000..3ce06ae --- /dev/null +++ b/less/framework_components/boxes.less @@ -0,0 +1,58 @@ +// DESCRIPTION: +// An easy way to create 'card' like content +// that appears inside a padded box. +// +// +// MARKUP: +// +//

+// ... +//

+// +// MODIFIERS: +// .boxed--lg - place more padding on the box +// .boxed--sm - place less padding on the box +// .boxed--border - place a border around the box +// .bg--primary, .bg--primary-1 etc. - Change the BG colour of the box + +.boxed{ + position: relative; + overflow: hidden; + padding: @box-padding; + margin-bottom: 30px; + &.boxed--lg{ + padding: @box-padding * 1.5; + } + &.boxed--sm{ + padding: @box-padding / 1.5; + } + &.boxed--border{ + border: @box-border; + } + >div[class*='col-']:first-child:not(.boxed){ + padding-left: 0; + } + >div[class*='col-']:last-child:not(.boxed){ + padding-right: 0; + } +} + +img + .boxed{ + margin-top: -@base-line-height; +} + +@media all and (max-width: 767px){ + .boxed{ + padding: @box-padding/1.5; + margin-bottom: 15px; + &.boxed--lg{ + padding: @box-padding/1.5; + } + div[class*='col-']:not(.boxed){ + padding: 0; + } + &:last-child{ + margin-bottom: 15px; + } + } +} \ No newline at end of file diff --git a/less/framework_components/breadcrumbs.less b/less/framework_components/breadcrumbs.less new file mode 100644 index 0000000..7859b8e --- /dev/null +++ b/less/framework_components/breadcrumbs.less @@ -0,0 +1,15 @@ +.breadcrumb{ + padding: 0; + margin: 0; + background: none; + display: inline-block; + li{ + font-size: @breadcrumb-font-size; + &when(@breadcrumbs-uppercase = true){ + text-transform: uppercase; + } + } + li+li:before{ + padding: 0 @breadcrumb-item-padding; + } +} \ No newline at end of file diff --git a/less/framework_components/buttons.less b/less/framework_components/buttons.less new file mode 100644 index 0000000..adbfed2 --- /dev/null +++ b/less/framework_components/buttons.less @@ -0,0 +1,222 @@ +// MARKUP: +// +// +// Button Title +// +// +// MODIFIERS: +// .btn--sm - smaller button +// .btn--lg - larger button +// .btn--primary,-1,-2 - modify the background and text color of the button + +.btn{ + font-family: @button-font, 'Helvetica', 'Arial', sans-serif; + .transition(0.1s,linear); + border-radius: @button-radius; + padding-top: @button-padding-n; + padding-bottom: @button-padding-s; + padding-right: @button-padding-e; + padding-left: @button-padding-w; + border: 1px solid @color-dark; + border-width: @border-width; + font-size: inherit; + line-height: @base-line-height; + .btn__text,i{ + color: @color-heading; + border-color: @color-heading; + font-weight: @button-font-weight; + font-size: @button-text-size; + } + &when(@buttons-uppercase = true){ + text-transform: uppercase; + } + &[class*='col-']{ + margin-left: 0; + margin-right: 0; + } + &:active{ + box-shadow: none; + -webkit-box-shadow: none; + } + &.bg--facebook, &.bg--twitter, &.bg--instagram, &.bg--googleplus, &.bg--pinterest, &.bg--dribbble, &.bg--behance, &.bg--dark{ + .btn__text{ + color: #fff; + i{ + color: #fff; + } + } + border-color: rgba(0,0,0,0) !important; + &:hover{ + opacity: .9; + } + } + &.bg--error{ + background: @color-error; + border-color: @color-error !important; + &:hover{ + background: lighten(@color-error, 5%); + border-color: lighten(@color-error, 5%) !important; + color: #fff !important; + } + .btn__text{ + color: #fff; + i{ + color: #fff; + } + } + } +} + +@media all and (min-width: 768px){ + .btn{ + &+.btn{ + margin-left: @button-spacing; + } + } +} + +.btn:first-child{ + margin-left: 0; +} + +.btn:last-child{ + margin-right: 0; +} + +.btn--xs{ + padding-top: 0; + padding-bottom: 0; + padding-right: @button-padding-e/2; + padding-left: @button-padding-w/2; +} + +.btn--sm{ + padding-top: @button-padding-n/1.5; + padding-bottom: @button-padding-s/1.5; + padding-right: @button-padding-e/1.5; + padding-left: @button-padding-w/1.5; +} + +.btn--lg{ + padding-top: @button-padding-n*1.25; + padding-bottom: @button-padding-s*1.25; + padding-right: @button-padding-e*1.25; + padding-left: @button-padding-w*1.25; + .btn__text{ + font-size: @button-text-size*1.25; + } +} + +// Primary + +.btn--primary, .btn--primary:visited{ + background: @color-primary; + border-color: @color-primary; + .btn__text{ + color: #fff; + i{ + color: #fff; + } + } +} + +.btn--primary:hover{ + background: lighten(@color-primary,5%); +} + +.btn--primary:active{ + background: darken(@color-primary,5%); +} + +// Primary 1 + +& when (@has-primary-1 = true){ + .btn--primary-1, .btn--primary-1:visited{ + background: @color-primary-1; + border-color: @color-primary-1; + .btn__text{ + color: #fff; + } + } + + .btn--primary-1:hover{ + background: lighten(@color-primary-1,5%); + } + + .btn--primary-1:active{ + background: darken(@color-primary-1,5%); + } +} + +// Primary 2 + +& when (@has-primary-2 = true){ + .btn--primary-2, .btn--primary-2:visited{ + background: @color-primary-2; + border-color: @color-primary-2; + .btn__text{ + color: #fff; + } + } + + .btn--primary-2:hover{ + background: lighten(@color-primary-2,5%); + } + + .btn--primary-2:active{ + background: darken(@color-primary-2,5%); + } +} + +.btn--secondary{ + background: @color-bg-secondary; + border-color: @color-bg-secondary; + &:hover{ + background: lighten(@color-bg-secondary,2%); + } + &:active{ + background: darken(@color-bg-secondary,2%); + } +} + +.btn--white{ + background: #fff; + color: @color-heading; + border-color: #fff; + i{ + color: @color-heading; + } +} + +.btn--transparent{ + background: none; + border-color: rgba(0,0,0,0); + padding-left: 0; + padding-right: 0; + &.btn--white{ + .btn__text{ + color: #fff; + } + } +} + +.btn--unfilled{ + background: none; + &.btn--white{ + .btn__text{ + color: #fff; + } + i{ + color: #fff; + } + } +} + +// Floating + +.btn--floating{ + position: fixed; + bottom: @base-line-height*2; + right: @base-line-height*2; + z-index: 10; +} diff --git a/less/framework_components/colors.less b/less/framework_components/colors.less new file mode 100644 index 0000000..b2579e5 --- /dev/null +++ b/less/framework_components/colors.less @@ -0,0 +1,186 @@ +body{ + background: @color-bg-site; +} + +.color--primary{ + color: @color-primary !important; +} + +a{ + color: @color-primary; +} + +&when (@has-primary-1 = true){ + .color--primary-1{ + color: @color-primary-1 !important; + } +} + +&when (@has-primary-2 = true){ + .color--primary-2{ + color: @color-primary-2 !important; + } +} + +.color--white{ + color: #fff; +} + +.color--dark{ + color: @color-dark; +} + +.color--success{ + color: @color-success; +} + +.color--error{ + color: @color-error; +} + +.bg--dark{ + background: @color-dark; + &:not(.nav-bar):not(.bar){ + h1,h2,h3,h4,h5,h6,i,span:not(.btn__text),p{ + color: @color-on-dark; + } + color: @color-on-dark; + a:not(.btn){ + color: #fff; + } + } +} + +.bg--site{ + background: @color-bg-site; +} + +.bg--secondary{ + background: @color-bg-secondary; +} + +.bg--primary{ + background: @color-primary; + p,span,ul,a:not(.btn){ + color: #fff; + } + h1,h2,h3,h4,h5,h6,i{ + color: #fff; + } + .color--primary{ + color: #fff !important; + } +} + +.bg--white{ + background: #fff; + p,span,ul,a:not(.btn){ + color: @color-body; + } + h1,h2,h3,h4,h5,h6,i{ + color: @color-dark; + } +} + +.bg--error{ + background: @color-error; +} + +.bg--success{ + background: @color-success; +} + +.imagebg:not(.image--light){ + .bg--white{ + p,span,ul,a:not(.btn){ + color: @color-body; + } + h1,h2,h3,h4,h5,h6,i{ + color: @color-dark; + } + } + .bg--secondary{ + background: rgba(red(@color-bg-secondary),green(@color-bg-secondary),blue(@color-bg-secondary),.2); + } +} + +&when (@has-primary-1 = true){ + .bg--primary-1{ + background: @color-primary-1; + p,span,ul,a:not(.btn){ + color: #fff; + } + h1,h2,h3,h4,h5,h6,i{ + color: #fff; + } + } +} + +&when (@has-primary-2 = true){ + .bg--primary-2{ + background: @color-primary-2; + p,span,ul,a:not(.btn){ + color: #fff; + } + h1,h2,h3,h4,h5,h6,i{ + color: #fff; + } + } +} + +.image-bg:not(.image-light){ + *:not(a){ + color: #fff; + } +} + +.color--facebook{ + color: #3b5998; +} +.color--twitter{ + color: #00aced; +} +.color--googleplus{ + color: #dd4b39; +} +.color--instagram{ + color: #125688; +} +.color--pinterest{ + color: #cb2027; +} +.color--dribbble{ + color: #ea4c89; +} +.color--behance{ + color: #053eff; +} + +.bg--facebook{ + background: #3b5998; + color: #fff; +} +.bg--twitter{ + background: #00aced; + color: #fff; +} +.bg--googleplus{ + background: #dd4b39; + color: #fff; +} +.bg--instagram{ + background: #125688; + color: #fff; +} +.bg--pinterest{ + background: #cb2027; + color: #fff; +} +.bg--dribbble{ + background: #ea4c89; + color: #fff; +} +.bg--behance{ + background: #053eff; + color: #fff; +} \ No newline at end of file diff --git a/less/framework_components/dropdowns.less b/less/framework_components/dropdowns.less new file mode 100644 index 0000000..753387b --- /dev/null +++ b/less/framework_components/dropdowns.less @@ -0,0 +1,153 @@ +.dropdown{ + position: relative; + .dropdown__container{ + .transition(0.3s,ease); + opacity: 0; + pointer-events: none; + position: absolute; + z-index: 999; + .dropdown__container{ + &:before{ + height: 0; + } + } + } + .dropdown__content{ + padding: @base-line-height; + &:not([class*='col-']){ + width: @base-line-height*10; + } + &:not([class*='bg-']){ + background: @color-bg-site; + } + &:not([class='bg--dark']){ + .menu-vertical{ + a{ + color: @color-body; + } + } + } + } + .dropdown__trigger{ + cursor: pointer; + user-select: none; + } + &.dropdown--active{ + >.dropdown__container{ + opacity: 1; + >.container{ + >.row{ + > .dropdown__content{ + pointer-events: all; + } + } + } + } + } +} + +//Desktop +@media all and (min-width: 991px){ + .dropdown{ + .dropdown__container{ + &:before{ + height: @base-line-height/2; + width: 100%; + content: ''; + display: block; + } + } + .dropdown__content{ + &.dropdown__content--md{ + padding: @base-line-height*1.5; + } + &.dropdown__content--lg{ + padding: @base-line-height*2; + } + &.dropdown__content--xlg{ + padding: @base-line-height*2.5; + } + } + } +} + +// Tablet Down +@media all and (max-width: 767px){ + .dropdown{ + .dropdown__container{ + min-width: 100%; + position: relative; + display: none; + } + .dropdown__content{ + padding: @base-line-height; + left: 0 !important; + } + &.dropdown--active{ + >.dropdown__container{ + display: block; + } + } + } +} + +// Dropdown Hovers + +body.dropdowns--hover{ + .dropdown:not(.dropdown--click){ + &:hover{ + >.dropdown__container{ + &:before{ + pointer-events: all; + } + opacity: 1; + .dropdown__content{ + pointer-events: all; + } + } + } + } +} + +body:not(.dropdowns--hover){ + .dropdown.dropdown--hover{ + &:hover{ + >.dropdown__container{ + &:before{ + pointer-events: all; + } + opacity: 1; + .dropdown__content{ + pointer-events: all; + } + } + } + } +} + +// Tablet Down +@media all and (max-width: 990px){ + body.dropdowns--hover{ + .dropdown:not(.dropdown--click){ + &.dropdown--active{ + >.dropdown__container{ + &:before{ + pointer-events: all; + } + display: block; + } + } + } + } +} + +@media all and (max-width: 767px){ + .dropdown{ + &.dropdown--absolute{ + .dropdown__container{ + position: absolute; + } + } + } +} + diff --git a/less/framework_components/flickity.less b/less/framework_components/flickity.less new file mode 100644 index 0000000..6991620 --- /dev/null +++ b/less/framework_components/flickity.less @@ -0,0 +1,202 @@ +.heightSlides(@number) when (@number > 0){ + .heightSlides((@number - 1)); + @multiplier: @number*10; + &.height-@{multiplier}{ + height: auto; + .slides .flickity-slider > li{ + height: @number*10vh; + padding: 0; + } + } + @media all and (min-width: 768px){ + &.height-@{multiplier}{ + .slides li.imagebg{ + min-height: @number*10vh; + } + } + } +} + +.slides:not(.flickity-enabled){ + li.imagebg:not(:first-child){ + display: none; + } + li.imagebg:first-child{ + .container{ + opacity: 0; + } + background: @color-dark; + animation: backgroundLoad .5s ease alternate infinite; + } +} + +@keyframes backgroundLoad{ + 0%{ background: @color-dark; } + 100%{ background: lighten(@color-dark, 10%) } +} + +.slider{ + .heightSlides(10); + .slides{ + .flickity-slider{ + > li{ + &:not([class*='col-']){ + width: 100%; + } + } + } + &.slides--gapless{ + li[class*='col-']{ + padding-left: 0; + padding-right: 0; + } + } + } + &[data-arrows="true"]{ + &.slider--arrows-hover{ + &:not(:hover){ + .flickity-prev-next-button{ + opacity: 0; + } + } + } + } + &[data-paging="true"]{ + &:not(section){ + margin-bottom: @base-line-height*2; + .flickity-page-dots{ + bottom: -@base-line-height*2; + } + } + &:not([class*='text-']){ + .flickity-page-dots{ + text-align: center; + } + } + } + &[data-children="1"]{ + .flickity-prev-next-button{ + display: none; + } + } + &:not([data-paging="true"]){ + .slides{ + margin: 0; + } + } + &.controls--dark{ + .flickity-page-dots{ + .dot{ + background: @color-dark; + } + } + .flickity-prev-next-button{ + &:before{ + color: @color-dark; + } + } + } +} + +section.slider{ + padding: 0; + .heightSlides(10); + &[data-paging="true"]{ + .flickity-page-dots{ + bottom: @base-line-height; + } + } + &:not(.image--light){ + &[data-paging="true"]{ + .flickity-page-dots{ + .dot{ + background: #fff; + } + } + } + } + .slides{ + margin: 0; + } +} + +@media all and (max-width: 767px){ + section.slider{ + &[class*='height-']{ + .slides .flickity-slider > li{ + height: auto; + padding: @standard-space-n 0; + } + } + &.space--lg{ + .slides .flickity-slider > li{ + padding: @standard-space-mobile * 2 0; + } + } + &.space--xlg{ + .slides .flickity-slider > li{ + padding: @standard-space-mobile * 2 0; + } + } + } +} + +section.bg--dark,section.bg--primary{ + .slider{ + &[data-paging="true"]{ + .flickity-page-dots{ + .dot{ + background: #fff; + } + } + } + } +} + +.flickity-page-dots{ + .dot{ + .transition(0.3s,ease); + width: @slider-paging-height; + height: @slider-paging-width; + border-radius: @slider-paging-radius; + background: @slider-paging-bg; + border: @slider-paging-border; + margin: 0 @slider-paging-spacing; + &:hover{ + &:not(.is-selected){ + opacity: .6; + } + } + } +} + +.text-center, section.slider{ + .flickity-page-dots{ + text-align: center; + } +} + +.flickity-prev-next-button{ + svg{ + display: none; + } + &:before{ + font-family: @slider-arrow-font; + content: @slider-arrow-right; + font-size: @slider-arrow-size; + font-weight: normal; + } + &.previous{ + &:before{ + content: @slider-arrow-left; + } + } +} + +.imagebg:not(.image--light),.bg--dark{ + .flickity-page-dots{ + .dot{ + background: #fff; + } + } +} \ No newline at end of file diff --git a/less/framework_components/forms-v2.less b/less/framework_components/forms-v2.less new file mode 100644 index 0000000..8421839 --- /dev/null +++ b/less/framework_components/forms-v2.less @@ -0,0 +1,261 @@ +// MARKUP: +// +// + +form{ + max-width: 100%; + + form{ + margin-top: 30px; + } + &:before,&:after{ + content: "."; + display: block; + height: 0; + overflow: hidden; + } + &:after{ + clear: both; + } +} + +label{ + margin: 0; + font-size: @input-label-font-size; + font-weight: @input-label-font-weight; +} + +input[type],textarea,select{ + -webkit-appearance: none; + background: @input-background-color; + padding: @input-padding; + border-radius: @input-border-radius; + &when (@inputs-have-border = true){ + border: @input-border; + } + &when (@inputs-have-border = false){ + border: none; + } + &:focus{ + outline: none; + } + &:active{ + outline: none; + } + .placeholder-text(@input-placeholder-color); +} + +input[type="image"]{ + border: none; + padding: none; + width: auto; +} + +textarea{ + display:block; + width: 100%; + max-width: 100%; +} + +select{ + cursor: pointer; + padding-right: @input-padding * 4; + -webkit-appearance: none; +} + +select::ms-expand{ + display: none; +} + +input[type="submit"]{ + background: none; + outline: none; + border: none; + background: @color-primary; + padding: @input-padding @button-padding-e @input-padding @button-padding-w; + color: #fff; +} + +@keyframes load{ + 0% { opacity: 0; width: 0; } + 50%{ width: 100%; opacity: .8; left: 0; } + 100% { left: 100%; opacity: 0; } +} + +button{ + background: none; + &[type="submit"]{ + &.btn--loading{ + position: relative; + overflow: hidden; + pointer-events: none; + color: rgba(0,0,0,0); + *{ + opacity: 0; + } + &:after{ + content: ''; + position: absolute; + width: 0; + height: 100%; + background: #ddd; + animation: load 1.5s ease-out infinite; + left: 0; + top: 0; + } + .btn__text{ + opacity: 0; + } + } + } + &:focus{ + outline: none !important; + } + &.bg--error{ + color: #fff; + } +} + +.input-icon{ + position: relative; + i{ + .disable-select; + cursor: default; + position: absolute; + } +} + +.input-checkbox, .input-radio, .input-select{ + .disable-select; + display: inline-block; + input{ + opacity: 0 !important; + height: 0 !important; + width: 0 !important; + position: absolute !important; + } + label{ + display: block !important; + cursor: pointer; + } +} + +.input-checkbox{ + label{ + width: @checkbox-width; + height: @checkbox-height; + border-radius: @checkbox-border-radius; + background: #000; + } + padding: @checkbox-padding; +} + +.input-radio{ + label{ + width: @radio-width; + height: @radio-height; + border-radius: @radio-border-radius; + background: #000; + } + padding: @radio-padding; +} + +.input-select{ + position: relative; + i{ + position: absolute; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); + right: 1em; + font-size: .87em; + } +} + +.input-file{ + position: relative; + display: inline-block; + input{ + display: none; + } +} + +.form-error { + margin-top: 1.5625em; + padding: 0.78125em; + background: #D84D4D; + color: #fff; + position: fixed; + min-width: 350px; + left: 50%; + bottom: 1.5625em; + transform: translate3d(-50%, 0, 0); + -webkit-transform: translate3d(-50%, 0, 0); + z-index: 999; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); +} + +.form-success { + margin-top: 1.5625em; + padding: 0.78125em; + background: #1DC020; + color: #fff; + position: fixed; + min-width: 350px; + left: 50%; + bottom: 1.5625em; + transform: translate3d(-50%, 0, 0); + -webkit-transform: translate3d(-50%, 0, 0); + z-index: 999; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); +} + +.attempted-submit .field-error { + border-color: #D84D4D !important; +} + +.attempted-submit div.recaptcha.field-error { + border-color: #D84D4D !important; + border-style: solid; + border: 1px solid; + border-radius: 5px; + padding: 5px; +} + +div.recaptcha iframe { + min-height: 0; +} \ No newline at end of file diff --git a/less/framework_components/granim.less b/less/framework_components/granim.less new file mode 100644 index 0000000..0def2bd --- /dev/null +++ b/less/framework_components/granim.less @@ -0,0 +1,14 @@ +[data-gradient-bg]{ + position: relative; + background: @color-dark; + > canvas{ + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + +.background-image-holder{ + opacity: .2 !important; + } + } +} \ No newline at end of file diff --git a/less/framework_components/helpers.less b/less/framework_components/helpers.less new file mode 100644 index 0000000..0c3e6a4 --- /dev/null +++ b/less/framework_components/helpers.less @@ -0,0 +1,62 @@ +.clearfix{ + overflow: hidden; +} + +.clearfix-after{ + &:after{ + content: ""; + display: table; + clear: both; + } +} + +.allow-overflow{ + overflow: visible; +} + +.container{ + .row--gapless{ + padding-left: 15px; + padding-right: 15px; + > div[class*='col-']{ + padding: 0; + } + } +} + +@media all and (max-width: 767px){ + .text-left-xs{ + text-align: left; + } +} + +@media all and (max-width: 991px){ + .text-left-sm{ + text-align: left; + } +} + +section{ + > .row--gapless{ + padding-left: 0; + padding-right: 0; + > div[class*='col-']{ + padding: 0; + } + } +} + +div{ + &.right{ + float: right; + } + &.left{ + float: left; + } +} + +section.text-right{ + > .container:last-child > .row:only-child > div[class*='col-']:only-child{ + float: right; + } +} \ No newline at end of file diff --git a/less/framework_components/hover-elements.less b/less/framework_components/hover-elements.less new file mode 100644 index 0000000..6176340 --- /dev/null +++ b/less/framework_components/hover-elements.less @@ -0,0 +1,63 @@ +// MARKUP: +// +//

+//

+// .. +//

+// +//

+// .. +//

+//

+// +// +// +// MODIFIERS: +// .hover--active - simulates a permanent hover on the element + + +.hover-element{ + position: relative; + overflow: hidden; + margin-bottom: 30px; + *{ + .transition(0.3s,ease); + } + .hover-element__reveal{ + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 100%; + height: 100%; + .boxed{ + height: 100%; + } + } + &:hover,&.hover--active{ + .hover-element__reveal{ + opacity: 1; + } + } + img{ + margin-bottom: 0; + } +} + +@media all and (max-width: 1024px){ + .hover-element{ + cursor: pointer; + } +} + +.row{ + &:last-child{ + div[class*='col-']{ + &:last-child{ + .hover-element{ + margin-bottom: 0; + } + } + } + } +} \ No newline at end of file diff --git a/less/framework_components/icons.less b/less/framework_components/icons.less new file mode 100644 index 0000000..74dcd3c --- /dev/null +++ b/less/framework_components/icons.less @@ -0,0 +1,16 @@ +.icon{ + line-height: 1em; + font-size: @icon-md-size; +} + +.icon--xs{ + font-size: 1em; +} + +.icon--sm{ + font-size: @icon-sm-size; +} + +.icon--lg{ + font-size: @icon-lg-size; +} \ No newline at end of file diff --git a/less/framework_components/image-blocks.less b/less/framework_components/image-blocks.less new file mode 100644 index 0000000..6041e48 --- /dev/null +++ b/less/framework_components/image-blocks.less @@ -0,0 +1,94 @@ +// MARKUP: +// +//

+//

+// ... +//

+// +//

+// ... +//

+//

+// +// MODIFIERS: +// .pos-left,.pos-right,.col-* - Adjust the position and width of the image blocks content on the '.imaeg-block__content' element. + +.imageblock{ + position: relative; + padding: 0; + > .container, > div[class*='col-']:not(.imageblock__content){ + padding-top: @standard-space-n; + padding-bottom: @standard-space-s; + float: none; + overflow: hidden; + } + &.imageblock--lg{ + > .container, > div[class*='col-']:not(.imageblock__content){ + padding-top: @standard-space-s * 1.25; + padding-bottom: @standard-space-s * 1.25; + float: none; + overflow: hidden; + } + } + .imageblock__content{ + position: absolute; + height: 100%; + top: 0; + z-index: 2; + padding: 0; + .slider{ + position: absolute; + width: 100%; + height: 100%; + top: 0; + .slides{ + > li{ + padding: 0; + min-height: 100%; + position: absolute !important; + } + } + } + } + &.allow-overflow{ + .imageblock__content{ + overflow: visible; + } + } +} + +@media all and (max-height: 728px){ + .imageblock{ + > .container, > div[class*='col-']:not(.imageblock__content){ + padding-top: @standard-space-n/2; + padding-bottom: @standard-space-s/2; + } + } +} + +@media all and (max-width: 767px){ + .imageblock{ + &[class*='space-']{ + padding-bottom: 0; + padding-top: 0; + } + .imageblock__content{ + position: relative; + min-height: @base-line-height * 10; + } + > .container, > div[class*='col-']:not(.imageblock__content){ + padding-top: @standard-space-mobile; + padding-bottom: @standard-space-mobile; + float: none; + overflow: hidden; + } + &.imageblock--lg{ + > .container, > div[class*='col-']:not(.imageblock__content){ + padding-top: @standard-space-mobile; + padding-bottom: @standard-space-mobile; + float: none; + overflow: hidden; + } + } + } +} \ No newline at end of file diff --git a/less/framework_components/images.less b/less/framework_components/images.less new file mode 100644 index 0000000..1a5a435 --- /dev/null +++ b/less/framework_components/images.less @@ -0,0 +1,273 @@ +img{ + max-width: 100%; + margin-bottom: @base-line-height; +} +/*p+img, img:last-child{ + margin-bottom: 0; +}*/ + +.img--fullwidth{ + width: 100%; +} + +.imageGrid(@divider) when (@divider > 1){ + .imageGrid((@divider - 1)); + &[data-grid="@{divider}"]{ + &.masonry{ + -webkit-column-count: @divider; + -webkit-column-gap: 0; + -moz-column-count: @divider; + -moz-column-gap: 0; + column-count: @divider; + column-gap: 0; + li{ + width: 100%; + float: none; + } + } + li{ + width: percentage(1 / @divider); + display: inline-block; + } + } +} + +.imageGrid(8); + +@media all and (max-width:767px){ + [data-grid]:not(.masonry) li{ + width: 33.333333%; + } + [data-grid="2"]:not(.masonry) li{ + width: 50%; + } + [data-grid].masonry{ + -webkit-column-count: 1; + -moz-column-count: 1; + column-count: 1; + } +} + +.background-image-holder{ + position: absolute; + &:not([class*='col-']){ + width: 100%; + } + height: 100%; + top: 0; + left: 0; + background-size: cover !important; + background-position: 50% 50% !important; + z-index: 0; + transition: opacity .3s linear; + -webkit-transition: opacity .3s linear; + opacity: 0; + background: @color-dark; + &.background--bottom{ + background-position: 50% 100% !important; + } + &.background--top{ + background-position: 50% 0% !important; + } +} + +.image--light{ + .background-image-holder{ + background: none; + } +} + +.background-image-holder img{ + display: none; +} + +.overlay-strength(@value) when (@value > 0){ + .overlay-strength((@value - 1)); + &[data-overlay="@{value}"]{ + &:before{ + opacity: (@value / 10); + } + } +} + +[data-overlay]{ + position: relative; + &:before{ + position: absolute; + content: ''; + background: @color-dark; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1; + } + *:not(.container):not(.background-image-holder){ + z-index: 2; + } + &.image--light{ + &:before{ + background: #fff; + } + } + &.bg--primary{ + &:before{ + background: @color-primary; + } + } +} + +.overlay-strength(10); + +[data-overlay="0"]{ + &:before{ + opacity: 0; + } +} + +.scrim-bottom-strength(@value) when (@value > 0){ + .scrim-bottom-strength((@value - 1)); + &[data-scrim-bottom="@{value}"]{ + &:before{ + opacity: (@value / 10); + } + } +} + +[data-scrim-bottom]{ + position: relative; + &:before{ + position: absolute; + content: ''; + width: 100%; + height: 80%; + background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, @color-dark 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,@color-dark)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,@color-dark 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,@color-dark 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,@color-dark 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,@color-dark 100%); + bottom: 0; + left: 0; + z-index: 1; + backface-visibility: hidden; + } + &:not(.image--light){ + h1,h2,h3,h4,h5,h6{ + .smart-text-color(@color-heading,50%); + } + p,span,ul{ + .smart-text-color(@color-body,50%); + } + } + &.image--light{ + &:before{ + background: #fff; + } + } +} + +.scrim-bottom-strength(10); + +.scrim-top-strength(@value) when (@value > 0){ + .scrim-top-strength((@value - 1)); + &[data-scrim-top="@{value}"]{ + &:before{ + opacity: (@value / 10); + } + } +} + +[data-scrim-top]{ + position: relative; + &:before{ + position: absolute; + content: ''; + width: 100%; + height: 80%; + background: -moz-linear-gradient(bottom, @color-dark 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,@color-dark), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(bottom, @color-dark 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(bottom, @color-dark 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(bottom, @color-dark 0%,rgba(0,0,0,0) 100%); /* IE10+ */ + background: linear-gradient(to bottom, @color-dark 0%,rgba(0,0,0,0) 100%); + top: 0; + left: 0; + z-index: 1; + } + &:not(.image--light){ + h1,h2,h3,h4,h5,h6{ + color: #fff; + } + p,span,ul{ + .smart-text-color(@color-body,50%); + } + } + &.image--light{ + &:before{ + background: #fff; + } + } +} + +.scrim-top-strength(10); + +.imagebg{ + position: relative; + .container{ + &:not(.pos-absolute){ + position: relative; + } + z-index: 2; + } +} + +.imagebg:not(.image--light){ + h1,h2,h3,h4,h5,h6,p,ul,blockquote{ + color: #fff; + } +} +.imagebg:not(.image--light){ + .bg--white{ + h1,h2,h3,h4,h5,h6{ + color: @color-dark; + } + p,ul{ + color: @color-body; + } + } +} + +div[data-overlay]{ + h1,h2,h3,h4,h5,h6{ + color: #fff; + } + p,ul{ + color: #fff; + } +} + +.parallax{ + overflow: hidden; + .background-image-holder{ + transition: none !important; + -webkit-transition: none !important; + -moz-transition: none !important; + } +} + +.image--xxs{ + max-height: @base-line-height; +} + +.image--xs{ + max-height: @base-line-height*2; +} + +.image--sm{ + max-height: @base-line-height*3; +} + +.image--md{ + max-height: @base-line-height*4; +} \ No newline at end of file diff --git a/less/framework_components/lightbox-images.less b/less/framework_components/lightbox-images.less new file mode 100644 index 0000000..4464922 --- /dev/null +++ b/less/framework_components/lightbox-images.less @@ -0,0 +1,41 @@ +// MARKUP: +// +//

+// +// +// +//

+// +// +// MODIFIERS: +// .gallery--gaps - make whitespace around each item +// .masonry - arrange the items in a masonry layout +// [data-grid] - how many items per row + +.lb-outerContainer{ + border-radius: 0; + .lb-container{ + padding: 0; + img{ + margin: 0; + } + } +} + +.lightbox-gallery{ + overflow: hidden; + li{ + float: left; + img{ + margin: 0; + width: 100%; + } + } + &.gallery--gaps{ + li{ + padding: @default-gap-padding; + } + } +} \ No newline at end of file diff --git a/less/framework_components/lists.less b/less/framework_components/lists.less new file mode 100644 index 0000000..7a7ed1d --- /dev/null +++ b/less/framework_components/lists.less @@ -0,0 +1,25 @@ +ul{ + &:last-child{ + margin: 0; + } +} + +.list-inline li{ + padding: 0 1em; + margin-left: 0; + &:first-child{ + padding-left: 0; + } + + &:last-child{ + padding-right: 0; + } +} + +.list-inline.list-inline--narrow li{ + padding: 0 .5em; +} + +.list-inline.list-inline--wide li{ + padding: 0 2em; +} \ No newline at end of file diff --git a/less/framework_components/maps.less b/less/framework_components/maps.less new file mode 100644 index 0000000..1a85e3a --- /dev/null +++ b/less/framework_components/maps.less @@ -0,0 +1,10 @@ +.map-container{ + position: relative; + overflow: hidden; + iframe, .map-canvas{ + position: absolute; + width: 100%; + height: 100%; + top: 0; + } +} \ No newline at end of file diff --git a/less/framework_components/masonry.less b/less/framework_components/masonry.less new file mode 100644 index 0000000..fc3c303 --- /dev/null +++ b/less/framework_components/masonry.less @@ -0,0 +1,44 @@ +// MARKUP: +// +//

+//

+// ... +//

+//

+// +// MODIFIERS: +// .modal-trigger[data-modal-id] - use any element to trigger a modal using its ID +// [data-autoshow] - place on '.modal-container' outside the main container for autoshow modals +// [data-width][data-height] - place on modal content to control height in % + +.masonry{ + .masonry__container{ + &.masonry--active{ + .masonry__item{ + opacity: 1; + pointer-events: all; + } + } + .masonry__item{ + opacity: 0; + pointer-events: none; + } + } + .masonry__filters{ + li{ + display: inline-block; + cursor: pointer; + text-transform: capitalize; + .disable-select(); + &.active{ + cursor: default; + } + } + } + &.masonry--gapless{ + .masonry__item{ + padding: 0 !important; + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/less/framework_components/menus.less b/less/framework_components/menus.less new file mode 100644 index 0000000..252f7b3 --- /dev/null +++ b/less/framework_components/menus.less @@ -0,0 +1,66 @@ +.menu-horizontal{ + > li{ + &:not(:hover){ + >a,>span,>.modal-instance>.modal-trigger{ + opacity: .5; + } + } + >a,>span,>.modal-instance>.modal-trigger{ + .transition(0.3s,ease); + color: @color-heading; + &:hover{ + color: @color-heading; + } + } + } +} + +.bg--dark{ + .menu-horizontal{ + >li{ + >a,>span{ + color: #fff; + &:hover{ + color: #fff; + } + } + } + } +} + +.menu-vertical{ + width: 100%; + li{ + width: 100%; + a{ + font-weight: normal; + } + } +} + +@media all and (min-width: 990px){ + .menu-horizontal{ + display: inline-block; + >li{ + display: inline-block; + &:not(:last-child){ + margin-right: @base-line-height; + } + } + } + .menu-vertical{ + display: inline-block; + li{ + white-space: nowrap; + } + .dropdown__container{ + top: 0; + .dropdown__content:not([class*='bg-']){ + background: @color-bg-site; + } + .dropdown__content{ + transform: translateX(75%); + } + } + } +} \ No newline at end of file diff --git a/less/framework_components/mixins.less b/less/framework_components/mixins.less new file mode 100644 index 0000000..6e4f335 --- /dev/null +++ b/less/framework_components/mixins.less @@ -0,0 +1,85 @@ +.transition(@time,@ease){ + transition: @time @ease ; + -webkit-transition: @time @ease ; + -moz-transition: @time @ease ; +} + +.rotate(@amount){ + transform: rotate(@amount); + -webkit-transform: rotate(@amount); +} + +.scale(@amount){ + transform: scale(@amount); + -webkit-transform: scale(@amount); +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); +} + +.placeholder-text(@color){ + &::-webkit-input-placeholder { + color: @color; + font-size: @input-placeholder-size; + } + &:-moz-placeholder { /* Firefox 18- */ + color: @color; + font-size: @input-placeholder-size; + } + &::-moz-placeholder { /* Firefox 19+ */ + color: @color; + font-size: @input-placeholder-size; + } + &:-ms-input-placeholder { + color: @color; + font-size: @input-placeholder-size; + } +} + +.disable-select() { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.smart-text-color (@color,@amount) when (lightness(@color) >= 50%) { + color: darken(@color,@amount); +} +.smart-text-color (@color,@amount) when (lightness(@color) < 50%) { + color: lighten(@color,@amount); +} +.smart-text-color (@color,@amount) when (lightness(@color) < 20%) { + color: lighten(@color,80%); +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); +} + +.animation(@name,@duration,@timing,@delay,@fillmode){ + animation: @name @duration @timing @delay @fillmode; + -webkit-animation: @name @duration @timing @delay @fillmode; + -moz-animation: @name @duration @timing @delay @fillmode; +} + +.box-shadow(@level: 1){ + & when (@level = 1) { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); + } + & when (@level = 2) { + box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); + } + & when (@level = 3) { + box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); + } + & when (@level = 4) { + box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); + } + & when (@level = 5) { + box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); + } +} \ No newline at end of file diff --git a/less/framework_components/modals.less b/less/framework_components/modals.less new file mode 100644 index 0000000..991550d --- /dev/null +++ b/less/framework_components/modals.less @@ -0,0 +1,124 @@ +// MARKUP: +// +// +// +// MODIFIERS: +// .modal-trigger[data-modal-id] - use any element to trigger a modal using its ID +// [data-autoshow] - place on '.modal-container' outside the main container for autoshow modals +// [data-width][data-height] - place on modal content to control height in % +// .height--natural - (on modal-content) content dictates the height and width for the modal + +.modal-instance{ + .modal-body{ + display: none; + } +} +.modal-container{ + .transition(0.3s,linear); + padding: 0; + visibility: hidden; + opacity: 0; + z-index: 999; + pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + &.modal-active{ + opacity: 1; + visibility: visible; + pointer-events: all; + } + &:before{ + background: rgba(0,0,0,0.85); + content: ''; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1; + } + .modal-content{ + backface-visibility: hidden; + position: fixed; + z-index: 2; + top: 50%; + left: 50%; + max-height: 100%; + overflow-y: scroll; + border: none; + .translate3d(-50%,-50%,0); + &:not(.height--natural){ + width: 50%; + height: 50%; + } + padding: @default-modal-padding; + border-radius: 0; + box-shadow: none; + .modal-close-cross{ + cursor: pointer; + position: absolute; + opacity: .5; + .transition(0.1s,linear); + top: 1em; + right: 1em; + z-index: 99; + &:before{ + content: '\00D7'; + font-size: 1.5em; + } + &:hover{ + opacity: 1; + } + } + &.imagebg:not(.image--light) .modal-close-cross{ + &:before{ + color: #fff; + } + } + + iframe{ + width: 100%; + outline: none; + border: none; + height: 100%; + backface-visibility: hidden; + &:first-child{ + +.modal-close-cross{ + &:last-child{ + top: -@base-line-height*2; + } + } + } + } + } +} + +.modal-content{ + &.section-modal{ + pointer-events: none; + [class*='col-']{ + pointer-events: all; + } + } +} + +@media all and (max-width: 767px){ + .modal-container{ + .modal-content{ + width: 97% !important; + height: auto !important; + padding-top: 2em; + padding-bottom: 2em; + } + } +} \ No newline at end of file diff --git a/less/framework_components/navigation-inpage.less b/less/framework_components/navigation-inpage.less new file mode 100644 index 0000000..c3dc41b --- /dev/null +++ b/less/framework_components/navigation-inpage.less @@ -0,0 +1,86 @@ +.page-navigator{ + position: fixed; + padding: 0; + top: 50%; + transform: translateY(-50%); + right: @base-line-height; + z-index: 10; +} + +.page-navigator ul{ + display: inline-block; + padding: @base-line-height/2; + background: rgba(0,0,0,0.4); + border-radius: @base-line-height; + transition: all .2s ease; + &:hover{ + background: rgba(0,0,0,0.6); + } + li{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } +} + +@media all and (max-width: 767px){ + .page-navigator{ + right: 0; + ul{ + border-radius: @base-line-height 0 0 @base-line-height; + padding: @base-line-height @base-line-height/2; + } + } +} + +.page-navigator li a{ + width: 8px; + height: 8px; + background: #fff; + border-radius: 50%; + transition: all .2s ease; + display: block; + position: relative; + &:not(:hover){ + opacity: .5; + } + &.inner-link--active{ + opacity: 1; + animation: bulge .5s ease; + -webkit-animation: bulge .5s ease; + } +} + +@keyframes bulge{ + 0%{ transform: scale(1); } + 50%{ transform: scale(1.3); } + 100%{ transform: scale(1); } +} + +@-webkit-keyframes bulge{ + 0%{ transform: scale(1); } + 50%{ transform: scale(1.3); } + 100%{ transform: scale(1); } +} + +.page-navigator li a[data-title]{ + &:before{ + content: attr(data-title); + position: absolute; + right: 12px; + top: -14px; + background: #222; + color: #fff; + border-radius: 6px; + padding: 4px 8px; + display: inline-block; + transition: all .2s ease; + white-space: nowrap; + } + &:not(:hover){ + &:before{ + opacity: 0; + transform: translateX(-20px); + } + } +} \ No newline at end of file diff --git a/less/framework_components/newsletter-providers.less b/less/framework_components/newsletter-providers.less new file mode 100644 index 0000000..18450f1 --- /dev/null +++ b/less/framework_components/newsletter-providers.less @@ -0,0 +1,62 @@ +form[action*='createsend.com']{ + *{ + .transition(0.3s,linear); + opacity: 0; + } + &.form--active{ + *{ + opacity: 1; + } + } + .input-checkbox{ + + br{ + display: none; + } + } + &.no-labels{ + label{ + display: none + } + } + br{ + display: none; + } + p{ + > label{ + &:first-child{ + margin-bottom: @base-line-height / 2; + } + } + } +} + +form[action*='list-manage.com']{ + h2{ + .h4; + } + .input-group{ + ul{ + overflow: hidden; + li{ + float: left; + } + } + } + *{ + .transition(0.3s,linear); + opacity: 0; + } + &.form--active{ + *{ + opacity: 1; + } + } + &.no-labels{ + label{ + display: none + } + } + .small-meta{ + font-size: 0.5em; + } +} \ No newline at end of file diff --git a/less/framework_components/notifications.less b/less/framework_components/notifications.less new file mode 100644 index 0000000..995938e --- /dev/null +++ b/less/framework_components/notifications.less @@ -0,0 +1,161 @@ +// MARKUP +// +//

+// ... +// Shut It Down +//

+// +// MODIFIERS: +// .pos-right,top,left,bottom - position the notification +// .col-* - control the width of the notification +// [data-animation] - from top,bottom,left,right + +.notification{ + .box-shadow(@box-shadow-level); + position: fixed; + z-index: 99; + pointer-events: none; + padding: @default-notification-padding; + margin: 1em; + &:not([class*='bg-']){ + background: #fff; + } + &[class*='col-']{ + min-width: 400px; + } + opacity: 0; + .transition(0.3s,linear); + .notification-close-cross{ + position: absolute; + top: 1em; + z-index: 99; + right: 1em; + cursor: pointer; + .transition(0.1s,linear); + opacity: .7; + &:before{ + content: '\00D7'; + font-size: 1.5em; + } + &:hover{ + opacity: 1; + } + } + &.notification--reveal{ + z-index: 99; + pointer-events: initial; + &[data-animation="from-bottom"]{ + .animation(from-bottom,.3s,linear,0s,forwards); + } + &[data-animation="from-top"]{ + .animation(from-top,.3s,linear,0s,forwards); + } + &[data-animation="from-left"]{ + .animation(from-left,.3s,linear,0s,forwards); + } + &[data-animation="from-right"]{ + .animation(from-right,.3s,linear,0s,forwards); + } + } + &.notification--dismissed{ + .animation(fade-out,.4s,linear,0s,forwards) !important; + pointer-events: none; + } +} + +.bg--dark + .notification-close-cross{ + &:before{ + color: #fff; + } +} + +a[data-notification-link]{ + text-decoration: none; + &:hover{ + text-decoration: none; + } +} + +@media all and (max-width: 767px){ + .notification{ + &[class*='col-']{ + min-width: 0; + } + } +} + +@keyframes from-bottom{ + from{ .translate3d(0,100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-moz-keyframes from-bottom{ + from{ .translate3d(0,100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-webkit-keyframes from-bottom{ + from{ .translate3d(0,100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@keyframes from-top{ + from{ .translate3d(0,-100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-moz-keyframes from-top{ + from{ .translate3d(0,-100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-webkit-keyframes from-top{ + from{ .translate3d(0,-100%,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@keyframes from-left{ + from{ .translate3d(-100%,0,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-moz-keyframes from-left{ + from{ .translate3d(-100%,0,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-webkit-keyframes from-left{ + from{ .translate3d(-100%,0,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@keyframes from-right{ + from{ .translate3d(100%,0,0); opacity: 1; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-moz-keyframes from-right{ + from{ .translate3d(100%,0,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@-webkit-keyframes from-right{ + from{ .translate3d(100%,0,0); opacity: 0; } + to{ .translate3d(0,0,0); opacity: 1; } +} + +@keyframes fade-out{ + 0%{ opacity: 1; } + 100%{ opacity: 0;} +} + +@-webkit-keyframes fade-out{ + 0%{ opacity: 1; } + 100%{ opacity: 0;} +} + +@-moz-keyframes fade-out{ + 0%{ opacity: 1; } + 100%{ opacity: 0; } +} + diff --git a/less/framework_components/parallax.less b/less/framework_components/parallax.less new file mode 100644 index 0000000..ccf551d --- /dev/null +++ b/less/framework_components/parallax.less @@ -0,0 +1,28 @@ +.parallax > .background-image-holder, +.parallax .slides li > .background-image-holder { + height: 100%; + min-height: 100vh; + top: -50vh; + transition: opacity 0.3s ease !important; + -webkit-transition: opacity 0.3s ease !important; + -webkit-transform-style: preserve-3d; +} +.parallax:first-child .slides li > .background-image-holder, +.parallax:first-child .background-image-holder { + top: 0; +} +.main-container > a:first-child + .parallax .background-image-holder { + top: 0; +} +@media all and (max-width: 1024px) { + .parallax > .background-image-holder, + .parallax .slides li > .background-image-holder { + -webkit-transition: transform 0.016s linear !important; + transition: transform 0.016s linear !important; + } + .parallax.parallax-disable-mobile .background-image-holder, + .parallax.parallax-disable-mobile .slides li > .background-image-holder{ + top: 0 !important; + transform: none !important; + } +} \ No newline at end of file diff --git a/less/framework_components/position.less b/less/framework_components/position.less new file mode 100644 index 0000000..0c23483 --- /dev/null +++ b/less/framework_components/position.less @@ -0,0 +1,137 @@ +body{ + overflow-x: hidden; +} + +.pos-relative{ + position: relative; +} + +.pos-absolute{ + position: absolute; + &.container{ + left: 0; + right: 0; + } +} + +.pos-top{ + top: 0; +} + +.pos-bottom{ + bottom: 0; +} + +.pos-right{ + right: 0; +} + +.pos-left{ + left: 0; +} + +.float-left{ + float: left; +} + +.float-right{ + float: right; +} + +@media all and (max-width: 767px){ + .float-left,.float-right{ + float: none; + } + .float-left-xs{ + float: left; + } + .float-right-xs{ + float: right; + } +} + +.pos-vertical-center{ + position: relative; + top: 50%; + transform: translateY(-50%); + -webkit-transform: translateY(-50%); +} + +@media all and (max-width: 767px){ + .pos-vertical-center{ + top: 0; + transform: none; + -webkit-transform: none; + } +} + +@media all and (max-height: 600px){ + .pos-vertical-center{ + top: 0; + transform: none; + -webkit-transform: none; + } +} + +.pos-vertical-align-columns{ + display: table; + table-layout: fixed; + width: 100%; + > div[class*='col-']{ + display: table-cell; + float: none; + vertical-align: middle; + } +} + +@media all and (max-width: 990px){ + .pos-vertical-align-columns{ + display: block; + width: auto; + > div[class*='col-']{ + display: block; + } + } +} + +.inline-block{ + display: inline-block; +} + +.block{ + display: block; +} + +@media all and (max-width: 767px){ + .block--xs{ + display: block; + } +} + +@media all and (max-width: 990px){ + .text-center-md{ + text-align: center; + } + + .text-left-md{ + text-align: left; + } + + .text-right-md{ + text-align: right; + } +} + +@media all and (max-width: 767px){ + .text-center-xs{ + text-align: center; + } + + .text-left-xs{ + text-align: left; + } + + .text-right-xs{ + text-align: right; + } +} \ No newline at end of file diff --git a/less/framework_components/progress-horizontal.less b/less/framework_components/progress-horizontal.less new file mode 100644 index 0000000..d568384 --- /dev/null +++ b/less/framework_components/progress-horizontal.less @@ -0,0 +1,26 @@ +// MARKUP +// +//

+//

+// +// MODIFIERS: +// .twitter-feed--slider - make each tweet a slide +// [data-widget-id] - a uninque widget ID obtained from twitter + +.progress-horizontal{ + .clearfix-after; + .progress-horizontal__bar{ + position: relative; + overflow: hidden; + } + .progress-horizontal__progress{ + position: absolute; + top: 0; + left: 0; + height: 100%; + } + .progress-horizontal__label{ + + } +} \ No newline at end of file diff --git a/less/framework_components/radials.less b/less/framework_components/radials.less new file mode 100644 index 0000000..f198fa9 --- /dev/null +++ b/less/framework_components/radials.less @@ -0,0 +1,11 @@ +.radial{ + position: relative; + .radial__label{ + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + -webkit-transform: translateX(-50%) translateY(-50%); + margin-bottom: 0; + } +} \ No newline at end of file diff --git a/less/framework_components/reset.less b/less/framework_components/reset.less new file mode 100644 index 0000000..67087ac --- /dev/null +++ b/less/framework_components/reset.less @@ -0,0 +1,3 @@ +*,h1,h2,h3,h4,h5,h6,p,ul,a{ + margin: 0; padding: 0; +} \ No newline at end of file diff --git a/less/framework_components/size.less b/less/framework_components/size.less new file mode 100644 index 0000000..920433f --- /dev/null +++ b/less/framework_components/size.less @@ -0,0 +1,39 @@ +.height-100,.height-90,.height-80,.height-70,.height-60,.height-50,.height-40,.height-30,.height-20,.height-10{ + height: auto; + padding: 5em 0; +} + +@media all and (max-width: 767px){ + .height-100,.height-90,.height-80,.height-70,.height-60,.height-50,.height-40,.height-30,.height-20,.height-10{ + height: auto; + padding: 4em 0; + } +} + +.heightClasses(@number) when (@number > 0){ + .heightClasses((@number - 1)); + @multiplier: @number*10; + .height-@{multiplier}{ + height: @number*10vh; + } +} + +@media all and (min-height: 600px) and (min-width: 767px){ + .heightClasses(10); +} + +section.height-auto{ + height: auto; + .pos-vertical-center{ + top: 0; + position: relative; + transform: none; + } +} + +@media all and (max-width: 767px){ + div[class*='col-'][class*='height-']{ + padding-top: @standard-space-mobile !important; + padding-bottom: @standard-space-mobile !important; + } +} \ No newline at end of file diff --git a/less/framework_components/spacing.less b/less/framework_components/spacing.less new file mode 100644 index 0000000..e48b0f6 --- /dev/null +++ b/less/framework_components/spacing.less @@ -0,0 +1,141 @@ +section,footer{ + padding-top: @standard-space-n; + padding-bottom: @standard-space-s; + &.space--xxs{ + padding-top: @standard-space-n/4; + padding-bottom: @standard-space-n/4; + } + &.space--xs{ + padding-top: @standard-space-n/2; + padding-bottom: @standard-space-n/2; + } + &.space--sm{ + padding-top: @standard-space-n/1.5; + padding-bottom: @standard-space-n/1.5; + } + &.space--md{ + padding-top: @standard-space-n *1.5; + padding-bottom: @standard-space-n *1.5; + } + &.space--lg{ + padding-top: @standard-space-n * 2; + padding-bottom: @standard-space-n * 2; + } + &.space--xlg{ + padding-top: @standard-space-n * 4; + padding-bottom: @standard-space-s * 4; + } + &.space--0{ + padding: 0; + } + &.section--even{ + padding-top: @standard-space-s; + padding-bottom: @standard-space-s; + } + &.space-bottom--sm{ + padding-bottom: @standard-space-n/1.5; + } +} + + +@media all and (max-width: 767px){ + section,footer,section.section--even{ + padding: @standard-space-mobile 0; + &.space--lg,&.space--md{ + padding: @standard-space-mobile 0; + } + &.space--xlg{ + padding: @standard-space-mobile * 1.5 0; + } + } + +} + +// Bootstrap nested columns + +div[class*='col-'] > div[class*='col-']:first-child{ + padding-left: 0; +} + +div[class*='col-'] > div[class*='col-']:last-child{ + padding-right: 0; +} + +// Bootstrap six col fix + +@media all and (max-width: 767px){ + .col-xs-6:nth-child(odd){ + padding-right: 7.5px; + } + .col-xs-6:nth-child(even){ + padding-left: 7.5px; + } +} + +// Spacing Classes + +@media all and (min-width: 768px){ + .mt--1{ + margin-top: @base-line-height; + } + .mt--2{ + margin-top: @base-line-height*2; + } + .mt--3{ + margin-top: @base-line-height*3; + } + .mb--1{ + margin-bottom: @base-line-height; + } + .mb--2{ + margin-bottom: @base-line-height*2; + } + .mb--3{ + margin-bottom: @base-line-height*3; + } +} + +@media all and (max-width: 990px){ + .mt--1,.mt--2{ + margin-top: @base-line-height; + } + .mt--3{ + margin-top: @base-line-height*1.5; + } +} + +.unpad{ + padding: 0; +} + +.unpad--bottom{ + padding-bottom: 0; +} + +.unpad--top{ + padding-top: 0; +} + +section{ + &.unpad--bottom{ + padding-bottom: 0; + } + &.unpad{ + padding: 0; + } + &.unpad--top{ + padding-top: 0; + } +} + +.unmarg--bottom{ + margin-bottom: 0; +} + +.unmarg{ + margin: 0; +} + +.unmarg--top{ + margin-top: 0; +} diff --git a/less/framework_components/switchable.less b/less/framework_components/switchable.less new file mode 100644 index 0000000..56d02e2 --- /dev/null +++ b/less/framework_components/switchable.less @@ -0,0 +1,48 @@ +// MARKUP: +//

+//

+// ... +//

+//

+// +// MODIFIERS +// .switchable--switch - reverses the direction of content in the section + +.switchable{ + position: relative; + div[class*='col-']:first-child{ + float: left; + &:not([class*='pull']):not([class*='push']){ + left: 0; + } + right: auto; + } + div[class*='col-']:last-child{ + float: right; + &:not([class*='pull']):not([class*='push']){ + right: 0; + } + left: auto; + } + &.switchable--switch{ + div[class*='col-']:first-child{ + float: right; + right: 0; + left: auto; + &:not([class*='pull']):not([class*='push']){ + left: auto; + } + } + div[class*='col-']:last-child{ + float: left; + left: 0; + right: auto; + } + } + .switchable__text{ + margin-top: @base-line-height * 2; + } + >div[class*='col-']{ + padding: 0; + } +} \ No newline at end of file diff --git a/less/framework_components/tabs.less b/less/framework_components/tabs.less new file mode 100644 index 0000000..ab3f625 --- /dev/null +++ b/less/framework_components/tabs.less @@ -0,0 +1,76 @@ +// MARKUP: +// +//

+//
+// ... +//
+//
+// ... +//
+//

+// +// MODIFIERS: +// .active - place this class on the tab you want initially to be open. +// [data-content-align] - set to 'left' when you want the tabs aligned center but the content aligned left + +.tabs{ + display: block; + margin-bottom: 0; + + > li{ + display: inline-block; + opacity: .5; + .transition(0.3s,ease); + .disable-select; + } + > .active, &:hover{ + opacity: 1; + } + .tab__title{ + cursor: pointer; + &:not(.btn){ + padding: @tab-title-padding; + } + } + li:first-child{ + .tab__title{ + &:not(.btn){ + padding-left: 0; + } + } + } + .tab__content{ + display: none; + } +} + +.tabs-content{ + margin-top: 1em; + li > .tab__content{ + width: 100%; + display: none; + } + > .active{ + > .tab__content{ + display: block; + } + } +} + +.tabs-container{ + &[data-content-align="left"]{ + .tabs-content{ + text-align: left; + } + } +} + +@media all and (max-width: 767px){ + .tabs-content{ + > li:not(.active) .tab__content{ + display: none !important; + } + } +} \ No newline at end of file diff --git a/less/framework_components/transitions.less b/less/framework_components/transitions.less new file mode 100644 index 0000000..bb36d40 --- /dev/null +++ b/less/framework_components/transitions.less @@ -0,0 +1,33 @@ +// MARKUP: +// +//

...

+// +// +// MODIFIERS: +// --fade - will fade the transition element in with opacity +// --scale - will make the element grow to full size on load +// --slide - will bring the content in from the right-side on load + +[class*='transition--']{ + .transition(0.3s,ease); + opacity: 0; + &.transition--active{ + opacity: 1; + } +} + +.transition--scale{ + .scale(.98); + &.transition--active{ + opacity: 1; + .scale(1); + } +} + +.transition--slide{ + .translate3d(200px,0,0); + .translate3d(30vw,0,0); + &.transition--active{ + .translate3d(0,0,0); + } +} \ No newline at end of file diff --git a/less/framework_components/twitter.less b/less/framework_components/twitter.less new file mode 100644 index 0000000..9a44381 --- /dev/null +++ b/less/framework_components/twitter.less @@ -0,0 +1,21 @@ +// MARKUP +// +//

+//

+// +// MODIFIERS: +// .twitter-feed--slider - make each tweet a slide +// [data-widget-id] - a uninque widget ID obtained from twitter + +.twitter-feed{ + .user{ + display: none; + } + .interact{ + display: none; + } + .timePosted{ + font-size: .87em; + } +} \ No newline at end of file diff --git a/less/framework_components/typed-effect.less b/less/framework_components/typed-effect.less new file mode 100644 index 0000000..a4cce02 --- /dev/null +++ b/less/framework_components/typed-effect.less @@ -0,0 +1,24 @@ +.typed-text{ + display: inline-block; + &.typed-text--cursor{ + &:after{ + content: '|'; + font-size: 1.2em; + -webkit-animation: blink 0.7s infinite; + animation: blink 0.7s infinite; + position: relative; + right: 6px; + } + } +} + +@keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-webkit-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} \ No newline at end of file diff --git a/less/framework_components/typography.less b/less/framework_components/typography.less new file mode 100644 index 0000000..906c647 --- /dev/null +++ b/less/framework_components/typography.less @@ -0,0 +1,149 @@ +html{ + font-size: @base-font-size; +} +@media all and (max-width: 768px){ + html{ + font-size: @base-font-size-mobile; + } +} +body { + font-size: 1em; + line-height: @base-line-height; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: @body-font, 'Helvetica', 'Arial', sans-serif; + color: @color-body; + font-weight: @body-font-weight; +} +h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ + font-family: @heading-font, 'Helvetica', 'Arial', sans-serif; + color: @color-heading; + font-weight: @heading-weight; + &when (@heading-uppercase = true){ + text-transform: uppercase; + } + &when(@ligatures-active = true){ + font-variant-ligatures: common-ligatures; + } + margin-top: 0; + margin-bottom: 0; +} + +h1,.h1 { + font-size: @h1-size; + line-height: @h1-line-height; +} + +h2,.h2 { + font-size: @h2-size; + line-height: @h2-line-height; +} +h3,.h3 { + font-size: @h3-size; + line-height: @h3-line-height; +} +h4,.h4 { + font-size: @h4-size; + line-height: @h4-line-height; +} +h5,.h5 { + font-size: @h5-size; + line-height: @h5-line-height; +} +h6,.h6 { + font-size: @h6-size; + line-height: @h6-line-height; +} +.lead{ + font-size: @p-lead-size; + line-height: @p-lead-line-height; +} + +@media all and (max-width: 767px){ + h1,.h1{ + font-size: @h2-size; + line-height: @h2-line-height; + } + + h2,.h2{ + font-size: @h3-size; + line-height: @h3-line-height; + } + h3,.h3{ + font-size: @h4-size; + line-height: @h5-line-height; + } + .lead{ + font-size: @h4-size; + line-height: @h4-line-height; + } +} + +p, ul, ol, pre, table, blockquote { + margin-bottom: @base-line-height; +} +ul,ol{ + list-style: none; + line-height: @ul-line-height; +} +ul.bullets{ + list-style: inside; +} +ol{ + list-style-type: upper-roman; + list-style-position: inside; +} + +blockquote{ + font-size: @blockquote-size; + line-height: @blockquote-line-height; + padding: 0; + margin: 0; + border-left: 0; +} + +strong{ + font-weight: @strong-font-weight; +} + +hr{ + margin: @base-line-height 0; + border-color: @color-bg-secondary; +} +a:hover,a:focus,a:active{ + text-decoration: none; + outline: none; +} + +/*! Typography -- Helpers */ + +.type--fade{ + opacity: .5; +} + +.type--uppercase{ + text-transform: uppercase; +} +.type--bold{ + font-weight: bold; +} +.type--italic{ + font-style: italic; +} + +.type--fine-print{ + font-size: @fine-print-size; +} + +.type--strikethrough{ + text-decoration: line-through; + opacity: .5; +} + +.type--underline{ + text-decoration: underline; +} + +.type--body-font{ + font-family: @body-font, 'Helvetica'; +} diff --git a/less/framework_components/variables.less b/less/framework_components/variables.less new file mode 100644 index 0000000..fbba48e --- /dev/null +++ b/less/framework_components/variables.less @@ -0,0 +1,195 @@ +//////// Colours + +@color-bg-site: #fff; +@color-primary: #3d9076; +@color-primary-1: #383659; +@color-primary-2: #353440; +@color-dark: #222; +@color-bg-secondary: #f4f4f4; +@color-on-dark: #f5f5f5; + +@has-primary-1: true; +@has-primary-2: true; + +//////// Typography + +@base-font-size: percentage(16/16); // change first value to pixel font size +@base-font-size-px: 16px; // the first value from above; +@base-font-size-mobile: percentage(14/16); // change first value to pixel font size +@base-font-size-mobile-px: 14px; // the first value from above; +@base-line-height: 1.6875em; + +@body-font: 'Helvetica Neue'; +@heading-font: 'Helvetica Neue'; +@button-font: 'Helvetica Neue'; +@nav-item-font: 'Helvetica Neue'; + +@h1-size: 4.25em; +@h2-size: 2.625em; +@h3-size: 1.625em; +@h4-size: 1em; +@h5-size: 1em; +@h6-size: 1em; + +@ligatures-active: true; + +@h1-line-height: 1.171875em; +@h2-line-height: 0.9em; +@h3-line-height: 1.171875em; +@h4-line-height: 0.92em; +@h5-line-height: 1em; +@h6-line-height: 2.272272272em; + +@p-lead-size: 1.4375em; +@p-lead-line-height: 0.92em; + +@blockquote-size: @h3-size; +@blockquote-line-height: @h3-line-height; + +@fine-print-size: 1em; + +@ul-line-height: 2.34375em; + +@color-body: #666; +@color-heading: #222; + +@heading-uppercase: false; +@heading-weight: 600; + +@body-font-weight: 400; +@strong-font-weight: 600; + +//////// Standard Space + +@standard-space-n: 5 * @base-line-height; +@standard-space-s: 5 * @base-line-height; +@standard-space-mobile: 2 * @base-line-height; + +//////// Boxed Layouts + +@boxed-layout-width: 1280px; + +//////// Buttons + +@buttons-uppercase: false; + +@button-radius: 0; +@button-padding-n: @base-line-height * .5; +@button-padding-s: @base-line-height * .6; +@button-padding-e: @base-line-height; +@button-padding-w: @base-line-height; +@border-width: 1px; +@button-text-size: 1em; +@button-font-weight: 400; +@button-spacing: @base-line-height/2; + +//////// Icon + +@icon-sm-size: 1em; +@icon-md-size: @h3-size; +@icon-lg-size: @h1-size; + +//////// Nav Bar + +@nav-uppercase-menu: false; +@nav-bg-color: #fff; +@navbar-height: 70px; // in pixels (not em) + + // for navs not constrained to container + +@nav-padding-e: @base-line-height * 2; +@nav-padding-w: @base-line-height * 2; + +@nav-logo-size: 70%; // default 70%; +@nav-item-padding: @base-line-height; // default 1em +@nav-item-font-size: 1em; // default 1em +@nav-item-font-weight: 400; // default 400 +@nav-item-letter-spacing: 0px; // default 0 +@nav-dropdown-width: 8 * @base-line-height; // default 12em +@nav-dropdown-bottom-padding: @base-line-height; + +//////// Forms + +@input-label-font-size: 1em; +@input-label-font-weight: 400; + +@inputs-have-border: true; + +@input-padding: 1em; +@input-border-radius: 0; +@input-border: 1px solid #ccc; +@input-background-color: #fff; +@input-placeholder-color: lighten(@color-body,20%); +@input-placeholder-size: 1em; + +@checkbox-height: @base-line-height; +@checkbox-width: @base-line-height; +@checkbox-border-radius: 0; +@checkbox-padding: @base-line-height/2; + +@radio-height: @base-line-height; +@radio-width: @base-line-height; +@radio-border-radius: 50%; +@radio-padding: @base-line-height/2; + +//////// Accordions + +@accordion-title-padding: @base-line-height/2; +@accordion-title-border: 1px solid; +@accordion-title-bg: none; +@accordion-title-bg-active: #eee; + +@accordion-content-padding: @base-line-height; + +//////// Breadcrumbs + +@breadcrumbs-uppercase: false; +@breadcrumb-item-padding: @base-line-height; // space between breadcrumbs +@breadcrumb-font-size: 1em; + +//////// Tabs + +@tab-title-padding: 0 @base-line-height; // space between tabs + +//////// Boxes + +@box-padding: @base-line-height * 2; +@box-border: 1px solid #aaa; +@box-shadow-level: 1; // value from 1 - 5, shallow - deep + +//////// Image Grid Settings + +@default-gap-padding: @base-line-height/4; + +//////// Sliders + +@slider-paging-alignment: center; + +@slider-paging-height: @base-line-height/2; +@slider-paging-width: @base-line-height/2; +@slider-paging-radius: @base-line-height/2; +@slider-paging-bg: none; +@slider-paging-bg-active: #fff; +@slider-paging-border: 2px solid #fff; +@slider-paging-spacing: @base-line-height/4; // space between each paging button + +@slider-arrow-font: 'Helvetica'; +@slider-arrow-right: '\2192'; +@slider-arrow-left: '\2190'; +@slider-arrow-size: 2em; + +//////// Video Styling + +@play-icon-default-color: #fff; +@play-icon-filled: true; +@play-icon-width-height: @base-line-height*3; +@play-icon-border: 2px solid @play-icon-default-color; +@play-icon-triangle: 6px; + +//////// Modals + +@default-modal-padding: 0; + +//////// Notifications + +@default-notification-padding: 0; diff --git a/less/framework_components/video.less b/less/framework_components/video.less new file mode 100644 index 0000000..6f1de56 --- /dev/null +++ b/less/framework_components/video.less @@ -0,0 +1,346 @@ +// MARKUP FOR LOCAL VIDEO BACKGROUNDS +// +//

+//

+// +//

+//

+// +// +// MARKUP FOR YOUTUBE BACKGROUNDS +// +//

+//

+// +//

+//

+// +// +// MODIFIERS: +// [data-video-url] - the unique ID for the video obtained from Youtube +// [data-start-at] - at what point through the video (in seconds) do you want it to start playing +// +// +// MARKUP FOR VIDEO COVERS +// +//

+//

+// +//

|| +//

+// +// +// MODIFIERS: +// .video-play-icon--dark - make the play icon dark instead of white +// .video-play-icon--sm - make the play icon smaller + + +iframe{ + width: 100%; + min-height: 350px; + border: none; + } + +@media all and (max-width: 767px){ + iframe{ + min-height: 220px; + } +} + +.videobg{ + background: @color-dark; + position: relative; + overflow: hidden; + .container, .background-image-holder{ + opacity: 0; + .transition(0.3s,linear); + } + .background-image-holder{ + opacity: 0 !important; + } + &.video-active{ + .container{ + opacity: 1; + } + .loading-indicator{ + opacity: 0; + visibility: hidden; + } + } + video{ + object-fit: cover; + height: 100%; + min-width: 100%; + position: absolute; + top: 0; + z-index: 0 !important; + left: 0; + } +} + +@media all and (max-width: 1024px){ + .videobg{ + .background-image-holder, .container{ + opacity: 1 !important; + } + .loading-indicator{ + display: none; + } + video{ + display: none; + } + } +} + +.youtube-background{ + position: absolute; + height: 100%; + width: 100%; + top: 0; + z-index: 0 !important; + .mb_YTPBar{ + opacity: 0; + height: 0; + visibility: hidden; + } +} + +@media all and(max-width: 1024px){ + .youtube-background{ + display: none; + } +} + +.loading-indicator{ + position: absolute !important; + top: 50%; + left: 50%; + z-index: 99 !important; + width: 50px; + height: 50px; + margin-top: -25px; + margin-left: -25px; + background-color: #fff; + border-radius: 100%; + -webkit-animation: loading-spinner 1.0s infinite ease-in-out; + animation: loading-spinner 1.0s infinite ease-in-out; + .transition(0.3s,linear); +} + +@-webkit-keyframes loading-spinner { + 0% { -webkit-transform: scale(0) } + 100% { + -webkit-transform: scale(1.0); + opacity: 0; + } +} + +@keyframes loading-spinner { + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } 100% { + -webkit-transform: scale(1.0); + transform: scale(1.0); + opacity: 0; + } +} + +.video-cover{ + position: relative; + video{ + max-width: 100%; + } + iframe{ + background: @color-dark; + } + .background-image-holder{ + z-index: 3; + } + .video-play-icon{ + position: absolute; + top: 50%; + left: 50%; + .translate3d(-50%,-50%,0); + } + .video-play-icon, .background-image-holder{ + .transition(.3s,linear); + } + &.reveal-video{ + .video-play-icon, .background-image-holder{ + opacity: 0 !important; + pointer-events: none; + } + } + &[data-scrim-bottom],&[data-overlay],&[data-scrim-top]{ + &:before{ + .transition(0.3s,linear); + z-index: 4; + } + } + &.reveal-video{ + &[data-scrim-bottom],&[data-overlay],&[data-scrim-top]{ + &:before{ + opacity: 0; + pointer-events: none; + } + } + } +} + +.video-play-icon{ + width: @play-icon-width-height; + height: @play-icon-width-height; + border-radius: 50%; + position: relative; + z-index: 4; + display: inline-block; + border: @play-icon-border; + cursor: pointer; + &.video-play-icon--sm{ + width: @play-icon-width-height / 2; + height: @play-icon-width-height / 2; + &:before{ + border-width: @play-icon-triangle/1.5 0 @play-icon-triangle/1.5 @play-icon-triangle * 1.5; + } + } + &.video-play-icon--xs{ + width: @play-icon-width-height / 4; + height: @play-icon-width-height / 4; + &:before{ + border-width: @play-icon-triangle/2 0 @play-icon-triangle/2 @play-icon-triangle * 1; + margin-left: -3px; + } + } + &.bg--primary{ + &:before{ + border-color: transparent transparent transparent #fff; + } + } + &when (@play-icon-filled = true){ + background: @play-icon-default-color; + } + &:before{ + position: absolute; + top: 50%; + margin-top: -@play-icon-triangle + 1; + left: 50%; + margin-left: -@play-icon-triangle + 2; + content: ''; + width: 0; + height: 0; + border-style: solid; + border-width: @play-icon-triangle 0 @play-icon-triangle @play-icon-triangle*2; + border-color: transparent transparent transparent @play-icon-default-color; + &when (@play-icon-filled = true){ + border-color: transparent transparent transparent darken(@play-icon-default-color,50%); + } + } + + &.video-play-icon--dark{ + border-color: @color-dark; + &:before{ + border-color: transparent transparent transparent @color-dark; + } + &when (@play-icon-filled = true){ + background: @color-dark; + &:before{ + border-color: transparent transparent transparent #fff; + } + } + } + +} + +@media all and (max-width: 767px){ + .video-play-icon{ + width: @play-icon-width-height / 1.5; + height: @play-icon-width-height / 1.5; + } +} + +.col-12:not([class*='col-lg']):not([class*='col-md']){ + .video-cover{ + iframe{ + min-height: 550px; + } + } +} + +@media all and (max-width: 990px){ + div[class*='col-'][class*='-12']:not([class*='xs-12']){ + .video-cover{ + iframe{ + min-height: 350px; + } + } + } +} + +div[class*='col-'][class*='-10']{ + .video-cover{ + iframe{ + min-height: 450px; + } + } +} + +div[class*='col-'][class*='-8']{ + .video-cover{ + iframe{ + min-height: 400px; + } + } +} + +div[class*='col-'][class*='-6']{ + .video-cover{ + iframe{ + min-height: 350px; + } + } +} + +@media all and (max-width: 1200px){ + div[class*='col-'][class*='-6']{ + .video-cover{ + iframe{ + min-height: 300px; + } + } + } +} + +@media all and (max-width: 990px){ + div[class*='col-'][class*='-6']{ + .video-cover{ + iframe{ + min-height: 220px; + } + } + } +} + +@media all and (max-width: 767px){ + div[class*='col-']{ + .video-cover{ + iframe{ + min-height: 220px !important; + } + } + } +} + +.modal-container{ + video{ + max-width: 100%; + } +} \ No newline at end of file diff --git a/less/framework_components/wizard.less b/less/framework_components/wizard.less new file mode 100644 index 0000000..2db1550 --- /dev/null +++ b/less/framework_components/wizard.less @@ -0,0 +1,43 @@ +// MARKUP FOR WIZARD +// +//

+// ... +//

+// +// + + +.wizard__body{ + list-style: none; +} + +.wizard__step{ + &:not(.active){ + display: none; + } + .wizard__title{ + display: none; + } +} + +.wizard__controls{ + .clearfix; + .wizard-prev{ + float: left; + } + .wizard-next{ + float: right; + } + .wizard-prev:hover, .wizard-next:hover{ + transform: none !important; + } + .wizard-prev, .wizard-next{ + &.inactive{ + pointer-events: none; + opacity: .3; + cursor: not-allowed; + } + } +} \ No newline at end of file diff --git a/less/theme-overrides.less b/less/theme-overrides.less new file mode 100644 index 0000000..fdf080a --- /dev/null +++ b/less/theme-overrides.less @@ -0,0 +1,119 @@ +// Core Elements (DO NOT REMOVE) + +@import "theme_components/customizers.less"; + +@import "theme_components/helpers.less"; + +@import "theme_components/animations.less"; + +@import "theme_components/sections.less"; + +@import "theme_components/typography.less"; + +@import "theme_components/colors.less"; + +@import "theme_components/links.less"; + +@import "theme_components/tables.less"; + +@import "theme_components/lists.less"; + +@import "theme_components/rules.less"; + +@import "theme_components/buttons.less"; + +@import "theme_components/images.less"; + +@import "theme_components/titles.less"; + +@import "theme_components/labels.less"; + +@import "theme_components/bars.less"; + +@import "theme_components/utilities.less"; + +// Modules (REMOVABLE) + +@import "theme_components/alerts.less"; + +@import "theme_components/navigation-menu-toggle.less"; + +@import "theme_components/navigation-utility.less"; + +@import "theme_components/navigation-stacked.less"; + +@import "theme_components/navigation-sidebar.less"; + +@import "theme_components/navigation-sidebar-column.less"; + +@import "theme_components/navigation-fullscreen.less"; + +@import "theme_components/dropdowns.less"; + +@import "theme_components/twitter.less"; + +@import "theme_components/instagram.less"; + +@import "theme_components/cards.less"; + +@import "theme_components/checkmarks.less"; + +@import "theme_components/icons.less"; + +@import "theme_components/tooltips.less"; + +@import "theme_components/boxes.less"; + +@import "theme_components/features-small.less"; + +@import "theme_components/features-large.less"; + +@import "theme_components/accordions.less"; + +@import "theme_components/tabs.less"; + +@import "theme_components/switchable.less"; + +@import "theme_components/cta.less"; + +@import "theme_components/videos.less"; + +@import "theme_components/modals.less"; + +@import "theme_components/notifications.less"; + +@import "theme_components/loader.less"; + +@import "theme_components/lightbox.less"; + +@import "theme_components/covers.less"; + +@import "theme_components/processes.less"; + +@import "theme_components/typed-text.less"; + +@import "theme_components/forms.less"; + +@import "theme_components/sliders.less"; + +@import "theme_components/radials.less"; + +@import "theme_components/pricing.less"; + +@import "theme_components/progress-horizontal.less"; + +@import "theme_components/maps.less"; + +@import "theme_components/testimonials.less"; + +@import "theme_components/masonry.less"; + +@import "theme_components/blog.less"; + +@import "theme_components/portfolio.less"; + +@import "theme_components/shop.less"; + +@import "theme_components/wizard.less"; + +@import "theme_components/footers.less"; \ No newline at end of file diff --git a/less/theme-variables.less b/less/theme-variables.less new file mode 100644 index 0000000..b68908f --- /dev/null +++ b/less/theme-variables.less @@ -0,0 +1,185 @@ +//////// Logo Width + +@logo-max-height: @base-line-height; // default @base-line-height, change to a pixel value (eg: 50px) for fine control + +//////// Colours + +@color-bg-site: #FFFFFF; +@color-primary: #4A90E2; +@color-primary-1: #31639C; +@color-primary-2: #465773; +@color-primary-3: #4A90E2; +@color-dark: #252525; +@color-bg-secondary: #FAFAFA; +@color-on-dark: #FFFFFF; + +@has-primary-1: true; +@has-primary-2: true; + +@color-error: #E23636; +@color-success: #4EBF56; + +//////// Typography + +@base-font-size: percentage(14/16); // change first value to pixel font size +@base-font-size-px: 14px; // the first value from above; +@base-font-size-mobile: percentage(13/16); // change first value to pixel font size +@base-font-size-mobile-px: 13px; // the first value from above; + +@base-line-height: 1.85714285714286em; + +@body-font: 'Open Sans'; +@heading-font: 'Open Sans'; +@button-font: 'Open Sans'; +@nav-item-font: 'Open Sans'; + +@h1-size: 3.14285714285714em; +@h2-size: 2.35714285714286em; +@h3-size: 1.78571428571429em; +@h4-size: 1.35714285714286em; +@h5-size: 1em; +@h6-size: 0.85714285714286em; + +@ligatures-active: true; + +@h1-line-height: 1.31818181818182em; +@h2-line-height: 1.36363636363636em; +@h3-line-height: 1.5em; +@h4-line-height: 1.368421052631579em; +@h5-line-height: @base-line-height; +@h6-line-height: 2.16666666666667em; + +@p-lead-size: 1.35714285714286em; +@p-lead-line-height: 1.68421052631579em; + +@blockquote-size: @h3-size; +@blockquote-line-height: @h3-line-height; + +@fine-print-size: 0.85714285714286em; + +@ul-line-height: @base-line-height; + +@color-body: #666666; +@color-heading: @color-dark; + +@heading-uppercase: false; +@heading-weight: 300; + +@body-font-weight: 400; +@strong-font-weight: 600; + +//////// Standard Space + +@standard-space-n: 4 * @base-line-height; +@standard-space-s: 4 * @base-line-height; +@standard-space-mobile: 3 * @base-line-height; + +//////// Boxed Layouts + +@boxed-layout-width: 1280px; + +//////// Buttons + +@buttons-uppercase: false; + +@button-radius: 6px; +@button-padding-n: @base-line-height / 4; +@button-padding-s: @base-line-height / 4; +@button-padding-e: @base-line-height *1.5; +@button-padding-w: @base-line-height *1.5; +@border-width: 1px; +@button-text-size: @h6-size; +@button-font-weight: 700; +@button-spacing: @base-line-height; + +//////// Icon + +@icon-sm-size: @h2-size; +@icon-md-size: @h1-size; +@icon-lg-size: 5.57142857142857em; + +//////// Forms + +@input-label-font-size: 1.14285714285714em; +@input-label-font-weight: 400; + +@inputs-have-border: true; + +@input-padding: @base-line-height/4; +@input-border-radius: 6px; +@input-border: 1px solid #ECECEC; +@input-background-color: #FCFCFC; +@input-placeholder-color: lighten(@color-body, 30%); +@input-placeholder-size: 1.14285714285714em; + +@checkbox-height: @base-line-height; +@checkbox-width: @base-line-height; +@checkbox-border-radius: 6px; +@checkbox-padding: 0; + +@radio-height: @base-line-height; +@radio-width: @base-line-height; +@radio-border-radius: 50%; +@radio-padding: 0; + +//////// Accordions + +@accordion-title-padding: @base-line-height/4 @base-line-height/2; +@accordion-title-border: 1px solid #ECECEC; +@accordion-title-bg: none; +@accordion-title-bg-active: @color-primary; + +@accordion-content-padding: 0; + +//////// Breadcrumbs + +@breadcrumbs-uppercase: false; +@breadcrumb-item-padding: @base-line-height/4; // space between breadcrumbs +@breadcrumb-font-size: 1em; + +//////// Tabs + +@tab-title-padding: 0 @base-line-height; // space between tabs + +//////// Boxes + +@box-padding: @base-line-height; +@box-border: 1px solid #ECECEC; +@box-shadow-level: 1; // value from 1 - 5, shallow - deep + +//////// Image Grid Settings + +@default-gap-padding: @base-line-height/4; + +//////// Sliders + +@slider-paging-alignment: center; + +@slider-paging-height: 8px; +@slider-paging-width: 8px; +@slider-paging-radius: 50%; +@slider-paging-bg: @color-dark; +@slider-paging-bg-active: #fff; +@slider-paging-border: none; +@slider-paging-spacing: @base-line-height/4; // space between each paging button + +@slider-arrow-font: 'stack-interface'; +@slider-arrow-right: "\e80c"; +@slider-arrow-left: "\e80b"; +@slider-arrow-size: 1em; + +//////// Video Styling + +@play-icon-default-color: #fff; +@play-icon-filled: true; +@play-icon-width-height: @base-line-height*4; +@play-icon-border: 2px solid @play-icon-default-color; +@play-icon-triangle: 6px; + +//////// Modals + +@default-modal-padding: 0; + +//////// Notifications + +@default-notification-padding: 0; diff --git a/less/theme.less b/less/theme.less new file mode 100644 index 0000000..6a09292 --- /dev/null +++ b/less/theme.less @@ -0,0 +1,179 @@ +@import "framework_components/variables.less"; +@import "theme-variables.less"; +@import "framework_components/mixins.less"; +/**!**************/ +/**! Contents **/ +/**! 01. Reset **/ +/**! 02. Typography **/ +/**! 03. Position **/ +/**! 04. Element Size **/ +/**! 05. Images **/ +/**! 06. Buttons **/ +/**! 07. Icons **/ +/**! 08. Lists **/ +/**! 09. Lightbox **/ +/**! 10. Menus **/ +/**! 11. Dropdowns **/ +/**! 12. Form Elements **/ +/**! 13. Accordions **/ +/**! 14. Breadcrumbs **/ +/**! 15. Radials **/ +/**! 16. Tabs **/ +/**! 17. Boxes **/ +/**! 18. Sliders Flickity **/ +/**! 19. Hover Elements **/ +/**! 20. Masonry **/ +/**! 21. Modals **/ +/**! 22. Maps **/ +/**! 23. Parallax **/ +/**! 24. Notifications **/ +/**! 25. Video **/ +/**! 26. Colors **/ +/**! 27. Image Blocks **/ +/**! 28. MailChimp & Campaign Monitor **/ +/**! 29. Twitter **/ +/**! 30. Transitions **/ +/**! 31. Switchable Sections **/ +/**! 32. Typed Effect **/ +/**! 33. Gradient BG **/ +/**! 34. Bars **/ +/**! 35. Navigation In Page **/ +/**! 36. Helper Classes **/ +/**! 37. Spacing **/ +/**! 38. Boxed Layout **/ +/**! 39. Wizard **/ +/**! 40. Alerts **/ +/**! 41. Progress - Horizontal **/ +/**! 42. Theme Overrides **/ +/**!**************/ +/**!**************/ +/**!**************/ + +/**! 01. Reset **/ +@import "framework_components/reset.less"; + +/**! 02. Typography **/ +@import "framework_components/typography.less"; + +/**! 03. Position **/ +@import "framework_components/position.less"; + +/**! 04. Element Size **/ +@import "framework_components/size.less"; + +/**! 05. Images **/ +@import "framework_components/images.less"; + +/**! 06. Buttons **/ +@import "framework_components/buttons.less"; + +/**! 07. Icons **/ +@import "framework_components/icons.less"; + +/**! 08. Lists **/ +@import "framework_components/lists.less"; + +/**! 09. Lightbox **/ +@import "framework_components/lightbox-images.less"; + +/**! 10. Menus **/ +@import "framework_components/menus.less"; + +/**! 11. Dropdowns **/ +@import "framework_components/dropdowns.less"; + +/**! 12. Form Elements **/ +@import "framework_components/forms-v2.less"; + +/**! 13. Accordions **/ +@import "framework_components/accordions.less"; + +/**! 14. Breadcrumbs **/ +@import "framework_components/breadcrumbs.less"; + +/**! 15. Pie Charts **/ +@import "framework_components/radials.less"; + +/**! 16. Tabs **/ +@import "framework_components/tabs.less"; + +/**! 17. Boxes **/ +@import "framework_components/boxes.less"; + +/**! 18. Sliders Flickity **/ +@import "framework_components/flickity.less"; + +/**! 19. Hover Elements **/ +@import "framework_components/hover-elements.less"; + +/**! 20. Masonry **/ +@import "framework_components/masonry.less"; + +/**! 21. Modals **/ +@import "framework_components/modals.less"; + +/**! 22. Maps **/ +@import "framework_components/maps.less"; + +/**! 23. Parallax **/ +@import "framework_components/parallax.less"; + +/**! 24. Notifications **/ +@import "framework_components/notifications.less"; + +/**! 25. Video **/ +@import "framework_components/video.less"; + +/**! 26. Colors **/ +@import "framework_components/colors.less"; + +/**! 27. Image Blocks **/ +@import "framework_components/image-blocks.less"; + +/**! 28. MailChimp & Campaign Monitor **/ +@import "framework_components/newsletter-providers.less"; + +/**! 29. Twitter **/ +@import "framework_components/twitter.less"; + +/**! 30. Transitions **/ +@import "framework_components/transitions.less"; + +/**! 31. Switchable Sections **/ +@import "framework_components/switchable.less"; + +/**! 32. Typed Effect **/ +@import "framework_components/typed-effect.less"; + +/**! 33. Gradient BG **/ +@import "framework_components/granim.less"; + +/**! 34. Bars **/ +@import "framework_components/bars.less"; + +/**! 35. Navigation InPage **/ +@import "framework_components/navigation-inpage.less"; + +/**! 36. Helper Classes **/ +@import "framework_components/helpers.less"; + +/**! 37. Spacing **/ +@import "framework_components/spacing.less"; + +/**! 38. Boxed Layout **/ +@import "framework_components/boxed-layout.less"; + +/**! 39. Wizard **/ +@import "framework_components/wizard.less"; + +/**! 40. Alerts **/ + +@import "framework_components/alerts.less"; + +/**! 41. Progress - Horizontal **/ + +@import "framework_components/progress-horizontal.less"; + +/**! 42. Theme Overrides **/ + +@import "theme-overrides.less"; \ No newline at end of file diff --git a/less/theme_components/accordions.less b/less/theme_components/accordions.less new file mode 100644 index 0000000..49ab568 --- /dev/null +++ b/less/theme_components/accordions.less @@ -0,0 +1,97 @@ +/*! -- Stack Accordions -- */ + +.accordion{ + .accordion__title{ + .transition(0.5s,ease); + opacity: .5; + margin-bottom: @base-line-height/2; + &:hover{ + opacity: 1; + } + &:before{ + font-family: "stack-interface"; + content: '\e80d'; + margin-right: 6px; + color: @color-dark; + } + span{ + display: inline-block; + } + } + li{ + &.active{ + margin-bottom: @base-line-height/2; + .accordion__title{ + opacity: 1; + &:before{ + content: '\e80a'; + } + } + .accordion__content{ + animation: fadeUp .5s ease forwards; + -webkit-animation: fadeUp .5s ease forwards; + } + } + } +} + +.accordion-1{ + li{ + &.active{ + .accordion__title{ + span{ + color: #fff; + } + &:before{ + color: #fff; + } + border-color: @color-primary; + } + } + .accordion__title{ + border-radius: 6px; + border-bottom: 1px solid #ECECEC; + } + } +} + +.accordion-2{ + li{ + .accordion__title{ + border-left: none; + border-right: none; + border-top: none; + border-bottom: 1px solid #ECECEC; + padding-left: 0; + } + &.active{ + .accordion__title{ + background: none; + border-bottom: 1px solid rgba(0,0,0,0); + } + } + } +} + +.bg--dark,.imagebg:not(.image--light), .bg--primary{ + .accordion-2, .accordion-1{ + li{ + .accordion__title{ + &:before{ + color: #fff; + } + border-color: lighten(@color-dark, 15%) + } + } + } +} + +.imagebg:not(.image--light), .bg--primary{ + .accordion{ + li{ + .accordion__title{ + border-color: rgba(255,255,255,.3); + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/alerts.less b/less/theme_components/alerts.less new file mode 100644 index 0000000..415cd26 --- /dev/null +++ b/less/theme_components/alerts.less @@ -0,0 +1,11 @@ +/*! -- Stack Alerts -- */ + +.alert{ + border-radius: 6px; + &:not(:last-child){ + margin-bottom: @base-line-height; + } + .alert__close{ + font-size: @h4-size; + } +} \ No newline at end of file diff --git a/less/theme_components/animations.less b/less/theme_components/animations.less new file mode 100644 index 0000000..7a57cd8 --- /dev/null +++ b/less/theme_components/animations.less @@ -0,0 +1,73 @@ +/*! -- Stack Animations -- */ + +@keyframes fadeInUp{ + from{ opacity: 0; .translate3d(0,50px,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@-webkit-keyframes fadeInUp{ + from{ opacity: 0; .translate3d(0,50px,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@keyframes fadeInDown{ + from{ opacity: 0; .translate3d(0,-100px,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@-webkit-keyframes fadeInDown{ + from{ opacity: 0; .translate3d(0,-100px,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@keyframes fadeOutUp{ + from{ opacity: 1; .translate3d(0,0,0); } + to{ opacity: 0; .translate3d(0,-50px,0); -webkit-font-smoothing: antialiased; } +} + +@-webkit-keyframes fadeOutUp{ + from{ opacity: 1; .translate3d(0,0,0); } + to{ opacity: 0; .translate3d(0,-50px,0); -webkit-font-smoothing: antialiased; } +} + +@keyframes fadeOutRight{ + from{ opacity: 1; .translate3d(0,0,0); } + to{ opacity: 0; .translate3d(50px,0,0); -webkit-font-smoothing: antialiased; } +} + +@-webkit-keyframes fadeOutRight{ + from{ opacity: 1; .translate3d(0,0,0); } + to{ opacity: 0; .translate3d(50px,0,0); -webkit-font-smoothing: antialiased; } +} + +@keyframes fadeInLeft{ + from{ opacity: 0; .translate3d(-50px,0,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@-webkit-keyframes fadeInLeft{ + from{ opacity: 0; .translate3d(-50px,0,0); } + to{ opacity: 1; .translate3d(0,0,0); -webkit-font-smoothing: antialiased; } +} + +@keyframes pulse{ + 0%{ opacity: 0; .scale(1); } + 50%{ opacity: 1; } + 100%{ opacity: 0; .scale(2); } +} + +@-webkit-keyframes pulse{ + 0%{ opacity: 0; .scale(1); } + 50%{ opacity: 1; } + 100%{ opacity: 0; .scale(2); } +} + +@keyframes kenBurns{ + 0%{ transform: scale(1); } + 100%{ transform: scale(1.1); } +} + +@-webkit-keyframes kenBurns{ + 0%{ transform: scale(1); } + 100%{ transform: scale(1.1); } +} \ No newline at end of file diff --git a/less/theme_components/bars.less b/less/theme_components/bars.less new file mode 100644 index 0000000..b5ec68f --- /dev/null +++ b/less/theme_components/bars.less @@ -0,0 +1,159 @@ +/*! -- Stack Bars -- */ + +.menu-horizontal > li, .menu-vertical > li{ + font-family: @nav-item-font, 'Roboto', 'Helvetica', Sans-Serif; +} + +.bar{ + .logo{ + max-height: @logo-max-height; + max-width: none; + } +} + +.menu-horizontal{ + > li{ + > a, > .modal-instance > a{ + font-weight: 500; + } + a{ + &:hover{ + text-decoration: none; + } + } + } +} + +.hamburger-toggle{ + i{ + color: @color-dark; + } +} + +// Desktop +@media all and (min-width: 990px){ + .menu-horizontal{ + li{ + &:not(:last-child){ + margin-right: @base-line-height/1.5; + } + } + } + .bar__module{ + &:not(:only-child){ + .menu-horizontal{ + top: 0; + } + } + } +} + +@media all and (min-width: 768px) and (max-width: 1023px){ + .bar-2, .bar-1{ + .menu-horizontal{ + > li{ + display: inline-block; + &:not(:first-child){ + margin-left: @base-line-height/2; + } + } + } + .bar__module{ + margin-bottom: @base-line-height; + } + .row{ + div[class*='col-']{ + &:last-child{ + .bar__module{ + &:last-child{ + margin-bottom: 0; + } + } + } + } + } + } +} + +.bar-1{ + .menu-horizontal{ + > li{ + > .dropdown__trigger, > a{ + font-size: 0.857142857142857em; + line-height: 2.166666666666667em; + text-transform: uppercase; + font-weight: 600; + letter-spacing: .5px; + } + } + } +} + +// Desktop +@media all and (min-width: 1024px){ + .bar-1{ + .bar__module{ + +.bar__module{ + margin-left: @base-line-height; + } + } + } +} + +@media all and (min-width: 991px){ + .bar-2{ + .logo{ + position: absolute; + left: 50%; + transform: translateX(-50%); + } + } +} + +.bar-3{ + font-size: @fine-print-size; + .menu-horizontal{ + top: 0; + } +} + +@media all and (max-width: 990px){ + .bar-3{ + .menu-horizontal{ + li{ + display: inline-block; + &:not(:last-child){ + margin-right: @base-line-height/2; + } + } + } + } +} + +// Desktop +@media all and (min-width: 990px){ + .bar-toggle{ + .col-md-1{ + .logo{ + top: 10px; + } + } + } +} + +@media all and (max-width: 767px){ + .bar-4{ + .logo-light{ + display: none; + } + .logo-dark{ + margin-bottom: @base-line-height; + } + } + .bar.bg--dark{ + background: @color-dark; + .hamburger-toggle i{ + color: #fff; + } + } +} \ No newline at end of file diff --git a/less/theme_components/blog.less b/less/theme_components/blog.less new file mode 100644 index 0000000..a369718 --- /dev/null +++ b/less/theme_components/blog.less @@ -0,0 +1,464 @@ +/*! -- Stack Blog -- */ + +article{ + .article__title{ + >a{ + display: block; + &:hover{ + text-decoration: none; + opacity: .75; + } + } + h2{ + margin-bottom: 0.3939393939394em; + } + h1{ + margin-bottom: 0.29545454545455em; + } + margin-bottom: @base-line-height*2; + } + .article__body{ + img,iframe,.video-cover{ + border-radius: 6px; + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + > a{ + &:first-child{ + > img{ + margin-bottom: @base-line-height; + } + } + } + p,ul{ + .lead; + +h5{ + margin-top: @base-line-height*1.5; + } + } + blockquote{ + text-align: center; + &:not(:last-child){ + margin-top: 2.08em; + margin-bottom: 2.08em; + } + } + } + .article__share{ + margin-top: @base-line-height * 3; + } + &.imagebg{ + padding: @base-line-height; + overflow: hidden; + &:before{ + .transition(0.3s,ease); + } + &:hover{ + &:before{ + opacity: .6; + } + } + .article__title{ + margin: 0; + position: absolute; + bottom: 0; + z-index: 2; + span{ + font-size: @fine-print-size; + } + max-width: 90%; + } + .label{ + z-index: 2; + top: @base-line-height; + right: @base-line-height; + } + } + &.feature-1{ + h5{ + min-height: @base-line-height*2; + } + a{ + img{ + .transition(0.3s,ease); + } + &:hover{ + img{ + opacity: .85; + } + } + } + } +} + +figure[class*='col-']{ + padding: 0 !important; +} +figure.pull-right{ + margin-left: @base-line-height*1.5; +} +figure.pull-left{ + margin-right: @base-line-height*1.5; +} +figure{ + img{ + &:not(:last-child){ + margin-bottom: @base-line-height/4 !important; + } + } + figcaption{ + font-size: @h6-size; + font-style: italic; + } +} + +section.unpad{ + > article{ + .imagebg + div{ + padding: @base-line-height *3 0; + } + } +} + +.article__author{ + img{ + max-height: @base-line-height*2; + margin-bottom: @base-line-height/4; + } + padding-bottom: @base-line-height; +} + +.slides--gapless{ + article{ + &.imagebg{ + height: @base-line-height*15; + } + } +} + +@masonry-item-height: 338px; + +.masonry-blog-magazine{ + article, .masonry__promo{ + height: @masonry-item-height; + } + .height--tall{ + height: calc((@masonry-item-height*2) + 30px); + } +} + +@media all and (min-width: 991px){ + .masonry__promo{ + &.boxed--lg{ + padding: @base-line-height*4; + } + } +} + +@media all and (max-width: 990px){ + .masonry-blog-magazine{ + .height--tall{ + height: @masonry-item-height; + } + } + .masonry__promo{ + .pos-vertical-center{ + top: 0; + transform: none; + } + } +} + +@media all and (max-width: 1200px){ + .masonry__promo{ + &.boxed--lg{ + padding: @base-line-height*2; + } + } +} + +.pagination{ + text-align: center; + &:after{ + content: ""; + display: table; + clear: both; + } + margin-top: @base-line-height; + a{ + font-weight: normal; + } + div[class*='col-']{ + padding: 0; + } + ol{ + margin-bottom: 0; + display: inline-block; + li{ + display: inline-block; + margin: 0; + font-weight: 700; + line-height: 23px; + > a{ + font-weight: 700; + } + &:not(:last-child){ + margin-right: @base-line-height/4; + } + width: @base-line-height; + height: @base-line-height; + border-radius: 50%; + border: 1px solid #ececec; + &.pagination__current{ + cursor: default; + background: #ececec; + color: #aaa; + } + } + } +} + +.pagination__prev, .pagination__next{ + display: inline-block; +} +.pagination__next{ + float: right; +} +.pagination__prev{ + float: left; +} + +.blog-article-wide{ + &:not(:last-child){ + border-bottom: 1px solid #ececec; + margin-bottom: @base-line-height*2; + } +} + +.masonry-blog-list{ + hr+.masonry__container{ + margin-top: 0; + } + article{ + border-bottom: 1px solid #ececec; + padding-top: @base-line-height*1.5; + margin-bottom: @base-line-height*3; + .article__body{ + padding-bottom: @base-line-height*3; + } + } +} + +.masonry-blog-magazine{ + .masonry__item{ + a{ + font-weight: normal; + &:hover{ + text-decoration: none; + } + } + } +} + +.masonry-filter-container{ + > span{ + position: relative; + +.masonry-filter-holder{ + margin-left: @base-line-height/2; + } + } + margin-bottom: @base-line-height; +} + +.comments__list{ + li{ + padding: @base-line-height; + border: 1px solid #ececec; + border-bottom: none; + &:last-child{ + border-bottom: 1px solid #ececec; + } + &:nth-child(odd){ + background: darken(@color-bg-site, 1%); + } + &:nth-child(even){ + background: darken(@color-bg-site, 2.5%); + } + &:first-child{ + border-radius: 6px 6px 0 0; + } + &:last-child{ + border-radius: 0 0 6px 6px; + } + } +} + +.bg--secondary{ + .comments__list{ + li{ + &:nth-child(even){ + background: #fff; + } + } + } +} + +@media all and (min-width: 768px){ + .comments__list{ + li{ + padding: @base-line-height*1.5; + } + } +} + +.comment{ + overflow: hidden; + &:not(:last-child){ + border-bottom: 1px solid #ececec; + padding-bottom: @base-line-height; + } + .comment__avatar{ + width: 15%; + float: left; + img{ + max-height: @base-line-height*2; + } + } + .comment__meta{ + font-size: @fine-print-size; + a{ + display: inline-block; + &:not(:first-child){ + margin-left: 1.08333333333334em; + } + } + +p{ + margin-top: @base-line-height/2; + } + } + .comment__body{ + width: 85%; + float: right; + h5{ + &.type--fine-print{ + margin: 0; + } + } + } + +.comment{ + margin-top: @base-line-height; + padding-left: 15%; + } +} + +@media all and (min-width: 768px){ + .comments{ + +.comments-form{ + margin-top: @base-line-height*2; + } + } +} + +@media all and (min-width: 768px){ + h3{ + + .related-blog-list{ + margin-top: @base-line-height*2; + } + } +} + +.related-blog-list{ + li{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + article{ + img{ + border-radius: 6px; + } + .article__title{ + margin-top: @base-line-height/2; + margin-bottom: 0; + .h4{ + margin-bottom: 0.68421052631579em; + } + } + } +} + +@media all and (min-width: 991px){ + .sidebar{ + margin-top: @base-line-height*4; + position: relative; + bottom: 18px; + } +} + +.sidebar__widget{ + > h5{ + &:first-child{ + margin-bottom: @base-line-height/2; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height*2; + } +} + +.tag-cloud{ + li{ + display: inline-block; + &:not(:last-child){ + margin-right: @base-line-height/4; + &:after{ + content: ','; + } + } + } +} + +.conversation__head{ + border-radius: 6px 6px 0 0; + &.boxed:not(:last-child){ + margin: 0; + } + h4{ + margin: 0; + } + .conversation__avatar{ + img{ + max-height: @base-line-height; + display: inline-block; + margin-right: @base-line-height/4; + margin-bottom: 0; + } + margin-top: @base-line-height/2; + } +} + +@media all and (min-width: 768px){ + .conversation__avatar{ + position: absolute; + top: @base-line-height; + right: @base-line-height*1.5; + } +} + +.conversation__reply{ + border-top: none !important; + border-bottom: none; + border-radius: 0; + &.boxed:not(:last-child){ + margin-bottom: 0; + } + + .conversation__comments{ + .comments__list{ + li:first-child{ + border-radius: 0; + border-top: none; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/boxes.less b/less/theme_components/boxes.less new file mode 100644 index 0000000..9e25be5 --- /dev/null +++ b/less/theme_components/boxes.less @@ -0,0 +1,89 @@ +/*! -- Stack Boxes -- */ + +.boxed{ + border-radius: 6px; + .background-image-holder{ + border-radius: 6px; + } + &:before{ + border-radius: 6px; + } + &:not(:last-child){ + margin-bottom: 30px; + } + &:not([class*='bg-']){ + background: @color-bg-site; + } + &.bg--secondary{ + .boxed{ + background: @color-bg-secondary; + } + } +} + +@media all and (min-width: 768px){ + .switchable{ + .imagebg{ + .boxed{ + padding-left: @base-line-height*3; + } + } + } +} + +.bg--dark,.imagebg:not(.image--light){ + .boxed:not([class*='bg-']){ + background: none; + color: #fff; + &.boxed--border{ + border-color: lighten(@color-dark, 10%); + } + } + .boxed{ + &[class*='bg-']{ + &.boxed--border{ + border: none; + } + } + } +} + +.imagebg{ + &:not(.image--light){ + .boxed:not(.bg--white):not(.bg--none){ + background: rgba(20,20,20,0.3); + &.boxed--border{ + border: none; + } + .boxed{ + background: none; + } + } + } +} + +.bg--primary{ + .boxed:not(.imagebg){ + color: @color-body; + p{ + color: @color-body; + } + h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,i{ + color: @color-dark; + } + a{ + color: @color-primary; + } + .color--primary{ + color: @color-primary !important; + } + } +} + +@media all and (min-width: 768px){ + .boxed{ + &.boxed--emphasis{ + .scale(1.075); + } + } +} \ No newline at end of file diff --git a/less/theme_components/buttons.less b/less/theme_components/buttons.less new file mode 100644 index 0000000..abdd0f2 --- /dev/null +++ b/less/theme_components/buttons.less @@ -0,0 +1,220 @@ +/*! -- Stack Buttons -- */ + +.btn{ + position: relative; + &:not([class*='primary']){ + border-color: #d3d3d3; + &:hover{ + border-color: @color-dark; + } + } + &.type--uppercase{ + letter-spacing: .5px; + .btn__text{ + letter-spacing: .5px; + margin-right: -.5px; + } + } + .label{ + top: -@base-line-height/2; + right: -@base-line-height*2; + } + &.btn--lg{ + .btn__text{ + font-weight: 600; + } + &.type--uppercase{ + .btn__text{ + letter-spacing: 1px; + } + } + } + +p.type--fine-print,+span.type--fine-print{ + margin-top: 1.08333333333334em; + } + &.block{ + margin-left: 0; + +.btn.block{ + margin-top: @base-line-height/2; + } + } + &:hover{ + .translate3d(0,-2px,0); + } + &.btn--sm{ + +.btn--sm{ + margin-left: @base-line-height/2; + } + } +} + +p{ + > .btn{ + text-decoration: none; + } +} + +@media all and (max-width: 767px){ + .btn{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } +} + +.btn--icon{ + padding-left: @base-line-height*3; + i{ + position: absolute; + height: 100%; + left: 0; + top: 0; + background: rgba(0,0,0,.1); + padding: 0 13px; + border-radius: @button-radius 0 0 @button-radius; + font-size: 16px; + line-height: 41px; + &.socicon{ + line-height: 42px; + } + } +} + +.btn--cart{ + width: @base-line-height*2; + height: @base-line-height*2; + border: 2px solid @color-dark; + display: block; + text-align: center; + border-radius: 6px; + opacity: .4; + padding: 0; + &:hover{ + opacity: 1; + } + .btn__text{ + position: absolute; + width: 100%; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 1.142857142857143em; + } +} + +.imagebg:not(.image--light){ + .btn--icon{ + &:not([class*='bg']):not([class*='primary']){ + i{ + color: #fff; + background: rgba(255,255,255,.2); + } + } + } +} + +@media all and (min-width: 768px){ + .btn-group{ + .btn{ + margin-bottom: 0 !important; + margin-left: 0; + +.btn{ + margin-left: 0; + } + &:not(:first-child):not(:last-child){ + border-radius: 0; + } + &:first-child{ + border-radius: 6px 0 0 6px; + } + &:last-child{ + border-radius: 0 6px 6px 0; + } + &:first-child:nth-last-child(2),&:last-child:nth-child(2){ + width: 50%; + } + } + } +} + +.btn-group{ + border: none; + padding: 0; +} + +@media all and (max-width: 767px){ + .btn-group{ + .btn{ + display: block; + } + } +} + + +.bg--primary{ + div:not([class*='feature']){ + .btn--primary{ + background: #fff; + border-color: #fff; + .btn__text{ + color: @color-primary; + } + } + } + > .btn--primary{ + background: #fff; + border-color: #fff; + .btn__text{ + color: @color-primary; + } + } +} + +.bg--dark{ + .btn{ + &:not(.btn--primary){ + border-color: lighten(@color-dark, 10%); + &:hover{ + border-color: lighten(@color-dark, 25%); + } + } + .btn__text{ + color: #fff; + } + } +} + +.imagebg:not(.image--light){ + .btn{ + &:not([class*='primary']){ + border-color: rgba(255,255,255,0.3); + &:hover{ + border-color: #fff; + } + } + } +} + +.imagebg.image--light{ + .btn{ + &:not([class*='primary']){ + border-color: @color-dark; + background: rgba(255,255,255,.3); + &:hover{ + background: rgba(255,255,255,.5); + } + } + } +} + +h1,.h1{ + +.btn{ + margin-top: @base-line-height; + } +} + +h2,.h2{ + +.btn{ + margin-top: @base-line-height/2; + } +} \ No newline at end of file diff --git a/less/theme_components/cards.less b/less/theme_components/cards.less new file mode 100644 index 0000000..c4a9fed --- /dev/null +++ b/less/theme_components/cards.less @@ -0,0 +1,138 @@ +/*! -- Stack Cards -- */ + +.card__top{ + position: relative; + overflow: hidden; +} + +.card__action{ + a{ + color: @color-body; + i{ + color: @color-dark; + font-size: 1em; + } + span{ + position: relative; + bottom: 2px; + } + text-decoration: none; + .transition(0.3s,ease); + &:not(:hover){ + opacity: .5; + } + } +} + +.card p a{ + text-decoration: none; +} + +.masonry__item{ + .card.boxed{ + margin-bottom: 0; + } +} + +.card-1{ + .card__avatar{ + img{ + max-height: @base-line-height*1.5; + margin-right: @base-line-height/4; + margin-bottom: 0; + } + margin-bottom: @base-line-height/2; + } + .card__avatar, .card__meta{ + display: inline-block; + } + .card__meta{ + float: right; + } + .card__body{ + img{ + margin-bottom: @base-line-height/2; + } + h4{ + margin-bottom: 0.342105263157895em; + } + border-bottom: 1px solid #ececec; + padding-bottom: @base-line-height/2; + margin-bottom: @base-line-height/2; + } +} + +.bg--dark{ + .card-1{ + .card__body{ + border-color: lighten(@color-dark, 10%) + } + } +} + +@media all and (max-width: 767px){ + .card{ + .list-inline:not(.social-list){ + li{ + display: inline-block; + &:not(:first-child){ + margin-left: @base-line-height/2; + } + } + } + } +} + +.card-2{ + .card__top{ + img{ + border-radius: 6px 6px 0 0; + } + } + .card__body{ + h4{ + margin: 0; + } + p{ + margin-top: @base-line-height/2; + } + border-bottom: 1px solid #ececec; + padding-bottom: @base-line-height; + } + .card__bottom{ + overflow: hidden; + > div{ + display: inline-block; + width: 50%; + float: left; + } + .h6{ + margin-bottom: 0.541666666666667em; + } + } + .card__body, .card__bottom{ + padding: @base-line-height; + border: 1px solid #ececec; + } + .card__body{ + border-bottom: none; + border-top: none; + } + .card__bottom{ + border-radius: 0 0 6px 6px; + padding: @base-line-height/2 @base-line-height; + } + .card__action{ + i{ + font-size: @h3-size; + } + } +} + +.bg--dark{ + .card-2{ + .card__body, .card__bottom{ + border-color: lighten(@color-dark, 10%) + } + } +} \ No newline at end of file diff --git a/less/theme_components/checkmarks.less b/less/theme_components/checkmarks.less new file mode 100644 index 0000000..b1891ba --- /dev/null +++ b/less/theme_components/checkmarks.less @@ -0,0 +1,30 @@ +/*! -- Stack Checkmarks & Crosses -- */ + +.checkmark{ + display: inline-block; + position: relative; + width: @base-line-height/1.5; + height: @base-line-height/1.5; + border-radius: 50%; + text-align: center; + &:not([class*='bg-']){ + background: @color-primary; + } + &:before{ + content: '\2713'; + color: #fff; + font-size: 11px; + position: absolute; + width: 100%; + left: 0; + top: -4px; + } + &.checkmark--cross{ + &:before{ + content: '\2717'; + } + } + &:not(:last-child){ + margin-right: 13px; + } +} \ No newline at end of file diff --git a/less/theme_components/colors.less b/less/theme_components/colors.less new file mode 100644 index 0000000..bc790c0 --- /dev/null +++ b/less/theme_components/colors.less @@ -0,0 +1,7 @@ +/*! -- Stack Colours -- */ + +.bg--dark{ + .bg--secondary{ + background: lighten(@color-dark, 6%) + } +} \ No newline at end of file diff --git a/less/theme_components/covers.less b/less/theme_components/covers.less new file mode 100644 index 0000000..c206d78 --- /dev/null +++ b/less/theme_components/covers.less @@ -0,0 +1,169 @@ +/*! -- Stack Covers -- */ + +.cover{ + .typed-headline{ + margin-bottom: @base-line-height*2; + .type--bold{ + font-weight: 400; + } + } + .triptych{ + margin-top: @base-line-height*2; + } + .btn{ + +.modal-instance{ + margin-top: @base-line-height; + } + } + h3,.h3{ + +form{ + margin-top: @base-line-height*1.5; + } + } + .lead{ + +.boxed{ + margin-top: @base-line-height*2; + } + } + &.unpad--bottom{ + overflow: hidden; + } + .modal-instance.block{ + &:not(:first-child):not(:last-child){ + margin: @base-line-height*1.5 0; + } + } + .pos-bottom{ + margin-bottom: @base-line-height; + } +} + +@media all and (min-width: 768px){ + .cover{ + .row{ + .row{ + &:last-child{ + margin-top: @base-line-height*3; + } + } + } + } +} + +@media all and (max-width: 767px){ + .cover{ + .pos-bottom.pos-absolute{ + position: relative; + margin-top: @base-line-height; + } + } +} + +@media all and (max-width: 990px){ + .cover{ + .mt--3{ + margin-top: 0; + } + } +} + +@media all and (min-width: 768px){ + .cover{ + .triptych{ + margin-top: @base-line-height*4; + } + } +} + +.cover-fullscreen{ + min-height: 100vh; + &.slider[data-paging="true"]{ + .slides{ + .flickity-slider{ + > li{ + height: 100vh; + } + } + } + .pos-bottom{ + bottom: @base-line-height*3; + width: 100%; + } + h4{ + margin: 0; + } + } +} + +.cover-slider{ + overflow: hidden; + .slider{ + position: relative; + width: 100%; + pointer-events: none; + &:nth-child(1){ + transform: translateY(-30%); + } + &:nth-child(2){ + transform: translateY(-25%); + } + &:nth-child(3){ + transform: translateY(-20%); + } + .slide{ + opacity: .05; + } + } + .typed-headline{ + margin: 0; + +.btn{ + margin-top: @base-line-height/2; + } + } + .slider-container{ + transform: rotateZ(-30deg) translateY(-10%); + -webkit-transform: rotateZ(-30deg) translateY(-10%); + position: absolute; + width: 100%; + height: 100%; + top: 0; + } +} + +// Desktop +@media all and (min-width: 768px){ + .cover-slider{ + +.cta-4{ + position: absolute; + background: none; + color: #fff; + border-bottom: none !important; + width: 100%; + .translate3d(0,-100%,0); + a{ + color: #fff; + font-weight: 600; + } + } + } +} + +.cover-features{ + &.space--lg{ + padding-bottom: @base-line-height * 2; + } + .row:nth-child(2){ + margin-top: @base-line-height* 6; + } +} + +@media all and (max-width: 767px){ + .cover-features{ + &.space--lg{ + padding-bottom: @base-line-height; + } + .row:nth-child(2){ + margin-top: @base-line-height * 2; + } + } +} \ No newline at end of file diff --git a/less/theme_components/cta.less b/less/theme_components/cta.less new file mode 100644 index 0000000..87331d0 --- /dev/null +++ b/less/theme_components/cta.less @@ -0,0 +1,98 @@ +/*! -- Stack CTA -- */ + +.cta{ + .btn{ + &:first-child{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + } + &.boxed{ + &:last-child{ + margin-bottom: 0; + } + } +} + +@media all and (min-width: 768px){ + .cta--horizontal{ + h4,.lead,.btn{ + margin: 0; + } + h4,.lead{ + position: relative; + top: 4px; + } + } + .bg--dark,.imagebg{ + .cta-1{ + >div[class*='col-']{ + &:last-child{ + border-left: none; + } + } + } + } +} + +@media all and (min-width: 1200px){ + .cta-1{ + &.boxed--border{ + padding: 0; + } + >div[class*='col-']{ + padding: @base-line-height/1.5 15px; + &:last-child{ + border-left: 1px solid #ECECEC; + } + } + } +} + +@media all and (max-width: 990px){ + .cta-1{ + text-align: center; + >div[class*='col-']{ + padding-left: 0; + padding-right: 0; + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + &:last-child{ + margin-top: @base-line-height; + } + } + } +} + +@media all and (max-width: 767px){ + .cta{ + .lead{ + margin: 1.36842105263158em 0; + } + } +} + +.cta-2{ + .transition(0.3s,ease); + h2{ + margin: 1.57575757575758em 0; + } + &.bg--primary{ + &:hover{ + background: lighten(@color-primary, 3%) + } + } + &:hover{ + background: lighten(@color-bg-site, 3%) + } +} + +@media all and (min-width: 768px){ + .cta-3{ + .switchable__text{ + margin-top: @base-line-height*3; + } + } +} \ No newline at end of file diff --git a/less/theme_components/customizers.less b/less/theme_components/customizers.less new file mode 100644 index 0000000..e13a6c0 --- /dev/null +++ b/less/theme_components/customizers.less @@ -0,0 +1,81 @@ +/*! -- Stack Customizers -- */ + +.box-shadow{ + box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.04); +} + +.box-shadow-shallow{ + box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06); +} + +.box-shadow-wide{ + box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); +} + +.border--round{ + border-radius: 6px; + &:before{ + border-radius: 6px; + } + .background-image-holder{ + border-radius: 6px; + } + [data-scrim-top]:before,[data-scrim-bottom]:before,[data-overlay]:before{ + border-radius: 6px; + } +} + +.imageblock.border--round{ + .background-image-holder{ + border-radius: 6px 0 0 6px; + } +} + +@media all and (max-width: 767px){ + .imageblock.border--round{ + .background-image-holder{ + border-radius: 6px 6px 0 0; + } + } +} + +.theme--square{ + .border--round,.btn{ + border-radius: 0px; + } +} + +.theme--bordered{ + border: @base-line-height/2 solid @color-dark; +} + +.main-container{ + &.transition--fade{ + &:not(.transition--active){ + cursor: wait; + } + } +} + +@media all and (min-width: (@boxed-layout-width)){ + body.boxed-layout{ + > section.bar-3:first-of-type{ + border-radius: 6px 6px 0 0; + } + .main-container{ + > footer{ + &:last-child{ + border-radius: 0 0 6px 6px; + } + } + } + } +} + +body.boxed-layout{ + .modal-container{ + section:not([class*='bg-']){ + background: none; + } + } +} \ No newline at end of file diff --git a/less/theme_components/dropdowns.less b/less/theme_components/dropdowns.less new file mode 100644 index 0000000..c7d9879 --- /dev/null +++ b/less/theme_components/dropdowns.less @@ -0,0 +1,177 @@ +/*! -- Stack Dropdowns -- */ + +.dropdown{ + > .dropdown__trigger{ + &:after{ + font-family: "stack-interface"; + display: inline-block; + font-size: 8px; + position: relative; + bottom: 2px; + } + .image--xxs{ + margin-right: @base-line-height/4; + } + } + .dropdown__content{ + border-radius: 6px; + box-shadow: 0 0 25px 0 rgba(0,0,0,0.08); + -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.08); + padding: @base-line-height/1.5 @base-line-height; + h5{ + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + .background-image-holder{ + border-radius: 6px 0 0 6px; + } + >.pos-absolute[class*='col-']{ + left: 0; + top: 0; + height: 100%; + position: absolute !important; + &[data-overlay]{ + &:before{ + border-radius: 6px 0 0 6px; + } + } + } + } +} + +.menu-horizontal{ + > .dropdown{ + > .dropdown__trigger{ + &:after{ + content: '\e80a'; + margin-left: 4px; + } + } + } +} + +.menu-vertical{ + > .dropdown{ + > .dropdown__trigger{ + display: inline-block; + width: 100%; + } + } +} + +// Mobile +@media all and (max-width: 767px){ + .dropdown{ + [class*='col-']+[class*='col-']{ + margin-top: @base-line-height/2; + } + .dropdown__content{ + &:not([class*='bg-']){ + border: none; + box-shadow: none; + } + } + } +} + +@media all and (max-width: 767px){ + .dropdown__container{ + left: 0 !important; + } +} + +.menu-vertical{ + li{ + .transition(0.3s,ease); + &:not(:hover):not(.dropdown--active){ + opacity: .75; + } + &:not(:last-child){ + margin-bottom: @base-line-height/6; + } + &.dropdown{ + position: relative; + &:after{ + content: '\e80c'; + font-family: 'stack-interface'; + right: 0; + top: 0; + position: absolute; + .transition(0.3s,ease); + display: inline-block; + .translate3d(-10px,0,0); + } + &:hover{ + &:after{ + .translate3d(-5px,0,0); + } + } + } + &.separate{ + border-top: 1px solid lighten(@color-body, 50%); + margin-top: @base-line-height/2; + padding-top: @base-line-height/2; + &.dropdown{ + &:after{ + top: .92857143em; + } + } + } + } + +h5{ + margin-top: @base-line-height; + } +} + +.dropdown__container{ + > .container{ + width: 100vw; + } +} + +@media all and (min-width: 768px){ + .dropdown__container{ + > .container{ + max-width: 720px; + } + } +} + +@media all and (min-width: 992px){ + .dropdown__container{ + > .container{ + max-width: 960px; + } + } +} +@media all and (min-width: 1200px){ + .dropdown__container{ + > .container{ + max-width: 1140px; + } + } +} + +// Mobile +@media all and (max-width: 990px){ + .menu-vertical{ + .dropdown{ + &.dropdown--active{ + &:after{ + opacity: 0; + } + } + } + } +} + +@media all and (min-width: 991px){ + .dropdown{ + .dropdown__container{ + &:before{ + height: 18px; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/features-large.less b/less/theme_components/features-large.less new file mode 100644 index 0000000..fc5ea9a --- /dev/null +++ b/less/theme_components/features-large.less @@ -0,0 +1,130 @@ +/*! -- Stack Features Large -- */ + + +@media all and (min-width: 768px){ + .staggered{ + div[class*='col-']{ + &:nth-child(2):last-child{ + margin-top: @base-line-height*7; + &:not(:last-child){ + margin-bottom: @base-line-height*5; + } + } + .feature{ + &:not(:last-child){ + margin-bottom: @base-line-height*5; + } + } + } + } +} + +.feature-large{ + h4{ + &:first-child{ + margin-bottom: 0.68421052631579em; + } + } + .feature{ + &:not(.boxed){ + margin-bottom: 30px; + } + } + .feature-3{ + &.text-center{ + p{ + margin: 0 auto; + } + } + } + .lead{ + +.feature-large__group{ + margin-top: @base-line-height*2; + } + } + .feature-large__group{ + overflow: hidden; + } +} + +.feature-large-1{ + .lead{ + margin-bottom: 2.73684210526316em; + } +} + +@media all and (min-width: 768px){ + .feature-large-2{ + div[class*='col-']{ + &:first-child{ + margin-top: @base-line-height*3; + } + &:last-child{ + margin-top: @base-line-height*4; + } + } + } +} + +@media all and (max-width: 767px){ + .feature-large-2{ + img{ + margin: @base-line-height 0; + } + } +} + +.feature-large-7{ + &.switchable{ + .boxed{ + div[class*='col-']:only-child{ + float: none; + } + } + } +} + +.feature-large-13{ + p.lead +.text-block{ + margin-top: @base-line-height * 2; + } + div[class*='col-']{ + .text-block + .text-block{ + margin-top: @base-line-height * 1.5; + } + } +} + +@media all and (min-width: 1200px){ + .feature-large-13:not(.text-center){ + .text-block{ + p{ + max-width: @base-line-height * 14; + } + } + } +} + +.feature-large-14{ + h5{ + margin-bottom: @base-line-height/4; + } + .boxed{ + margin-bottom: 0; + &.boxed--border{ + img{ + border-radius: 6px; + } + } + } +} + +@media all and (min-width: 768px){ + .feature-large-14{ + &.switchable{ + .switchable__text{ + margin-top: @base-line-height*3; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/features-small.less b/less/theme_components/features-small.less new file mode 100644 index 0000000..f219ad0 --- /dev/null +++ b/less/theme_components/features-small.less @@ -0,0 +1,379 @@ +/*! -- Stack Features Small -- */ + +.feature{ + &:not(.boxed){ + margin-bottom: 60px; + } + &.feature--featured{ + &:after{ + content: ''; + position: absolute; + bottom: 0; + width: 100%; + height: 4px; + background: @color-primary; + left: 0; + } + } + h5{ + margin: 0; + } + h4{ + margin-bottom: 0.342105263157895em; + + p{ + max-width: @base-line-height*12; + } + } + i+h5{ + margin-top: @base-line-height; + } + i+h4{ + margin-top: 0.68421052631579em; + } + i.icon--lg+h4{ + margin-top: 1.36842105263158em; + } + i.icon--lg+.h5{ + margin-top: @base-line-height/2; + } + img+.boxed{ + border-radius: 0 0 6px 6px; + border-top: none; + } +} + +a.feature{ + display: block; + text-decoration: none; + font-weight: normal; + color: @color-body; + img:first-child:not(:last-child){ + margin-bottom: @base-line-height/2; + } +} + +@media all and (max-width: 767px){ + a.feature{ + margin-bottom: @base-line-height/2 !important; + } +} + +.imagebg:not(.image--light){ + .feature{ + &.bg--white{ + a:not(.btn){ + color: @color-primary; + } + .label{ + color: #fff; + } + } + } +} + +@media all and (max-width: 767px){ + .feature{ + .feature__body{ + form{ + .row{ + margin-left: 0; + margin-right: 0; + } + } + } + } +} + +section.text-center .feature-6{ + h4 + p{ + margin: 0 auto; + } +} + +@media all and (min-width: 768px){ + .row{ + div[class*='col-']{ + &:nth-child(1):nth-last-child(3),&:nth-child(2):nth-last-child(2),&:nth-child(3):last-child{ + .feature{ + margin-bottom: 0; + } + } + } + } +} + +a.block{ + >.feature{ + .transition(0.3s,ease); + } + &:hover{ + >.feature{ + .box-shadow; + } + } +} + +.feature-1{ + min-height: @base-line-height*6; + p{ + margin: 0; + } + p.lead{ + min-height: 5.05263157894737em; + } + > img{ + &:first-child{ + border-radius: 6px 6px 0 0; + } + } + >a.block{ + img{ + border-radius: 6px 6px 0 0; + } + +.feature__body{ + border-radius: 0 0 6px 6px; + } + } + &[class*='box-shadow']{ + border-radius: 6px; + .transition(0.35s,ease-out); + &:hover{ + .translate3d(0,-10px,0); + .box-shadow-wide; + } + } +} + +.hover-shadow{ + border-radius: 6px; + backface-visibility: hidden; + overflow: hidden; + border: 1px solid #ececec; + .transition(0.35s,ease-out); + &:hover{ + .translate3d(0,-10px,0); + .box-shadow-wide; + } +} + +.bg--dark{ + .hover-shadow{ + border-color: #222; + &:hover{ + box-shadow: 0 23px 40px rgba(0, 0, 0, 1); + } + } +} + +.feature-2{ + overflow: hidden; + .feature__body{ + width: 75%; + float: right; + } + h5{ + margin-bottom: @base-line-height/4; + } + p{ + &:last-child{ + margin: 0; + } + } + i{ + width: 25%; + float: left; + } +} + +.feature-large{ + .feature-2{ + + .feature-2{ + &:last-child{ + margin-bottom: 0; + } + } + } +} + +@media all and (max-width: 990px){ + .feature-2{ + .feature__body,i{ + width: 100%; + float: none; + } + p{ + &:first-of-type{ + margin-top:@base-line-height/2; + } + } + } +} + +.feature-3{ + i{ + margin-bottom: 0.16666666666667em; + } + p{ + min-height: @base-line-height*4; + } +} + +.feature-4{ + .btn{ + position: absolute; + width: 100%; + bottom: 0; + left: 0; + border-radius: 0; + padding: @base-line-height/2; + &:hover{ + transform: none; + } + } + p{ + min-height: @base-line-height*5; + &:last-of-type{ + margin-bottom: @base-line-height*2; + } + } +} + +.feature-5{ + i{ + width: 25%; + float: left; + } + .feature__body{ + width: 75%; + float: right; + } + p{ + min-height: @base-line-height*3; + &:last-of-type{ + margin-bottom: @base-line-height/2; + } + } + &:not([class*='bg-']){ + color: @color-dark; + } +} + +.feature-6{ + p{ + min-height: @base-line-height*5; + &:last-child{ + margin: 0; + } + } +} + +.feature-7{ + height: @base-line-height*7; + &[data-overlay]{ + &:before{ + border-radius: 6px; + .transition(0.3s,ease); + } + &:hover{ + &:before{ + opacity: .75; + } + } + } + .background-image-holder{ + border-radius: 6px; + } + h3{ + margin: 0; + } + margin-bottom: 30px; +} + +.row--gapless{ + .feature-7{ + margin: 0; + border-radius: 0; + .background-image-holder{ + border-radius: 0; + } + &:before{ + border-radius: 0; + } + } +} + +@media all and (max-width: 767px){ + .feature-7{ + .pos-vertical-center{ + top: 50%; + .translate3d(0,-50%,0); + } + } +} + +.feature-8{ + &:not(.boxed){ + margin-bottom: 0; + } + padding: @base-line-height*1.5 0 @base-line-height*2 0; + .feature__body{ + max-width: 70%; + margin: 0 auto; + } + p{ + min-height: @base-line-height*3; + } +} + +@media all and (max-width: 990px){ + .feature-8{ + .feature__body{ + max-width: 85%; + } + } +} + +@media all and (max-width: 767px){ + .feature{ + p{ + min-height: auto; + margin-left: auto; + margin-right: auto; + } + &.boxed{ + margin-bottom: 15px; + } + &:not(.boxed){ + margin-bottom: 30px; + } + &.feature-8{ + margin-bottom: 0; + } + } +} + +.feature-8{ + img{ + max-height: @base-line-height*8; + } +} + +.feature-9{ + h4{ + margin: 0; + } + &:not(.boxed){ + margin-bottom: 30px; + } +} + +@media all and (min-width: 768px){ + .features-small-14{ + .text-block{ + margin-bottom: @base-line-height*2; + } + h4{ + min-height: 2.736842105263158em; + } + } +} \ No newline at end of file diff --git a/less/theme_components/footers.less b/less/theme_components/footers.less new file mode 100644 index 0000000..ea1577c --- /dev/null +++ b/less/theme_components/footers.less @@ -0,0 +1,180 @@ +/*! -- Stack Footers -- */ + +footer{ + .type--fine-print{ + &:not(p){ + opacity: .5; + } + } + a{ + font-weight: normal; + } + &:not(.bg--primary):not(.bg--dark){ + a{ + color: @color-body; + } + } + a.type--fine-print{ + &:not(:first-child){ + margin-left: @base-line-height; + } + } + .logo{ + max-height: @base-line-height*.9; + } + ul{ + &:not(.list-inline):not(.slides){ + > li{ + line-height: @base-line-height*1.25 !important; + } + } + } + &.footer-2{ + .row{ + &:last-child{ + margin-top: @base-line-height*2; + } + } + } + &.footer-5{ + .row{ + [class*='col-']{ + >div{ + &:nth-last-child(2){ + margin: @base-line-height/2; + .type--fine-print{ + opacity: 1; + } + } + } + } + } + } + &.footer-6{ + .footer__lower{ + background: @color-bg-secondary; + margin-top: @base-line-height; + padding: @base-line-height 0; + } + &.bg--dark{ + .footer__lower{ + background: darken(@color-dark, 5%); + } + } + &.bg--secondary{ + .footer__lower{ + background: darken(@color-bg-secondary, 2%); + } + } + &.bg--primary{ + .footer__lower{ + background: darken(@color-primary, 5%); + } + } + } + &.footer-7{ + padding: @base-line-height 0; + } +} + +@media all and (min-width: 768px){ + footer{ + .list-inline{ + +.btn{ + position: relative; + bottom: 4px; + } + } + .logo{ + margin: 0; + &:not(:last-child){ + margin-right: @base-line-height; + } + } + &.footer-3{ + .logo{ + +ul{ + position: relative; + top: 5px; + a{ + color: @color-dark; + } + } + } + .social-list{ + position: relative; + top: 9px; + } + .row:last-child{ + margin-top: @base-line-height; + } + } + &.footer-4{ + .logo{ + +span{ + position: relative; + } + } + form{ + position: relative; + bottom: 4px; + } + .row{ + &:last-child{ + margin-top: @base-line-height; + } + } + } + &.imagebg:not(.image--light){ + span,p,a{ + color: #fff; + } + } + } + .footer-1{ + .type--fine-print{ + position: relative; + top: 2px; + } + } +} + +@media all and (max-width: 767px){ + footer{ + .social-list{ + margin: @base-line-height 0; + } + } + .footer-4{ + form{ + margin: @base-line-height 0; + } + .logo{ + margin: 0; + } + } + .footer-6{ + .footer__lower{ + .social-list{ + margin-top: @base-line-height; + } + } + } + .footer-7{ + .social-list{ + margin-top: @base-line-height; + } + } + .footer-1{ + .social-list{ + margin-top: @base-line-height; + } + .logo{ + display: block; + margin-top: @base-line-height; + margin-bottom: @base-line-height/2; + margin-left: auto; + margin-right: auto; + } + } +} \ No newline at end of file diff --git a/less/theme_components/forms.less b/less/theme_components/forms.less new file mode 100644 index 0000000..f8acda5 --- /dev/null +++ b/less/theme_components/forms.less @@ -0,0 +1,803 @@ +/*! -- Stack Forms -- */ + +@media screen and (-webkit-min-device-pixel-ratio:0) { + select, + textarea, + input { + font-size: 16px; + } +} + +form:before,form:after{ + content: ''; +} + +.bg--dark,.imagebg:not(.image--light){ + input,textarea, select, .input-select:after{ + color: @color-body; + } + label{ + color: #fff; + } +} + +.bg--dark{ + form.attempted-submit{ + input.field-error{ + background: #D84D4D; + color: #fff; + } + } +} + +form{ + position: relative; + >div[class*='col-'],>.row > div[class*='col-']{ + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + .boxed{ + &:last-child{ + margin: 0; + } + } + &.form--clearfix{ + margin-left: -15px; + } +} + +@media all and (min-width: 768px){ + div[class*='col-']{ + >form{ + div[class*='col-']{ + &:last-child{ + &:nth-child(2){ + padding-right: 0; + } + } + &:first-child{ + &:nth-last-child(2){ + padding-left: 0; + } + } + } + } + } + form{ + &.form--horizontal{ + >div[class*='col-']{ + margin: 0; + } + } + } +} + +@media all and (max-width: 767px){ + .row{ + form{ + > .row{ + margin-left: 0; + margin-right: 0; + } + } + } +} + +h2+form,.h2+form{ + margin-top: @base-line-height*1.5; +} + +h3+form,.h3+form,.lead+form{ + margin-top: @base-line-height*1.5; +} + +.cover{ + .lead+form{ + margin-top: @base-line-height*2; + } +} + +form{ + +span.type--fine-print{ + margin-top: 1.08333333333334em; + display: inline-block; + } +} + +.form--inline{ + >span.h4{ + color: @color-body; + } + input,[class*='input-']{ + display: inline-block; + max-width: 200px; + } + >span,input,[class*='input-']{ + &:not(:last-child){ + margin-right: @base-line-height/2; + } + } + button{ + max-width: 200px; + } +} + +.bg--dark,.imagebg:not(.image--light){ + .form--inline{ + >span.h4{ + color: #fff; + } + } +} + +button, input[type="submit"]{ + &.btn{ + font-size: @h6-size; + font-weight: 700; + padding-left: 0; + padding-right: 0; + &.btn--primary{ + color: #fff; + } + &.type--uppercase{ + letter-spacing: .5px; + margin-right: -.5px; + } + } + height: 3.25000000000001em; + &.checkmark{ + &.checkmark--cross{ + width: @base-line-height; + height: @base-line-height; + border: none; + background: @color-error; + &:before{ + content: '\00d7'; + font-size: 18px; + top: -1px; + } + } + } + &[type="submit"]{ + &.btn--loading{ + &:after{ + background: @color-primary; + } + } + } +} + +.bg--primary{ + button{ + &.btn{ + border-color: rgba(255,255,255,.5); + color: #fff; + &:hover{ + border-color: #fff; + } + &.btn--primary{ + color: @color-primary; + border-color: @color-primary; + } + &.btn--primary-1{ + border-color: @color-primary-1; + } + } + } +} + +input,select{ + height: @base-line-height*1.5; +} + +input{ + &.field-error{ + border-color: #EBA8A8; + } + &[type]{ + +input[type],+.input-checkbox,+button,+.input-select{ + margin-top: @base-line-height/2; + } + } +} + +input,[class*='input-'] label,select,textarea{ + .transition(0.3s,ease); +} + +input,select,.input-select,textarea,button[type="submit"]{ + &:not([class*='col-']){ + width: 100%; + } +} + +input[type],select,textarea{ + padding-left: @base-line-height/2; + &:focus{ + border-color: lighten(@color-primary, 10%); + } +} + +input[type="image"]{ + border: none; + padding: none; + width: auto; +} + +label{ + font-size: .85714286em; +} + +.bg--primary, .bg--primary-1{ + label{ + color: #fff; + } +} + +.input-icon{ + i{ + top: 8px; + left: 8px; + } + input{ + padding-left: @base-line-height*1.5; + } + &.input-icon--right{ + i{ + left: auto; + right: 8px; + } + input{ + padding-right: @base-line-height*1.5; + padding-left: .92857143em; + } + } +} + +.text-center{ + .input-checkbox, .input-radio{ + label{ + margin: 0 auto; + } + } +} + +.input-checkbox label, .input-radio label{ + font-size: 1em; +} + +.input-checkbox{ + margin-top: @base-line-height/4; + &.field-error{ + label{ + border-color: #EBA8A8; + } + } + label{ + background: none; + border: 1px solid #d3d3d3; + text-align: center; + position: relative; + &:not(:last-child){ + margin-right: @base-line-height/4; + } + &:hover{ + border-color: @color-primary; + } + &:before{ + content: ''; + left: 0; + border-radius: 6px; + position: absolute; + width: 100%; + height: 100%; + border: 1px solid @color-primary; + opacity: 0; + .transition(0.3s,ease); + } + } + input:checked{ + + label{ + border-color: @color-primary; + background: @color-primary; + &:after{ + content: 'L'; + transform: rotateY(180deg) rotateZ(-45deg); + color: #fff; + position: absolute; + width: 100%; + left: 0; + top: -2px; + font-weight: 700; + } + &:before{ + animation: pulse .45s ease forwards; + -webkit-animation: pulse .45s ease forwards; + } + } + } + +span{ + display: inline-block; + position: relative; + bottom: 10px; + margin-left: @base-line-height/2; + font-size: @fine-print-size; + white-space: nowrap; + } +} + +.input-checkbox{ + +button[type]{ + margin-top: @base-line-height/2; + } + +span+button[type]{ + margin-top: @base-line-height/2; + } +} + +.bg--dark{ + .input-checkbox{ + &:not(.checked){ + label{ + border-color: lighten(@color-dark, 50%); + } + } + +span{ + opacity: .75; + } + } +} + +.input-checkbox.input-checkbox--switch{ + label{ + width: @base-line-height*2; + border-radius: 60px; + &:before{ + width: 20px; + height: 20px; + border-radius: 50%; + border-color: #d3d3d3; + opacity: 1; + left: 2px; + top: 2px; + } + &:hover{ + &:before{ + border-color: @color-primary; + } + } + } + input:checked{ + + label{ + background: none; + &:before{ + animation: none !important; + background: @color-primary; + border-color: @color-primary; + transform: translateX(@base-line-height); + } + &:after{ + display: none; + } + } + } +} + +.input-radio{ + &.field-error{ + label{ + border-color: #EBA8A8; + } + } + .input__label{ + font-size: .85714286em; + display: inline-block; + + label{ + margin-top: @base-line-height/2; + } + } + label{ + position: relative; + background: none; + border: 1px solid #d3d3d3; + &:hover{ + border-color: @color-primary; + } + &:before{ + content: ''; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + border: 1px solid @color-primary; + .transition(0.3s,ease); + opacity: 0; + left: 0; + } + } + input:checked{ + + label{ + border-color: @color-primary; + background-color: @color-primary; + &:after{ + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 7px; + top: 7px; + background-color: #fff; + border-radius: 50%; + } + &:before{ + animation: pulse .4s ease forwards; + } + } + } +} + +.input-radio--innerlabel{ + label{ + transition: all .3s ease; + height: @base-line-height*1.5; + line-height: @base-line-height*1.35; + padding: 0 @base-line-height/2; + border: 1px solid #ececec; + border-radius: 6px; + cursor: pointer; + width: 100%; + text-align: center; + } + &:hover{ + border-color: @color-primary; + } + input:checked{ + +label{ + border-color: @color-primary; + background: @color-primary; + color: #fff; + &:after{ + display: none; + } + &:before{ + animation: none; + } + } + } +} + +@media all and (max-width: 1024px){ + .input-radio input:checked + label:after{ + top: 6px; + left: 6px; + } +} + +.bg--primary{ + .input-radio--innerlabel{ + border-color: lighten(@color-primary, 10%); + &:hover{ + border-color: #fff; + } + &.checked{ + background: #fff; + border-color: #fff; + label{ + color: @color-primary; + } + } + } +} + +.bg--primary-1{ + .input-radio--innerlabel{ + border-color: lighten(@color-primary-1, 10%); + &:hover{ + border-color: #fff; + } + &.checked{ + background: #fff; + border-color: #fff; + label{ + color: @color-primary-1; + } + } + } +} + +.input-select{ + select{ + -moz-appearance: none; + -webkit-appearance: none; + } + select::-ms-expand{ + display:none; + } + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + position: relative; + &:after{ + position: absolute; + right: 0; + height: 100%; + top: 0; + font-size: 30px; + content: '\2263'; + pointer-events: none; + padding:0 13px; + border-left: 1px solid #ececec; + line-height: 31px; + } + &.input-select--borderless{ + &:after{ + border-left: none; + } + } + &:focus{ + &:after{ + border-color: @color-primary; + } + } + select{ + &:focus{ + border-color: @color-primary; + } + } +} + +.input-number{ + position: relative; + > input[type="number"]{ + padding-left: .46428571em; + &::-webkit-inner-spin-button{ + display: none; + } + -moz-appearance: textfield; + width: 100%; + text-align: center; + } + .input-number__controls{ + position: absolute; + height: 100%; + width: 100%; + right: 0; + top: 0; + padding: 0 @base-line-height/2; + > span{ + position: absolute; + display: block; + width: 10%; + min-width: @base-line-height*2; + height: 100%; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + text-align: center; + padding-top: 6px; + transition: all .3s ease; + &:hover{ + color: @color-primary; + } + } + .input-number__increase{ + right: 0; + border-left: 1px solid #ececec; + } + .input-number__decrease{ + left: 0; + border-right: 1px solid #ececec; + } + } +} + +input[type="image"]{ + padding: 0; + width: auto; + border: none; +} + +/*! -- Stack Subscribe Forms -- */ + +.subscribe-form-1{ + h3{ + margin-bottom: 0.52em; + } + &.boxed{ + form{ + margin: @base-line-height; + } + } +} + +// Desktop +@media all and (min-width: 991px){ + .subscribe-form-2{ + p{ + top: 2px; + position: relative; + } + input{ + margin: 0; + } + form{ + [class*='col-']{ + margin: 0 !important; + } + } + } +} + +// Mobile +@media all and (max-width: 990px){ + .subscribe-form-2{ + text-align: center; + form{ + margin-top: @base-line-height + } + } +} + +/*! -- Stack Elaborate Forms -- */ + +@media all and (max-width: 767px){ + .elaborate-form-1{ + .pos-vertical-center{ + padding-left: 15px; + padding-right: 15px; + } + form{ + .col-xs-6:nth-child(even){ + padding-left: 15px; + } + .col-xs-6:nth-child(odd){ + padding-right: 15px; + } + } + .row form > .row{ + margin-left: -15px; + margin-right: -15px; + } + } +} + +/* Stack Boxed Forms */ + +.boxed-form{ + h4{ + margin-bottom: 0.684210526315789em; + } + &:last-child{ + margin-bottom: 0; + } +} + +/* Stack Datepicker Form */ + +.datepicker{ + cursor: pointer; + &.datepicker--fluid{ + +.picker{ + max-width: none; + } + } +} + +.picker{ + transition: all .3s ease; + z-index: 10; + max-width: 100%; + -webkit-transition: all .3s ease; + margin-top: @base-line-height/4; + position: absolute; + background: @color-bg-site; + border: 1px solid #ececec; + border-radius: 6px; + padding: @base-line-height/2; + .box-shadow-wide; + .picker__header{ + text-align: center; + margin-bottom: @base-line-height/2; + > div{ + font-weight: 600; + display: inline-block; + color: @color-dark; + &:not(:last-child){ + margin-right: @base-line-height/4; + } + } + .picker__nav--prev, .picker__nav--next{ + height: 10px; + width: 10px; + cursor: pointer; + &:after{ + font-family: 'stack-interface'; + } + } + .picker__nav--next{ + float: right; + &:after{ + content: '\e80c'; + } + } + .picker__nav--prev{ + float: left; + &:after{ + content: '\e80b'; + } + } + } + .picker__day{ + transition: all .3s ease; + cursor: pointer; + &.picker__day--highlighted{ + color: @color-primary; + font-weight: 600; + } + &:hover{ + color: @color-primary; + } + } + &:not(.picker--opened){ + opacity: 0; + visibility: hidden; + pointer-events: none; + transform: scale(0); + } + .picker__holder{ + outline: none !important; + border: none !important; + } + table{ + td{ + padding: @base-line-height/4; + padding-top: 0; + } + } + .picker__footer{ + text-align: center; + } + .picker__button--today{ + float: left; + } + .picker__button--close{ + float: right; + } + button{ + transition: all .3s ease; + height: auto; + border: none; + display: inline-block; + &:not(:hover){ + opacity: .5; + } + } +} + +/* Stack Horizontal Forms */ + +.form-horizontal{ + display: flex; + > div[class*='col-'], >div[class*='col-']:not(:last-child){ + margin-bottom: 0; + display: flex; + align-items: flex-end; + flex-wrap: wrap; + } + .picker{ + top: 100%; + } +} + +@media all and (max-width: 990px){ + .form-horizontal{ + display: block; + } + label{ + margin-top: @base-line-height/4; + } + button{ + margin-top: @base-line-height; + } +} \ No newline at end of file diff --git a/less/theme_components/helpers.less b/less/theme_components/helpers.less new file mode 100644 index 0000000..903b137 --- /dev/null +++ b/less/theme_components/helpers.less @@ -0,0 +1,55 @@ +/*! -- Stack Helpers -- */ + +@media all and (max-width: 767px){ + .block--xs{ + margin-top: @base-line-height/2; + } +} + +.container{ + .container{ + max-width: 100%; + } +} + +.switchable-toggle{ + cursor: pointer; + user-select: none; + -webkit-user-select: none; +} + +.back-to-top{ + position: fixed; + width: @base-line-height*2; + height: @base-line-height*2; + background: #fff; + border-radius: 50%; + text-align: center; + right: @base-line-height; + bottom: @base-line-height*2; + padding-top: 12px; + .box-shadow; + z-index: 99; + border: 1px solid #ececec; + i{ + color: @color-dark; + } + .transition(0.2s,ease-out); + &:not(.active){ + opacity: 0; + .translate3d(0,20px,0); + pointer-events: none; + } + &.active{ + &:hover{ + .translate3d(0,-5px,0); + } + } +} + +.disable-scroll-bars{ + -ms-overflow-style: none; + &::-webkit-scrollbar { + display: none; + } +} \ No newline at end of file diff --git a/less/theme_components/icons.less b/less/theme_components/icons.less new file mode 100644 index 0000000..07f5084 --- /dev/null +++ b/less/theme_components/icons.less @@ -0,0 +1,57 @@ +/*! -- Stack Icons -- */ + +.icon{ + &:not(.block){ + display: inline-block; + } + &.icon--xs{ + font-size: 1.14285714285714em; + } +} + +.text-block{ + .icon{ + +h4{ + margin-top: 0.6842105263158em; + } + } +} + +.imagebg{ + .icon{ + color: #fff; + } +} + +p{ + .material-icons{ + font-size: 1em; + &:first-child{ + margin-right: @base-line-height/6; + } + } +} + +.material-icons{ + font-family: 'Material Icons' !important; +} + +.icon-circle{ + position: relative; + display: inline-block; + width: @base-line-height*2; + height: @base-line-height*2; + border-radius: 50%; + border: 1px solid #ececec; + background: @color-bg-secondary; + text-align: center; + i{ + font-size: 24px; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 100%; + left: 0; + + } +} \ No newline at end of file diff --git a/less/theme_components/images.less b/less/theme_components/images.less new file mode 100644 index 0000000..f5ae4ad --- /dev/null +++ b/less/theme_components/images.less @@ -0,0 +1,121 @@ +/*! -- Stack Images -- */ + +img{ + &:last-child{ + margin-bottom: 0; + } + &.flag{ + max-height: @base-line-height; + } + &.image--sm{ + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + &.promo{ + &.border--round{ + border: 1px solid #ececec; + } + } +} + +p.lead{ + img{ + max-height: 1.68421053em; + } +} + +.imagebg{ + h1,h2,h3,h4,h5,h6{ + position: relative; + } + &:not(.image--light){ + span{ + color: #fff; + } + } + &.border--round{ + overflow: hidden; + } +} + +section.parallax{ + .row{ + .background-image-holder{ + transform: none !important; + top: 0 !important; + } + } +} + +.triptych{ + &.border--round{ + img{ + position: relative; + border-radius: 6px; + width: 33.333333%; + float: left; + margin: 0; + &:first-child,&:last-child{ + } + &:nth-child(2){ + .scale(1.2); + z-index: 2; + .box-shadow-wide; + } + } + } +} + +.gallery{ + >div[class*='col-']{ + margin-bottom: 30px; + } +} + +.gallery-1{ + overflow: hidden; + position: relative; + .gallery__image{ + &:not(:last-child){ + margin-bottom: 30px; + } + } + > div[class*='col-']{ + &:first-child{ + > .gallery__image{ + height: 800px; + } + } + &:last-child{ + > .gallery__image{ + height: calc(800px/2 - 15); + } + } + } +} + +.gallery__image{ + position: relative; + overflow: hidden; +} + +@media all and (max-width: 767px){ + .gallery-1{ + .gallery__image{ + max-height: 300px; + margin-bottom: 15px; + &:not(:last-child){ + margin-bottom: 15px; + } + } + } +} + +.section--ken-burns{ + overflow: hidden; + > .background-image-holder, > img:only-child{ + animation: kenBurns 15s ease alternate infinite; + -webkit-animation: kenBurns 15s ease alternate infinite; + } +} \ No newline at end of file diff --git a/less/theme_components/instagram.less b/less/theme_components/instagram.less new file mode 100644 index 0000000..7aad522 --- /dev/null +++ b/less/theme_components/instagram.less @@ -0,0 +1,42 @@ +/*! -- Stack Instagram -- */ + +.instafeed{ + a{ + .transition(0.3s,ease); + &:hover{ + opacity: .75; + } + } + &:not(.instafeed--gapless){ + li{ + padding: @base-line-height/4; + } + } + &.instafeed--gapless{ + li{ + margin-bottom: -1px; + } + } + +.btn{ + margin-top: @base-line-height*1.5; + } + &[data-grid="1"][data-amount="8"]{ + li{ + display: inline-block; + width: 12.5%; + } + } +} + +.instagram{ + position: relative; + &.unpad{ + .btn{ + position: absolute; + z-index: 2; + top: 50%; + .translate3d(-50%,-50%,0); + margin: 0; + } + } +} \ No newline at end of file diff --git a/less/theme_components/labels.less b/less/theme_components/labels.less new file mode 100644 index 0000000..a674a76 --- /dev/null +++ b/less/theme_components/labels.less @@ -0,0 +1,48 @@ +/*! -- Stack Labels -- */ + +.label{ + &:not([class*='bg--']){ + background: @color-primary-1; + } + display: inline-block; + font-size: 9px; + font-weight: 700; + letter-spacing: .5px; + color: #fff; + text-transform: uppercase; + height: 26px; + min-width: 65px; + padding: 0 10px; + text-align: center; + border-radius: 50px; + position: absolute; + z-index: 3; + top: @base-line-height/1.5; + right: @base-line-height/1.5; + &.label--inline{ + position: relative; + top: 0; + right: 0; + &:not(:last-child){ + margin-right: @base-line-height/2; + } + +span, +p{ + position: relative; + top: 1px; + } + } + &.switchable-toggle{ + left: 50%; + right: auto; + .translate3d(-50%,0,0); + .box-shadow-shallow; + } +} + +.bg--primary-1{ + .label{ + &:not([class*='bg--']){ + background: @color-primary-2; + } + } +} \ No newline at end of file diff --git a/less/theme_components/lightbox.less b/less/theme_components/lightbox.less new file mode 100644 index 0000000..ba050d6 --- /dev/null +++ b/less/theme_components/lightbox.less @@ -0,0 +1,47 @@ +/*! -- Stack Lightboxes -- */ + +.lb-close{ + position: relative; + top: 10px; + &:before{ + content: '\00D7'; + color: #fff; + font-size: 2.5em; + font-weight: 400; + } + &:hover{ + text-decoration: none; + } +} + +.lb-prev,.lb-next{ + &:after{ + font-family: 'stack-interface'; + position: fixed; + } +} +.lb-prev{ + &:after{ + content: '\e801'; + left: @base-line-height; + } +} +.lb-next{ + &:after{ + content: '\e802'; + right: @base-line-height; + } +} + +.lb-data{ + overflow: hidden; + min-height: 30px; +} + +a[data-lightbox]{ + .transition(0.3s,ease); + &:hover{ + opacity: .8; + cursor: zoom-in; + } +} \ No newline at end of file diff --git a/less/theme_components/links.less b/less/theme_components/links.less new file mode 100644 index 0000000..cac1c83 --- /dev/null +++ b/less/theme_components/links.less @@ -0,0 +1,34 @@ +/*! -- Stack Links -- */ + +a{ + color: @color-primary; + font-weight: 700; + &:hover{ + color: darken(@color-primary,10%); + text-decoration: underline; + } + &.block{ + font-weight: normal; + text-decoration: none; + color: @color-body; + } +} + +p a, span a, label a{ + font-size: 1em; + text-decoration: underline; + font-weight: 400; + line-height: @base-line-height; +} + +p+a:not(.btn){ + font-size: @h6-size; + line-height: @h6-line-height; +} + +.imagebg:not(.image--light){ + a{ + color: #fff; + font-weight: 600; + } +} \ No newline at end of file diff --git a/less/theme_components/lists.less b/less/theme_components/lists.less new file mode 100644 index 0000000..472b2ec --- /dev/null +++ b/less/theme_components/lists.less @@ -0,0 +1,169 @@ +/*! -- Stack Lists -- */ + +ul:not([class*='menu']){ + li{ + > a{ + font-weight: normal; + &:hover{ + text-decoration: none; + } + } + } +} + +ol{ + list-style-position: outside; + list-style-type: decimal; + li{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + &.lead{ + li{ + &:not(:last-child){ + margin-bottom: 1.26315789473684em; + } + } + } +} + +.list-inline{ + margin-left: 0; + display: inline-block; + li{ + display: inline-block; + padding: 0; + &:not(:last-child){ + margin-right: @base-line-height; + } + } + &:not(:last-child){ + margin-right: @base-line-height; + } +} + +.list-inline--images{ + img{ + max-height: @base-line-height*1.5; + } +} + +@media all and (min-width: 768px){ + .list-inline--images{ + li{ + &:not(:last-child){ + margin-right: @base-line-height*3; + } + } + } +} + +@media all and (max-width: 767px){ + .list-inline--images{ + li{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + } +} + +.list--loose{ + > li{ + &:not(:last-child){ + margin-bottom: @base-line-height/4; + } + } +} + +.list--hover{ + li{ + .transition(0.2s,ease); + &:not(:hover){ + opacity: .6; + } + } + } + +.social-list{ + a{ + color: @color-dark; + } +} + +.imagebg:not(.image--light){ + .social-list{ + a{ + color: #fff; + } + } +} + +.results-list{ + > li > a:first-child{ + display: flex; + align-items: center; + span{ + display: inline-block; + margin-left: @base-line-height/4; + } + h4{ + display: inline-block; + margin-bottom: 0; + } + &:hover{ + h4,span{ + text-decoration: underline; + } + } + margin-bottom: @base-line-height/2; + } + > li{ + &:not(:last-child){ + margin-bottom: @base-line-height; + padding-bottom: @base-line-height; + border-bottom: 1px solid rgba(0,0,0,0.1); + } + } +} + +@media all and (max-width: 767px){ + .list-inline{ + &:not(.social-list):not(.list-inline--images){ + display: block; + li{ + display: block; + margin: 0; + &:not(:last-child){ + margin-bottom: @base-line-height/4; + } + } + } + } +} + +@media all and (max-width: 767px){ + .list-inline{ + min-width: 100%; + } +} + +.row--list{ + span.h6{ + margin-bottom: 0; + } + span.h3{ + &:last-child{ + margin-bottom: 0; + } + } +} + +@media all and (max-width: 767px){ + .row--list{ + > li{ + margin-bottom: @base-line-height/2; + } + } +} \ No newline at end of file diff --git a/less/theme_components/loader.less b/less/theme_components/loader.less new file mode 100644 index 0000000..7ca4866 --- /dev/null +++ b/less/theme_components/loader.less @@ -0,0 +1,33 @@ +/*! -- Stack Loader -- */ + +.loader{ + border: 3px solid @color-primary; + border-radius: 30px; + height: 30px; + left: 50%; + margin: -15px 0 0 -15px; + opacity: 0; + position: fixed; + z-index: 10; + top: 50%; + width: 30px; + animation: pulsate .7s ease-out infinite; + &.loader--fade{ + opacity: 0; + animation: none; + } +} + +@keyframes pulsate { + 0% { + transform: scale(.1); + opacity: 0.0; + } + 50% { + opacity: 1; + } + 100% { + transform: scale(1.2); + opacity: 0; + } +} \ No newline at end of file diff --git a/less/theme_components/maps.less b/less/theme_components/maps.less new file mode 100644 index 0000000..2d30955 --- /dev/null +++ b/less/theme_components/maps.less @@ -0,0 +1,39 @@ +/*! -- Stack Maps -- */ + +iframe[src*='google.com/maps']{ + border: none; +} + +.map-container{ + min-height: 400px; + &:not(:last-child){ + margin-bottom: @base-line-height; + } + &.border--round{ + overflow: hidden; + z-index: 2; + .gm-style{ + border-radius: 6px; + } + } + iframe{ + left: 0; + } +} + +@media all and (min-width: 768px){ + .background-image-holder, .imageblock__content{ + .map-container{ + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + } + } + .map-container{ + +div[class*='col-']{ + margin-top: @base-line-height*2; + } + } +} \ No newline at end of file diff --git a/less/theme_components/masonry.less b/less/theme_components/masonry.less new file mode 100644 index 0000000..99f93fc --- /dev/null +++ b/less/theme_components/masonry.less @@ -0,0 +1,185 @@ +/*! -- Stack Masonry -- */ + +.masonry__item:not(:empty){ + margin-bottom: 30px; + article{ + margin: 0; + .boxed{ + margin: 0; + } + } + transform-style: preserve-3d; +} + +.masonry__item:empty{ + height: 0; + min-height: 0; +} + +.masonry{ + hr{ + +.masonry__container, +.row{ + margin-top: @base-line-height*2.5; + } + } +} + +.masonry-filter-holder:not(.masonry-filters--horizontal){ + display: inline-block; + cursor: pointer; + height: @base-line-height*2; + position: relative; + z-index: 9; + min-width: 143px; + .masonry__filters{ + cursor: pointer; + .transition(0.3s,ease); + z-index: 2; + display: inline-block; + position: absolute; + left: 0; + text-align: left; + padding: @base-line-height/2 @base-line-height; + border: 1px solid #ececec; + background: @color-bg-site; + border-radius: 6px; + ul{ + margin: 0; + cursor: pointer; + li{ + .transition(0.3s,ease); + display: block; + color: @color-body; + white-space: nowrap; + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + &.active{ + color: @color-primary; + cursor: pointer; + &:after{ + content: '\25bc'; + font-size: 8px; + margin-left: 6px; + position: relative; + bottom: 2px; + display: inline-block; + transform: scaleX(1.4) scaleY(0.9); + .transition(0.2s,linear); + } + } + &:hover{ + color: @color-primary; + } + } + &:hover{ + li{ + &.active{ + &:after{ + opacity: 0; + } + } + } + } + } + } + &:not(:hover){ + .masonry__filters{ + ul{ + max-height: @base-line-height; + overflow: hidden; + li{ + &:not(.active){ + display: none; + } + } + } + } + } + &:hover{ + .masonry__filters{ + + .box-shadow; + ul{ + li{ + &.active{ + cursor: default; + } + } + } + } + } +} + +.masonry-filters--horizontal{ + display: inline-block; + .masonry__filters{ + display: inline-block; + position: relative; + margin-left: @base-line-height/2; + } + .masonry__filters ul li{ + transition: all .3s ease; + cursor: pointer; + display: inline-block; + &:not(:last-child){ + margin-right: @base-line-height; + } + &.active{ + color: @color-primary; + } + &:not(.active){ + opacity: .5; + } + &:hover{ + opacity: 1; + } + } +} + +.masonry-filter-holder{ + +.masonry__container{ + margin-top: @base-line-height*2; + } +} + +.bg--dark{ + .masonry-filter-holder{ + .masonry__filters{ + background: lighten(@color-dark, 2%); + border-color: lighten(@color-dark, 10%); + li{ + color: #fff; + } + } + } +} + +.masonry.masonry-demos{ + .masonry__item{ + &:not(:empty){ + margin-bottom: @base-line-height*2; + } + h5{ + margin-bottom: 0; + } + &:not([style]){ + .hover-item{ + min-height: 450px; + background: lighten(@color-dark, 5%); + border: 1px solid lighten(@color-dark, 10%); + } + } + } + .hover-item{ + .transition(0.35s,ease-out); + border-radius: 6px; + overflow: hidden; + &:hover{ + transform: translateY(-10px); + } + } + .masonry__container{ + margin-top: @base-line-height*2; + } +} \ No newline at end of file diff --git a/less/theme_components/modals.less b/less/theme_components/modals.less new file mode 100644 index 0000000..cdc4cd9 --- /dev/null +++ b/less/theme_components/modals.less @@ -0,0 +1,80 @@ +/*! -- Stack Modals -- */ + +.modal-container .modal-content:not(.height--natural){ + height: auto; + width: auto; +} + +.modal-instance{ + &:not(.block){ + display: inline-block; + } + &.block{ + > .btn{ + display: block; + } + } +} + +@media all and (min-width: 768px){ + .modal-instance{ + +span{ + &:last-child{ + display: inline-block; + margin-left: @base-line-height/2; + } + } + } +} + +.modal-container{ + .modal-content{ + max-height: 95%; + transform: translateX(-50%) translateY(-50%); + -webkit-transform: translateX(-50%) translateY(-50%); + .feature:only-child{ + margin-bottom: 0; + .boxed{ + margin-bottom: 0; + } + } + .imagebg:not(.image--light){ + .modal-close-cross{ + &:before{ + color: #fff; + } + } + } + .container{ + width: 100vw; + } + } +} + +@media all and (max-width: 767px){ + .modal-container{ + .modal-content{ + >.modal-close-cross{ + top: 3em; + background: #222; + width: 2em; + height: 2em; + text-align: center; + border-radius: 50%; + color: #fff; + } + } + &:not(.modal-active){ + .modal-content{ + display: none; + } + } + } +} + +.modal-content{ + -ms-overflow-style: none; +} +.modal-content::-webkit-scrollbar { + display: none; +} \ No newline at end of file diff --git a/less/theme_components/navigation-fullscreen.less b/less/theme_components/navigation-fullscreen.less new file mode 100644 index 0000000..38a2fe7 --- /dev/null +++ b/less/theme_components/navigation-fullscreen.less @@ -0,0 +1,33 @@ +/*! -- Stack Nav Fullscreen -- */ + +.menu-fullscreen{ + .pos-absolute{ + width: 100%; + } + color: #fff; + a{ + color: #fff; + &:hover{ + text-decoration: none; + } + } + .social-list{ + margin-right: 0; + } + &:before{ + background: rgba(0,0,0,0.9); + } + .modal-content .modal-close-cross{ + right: @base-line-height*2; + top: 1em; + } +} + +// Mobile +@media all and (max-width: 767px){ + .menu-fullscreen{ + .pos-bottom{ + position: relative; + } + } +} \ No newline at end of file diff --git a/less/theme_components/navigation-menu-toggle.less b/less/theme_components/navigation-menu-toggle.less new file mode 100644 index 0000000..33ad1ce --- /dev/null +++ b/less/theme_components/navigation-menu-toggle.less @@ -0,0 +1,22 @@ +/*! -- Stack Menu Toggle -- */ + +.menu-toggle{ + .box-shadow; + width: @base-line-height*2; + height: @base-line-height*2; + border-radius: 50%; + text-align: center; + background: #fff; + display: inline-block; + .transition(0.2s,ease); + i{ + font-size: @h3-size; + position: relative; + top: 13px; + color: @color-dark; + } + &:hover{ + .box-shadow-wide; + .translate3d(0,-2px,0); + } +} \ No newline at end of file diff --git a/less/theme_components/navigation-sidebar-column.less b/less/theme_components/navigation-sidebar-column.less new file mode 100644 index 0000000..c22b88f --- /dev/null +++ b/less/theme_components/navigation-sidebar-column.less @@ -0,0 +1,206 @@ +/*! -- Stack Nav Sidebar Column -- */ + +@sidebar-column-width: @base-line-height*11; + +.nav-container{ + &.nav-container--sidebar{ + + .main-container{ + width: ~"calc(100vw - @{sidebar-column-width})"; + float: right; + } + } +} + +.nav-sidebar-column{ + position: fixed; + z-index: 3; + left: 0; + width: @sidebar-column-width; + &:not([class*='bg-']){ + background: @color-bg-site; + } + border-right: 1px solid #ececec; + &.bg--dark{ + border-right: 1px solid lighten(@color-dark, 10%); + } + height: 100vh; + overflow-y:scroll; + .disable-scroll-bars; + padding: @base-line-height*1.5 @base-line-height; +} + +.nav-sidebar-column{ + .logo{ + max-height: @base-line-height*1.25; + margin-bottom: @base-line-height/2; + } + .text-block{ + > p{ + margin-bottom: @base-line-height/2; + } + } + .menu-vertical{ + li.dropdown:not(:hover){ + &:after{ + opacity: .35; + } + } + a{ + &:hover{ + text-decoration: none; + } + } + } + .dropdown{ + .dropdown__container, .dropdown__content{ + left: 0 !important; + position: relative; + pointer-events: all; + } + .dropdown__container{ + &:before{ + height: 0; + } + } + .dropdown__content{ + transform: none !important; + box-shadow: none; + -webkit-box-shadow: none; + padding-top: @base-line-height/4; + padding-right: 0; + padding-left: @base-line-height/4; + background: none !important; + } + .menu-vertical{ + li.dropdown{ + &:after{ + right: @base-line-height; + } + } + } + &:not(.dropdown--active){ + .dropdown__container{ + display: none; + } + } + &.dropdown--hover{ + &:hover{ + > .dropdown__container{ + display: block; + } + } + } + } + .social-list{ + margin-bottom: @base-line-height/2; + } +} + +body.dropdowns--hover{ + .nav-sidebar-column{ + .dropdown{ + &:hover{ + > .dropdown__container{ + display: block; + } + } + } + } +} + +.nav-sidebar-column-toggle{ + transition: all .3s ease; + left: 0; + width: @base-line-height*2; + height: @base-line-height*2; + background: @color-bg-site; + text-align: center; + position: fixed; + z-index: 4; + cursor: pointer; + border-radius: 0 0 6px 0; + box-shadow: 2px 1px 4px rgba(0,0,0,0.1); + > i{ + transition: all .3s ease; + font-size: @h3-size; + position: relative; + top: 11px; + } + &:not(.toggled-class){ + > i{ + opacity: .5; + } + } + &.toggled-class{ + i{ + &:before{ + content: '\e80b'; + } + } + } +} + +@media all and (max-width: 990px){ + .nav-sidebar-column{ + transition: all .3s ease; + left: -@sidebar-column-width; + box-shadow: 2px 0px 4px rgba(0,0,0,0); + &.active{ + left: 0; + box-shadow: 2px 0px 4px rgba(0,0,0,0.1); + } + } + .nav-sidebar-column-toggle{ + &.toggled-class{ + left: @sidebar-column-width; + } + } + .nav-container{ + &.nav-container--sidebar{ + + .main-container{ + width: 100%; + float: none; + } + } + } +} + +.nav-container{ + &.nav-container--right{ + .nav-sidebar-column{ + right: 0; + left: auto; + } + +.main-container{ + float: left; + } + .nav-sidebar-column-toggle{ + left: auto; + right: 0; + border-radius: 0 0 0 6px; + box-shadow: -2px 1px 4px rgba(0,0,0,0.1); + } + } +} + +@media all and (max-width: 990px){ + .nav-container{ + &.nav-container--right{ + .nav-sidebar-column{ + right: -@sidebar-column-width; + left: auto; + &.active{ + left: auto; + right: 0; + box-shadow: -2px 0px 4px rgba(0,0,0,0.1); + } + } + .nav-sidebar-column-toggle{ + &.toggled-class{ + left: auto; + right: @sidebar-column-width; + } + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/navigation-sidebar.less b/less/theme_components/navigation-sidebar.less new file mode 100644 index 0000000..66daede --- /dev/null +++ b/less/theme_components/navigation-sidebar.less @@ -0,0 +1,77 @@ +/*! -- Stack Nav Side Menu -- */ + +.notification.side-menu{ + z-index: 9999; + background: @color-bg-site; + padding-top: @base-line-height; + margin: 0; + height: 100%; + .box-shadow-wide; + width: @base-line-height*15; + .side-menu__module{ + overflow: hidden; + padding: @base-line-height*1.5; + +hr{ + &:not(:last-child){ + margin: 0; + } + } + } + .menu-vertical{ + li{ + a{ + font-size: @h4-size; + line-height: @h4-line-height; + &:hover{ + text-decoration: none; + } + } + } + } + .btn{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + + ul.list--loose{ + margin-top: @base-line-height/2; + } + } + .notification-close-cross{ + top: @base-line-height/2; + right: @base-line-height*1.5; + margin-top: 8px; + } + .social-list{ + &:not(:first-child){ + margin-top: @base-line-height; + } + } +} + +.menu-toggle.pos-fixed{ + position: fixed; + right: @base-line-height * 3; + animation: fadeInDown .3s ease forwards; +} + +@media all and (min-width: 768px){ + .side-menu{ + .side-menu__module{ + span.type--fine-print{ + position: relative; + top: 8px; + } + } + } +} + +@media all and (max-width: 767px){ + .side-menu{ + width: 100%; + .side-menu__module{ + .float-right,.float-left{ + display: block; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/navigation-stacked.less b/less/theme_components/navigation-stacked.less new file mode 100644 index 0000000..ee1ea32 --- /dev/null +++ b/less/theme_components/navigation-stacked.less @@ -0,0 +1,8 @@ +/*! -- Stack Nav Stacked -- */ + +.bar-stacked{ + .logo{ + margin-bottom: @base-line-height*2; + } +} + diff --git a/less/theme_components/navigation-utility.less b/less/theme_components/navigation-utility.less new file mode 100644 index 0000000..9c3735b --- /dev/null +++ b/less/theme_components/navigation-utility.less @@ -0,0 +1,51 @@ +/*! -- Stack Nav Utility -- */ + +.nav-utility{ + padding: @base-line-height/2 0; + .nav-utility__module{ + font-size: 0.85714285714286em; + a{ + color: @color-body; + font-weight: normal; + i{ + .transition(0.3s,ease); + display: inline-block; + } + &:hover{ + i{ + .scale(1.5); + } + } + } + &.right{ + &:not(:last-child){ + margin-left: 2.16666666666667em; + } + } + } +} + +.utility-toggle{ + display: inline-block; + cursor: pointer; + width: 3px; + height: 3px; + position: relative; + bottom: 8px; + border-radius: 50%; + background: @color-dark; + &:before, &:after{ + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + position: absolute; + background: @color-dark; + } + &:before{ + top: 6px; + } + &:after{ + top: 12px; + } +} \ No newline at end of file diff --git a/less/theme_components/navigation.less b/less/theme_components/navigation.less new file mode 100644 index 0000000..a4c203d --- /dev/null +++ b/less/theme_components/navigation.less @@ -0,0 +1,379 @@ +/*! -- Stack Navigation -- */ + +.nav--fixed{ + .box-shadow; +} + +.menu-horizontal > li, .menu-vertical > li{ + font-family: @nav-item-font, 'Roboto', 'Helvetica', Sans-Serif; +} + +@media all and (min-width: 768px){ + .nav-bar{ + .menu-module{ + position: relative; + top: 6px; + } + } + .logo{ + position: relative; + top: 6px; + } +} + +.nav--fixed{ + animation: fadeInDown .3s ease forwards; + -webkit-animation: fadeInDown .3s ease forwards; +} + +.menu-horizontal{ + > li{ + > a, > span{ + &:not(:hover){ + opacity: .75; + } + } + } +} + +.nav-bar-1{ + padding: @base-line-height/1.5 0; + .menu-horizontal{ + > li{ + >a,>span{ + text-transform: uppercase; + font-size: @h6-size; + font-weight: 600; + letter-spacing: .5px; + } + } + } +} + +// Mobile +@media all and (max-width: 990px){ + .nav-bar-1{ + .logo-module{ + position: relative; + left: @base-line-height/2; + top: 7px; + } + .nav-mobile-toggle{ + top: 7px; + } + } +} + +.nav-bar-2{ + .menu-horizontal{ + > li{ + > a, >span{ + font-weight: 400; + } + } + } +} + +// Desktop + +@media all and (min-width: 768px){ + .nav-bar-2{ + .menu-module{ + position: relative; + top: 9px; + } + } +} + +// Tablet + +@media all and (max-width: 990px){ + .nav-bar-2{ + .logo-module{ + position: relative; + bottom: 9px; + } + .nav-mobile-toggle{ + top: 24px; + } + } +} + +// Mobile + +@media all and (max-width: 767px){ + .nav-bar-2{ + .logo-module{ + position: relative; + bottom: 2px; + } + } +} + +@media all and (min-width: 768px){ + .nav-bar-fullscreen{ + .logo-module{ + position: relative; + bottom: 10px; + } + } +} + +// Desktop +@media all and (min-width: 990px){ + .nav-bar-fullscreen{ + .logo-module{ + text-align: center; + } + } +} + +.menu-toggle{ + user-select: none; + > span{ + display: inline-block; + transform: scaleX(2.5) scaleY(1.2); + .transition(0.2s,ease-out); + &:hover{ + transform: scaleX(2.5) scaleY(1.8); + } + } +} + +.menu-fullscreen{ + .logo{ + max-height: @base-line-height*1.25; + position: relative; + margin-bottom: @base-line-height*2.5; + } + .modal-content{ + .modal-close-cross{ + top: 0; + right: @base-line-height; + &:before{ + color: #fff; + } + } + .pos-vertical-center{ + .transition(0.3s,ease); + } + } + .menu-vertical{ + > li{ + > a, > span{ + font-size: @h2-size; + font-weight: 300; + text-decoration: none; + } + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height*2; + } + } + &:not(.modal-active){ + .pos-vertical-center{ + -webkit-filter: blur(5px); + } + } +} + +.nav-bar-fullscreen{ + a{ + color: @color-dark; + } +} + +// Desktop +@media all and (min-width: 990px){ + .nav-bar-fullscreen.nav--transparent{ + &:not(.nav--fixed){ + a{ + color: #fff; + } + } + } +} + +.nav-bar-sidebar{ + z-index: 99; + width: 100%; + padding-top: @base-line-height; + .logo{ + max-height: @base-line-height; + } + &:not(.nav--fixed){ + position: absolute; + } + &.nav--fixed{ + .logo{ + display: none !important; + } + .menu-toggle{ + .box-shadow-wide; + } + } + .menu-toggle{ + position: fixed; + .box-shadow-wide; + width: @base-line-height*2; + height: @base-line-height*2; + .translate3d(-@base-line-height*2,0,0); + line-height: @base-line-height*2; + background: #fff; + border-radius: 50%; + text-align: center; + cursor: pointer; + right: 0; + } + .logo-module{ + position: relative; + top: 5px; + } +} + +.nav-bar-sidebar + .side-menu{ + .pos-vertical-center{ + > .menu-vertical{ + .transition(.5s,ease); + transition-delay: .2s; + > li{ + > a, > span{ + .h3; + text-decoration: none; + &:hover{ + text-decoration: none; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + } + } + &:not(.notification--reveal){ + .pos-vertical-center{ + .menu-vertical{ + .translate3d(20px,0,0); + opacity: 0; + } + } + } +} + +nav.notification--reveal{ + +.main-container{ + &:before{ + opacity: 0; + animation: fadeIn .3s ease forwards; + content: ''; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0,0,0,0.5); + z-index: 20; + } + } +} + +.nav-bar-logo{ + .logo{ + margin-right: @base-line-height; + } +} + +.dropdown{ + .dropdown__content{ + border-radius: 6px; + .box-shadow; + padding: @base-line-height/1.5 @base-line-height; + &:not([class*='bg-']){ + border: 1px solid #ececec; + } + h5{ + &:not(:last-child){ + margin-bottom: @base-line-height/2; + } + } + .background-image-holder{ + border-radius: 6px 0 0 6px; + } + >.pos-absolute[class*='col-']{ + left: 0; + top: 0; + height: 100%; + position: absolute !important; + &[data-overlay]{ + &:before{ + border-radius: 6px 0 0 6px; + } + } + } + } +} + +.nav--transparent{ + &:not(.nav--fixed){ + .dropdown{ + .dropdown__content--lg{ + border: none; + } + } + } +} + +// Mobile +@media all and (max-width: 990px){ + .dropdown{ + [class*='col-']+[class*='col-']{ + margin-top: @base-line-height/2; + } + .dropdown__content{ + &:not([class*='bg-']){ + border: none; + box-shadow: none; + } + } + } +} + +.menu-vertical{ + li{ + .transition(0.3s,ease); + &:not(:hover){ + opacity: .75; + } + &:not(:last-child){ + margin-bottom: @base-line-height/6; + } + &.dropdown{ + position: relative; + &:after{ + content: '\e80c'; + font-family: 'stack-interface'; + right: 0; + position: absolute; + .transition(0.3s,ease); + display: inline-block; + .translate3d(-10px,0,0); + } + &:hover{ + &:after{ + .translate3d(-5px,0,0); + } + } + } + &.separate{ + border-top: 1px solid lighten(@color-body, 50%); + margin-top: @base-line-height/2; + padding-top: @base-line-height/2; + } + } + +h5{ + margin-top: @base-line-height; + } +} diff --git a/less/theme_components/notifications.less b/less/theme_components/notifications.less new file mode 100644 index 0000000..cce9c22 --- /dev/null +++ b/less/theme_components/notifications.less @@ -0,0 +1,47 @@ +/*! -- Stack Notifications -- */ + +.notification{ + box-shadow: none; + &:not([class*='bg--']){ + background: none; + } + >.boxed{ + margin: 0; + } + >.feature, .feature__body{ + margin-bottom: 0; + } +} + + +.notification[class*='col-']{ + margin: 0; + .boxed{ + border-radius: 0; + } +} + +.search-box{ + width: 100%; + margin: 0; + &.notification--reveal{ + z-index: 9999; + } + padding: @base-line-height; + .notification-close-cross{ + top: @base-line-height*1.25; + right: @base-line-height; + } + .box-shadow; +} + +.notification-close-cross{ + &.notification-close-cross--circle{ + background: #222; + width: 2em; + height: 2em; + text-align: center; + border-radius: 50%; + color: #fff; + } +} \ No newline at end of file diff --git a/less/theme_components/portfolio.less b/less/theme_components/portfolio.less new file mode 100644 index 0000000..aa403fc --- /dev/null +++ b/less/theme_components/portfolio.less @@ -0,0 +1,113 @@ +/*! -- Stack Portfolio -- */ + +.project-thumb{ + > a{ + display: block; + } + &:not(.hover-element){ + > a{ + .transition(0.3s,ease); + margin-bottom: @base-line-height; + &:hover{ + opacity: .85; + } + } + } + &.hover-element{ + margin: 0; + > a{ + height: @base-line-height*13; + text-decoration: none; + font-weight: normal; + } + .background-image-holder{ + .transition(0.5s,ease-out); + } + .hover-element__reveal{ + .project-thumb__title{ + padding: @base-line-height; + z-index: 2; + position: relative; + color: #fff; + h5{ + margin: 0; + } + } + } + &.hover--active{ + .transition(0.3s,ease); + &:hover{ + opacity: .85; + } + } + &:not(.hover--active)[data-scrim-top]{ + .hover-element__reveal{ + .transition(0.5s,ease); + .translate3d(0,-100px,0); + } + &:hover{ + .hover-element__reveal{ + .translate3d(0,0,0); + } + } + } + [data-scrim-top]{ + &:before{ + height: 100%; + } + } + } + h4{ + margin-bottom: 0; + } + &.height-40{ + min-height: 350px; + } +} + +@media all and (max-width: 767px){ + .project-thumb{ + &.height-40{ + height: 350px; + min-width: 100%; + } + } +} + +@media all and (min-width: 768px){ + .col-xs-12:not(.col-sm-6){ + .project-thumb{ + &.hover-element{ + >a{ + height: @base-line-height*25; + } + } + } + } +} + +.project-thumb{ + &.border--round{ + .background-image-holder{ + border-radius: 6px; + } + >a{ + border-radius: 6px; + overflow: hidden; + } + &:before{ + border-radius: 6px; + overflow: hidden; + } + } +} + +.col-md-4{ + .project-thumb{ + > a{ + &:not(.imagebg){ + margin-bottom: @base-line-height/2; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/pricing.less b/less/theme_components/pricing.less new file mode 100644 index 0000000..8200d9d --- /dev/null +++ b/less/theme_components/pricing.less @@ -0,0 +1,206 @@ +/*! -- Stack Pricing -- */ + +.pricing{ + .transition(0.3s,ease); + position: relative; + h3{ + &:first-child{ + margin: 0; + } + } + .label{ + top: @base-line-height*1.5; + right: @base-line-height*1.5; + } + .h2{ + margin-bottom: 0.3939393939394em; + } + ul{ + li{ + &:not(:last-child){ + margin-bottom: @base-line-height/4; + } + .checkmark{ + +span{ + position: relative; + bottom: 3px; + } + } + } + } + &:hover{ + .box-shadow; + } + .h1{ + font-size: 4.21428571428571em; + line-height: 1.10169491525424em; + margin-bottom: 0.22033898305085em; + .pricing__dollar{ + font-size: 0.51020408163265em; + position: relative; + bottom: 20px; + } + } + .feature-6{ + p{ + min-height: @base-line-height*3; + } + } +} + +.pricing-1{ + .btn{ + &:last-child{ + position: absolute; + width: 100%; + bottom: 0; + left: 0; + border-radius: 0 0 @button-radius @button-radius; + padding: @base-line-height/2 0; + margin: 0; + &:hover{ + transform: none !important; + } + } + } + ul{ + margin-bottom: @base-line-height*3; + } + p{ + &:first-of-type{ + margin-top: @base-line-height; + } + &:last-of-type{ + margin-bottom: @base-line-height*3; + } + min-height: @base-line-height*3; + } + img{ + +p{ + &:first-of-type{ + margin-top: 0; + } + } + } +} + +@media all and (min-width: 991px){ + .pricing-2{ + ul{ + &:first-child{ + margin-top: @base-line-height*2.5; + } + } + } +} + +@media all and (max-width: 990px){ + .pricing-2{ + text-align: center; + ul{ + &:first-child{ + margin-top: @base-line-height; + } + } + } +} + +.pricing-3{ + border: 1px solid #ececec; + border-radius: 6px; + .pricing__head{ + margin: 0; + +.btn{ + display: block; + border-radius: 0; + padding: @base-line-height/2 0; + } + border-bottom: 1px solid #ececec; + } + ul{ + border-radius: 0 0 6px 6px; + li{ + padding: @base-line-height/2 0; + &:not(:last-child){ + border-bottom: 1px solid #ececec; + margin: 0; + } + } + &:last-child{ + margin: 0; + } + } +} + +@media all and (max-width: 990px){ + .pricing-3{ + margin-bottom: @base-line-height; + } +} + +@media all and (min-width: 768px){ + .pricing-section-1{ + .pricing{ + &:not(.boxed--emphasis){ + left: @base-line-height/2; + } + &.boxed--emphasis{ + right: @base-line-height/2; + } + } + } +} + +@media all and (min-width: 990px){ + .pricing-section-2{ + div[class*='col-']{ + padding: 0; + &:not(:first-child):not(:last-child){ + .pricing__head{ + border-radius: 0; + } + } + &:first-child{ + .pricing{ + border-radius: 6px 0 0 6px; + .pricing__head{ + border-radius: 6px 0 0 0; + } + } + } + &:last-child{ + .pricing{ + .pricing__head{ + border-radius: 0 6px 0 0; + } + border-radius: 0 6px 6px 6px; + border-right: 1px solid #ececec; + } + } + } + .pricing{ + border: 1px solid #ececec; + border-radius: 0 0 0 6px; + border-right: none; + &:hover{ + box-shadow: none; + } + ul{ + margin: 0; + } + } + } +} + +.pricing-section-2{ + &.bg--dark{ + .pricing, .pricing .pricing__head, .pricing ul li:not(:last-child), div[class*='col-']:last-child .pricing{ + border-color: lighten(@color-dark, 10%); + } + } + &.imagebg{ + .pricing, .pricing .pricing__head, .pricing ul li:not(:last-child), div[class*='col-']:last-child .pricing{ + border-color: rgba(255,255,255,.2); + } + } +} \ No newline at end of file diff --git a/less/theme_components/processes.less b/less/theme_components/processes.less new file mode 100644 index 0000000..1016c59 --- /dev/null +++ b/less/theme_components/processes.less @@ -0,0 +1,277 @@ +/*! -- Stack Processes -- */ + +.process-1{ + padding: @base-line-height*2 0; + position: relative; + overflow: hidden; + .process__item{ + width: 50%; + &:not(:last-child){ + margin-bottom: @base-line-height; + } + } + &:before{ + content: ''; + position: absolute; + width: 2px; + height: 100%; + left: 50%; + top: 0; + background: @color-primary; + } +} + +.process__item{ + position: relative; + &:after{ + content: ''; + width: @base-line-height; + height: @base-line-height; + background: #fff; + border: 2px solid @color-primary; + border-radius: 50%; + position: absolute; + top: 0; + margin-left: 1px; + } +} + +@media all and (min-width: 768px){ + .process-1{ + .process__item{ + &:nth-child(odd){ + text-align: right; + padding-right: @base-line-height*2; + &:after{ + right: -@base-line-height/2; + } + } + &:nth-child(even){ + margin-left: 50%; + padding-left: @base-line-height*2; + &:after{ + left: -@base-line-height/2; + } + } + } + } +} + +@media all and (max-width: 767px){ + .process-1,.process-2{ + &:before{ + left: @base-line-height/2; + } + .process__item{ + width: 100%; + padding-left: @base-line-height*2; + &:after{ + left: 0; + } + } + } +} + +.bg--dark, .imagebg{ + .process-1, .process-2{ + &:before{ + background: #fff; + } + .process__item{ + &:after{ + background: #fff; + } + } + } +} + +.bg--dark{ + .process-1, .process-2{ + .process__item{ + &:after{ + border-color: @color-dark; + } + } + } +} + +.process-2{ + position: relative; + .process__item{ + padding-top: @base-line-height*2; + &:after{ + display: inline-block; + text-align: center; + } + } + &:before{ + content: ''; + position: absolute; + width: 100%; + height: 2px; + top: @base-line-height/2; + left: 0; + background: @color-primary; + } +} + +@media all and (max-width: 767px){ + .process-2{ + &:before{ + height: 100%; + width: 2px; + left: @base-line-height; + margin-left: 2px; + } + .process__item{ + &:after{ + top: @base-line-height*2; + } + } + } +} + +.process-3{ + list-style: none; + position: relative; + li{ + position: relative; + z-index: 1; + overflow: hidden; + .process__number{ + float: left; + width: 15%; + width: @base-line-height *2; + height: @base-line-height * 2; + border-radius: 50%; + border: 2px solid @color-primary; + background: #fff; + text-align: center; + span{ + font-size: @h4-size; + font-weight: bold; + color: @color-primary; + position: relative; + top: 12px; + } + } + .process__body{ + width: 80%; + float: right; + h4{ + margin-bottom: 0.342105263157895em; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height * 2; + } + } + &:before{ + content: ''; + position: absolute; + height: 100%; + width: 1px; + left: @base-line-height; + top: 0; + border-left: 1px dashed #ddd; + } +} + +.bg--dark{ + .process-3{ + li{ + .process__number{ + background: @color-dark; + } + } + &:before{ + border-color: #aaa; + } + } +} + +.process-stepper{ + > li{ + transition: all .3s ease; + display: inline-block; + float: left; + text-align: center; + position: relative; + &:before{ + transition: all .3s ease; + content: ''; + width: @base-line-height/2; + height: @base-line-height/2; + background: #ccc; + border-radius: 50%; + display: block; + margin: 0 auto; + margin-bottom: @base-line-height/2; + } + &:after{ + transition: all .3s ease; + content: ''; + width: 100%; + height: 2px; + position: absolute; + background: #ccc; + top: 5px; + left: 0; + } + &:first-child, &:last-child{ + &:after{ + width: 50%; + } + } + &:first-child{ + &:after{ + left: 50%; + } + } + &.active{ + &:before, &:after{ + background: @color-primary; + } + } + > span{ + cursor: default; + } + } + &[data-process-steps="6"]{ + > li{ + width: 16.666666666666667%; + } + } + &[data-process-steps="5"]{ + > li{ + width: 20%; + } + } + &[data-process-steps="4"]{ + > li{ + width: 25%; + } + } + &[data-process-steps="3"]{ + > li{ + width: 33.33333333%; + } + } + &[data-process-steps="2"]{ + > li{ + width: 50%; + } + } +} + +.bg--dark{ + .process-stepper{ + li{ + &:not(.active){ + &:before, &:after{ + background: lighten(@color-dark, 20%) + } + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/progress-horizontal.less b/less/theme_components/progress-horizontal.less new file mode 100644 index 0000000..cf5b4ef --- /dev/null +++ b/less/theme_components/progress-horizontal.less @@ -0,0 +1,39 @@ +/*! -- Stack Progress Horizontal -- */ + +.progress-horizontal{ + &:not(:last-child){ + margin-bottom: @base-line-height; + } + &.progress-horizontal--lg{ + .progress-horizontal__bar{ + height: @base-line-height; + } + } + &.progress-horizontal--sm{ + .progress-horizontal__bar{ + height: @base-line-height/4; + } + } +} + +.progress-horizontal__bar{ + height: @base-line-height/2; + border-radius: 100px; + background: @color-bg-secondary; + border: 1px solid rgba(0,0,0,0.1); + &:not(:last-child){ + margin-bottom: @base-line-height/4; + } +} + +.progress-horizontal__progress{ + background: @color-primary; + border-radius: 100px; +} + +.imagebg{ + .progress-horizontal__bar{ + background: rgba(20,20,20,0.2); + border: none; + } +} \ No newline at end of file diff --git a/less/theme_components/radials.less b/less/theme_components/radials.less new file mode 100644 index 0000000..71627ea --- /dev/null +++ b/less/theme_components/radials.less @@ -0,0 +1,22 @@ +.radial{ + margin-left: auto; + margin-right: auto; + .radial__label{ + transition: opacity .3s ease; + -webkit-transition: opacity .3s ease; + } + &:not(.radial--active){ + .radial__label{ + opacity: 0; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height; + } +} + +@media all and (max-width: 767px){ + .radial{ + margin-bottom: @base-line-height; + } +} \ No newline at end of file diff --git a/less/theme_components/rules.less b/less/theme_components/rules.less new file mode 100644 index 0000000..3928b91 --- /dev/null +++ b/less/theme_components/rules.less @@ -0,0 +1,29 @@ +/*! -- Stack Rules -- */ + +hr{ + &:first-child{ + margin-top: 0; + } + &.short{ + width: @base-line-height*1.5; + border-color: @color-primary; + } + &[data-title]{ + margin: @base-line-height*1.5 0; + text-align: center; + &:before{ + content: attr(data-title); + background: @color-bg-site; + position: relative; + bottom:14px; + padding: @base-line-height/2; + font-style: italic; + } + } +} + +.bg--dark,.imagebg,.bg--primary{ + hr:not(.short){ + opacity: .3; + } +} \ No newline at end of file diff --git a/less/theme_components/sections.less b/less/theme_components/sections.less new file mode 100644 index 0000000..255ccfb --- /dev/null +++ b/less/theme_components/sections.less @@ -0,0 +1,76 @@ +/*! -- Stack Sections -- */ + +section{ + &:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs){ + + section:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.border--bottom):not(.space--xxs){ + padding-top: 0; + } + } + &:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom){ + +footer:not(.unpad):not(.imagebg):not([class*='bg--']):not(.imageblock):not(.unpad--bottom):not(.border--bottom){ + padding-top: 0; + } + } + &:not(.imagebg):not([class*='bg-']){ + +section{ + &.bg--secondary{ + border-top: 1px solid darken(@color-bg-secondary, 6%); + } + } + } + &.bg--secondary{ + &:not(.imagebg){ + +section:not(.imagebg):not([class*='bg-']){ + border-top: 1px solid darken(@color-bg-secondary, 6%); + } + } + &:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom){ + +section.bg--secondary{ + padding-top: 0; + } + } + +footer{ + &:not(.bg--dark):not(.bg--secondary){ + border-top: 1px solid darken(@color-bg-secondary, 6%); + } + } + } + &.bg--dark{ + +section.bg--dark{ + padding-top: 0; + } + &:last-of-type{ + +footer.bg--dark{ + background: darken(@color-dark, 4%) + } + } + } + &.border--bottom{ + &:not([data-gradient-bg]){ + border-bottom: 1px solid #ececec; + } + } + &.unpad{ + overflow: hidden; + } + &:not([class*='bg--']){ + +footer{ + &.bg--secondary{ + border-top: 1px solid darken(@color-bg-secondary, 6%); + } + } + } + &.text-center{ + div[class*='col-']{ + &:first-child:last-child{ + margin: 0 auto; + float: none; + } + } + } +} + +.section--overlap{ + z-index: 2; + position: relative; +} \ No newline at end of file diff --git a/less/theme_components/shop.less b/less/theme_components/shop.less new file mode 100644 index 0000000..fa50151 --- /dev/null +++ b/less/theme_components/shop.less @@ -0,0 +1,121 @@ +/*! -- Stack Shop -- */ + +.cart-form{ + button{ + &[type="submit"]{ + margin-top: @base-line-height; + } + } +} + +.cart-total{ + > div{ + overflow: hidden; + } +} + +@media all and (min-width: 768px){ + .cart-total{ + margin-top: @base-line-height*2; + } + .cart-customer-details{ + margin-top: @base-line-height*4; + } +} + +@media all and (max-width: 767px){ + .cart-total{ + margin-top: @base-line-height; + } +} + +.cart-customer-details{ + div[class*='col-']{ + margin-top: @base-line-height/4; + } + .input-checkbox{ + margin: @base-line-height 0; + + span{ + bottom: 38px; + } + } +} + +.product{ + margin-bottom: @base-line-height/2; + img{ + margin-bottom: @base-line-height/2; + .transition(0.3s,ease); + backface-visibility: hidden; + } + a:hover{ + img{ + .translate3d(0,-5px,0); + } + } + .label+img{ + margin-top: @base-line-height*1.5; + } + h5{ + display: inline-block; + margin-bottom: 0; + margin-right: @base-line-height/4; + } + .h4{ + &:first-child{ + clear: left; + } + margin-bottom: 0; + } + .product__controls{ + overflow: hidden; + margin-bottom: @base-line-height/2; + label, button{ + position: relative; + top: 6px; + } + } + &.product--tile{ + padding: @base-line-height; + border-radius: 6px; + } +} + +@media all and(min-width: 1200px){ + .product{ + .btn--cart{ + position: absolute; + right: @base-line-height; + bottom: @base-line-height; + } + } +} + +.col-sm-6:not(.col-md-3){ + .product{ + text-align: center; + } +} + +.col-md-3{ + .product--tile{ + h5{ + display: block; + } + } +} + +.masonry--tiles{ + padding: 10px; + .masonry__item:not(:empty){ + padding: 0 6px; + margin-bottom: 12px; + .product--tile{ + margin: 0; + .label{ + top: @base-line-height; + right: @base-line-height*1.5; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/sliders.less b/less/theme_components/sliders.less new file mode 100644 index 0000000..a47ab41 --- /dev/null +++ b/less/theme_components/sliders.less @@ -0,0 +1,118 @@ +/*! -- Stack Sliders -- */ + +.flickity-prev-next-button{ + .transition(0.3s,ease); + border-radius: 0; + background: @color-dark; + width: @base-line-height*1.5; + height: @base-line-height*3; + &:not(:hover){ + opacity: .5; + } + &:hover{ + background: @color-dark; + } + &.previous{ + left: 0; + } + &.next{ + right: 0; + } + &:before{ + color: #fff; + } +} + +.slider{ + &.slider--inline-arrows{ + .flickity-prev-next-button{ + background: none; + &:before{ + font-size: @h3-size; + color: @color-dark; + content: '\e802'; + } + &.previous{ + &:before{ + content: '\e801'; + } + } + } + } + &.slider--columns{ + .previous{ + left: 15px; + } + .next{ + right: 15px; + } + } + &.border--round{ + .slides{ + li{ + border-radius: 6px; + overflow: hidden; + } + } + } + &.boxed--border{ + .slides{ + li{ + border: 1px solid #ececec; + } + } + } + .slides{ + li{ + .feature:not(.feature-9){ + margin-bottom: 0; + } + } + } +} + +.slide{ + .boxed{ + &:last-child{ + margin-bottom: 0; + } + } + &:not([class*='col-']){ + >img{ + &:only-child{ + width: 100%; + } + } + } +} + +.bg--dark,.bg--primary,.imagebg:not(.image--light){ + .slider{ + &.slider--inline-arrows{ + .flickity-prev-next-button{ + &:before{ + color: #fff; + } + } + } + } +} + +@media all and (max-width: 990px){ + .flickity-prev-next-button{ + display: none; + } +} + +@media all and (min-width: 768px){ + h2+.slider,.h2+.slider{ + margin-top: @base-line-height*2; + } +} + +.slider.slider--ken-burns:not(.parallax) .slide.is-selected{ + > .background-image-holder, > img:only-child{ + animation: kenBurns 15s ease alternate infinite; + -webkit-animation: kenBurns 15s ease alternate infinite; + } +} \ No newline at end of file diff --git a/less/theme_components/switchable.less b/less/theme_components/switchable.less new file mode 100644 index 0000000..e3beb85 --- /dev/null +++ b/less/theme_components/switchable.less @@ -0,0 +1,62 @@ +/*! -- Stack Switchable Sections -- */ + +@media all and (min-width: 768px){ +.switchable{ + .container > .row{ + flex-flow: row-reverse; + } + &.switchable--switch{ + .container > .row{ + flex-flow: row; + } + } +} +} + +.switchable{ + .switchable__text{ + margin-top: @base-line-height; + } + [class*='col-']{ + &:first-child{ + .switchable__text{ + margin-bottom: @base-line-height*1.5; + } + } + } +} + +.section--overlap{ + .row{ + position: relative; + margin-top: -@base-line-height*7; + } +} + +@media all and (max-width: 990px){ + .switchable{ + .switchable__text{ + margin-top: 0; + } + } +} + + +@media all and (max-width: 767px){ + .switchable{ + .switchable__text{ + margin-top: @base-line-height; + } + .imageblock__content[class*='col-']{ + float: none !important; + } + .row{ + > div[class*='col-']{ + float: none !important; + &:last-child:not(:only-child){ + margin-top: @base-line-height; + } + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/tables.less b/less/theme_components/tables.less new file mode 100644 index 0000000..45b7398 --- /dev/null +++ b/less/theme_components/tables.less @@ -0,0 +1,67 @@ +/*! -- Stack Tables -- */ + +table{ + width: 100%; + border-collapse: separate; + th,td{ + padding: @base-line-height/2; + } + th{ + background: @color-bg-secondary; + color: @color-dark; + } + tr{ + &:not(:last-of-type){ + border-bottom: 1px solid #ececec; + } + } + &.border--round{ + border-radius: 6px; + border: 1px solid #ececec; + } +} + +.table--alternate-column{ + th{ + &:nth-child(odd){ + background: none; + } + } + td{ + &:nth-child(even){ + background: @color-bg-secondary; + } + } +} + +.table--alternate-row{ + tbody{ + tr{ + &:nth-child(even){ + background: @color-bg-secondary; + } + } + } +} + +.bg--dark{ + table{ + &.border--round{ + border-radius: 6px; + border: 1px solid lighten(@color-dark, 10%); + } + th{ + background: lighten(@color-dark, 10%); + color: #fff; + } + } + .table--alternate-row{ + tbody{ + tr{ + &:nth-child(even){ + background: lighten(@color-dark, 5%) + } + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/tabs.less b/less/theme_components/tabs.less new file mode 100644 index 0000000..2f4d243 --- /dev/null +++ b/less/theme_components/tabs.less @@ -0,0 +1,227 @@ +/*! -- Stack Tabs -- */ + +.tabs-container{ + &.tabs--vertical{ + overflow: hidden; + .tabs{ + width: 25%; + float: left; + li{ + display: block; + &:not(:last-child){ + border-right: none; + border-bottom: 1px solid #ECECEC; + } + } + } + .tabs-content{ + width: 70%; + float: right; + margin-top: 0; + > li{ + &:not(.active){ + .tab__content{ + animation: fadeOutUp .5s ease forwards; + -webkit-animation: fadeOutUp .5s ease forwards; + } + } + &.active{ + .tab__content{ + animation: fadeInUp .5s ease forwards; + -webkit-animation: fadeInUp .5s ease forwards; + backface-visibility: hidden; + } + } + } + } + &.tabs--icons{ + .tabs{ + width: 15%; + text-align: center; + } + .tabs-content{ + width: 80%; + } + } + } +} + +@media all and (max-width: 767px){ + .tabs-container{ + &.tabs--vertical{ + .tabs,.tabs-content{ + width: 100%; + float: none; + } + .tabs{ + margin-bottom: @base-line-height; + } + .tabs-content{ + > li{ + &:not(.active){ + .tab__content{ + animation: fadeOutRight .5s ease forwards; + -webkit-animation: fadeOutRight .5s ease forwards; + } + } + &.active{ + .tab__content{ + animation: fadeInLeft .5s ease forwards; + -webkit-animation: fadeInLeft .5s ease forwards; + backface-visibility: hidden; + } + } + } + } + } + } +} + +.tabs{ + display: inline-block; + border: 1px solid #ECECEC; + border-radius: 6px; + margin-bottom: @base-line-height; + li{ + .transition(0.3s,ease); + padding: @base-line-height/2 @base-line-height; + &:not(:last-child){ + border-right: 1px solid #ECECEC; + } + &.active{ + opacity: 1; + .tab__title{ + color: @color-primary; + span{ + color: @color-primary; + } + } + } + &:not(.active){ + opacity: .5; + } + &:hover{ + opacity: 1; + cursor: pointer; + } + } + .tab__title{ + .transition(0.3s,ease); + &:not(.btn){ + padding-right: 0; + padding-left: 0; + } + i+span{ + margin-top: @base-line-height/4; + display: inline-block; + margin-bottom: 0; + } + } +} + +.bg--primary{ + .tabs{ + border-color: #fff; + li{ + &.active{ + .tab__title{ + color: #fff; + span{ + color: #fff; + } + } + } + &:not(:last-child){ + border-color: #fff; + } + } + } +} + +@media all and (min-width: 768px){ + .tabs{ + &.tabs--spaced{ + margin-bottom: @base-line-height*2; + } + } +} + +.tabs-content{ + position: relative; + >li{ + &:not(.active){ + .tab__content{ + position: absolute; + left: 0; + top: 0; + display: block; + opacity: 0; + pointer-events: none; + animation: fadeOutRight .5s ease forwards; + -webkit-animation: fadeOutRight .5s ease forwards; + } + } + &.active{ + animation: fadeInLeft .5s ease forwards; + -webkit-animation: fadeInLeft .5s ease forwards; + backface-visibility: hidden; + } + } +} + +@media all and (max-width: 767px){ + .tabs{ + li{ + display: block; + &:not(:last-child){ + border-bottom: 1px solid #ECECEC; + border-right: none; + } + } + } +} + +.tabs--folder{ + .tabs{ + overflow: hidden; + margin-bottom: 0; + border-radius: 6px 6px 0 0; + border-bottom: none; + > li{ + border-top: 3px solid rgba(0,0,0,0); + &.active{ + border-top: 3px solid @color-primary; + } + } + } + .tabs-content{ + overflow: hidden; + position: relative; + bottom: 8px; + padding: @base-line-height; + border: 1px solid #ECECEC; + border-radius: 0 0 6px 6px; + > li{ + &:not(.active){ + .tab__content{ + top: @base-line-height; + left: @base-line-height; + } + } + } + } + .tab__title{ + .h5{ + margin: 0; + display: inline-block; + } + .label{ + position: relative; + color: #fff !important; + top: -2px; + right: 0; + margin-left: @base-line-height/4; + min-width: 0; + } + } +} \ No newline at end of file diff --git a/less/theme_components/testimonials.less b/less/theme_components/testimonials.less new file mode 100644 index 0000000..95cae00 --- /dev/null +++ b/less/theme_components/testimonials.less @@ -0,0 +1,94 @@ +/*! -- Stack Testimonials -- */ + +.testimonial{ + position: relative; + overflow: hidden; + h5{ + &:nth-last-child(2){ + margin: 0; + } + } + .testimonial__image{ + margin-bottom: @base-line-height; + } +} + +@media all and (min-width: 1025px){ + .testimonial-1{ + .switchable__text{ + margin-top: @base-line-height*4; + } + } +} + +.testimonial-2{ + float: none; + width: 100%; + .testimonial__image{ + img{ + max-height: @base-line-height*2; + float: left; + margin-right: @base-line-height; + } + } + .boxed{ + width: 100%; + } +} + +.bg--secondary{ + .testimonial-2{ + .boxed{ + background: #fff; + } + } +} + +@media all and (max-width: 990px){ + .testimonial-2{ + p{ + min-height: @base-line-height*4; + } + } +} + +@media all and (max-width: 767px){ + .testimonial-2{ + p{ + min-height: 0; + } + } +} + +@media all and (min-width: 768px){ + .lead{ + +.testimonial-2{ + margin-top: @base-line-height*2; + } + } +} + +@media all and (min-width: 768px){ + .testimonials-1{ + .list-inline{ + position: relative; + top: @base-line-height/2; + li{ + &:not(:last-child){ + margin-right: @base-line-height*2; + } + } + } + } +} + +@media all and (max-width: 767px){ + .testimonials-1{ + .list-inline{ + margin-top: @base-line-height; + li{ + margin-bottom: @base-line-height; + } + } + } +} \ No newline at end of file diff --git a/less/theme_components/titles.less b/less/theme_components/titles.less new file mode 100644 index 0000000..a410428 --- /dev/null +++ b/less/theme_components/titles.less @@ -0,0 +1,41 @@ +/*! -- Stack Titles -- */ + +.breadcrumbs{ + list-style: none; + li{ + font-size: 0.85714285714286em; + display: inline-block; + &:not(:last-child){ + margin-right: 1.08333333333334em; + &:after{ + content: '\00bb'; + margin-left: 1.08333333333334em; + } + } + a{ + font-weight: normal; + } + } +} + +.imagebg,.bg--primary{ + .breadcrumbs{ + color: #fff; + a{ + color: #fff; + font-weight: 600; + } + } +} + +.elements-title{ + border-top: none !important; + +.tabs-container,+section{ + &:not(:nth-last-child(2)){ + margin-bottom: @base-line-height*5; + } + } + +section:not(.imagebg):not([class*='bg-']):not(.unpad){ + padding-top: @base-line-height; + } +} \ No newline at end of file diff --git a/less/theme_components/tooltips.less b/less/theme_components/tooltips.less new file mode 100644 index 0000000..d873966 --- /dev/null +++ b/less/theme_components/tooltips.less @@ -0,0 +1,77 @@ +/*! -- Stack Tooltips -- */ + +.tooltip{ + position: relative; + top: 3px; + display: inline-block; + width: @base-line-height/1.5; + height: @base-line-height/1.5; + border-radius: 50%; + background: @color-dark; + text-align: center; + cursor: pointer; + .tooltip__anchor{ + color: #fff; + font-weight: 700; + font-size: 11px; + position: absolute; + top: -5px; + left: 6px; + } + .tooltip__text{ + .transition(0.2s,ease); + text-align: left; + z-index: 10; + position: absolute; + width: 280px; + background: @color-bg-secondary; + border: 1px solid #ececec; + padding: @base-line-height/3; + left: @base-line-height/1.25; + top: -@base-line-height/2; + opacity: 0; + pointer-events: none; + cursor: default; + .box-shadow; + line-height: 20px; + } + &:hover{ + .tooltip__text{ + opacity: 1; + } + } + &:last-child{ + margin-left: @base-line-height/2; + } +} + +[data-tooltip]{ + position: relative; + overflow: visible; + &:after{ + transition: all .2s ease; + content: attr(data-tooltip); + position: absolute; + top: -24px; + left: 50%; + transform: translateX(-50%); + background: @color-dark; + color: #fff; + border: 1px solid #e7e7e7; + padding: 2px 12px; + pointer-events: none; + white-space: nowrap; + font-size: 11px; + line-height: 18px; + font-weight: 600; + border-radius: 2px; + z-index: 2; + font-family: @body-font; + } +} + +[data-tooltip]:not(:hover){ + &:after{ + opacity: 0; + } +} \ No newline at end of file diff --git a/less/theme_components/twitter.less b/less/theme_components/twitter.less new file mode 100644 index 0000000..f4fbf1d --- /dev/null +++ b/less/theme_components/twitter.less @@ -0,0 +1,123 @@ +/*! -- Stack Twitter Feeds -- */ + +.tweets-feed{ + .interact{ + display: none; + } + .user{ + a{ + &:hover{ + text-decoration: none; + } + } + img{ + border-radius: 50%; + } + } +} + +.tweets-feed-1{ + border-radius: 6px; + border: 1px solid #ececec; + overflow: hidden; + li{ + overflow: hidden; + padding: @base-line-height; + padding-bottom: 0; + &:not(:last-child){ + border-bottom: 1px solid #ececec; + } + } + .user{ + width: 20%; + float: left; + img{ + max-height: @base-line-height*2; + margin-right: @base-line-height/4; + } + [data-scribe="element:name"],[data-scribe="element:screen_name"]{ + display: none; + } + margin-bottom: @base-line-height/2; + } + .tweet,.timePosted{ + width: 80%; + float: right; + } + .tweet{ + margin-bottom: @base-line-height/4; + } + .timePosted{ + font-size: @h6-size; + line-height: @h6-line-height; + } + &:not(:last-child){ + +.btn{ + margin-top: @base-line-height*1.5; + } + } +} + +.imagebg,.bg--dark{ + .tweets-feed-1{ + border-color: rgba(255,255,255,.1); + li{ + &:not(:last-child){ + border-color: rgba(255,255,255,.1); + } + } + } +} + +.tweets-feed-2{ + .user{ + display: none; + } + .timePosted{ + display: none; + } + li{ + &:before{ + font-family: 'socicon'; + content: "\e08d"; + } + overflow: hidden; + .tweet{ + width: 85%; + float: right; + } + } +} + +.tweets-feed.slider{ + .user{ + img{ + display: inline-block; + clear: both; + margin-bottom: @base-line-height/2; + } + [data-scribe="element:name"]{ + display: none; + } + [data-scribe="element:screen_name"]{ + display: block; + font-size: @h4-size; + line-height: @h4-line-height; + font-weight: normal; + } + } + .tweet{ + margin-top: 1.36842105263158em; + margin-bottom: 0.68421052631579em; + font-size: @h4-size; + line-height: @h4-line-height; + } + .timePosted{ + margin: 0; + } + &:not(:last-child){ + +.btn{ + margin-top: @base-line-height*1.5; + } + } +} \ No newline at end of file diff --git a/less/theme_components/typed-text.less b/less/theme_components/typed-text.less new file mode 100644 index 0000000..fb82a26 --- /dev/null +++ b/less/theme_components/typed-text.less @@ -0,0 +1,24 @@ +/*! -- Stack Typed Text -- */ + +span{ + +.typed-text{ + &.h2{ + margin-left: 4px; + } + &.h1{ + margin-left: 6px; + } + } +} + +@media all and (max-width: 767px){ + .typed-text{ + display: block; + } + .typed-headline{ + h1,.h1{ + margin-bottom: 0; + } + margin-bottom: @base-line-height; + } +} \ No newline at end of file diff --git a/less/theme_components/typography.less b/less/theme_components/typography.less new file mode 100644 index 0000000..d2f0b0a --- /dev/null +++ b/less/theme_components/typography.less @@ -0,0 +1,188 @@ +/*! -- Stack Typography -- */ + +@media all and (max-width: 1024px){ + html{ + font-size: 80%; + } +} + +h1,.h1{ + &:not(:last-child){ + margin-bottom: 0.59090909090909em; + } + letter-spacing: -.01em; +} + +@media all and (min-width: 768px){ + h1,.h1{ + &.h1--large{ + font-weight: 200; + font-size: 4.428571428571429em; + line-height: 1.048387096774194em; + &:not(:last-child){ + margin-bottom: 0.419354838709677em; + } + &.type--uppercase{ + letter-spacing: 10px; + margin-right: -10px; + } + +p.lead{ + margin-top: 2.052631578947368em; + } + } + } +} + +h2,.h2{ + margin-bottom: 0.78787878787879em; +} + +h3,.h3{ + margin-bottom: 1.04em; + strong{ + font-weight: 400; + } +} + +blockquote{ + &:not(:last-child){ + margin-bottom: 1.04em; + } + font-family: 'Merriweather', serif; + font-style: italic; + font-weight: 300; + > p{ + font-size: 1em !important; + } +} + +h4,.h4{ + margin-bottom: 1.36842105263158em; + font-weight: 400; + &.inline-block{ + +.h4{ + &.inline-block:not(.typed-text){ + margin-left: 0.68421052631579em; + } + } + } +} + +h5,.h5{ + font-weight: 600; + &:not(:last-child){ + margin-bottom: @base-line-height; + } +} + +h6,.h6{ + &:not(:last-child){ + margin-bottom: 2.16666666666667em; + } + font-weight: 700; + &.type--uppercase{ + letter-spacing: 1px; + margin-right: -1px; + } +} + +span{ + &.h1,&.h2,&.h3,&.h4,&.h5,&.h6{ + &:not(.inline-block){ + display: block; + } + } +} + +b{ + font-weight: 600; +} + +hr{ + border-color: #ECECEC; +} + +.bg--dark{ + hr{ + border-color: lighten(@color-dark, 20%) + } +} + +[class*='bg-']:not(.bg--white):not(.bg--secondary), [class*='imagebg']:not(.image--light){ + p{ + opacity: .9; + } +} + +.lead{ + font-weight: 400; + color: lighten(@color-body, 10%); + &:not(:last-child){ + margin-bottom: 1.36842105263158em; + } + +.btn{ + &:last-child{ + margin-top: @base-line-height/2; + } + } +} + +p{ + &:last-child{ + margin-bottom: 0; + } + strong{ + color: @color-dark; + } +} + +pre{ + padding: @base-line-height/2; + background: @color-bg-secondary; + border: 1px solid #ececec; + border-radius: 6px; + line-height: 20px; + max-height: 500px; +} + +.bg--secondary{ + > pre{ + background: darken(@color-bg-secondary, 2%); + border-color: #ddd; + } +} + +.text-block{ + margin-bottom: @base-line-height; + h2,.h2{ + margin-bottom: 0.3939393939394em; + } + h5,.h5{ + margin: 0; + } + h4,.h4{ + &:not(:last-child){ + margin-bottom: 0.3421052631579em; + } + } + h3,.h3{ + margin-bottom: 0.52em; + } +} + +@media all and (min-width: 768px){ + div[class*='col-']{ + .text-block{ + +.text-block{ + margin-top: @base-line-height*2; + } + } + } +} + +.heading-block{ + margin-bottom: @base-line-height*2; + h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ + margin-bottom: 0; + } +} \ No newline at end of file diff --git a/less/theme_components/utilities.less b/less/theme_components/utilities.less new file mode 100644 index 0000000..d54a5a0 --- /dev/null +++ b/less/theme_components/utilities.less @@ -0,0 +1,246 @@ +/*! -- Stack Utilties -- */ +.hidden { + display: none !important; + visibility: hidden !important; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline-block { + display: inline-block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-block { + display: block !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline { + display: inline !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm-inline-block { + display: inline-block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-block { + display: block !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md-inline-block { + display: inline-block !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg-block { + display: block !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline { + display: inline !important; + } +} +@media (min-width: 1200px) { + .visible-lg-inline-block { + display: inline-block !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +.visible-print-block { + display: none !important; +} +@media print { + .visible-print-block { + display: block !important; + } +} +.visible-print-inline { + display: none !important; +} +@media print { + .visible-print-inline { + display: inline !important; + } +} +.visible-print-inline-block { + display: none !important; +} +@media print { + .visible-print-inline-block { + display: inline-block !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +@media all and (min-width: 768px) and (max-width: 990px){ + .text-left-sm{ + text-align: left; + } + .text-right-sm{ + text-align: right; + } + .text-center-sm{ + text-align: center; + } +} +@media all and (max-width: 767px){ + .text-left-xs{ + text-align: left; + } + .text-right-xs{ + text-align: right; + } + .text-center-xs{ + text-align: center; + } +} \ No newline at end of file diff --git a/less/theme_components/videos.less b/less/theme_components/videos.less new file mode 100644 index 0000000..3a09596 --- /dev/null +++ b/less/theme_components/videos.less @@ -0,0 +1,112 @@ +/*! -- Stack Videos -- */ + +.video-play-icon{ + &:before{ + border-color: transparent transparent transparent @color-dark; + margin-top: -3px; + } +} + +.modal-instance{ + .video-play-icon{ + +span{ + position: relative; + display: inline-block; + margin-left: @base-line-height/2; + white-space: nowrap; + bottom: 22px; + } + &.video-play-icon--xs{ + +span{ + bottom: 8px; + margin-left: @base-line-height/4; + } + } + } +} + +.video-cover{ + background: @color-dark; + &.border--round{ + overflow: hidden; + iframe{ + border-radius: 6px; + } + } + &:not(:last-child){ + margin-bottom: @base-line-height; + } + +span.h4{ + +span{ + display: inline-block; + margin-left: @base-line-height/2; + } + } +} + +@media all and (min-width: 1025px){ + .video-cover{ + .video-play-icon{ + .transition(0.2s,ease-out); + &:hover{ + .box-shadow-wide; + .translate3d(-50%,-52%,0); + } + } + } +} + +.imagebg{ + .video-cover{ + .video-play-icon{ + z-index: 10; + } + } +} + +@media all and (min-width: 768px){ + h2{ + +.video-cover{ + margin-top: @base-line-height*2; + } + } +} + +@media all and (min-width: 768px){ + .video-1{ + .video-play-icon{ + margin-right: @base-line-height; + } + h2{ + display: inline-block; + position: relative; + bottom: 14px; + } + } + div[class*='col-sm-6']{ + .video-1{ + h2{ + bottom: 0; + display: block; + } + .video-play-icon{ + margin-bottom: @base-line-height/4; + } + } + } +} + +.video-1{ + h2{ + margin: 0; + } +} + +.imageblock__content{ + .modal-instance{ + position: absolute; + top: 50%; + left: 50%; + .translate3d(-50%,-50%,0); + } +} \ No newline at end of file diff --git a/less/theme_components/wizard.less b/less/theme_components/wizard.less new file mode 100644 index 0000000..bb74cff --- /dev/null +++ b/less/theme_components/wizard.less @@ -0,0 +1,167 @@ +/*! -- Stack Wizard -- */ + +.wizard{ + transition: opacity .3s ease; + opacity: 0; + &.active{ + opacity: 1; + } +} + +.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{ + background: @color-primary; + transition: all .3s ease; + padding: @base-line-height/4 @base-line-height; + font-size: 12px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 1px; + color: #fff; +} + +.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{ + background: none; + color: @color-dark; +} + +.wizard > .steps a{ + position: relative; + &:before{ + content: ''; + width: 15px; + height: 15px; + border-radius: 50%; + position: absolute; + left: 50%; + margin-left: -10px; + background: #eee; + display: block; + bottom: 0; + transition: all .2s ease; + } + &:after{ + content: ''; + position: absolute; + width: 100%; + bottom: 7px; + height: 2px; + background: #eee; + left: 0; + transition: all .2s ease; + } +} + +.wizard > .steps li{ + &:first-child{ + a{ + &:after{ + width: 50%; + left: 50%; + } + } + } + &:last-child{ + a{ + &:after{ + width: 50%; + } + } + } + &.current{ + a{ + &:after, &:before{ + background-color: @color-primary; + } + } + } +} + +.wizard > .steps a, .wizard > .steps a:hover{ + padding-bottom: @base-line-height*1.5; +} + +.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active, .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active{ + background: none; + color: @color-dark; +} + +.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{ + margin: 0; +} + +.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{ + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; +} + +.wizard > .steps > ul, .wizard > .actions{ + text-align: center; +} + +.wizard > .steps > ul > li, .wizard > .actions > ul > li{ + float: none; + display: inline-block; +} + +.wizard > section{ + padding: 0; +} + +.wizard > .content{ + background: @color-bg-secondary; + margin-top: @base-line-height; + margin-bottom: @base-line-height; + border: 1px solid #ececec; +} + +.wizard > .content > .body{ + padding: @base-line-height; + width: 100%; + height: 100%; +} + +.wizard > .steps .number{ + font-size: 1em; +} + +@media all and (max-width: 767px){ + .wizard > .steps .number{ + display: block; + } + .wizard > .content{ + min-height: 25em; + } + .wizard{ + .pos-vertical-center{ + top: 50%; + transform: translateY(-50%); + -wekbit-transform: translateY(-50%); + } + } +} + +.wizard{ + &.bg--white{ + background: none !important; + > .content{ + background: #fff; + } + } + > .content{ + img{ + max-height: 240px; + } + } +} + +@media all and (max-width: 767px){ + .wizard{ + > .content{ + img{ + max-height: 120px; + margin-bottom: @base-line-height/2; + } + } + } +} \ No newline at end of file diff --git a/mask_matter/1.gif b/mask_matter/1.gif deleted file mode 100644 index 79a64a0..0000000 Binary files a/mask_matter/1.gif and /dev/null differ diff --git a/misc/about.jpg b/misc/about.jpg deleted file mode 100644 index b96bab8..0000000 Binary files a/misc/about.jpg and /dev/null differ diff --git a/misc/about.png b/misc/about.png deleted file mode 100644 index 9617884..0000000 Binary files a/misc/about.png and /dev/null differ diff --git a/misc/about_hd.jpg b/misc/about_hd.jpg deleted file mode 100644 index 9617884..0000000 Binary files a/misc/about_hd.jpg and /dev/null differ diff --git a/misc/about_hd.png b/misc/about_hd.png deleted file mode 100644 index 9617884..0000000 Binary files a/misc/about_hd.png and /dev/null differ diff --git a/misc/ogimage.jpg b/misc/ogimage.jpg deleted file mode 100644 index c0c85e8..0000000 Binary files a/misc/ogimage.jpg and /dev/null differ diff --git a/video/video.mp4 b/video/video.mp4 new file mode 100644 index 0000000..2c2ed64 Binary files /dev/null and b/video/video.mp4 differ

Highly engaging live experiences and products that connect brands to customers

Watch Dogs 2

Redbull Kumite

Nosulus Rift

South Park Launch @TwitchCon

INTERACTIVE LIVE PRODUCTION STUDIO BASED IN PARIS

Twitch experts

Strategy & Storytelling

Productizing

Let's get in touch