");return b.inlineElement=e,e}return n.updateStatus("ready"),n._parseMarkup(c,{},b),c}}});var I,J=function(b){if(b.data&&b.data.title!==undefined)return b.data.title;var c=n.st.image.titleSrc;if(c){if(a.isFunction(c))return c.call(n,b);if(b.el)return b.el.attr(c)||""}return""};a.magnificPopup.registerModule("image",{options:{markup:'
',cursor:"mfp-zoom-out-cur",titleSrc:"title",verticalFit:!0,tError:'
The image could not be loaded.'},proto:{initImage:function(){var a=n.st.image,c=".image";n.types.push("image"),x(g+c,function(){n.currItem.type==="image"&&a.cursor&&s.addClass(a.cursor)}),x(b+c,function(){a.cursor&&s.removeClass(a.cursor),r.off("resize"+j)}),x("Resize"+c,n.resizeImage),n.isLowIE&&x("AfterChange",n.resizeImage)},resizeImage:function(){var a=n.currItem;if(!a||!a.img)return;if(n.st.image.verticalFit){var b=0;n.isLowIE&&(b=parseInt(a.img.css("padding-top"),10)+parseInt(a.img.css("padding-bottom"),10)),a.img.css("max-height",n.wH-b)}},_onImageHasSize:function(a){a.img&&(a.hasSize=!0,I&&clearInterval(I),a.isCheckingImgSize=!1,z("ImageHasSize",a),a.imgHidden&&(n.content&&n.content.removeClass("mfp-loading"),a.imgHidden=!1))},findImageSize:function(a){var b=0,c=a.img[0],d=function(e){I&&clearInterval(I),I=setInterval(function(){if(c.naturalWidth>0){n._onImageHasSize(a);return}b>200&&clearInterval(I),b++,b===3?d(10):b===40?d(50):b===100&&d(500)},e)};d(1)},getImage:function(b,c){var d=0,e=function(){b&&(b.img[0].complete?(b.img.off(".mfploader"),b===n.currItem&&(n._onImageHasSize(b),n.updateStatus("ready")),b.hasSize=!0,b.loaded=!0,z("ImageLoadComplete")):(d++,d<200?setTimeout(e,100):f()))},f=function(){b&&(b.img.off(".mfploader"),b===n.currItem&&(n._onImageHasSize(b),n.updateStatus("error",g.tError.replace("%url%",b.src))),b.hasSize=!0,b.loaded=!0,b.loadError=!0)},g=n.st.image,h=c.find(".mfp-img");if(h.length){var i=document.createElement("img");i.className="mfp-img",b.img=a(i).on("load.mfploader",e).on("error.mfploader",f),i.src=b.src,h.is("img")&&(b.img=b.img.clone()),i=b.img[0],i.naturalWidth>0?b.hasSize=!0:i.width||(b.hasSize=!1)}return n._parseMarkup(c,{title:J(b),img_replaceWith:b.img},b),n.resizeImage(),b.hasSize?(I&&clearInterval(I),b.loadError?(c.addClass("mfp-loading"),n.updateStatus("error",g.tError.replace("%url%",b.src))):(c.removeClass("mfp-loading"),n.updateStatus("ready")),c):(n.updateStatus("loading"),b.loading=!0,b.hasSize||(b.imgHidden=!0,c.addClass("mfp-loading"),n.findImageSize(b)),c)}}});var K,L=function(){return K===undefined&&(K=document.createElement("p").style.MozTransform!==undefined),K};a.magnificPopup.registerModule("zoom",{options:{enabled:!1,easing:"ease-in-out",duration:300,opener:function(a){return a.is("img")?a:a.find("img")}},proto:{initZoom:function(){var a=n.st.zoom,d=".zoom",e;if(!a.enabled||!n.supportsTransition)return;var f=a.duration,g=function(b){var c=b.clone().removeAttr("style").removeAttr("class").addClass("mfp-animated-image"),d="all "+a.duration/1e3+"s "+a.easing,e={position:"fixed",zIndex:9999,left:0,top:0,"-webkit-backface-visibility":"hidden"},f="transition";return e["-webkit-"+f]=e["-moz-"+f]=e["-o-"+f]=e[f]=d,c.css(e),c},h=function(){n.content.css("visibility","visible")},i,j;x("BuildControls"+d,function(){if(n._allowZoom()){clearTimeout(i),n.content.css("visibility","hidden"),e=n._getItemToZoom();if(!e){h();return}j=g(e),j.css(n._getOffset()),n.wrap.append(j),i=setTimeout(function(){j.css(n._getOffset(!0)),i=setTimeout(function(){h(),setTimeout(function(){j.remove(),e=j=null,z("ZoomAnimationEnded")},16)},f)},16)}}),x(c+d,function(){if(n._allowZoom()){clearTimeout(i),n.st.removalDelay=f;if(!e){e=n._getItemToZoom();if(!e)return;j=g(e)}j.css(n._getOffset(!0)),n.wrap.append(j),n.content.css("visibility","hidden"),setTimeout(function(){j.css(n._getOffset())},16)}}),x(b+d,function(){n._allowZoom()&&(h(),j&&j.remove(),e=null)})},_allowZoom:function(){return n.currItem.type==="image"},_getItemToZoom:function(){return n.currItem.hasSize?n.currItem.img:!1},_getOffset:function(b){var c;b?c=n.currItem.img:c=n.st.zoom.opener(n.currItem.el||n.currItem);var d=c.offset(),e=parseInt(c.css("padding-top"),10),f=parseInt(c.css("padding-bottom"),10);d.top-=a(window).scrollTop()-e;var g={width:c.width(),height:(p?c.innerHeight():c[0].offsetHeight)-f-e};return L()?g["-moz-transform"]=g.transform="translate("+d.left+"px,"+d.top+"px)":(g.left=d.left,g.top=d.top),g}}});var M="retina";a.magnificPopup.registerModule(M,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=n.st.retina,b=a.ratio;b=isNaN(b)?b():b,b>1&&(x("ImageHasSize."+M,function(a,c){c.img.css({"max-width":c.img[0].naturalWidth/b,width:"100%"})}),x("ElementParse."+M,function(c,d){d.src=a.replaceSrc(d,b)}))}}}}),function(){var b=1e3,c="ontouchstart"in window,d=function(){r.off("touchmove"+f+" touchend"+f)},e="mfpFastClick",f="."+e;a.fn.mfpFastClick=function(e){return a(this).each(function(){var g=a(this),h;if(c){var i,j,k,l,m,n;g.on("touchstart"+f,function(a){l=!1,n=1,m=a.originalEvent?a.originalEvent.touches[0]:a.touches[0],j=m.clientX,k=m.clientY,r.on("touchmove"+f,function(a){m=a.originalEvent?a.originalEvent.touches:a.touches,n=m.length,m=m[0];if(Math.abs(m.clientX-j)>10||Math.abs(m.clientY-k)>10)l=!0,d()}).on("touchend"+f,function(a){d();if(l||n>1)return;h=!0,a.preventDefault(),clearTimeout(i),i=setTimeout(function(){h=!1},b),e()})})}g.on("click"+f,function(){h||e()})})},a.fn.destroyMfpFastClick=function(){a(this).off("touchstart"+f+" click"+f),c&&r.off("touchmove"+f+" touchend"+f)}}(),B()})(window.jQuery||window.Zepto)
--------------------------------------------------------------------------------
/css/font-awesome/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
--------------------------------------------------------------------------------
/css/default.css:
--------------------------------------------------------------------------------
1 | /*
2 | =====================================================================
3 | * Ceevee v1.0 Default Stylesheet
4 | * url: styleshout.com
5 | * 03-17-2014
6 | =====================================================================
7 |
8 | TOC:
9 | a. Webfonts and Icon fonts
10 | b. Reset
11 | c. Default Styles
12 | 1. Basic
13 | 2. Typography
14 | 3. Links
15 | 4. Images
16 | 5. Buttons
17 | 6. Forms
18 | d. Grid
19 | e. Others
20 | 1. Clearing
21 | 2. Misc
22 |
23 | ===================================================================== */
24 |
25 | /* ------------------------------------------------------------------ */
26 | /* a. Webfonts and Icon fonts
27 | ------------------------------------------------------------------ */
28 |
29 | @import url("fonts.css");
30 | @import url("fontello/css/fontello.css");
31 | @import url("font-awesome/css/font-awesome.min.css");
32 |
33 | /* ------------------------------------------------------------------
34 | /* b. Reset
35 | Adapted from:
36 | Normalize.css - https://github.com/necolas/normalize.css/
37 | HTML5 Doctor Reset - html5doctor.com/html-5-reset-stylesheet/
38 | /* ------------------------------------------------------------------ */
39 |
40 | html, body, div, span, object, iframe,
41 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
42 | abbr, address, cite, code,
43 | del, dfn, em, img, ins, kbd, q, samp,
44 | small, strong, sub, sup, var,
45 | b, i,
46 | dl, dt, dd, ol, ul, li,
47 | fieldset, form, label, legend,
48 | table, caption, tbody, tfoot, thead, tr, th, td,
49 | article, aside, canvas, details, figcaption, figure,
50 | footer, header, hgroup, menu, nav, section, summary,
51 | time, mark, audio, video {
52 | margin: 0;
53 | padding: 0;
54 | border: 0;
55 | outline: 0;
56 | font-size: 100%;
57 | vertical-align: baseline;
58 | background: transparent;
59 | }
60 |
61 | article,aside,details,figcaption,figure,
62 | footer,header,hgroup,menu,nav,section {
63 | display: block;
64 | }
65 |
66 | audio,
67 | canvas,
68 | video {
69 | display: inline-block;
70 | }
71 |
72 | audio:not([controls]) {
73 | display: none;
74 | height: 0;
75 | }
76 |
77 | [hidden] { display: none; }
78 |
79 | code, kbd, pre, samp {
80 | font-family: monospace, serif;
81 | font-size: 1em;
82 | }
83 |
84 | pre {
85 | white-space: pre;
86 | white-space: pre-wrap;
87 | word-wrap: break-word;
88 | }
89 |
90 | blockquote, q { quotes: “ “ }
91 |
92 | blockquote:before, blockquote:after,
93 | q:before, q:after {
94 | content: '';
95 | content: none;
96 | }
97 |
98 | ins {
99 | background-color: #ff9;
100 | color: #000;
101 | text-decoration: none;
102 | }
103 |
104 | mark {
105 | background-color: #A7F4F6;
106 | color: #555;
107 | }
108 |
109 | del { text-decoration: line-through; }
110 |
111 | abbr[title], dfn[title] {
112 | border-bottom: 1px dotted;
113 | cursor: help;
114 | }
115 |
116 | table {
117 | border-collapse: collapse;
118 | border-spacing: 0;
119 | }
120 |
121 |
122 | /* ------------------------------------------------------------------ */
123 | /* c. Default and Basic Styles
124 | Adapted from:
125 | Skeleton CSS Framework - http://www.getskeleton.com/
126 | Typeplate Typographic Starter Kit - http://typeplate.com/
127 | /* ------------------------------------------------------------------ */
128 |
129 | /* 1. Basic ------------------------------------------------------- */
130 |
131 | *,
132 | *:before,
133 | *:after {
134 | -moz-box-sizing: border-box;
135 | -webkit-box-sizing: border-box;
136 | box-sizing: border-box;
137 | }
138 |
139 | html {
140 | font-size: 62.5%;
141 | -webkit-font-smoothing: antialiased;
142 | }
143 |
144 | body {
145 | background: #fff;
146 | font-family: 'opensans-regular', sans-serif;
147 | font-weight: normal;
148 | font-size: 15px;
149 | line-height: 30px;
150 | color: #838C95;
151 |
152 | -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
153 | -webkit-text-size-adjust: 100%;
154 | }
155 |
156 | /* 2. Typography
157 | Vertical rhythm with leading derived from 6
158 | --------------------------------------------------------------------- */
159 |
160 | h1, h2, h3, h4, h5, h6 {
161 | color: #313131;
162 | font-family: 'opensans-bold', sans-serif;
163 | font-weight: normal;
164 | }
165 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
166 | h1 { font-size: 38px; line-height: 42px; margin-bottom: 12px; letter-spacing: -1px; }
167 | h2 { font-size: 28px; line-height: 36px; margin-bottom: 6px; }
168 | h3 { font-size: 22px; line-height: 30px; margin-bottom: 12px; }
169 | h4 { font-size: 20px; line-height: 30px; margin-bottom: 6px; }
170 | h5 { font-size: 18px; line-height: 30px; }
171 | h6 { font-size: 14px; line-height: 30px; }
172 | .subheader { }
173 |
174 | p { margin: 0 0 30px 0; }
175 | p img { margin: 0; }
176 | p.lead {
177 | font: 19px/36px 'opensans-light', sans-serif;
178 | margin-bottom: 18px;
179 | }
180 |
181 | /* for 'em' and 'strong' tags, font-size and line-height should be same with
182 | the body tag due to rendering problems in some browsers */
183 | em { font: 15px/30px 'opensans-italic', sans-serif; }
184 | strong, b { font: 15px/30px 'opensans-bold', sans-serif; }
185 | small { font-size: 11px; line-height: inherit; }
186 |
187 | /* Blockquotes */
188 | blockquote {
189 | margin: 30px 0px;
190 | padding-left: 40px;
191 | position: relative;
192 | }
193 | blockquote:before {
194 | content: "\201C";
195 | opacity: 0.45;
196 | font-size: 80px;
197 | line-height: 0px;
198 | margin: 0;
199 | font-family: arial, sans-serif;
200 |
201 | position: absolute;
202 | top: 30px;
203 | left: 0;
204 | }
205 | blockquote p {
206 | font-family: 'librebaskerville-italic', serif;
207 | padding: 0;
208 | font-size: 18px;
209 | line-height: 36px;
210 | }
211 | blockquote cite {
212 | display: block;
213 | font-size: 12px;
214 | font-style: normal;
215 | line-height: 18px;
216 | }
217 | blockquote cite:before { content: "\2014 \0020"; }
218 | blockquote cite a,
219 | blockquote cite a:visited { color: #8B9798; border: none }
220 |
221 | .keyword {
222 | color: #2B2B2B;
223 | background: #eee;
224 | padding: 1px 3px;
225 | border-radius: 3px;
226 | }
227 |
228 |
229 | /* ---------------------------------------------------------------------
230 | /* Pull Quotes Markup
231 | /*
232 |
237 | /*
238 | /* --------------------------------------------------------------------- */
239 | .pull-quote {
240 | position: relative;
241 | padding: 18px 30px 18px 0px;
242 | }
243 | .pull-quote:before,
244 | .pull-quote:after {
245 | height: 1em;
246 | opacity: 0.45;
247 | position: absolute;
248 | font-size: 80px;
249 | font-family: Arial, Sans-Serif;
250 | }
251 | .pull-quote:before {
252 | content: "\201C";
253 | top: 33px;
254 | left: 0;
255 | }
256 | .pull-quote:after {
257 | content: '\201D';
258 | bottom: -33px;
259 | right: 0;
260 | }
261 | .pull-quote blockquote {
262 | margin: 0;
263 | }
264 | .pull-quote blockquote:before {
265 | content: none;
266 | }
267 |
268 | /* Abbreviations */
269 | abbr {
270 | font-family: 'opensans-bold', sans-serif;
271 | font-variant: small-caps;
272 | text-transform: lowercase;
273 | letter-spacing: .5px;
274 | color: gray;
275 | }
276 | abbr:hover { cursor: help; }
277 |
278 | /* drop cap */
279 | .drop-cap:first-letter {
280 | float: left;
281 | margin: 0;
282 | padding: 14px 6px 0 0;
283 | font-size: 84px;
284 | font-family: /* Copperplate */ 'opensans-bold', sans-serif;
285 | line-height: 60px;
286 | text-indent: 0;
287 | background: transparent;
288 | color: inherit;
289 | }
290 |
291 | hr { border: solid #E3E3E3; border-width: 1px 0 0; clear: both; margin: 11px 0 30px; height: 0; }
292 |
293 |
294 | /* 3. Links ------------------------------------------------------- */
295 |
296 | a, a:visited {
297 | outline: 0;
298 | color: #11ABB0;
299 |
300 | -webkit-transition: color .3s ease-in-out;
301 | -moz-transition: color .3s ease-in-out;
302 | -o-transition: color .3s ease-in-out;
303 | transition: color .3s ease-in-out;
304 | }
305 | a:hover, a:focus { color: #313131; }
306 | p a, p a:visited { line-height: inherit; }
307 |
308 |
309 | /* 4. List --------------------------------------------------------- */
310 |
311 | ul, ol { margin-bottom: 24px; margin-top: 12px; }
312 | ul { list-style: none outside; }
313 | ol { list-style: decimal; }
314 | ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
315 | ul.square { list-style: square outside; }
316 | ul.circle { list-style: circle outside; }
317 | ul.disc { list-style: disc outside; }
318 | ul ul, ul ol,
319 | ol ol, ol ul { margin: 6px 0 6px 30px; }
320 | ul ul li, ul ol li,
321 | ol ol li, ol ul li { margin-bottom: 6px; }
322 | li { line-height: 18px; margin-bottom: 12px; }
323 | ul.large li { }
324 | li p { }
325 |
326 | /* ---------------------------------------------------------------------
327 | /* Stats Tab Markup
328 |
329 |
332 |
333 | Extend this object into your markup.
334 | /*
335 | /* --------------------------------------------------------------------- */
336 | .stats-tabs {
337 | padding: 0;
338 | margin: 24px 0;
339 | }
340 | .stats-tabs li {
341 | display: inline-block;
342 | margin: 0 10px 18px 0;
343 | padding: 0 10px 0 0;
344 | border-right: 1px solid #ccc;
345 | }
346 | .stats-tabs li:last-child {
347 | margin: 0;
348 | padding: 0;
349 | border: none;
350 | }
351 | .stats-tabs li a {
352 | display: inline-block;
353 | font-size: 22px;
354 | font-family: 'opensans-bold', sans-serif;
355 | border: none;
356 | color: #313131;
357 | }
358 | .stats-tabs li a:hover {
359 | color:#11ABB0;
360 | }
361 | .stats-tabs li a b {
362 | display: block;
363 | margin: 6px 0 0 0;
364 | font-size: 13px;
365 | font-family: 'opensans-regular', sans-serif;
366 | color: #8B9798;
367 | }
368 |
369 | /* definition list */
370 | dl { margin: 12px 0; }
371 | dt { margin: 0; color:#11ABB0; }
372 | dd { margin: 0 0 0 20px; }
373 |
374 | /* Lining Definition Style Markup */
375 | .lining dt,
376 | .lining dd {
377 | display: inline;
378 | margin: 0;
379 | }
380 | .lining dt + dt:before,
381 | .lining dd + dt:before {
382 | content: "\A";
383 | white-space: pre;
384 | }
385 | .lining dd + dd:before {
386 | content: ", ";
387 | }
388 | .lining dd:before {
389 | content: ": ";
390 | margin-left: -0.2em;
391 | }
392 |
393 | /* Dictionary Definition Style Markup */
394 | .dictionary-style dt {
395 | display: inline;
396 | counter-reset: definitions;
397 | }
398 | .dictionary-style dt + dt:before {
399 | content: ", ";
400 | margin-left: -0.2em;
401 | }
402 | .dictionary-style dd {
403 | display: block;
404 | counter-increment: definitions;
405 | }
406 | .dictionary-style dd:before {
407 | content: counter(definitions, decimal) ". ";
408 | }
409 |
410 | /* Pagination */
411 | .pagination {
412 | margin: 36px auto;
413 | text-align: center;
414 | }
415 | .pagination ul li {
416 | display: inline-block;
417 | margin: 0;
418 | padding: 0;
419 | }
420 | .pagination .page-numbers {
421 | font: 15px/18px 'opensans-bold', sans-serif;
422 | display: inline-block;
423 | padding: 6px 10px;
424 | margin-right: 3px;
425 | margin-bottom: 6px;
426 | color: #6E757C;
427 | background-color: #E6E8EB;
428 |
429 | -webkit-transition: all 200ms ease-in-out;
430 | -moz-transition: all 200ms ease-in-out;
431 | -o-transition: all 200ms ease-in-out;
432 | -ms-transition: all 200ms ease-in-out;
433 | transition: all 200ms ease-in-out;
434 |
435 | -moz-border-radius: 3px;
436 | -webkit-border-radius: 3px;
437 | -khtml-border-radius: 3px;
438 | border-radius: 3px;
439 | }
440 | .pagination .page-numbers:hover {
441 | background: #838A91;
442 | color: #fff;
443 | }
444 | .pagination .current,
445 | .pagination .current:hover {
446 | background-color: #11ABB0;
447 | color: #fff;
448 | }
449 | .pagination .inactive,
450 | .pagination .inactive:hover {
451 | background-color: #E6E8EB;
452 | color: #A9ADB2;
453 | }
454 | .pagination .prev, .pagination .next {}
455 |
456 | /* 5. Images --------------------------------------------------------- */
457 |
458 | img {
459 | max-width: 100%;
460 | height: auto;
461 | }
462 | img.pull-right { margin: 12px 0px 0px 18px; }
463 | img.pull-left { margin: 12px 18px 0px 0px; }
464 |
465 | /* 6. Buttons --------------------------------------------------------- */
466 |
467 | .button,
468 | .button:visited,
469 | button,
470 | input[type="submit"],
471 | input[type="reset"],
472 | input[type="button"] {
473 | font: 16px/30px 'opensans-bold', sans-serif;
474 | background: #11ABB0;
475 | display: inline-block;
476 | text-decoration: none;
477 | letter-spacing: 0;
478 | color: #fff;
479 | padding: 12px 20px;
480 | margin-bottom: 18px;
481 | border: none;
482 | cursor: pointer;
483 | height: auto;
484 |
485 | -webkit-transition: all .2s ease-in-out;
486 | -moz-transition: all .2s ease-in-out;
487 | -o-transition: all .2s ease-in-out;
488 | -ms-transition: all .2s ease-in-out;
489 | transition: all .2s ease-in-out;
490 |
491 | -moz-border-radius: 3px;
492 | -webkit-border-radius: 3px;
493 | -khtml-border-radius: 3px;
494 | border-radius: 3px;
495 | }
496 |
497 | .button:hover,
498 | button:hover,
499 | input[type="submit"]:hover,
500 | input[type="reset"]:hover,
501 | input[type="button"]:hover {
502 | background: #3d4145;
503 | color: #fff;
504 | }
505 |
506 | .button:active,
507 | button:active,
508 | input[type="submit"]:active,
509 | input[type="reset"]:active,
510 | input[type="button"]:active {
511 | background: #3d4145;
512 | color: #fff;
513 | }
514 |
515 | .button.full-width,
516 | button.full-width,
517 | input[type="submit"].full-width,
518 | input[type="reset"].full-width,
519 | input[type="button"].full-width {
520 | width: 100%;
521 | padding-left: 0 !important;
522 | padding-right: 0 !important;
523 | text-align: center;
524 | }
525 |
526 | /* Fix for odd Mozilla border & padding issues */
527 | button::-moz-focus-inner,
528 | input::-moz-focus-inner {
529 | border: 0;
530 | padding: 0;
531 | }
532 |
533 |
534 | /* 7. Forms --------------------------------------------------------- */
535 |
536 | form { margin-bottom: 24px; }
537 | fieldset { margin-bottom: 24px; }
538 |
539 | input[type="text"],
540 | input[type="password"],
541 | input[type="email"],
542 | textarea,
543 | select {
544 | display: block;
545 | padding: 18px 15px;
546 | margin: 0 0 24px 0;
547 | border: 0;
548 | outline: none;
549 | vertical-align: middle;
550 | min-width: 225px;
551 | max-width: 100%;
552 | font-size: 15px;
553 | line-height: 24px;
554 | color: #647373;
555 | background: #D3D9D9;
556 |
557 | }
558 |
559 | /* select { padding: 0;
560 | width: 220px;
561 | } */
562 |
563 | input[type="text"]:focus,
564 | input[type="password"]:focus,
565 | input[type="email"]:focus,
566 | textarea:focus {
567 | color: #B3B7BC;
568 | background-color: #3d4145;
569 | }
570 |
571 | textarea { min-height: 220px; }
572 |
573 | label,
574 | legend {
575 | font: 16px/24px 'opensans-bold', sans-serif;
576 | margin: 12px 0;
577 | color: #3d4145;
578 | display: block;
579 | }
580 | label span,
581 | legend span {
582 | color: #8B9798;
583 | font: 14px/24px 'opensans-regular', sans-serif;
584 | }
585 |
586 | input[type="checkbox"],
587 | input[type="radio"] {
588 | font-size: 15px;
589 | color: #737373;
590 | }
591 |
592 | input[type="checkbox"] { display: inline; }
593 |
594 | /* ------------------------------------------------------------------ */
595 | /* d. Grid
596 | ---------------------------------------------------------------------
597 | gutter = 40px.
598 | /* ------------------------------------------------------------------ */
599 |
600 | /* default
601 | --------------------------------------------------------------- */
602 | .row {
603 | width: 96%;
604 | max-width: 1020px;
605 | margin: 0 auto;
606 | }
607 | /* fixed width for IE8 */
608 | .ie .row { width: 1000px ; }
609 |
610 | .narrow .row { max-width: 980px; }
611 |
612 | .row .row { width: auto; max-width: none; margin: 0 -20px; }
613 |
614 | /* row clearing */
615 | .row:before,
616 | .row:after {
617 | content: " ";
618 | display: table;
619 | }
620 | .row:after {
621 | clear: both;
622 | }
623 |
624 | .column, .columns {
625 | position: relative;
626 | padding: 0 20px;
627 | min-height: 1px;
628 | float: left;
629 | }
630 | .column.centered, .columns.centered {
631 | float: none;
632 | margin: 0 auto;
633 | }
634 |
635 | /* removed gutters */
636 | .row.collapsed > .column,
637 | .row.collapsed > .columns,
638 | .column.collapsed, .columns.collapsed { padding: 0; }
639 |
640 | [class*="column"] + [class*="column"]:last-child { float: right; }
641 | [class*="column"] + [class*="column"].end { float: right; }
642 |
643 | /* column widths */
644 | .row .one { width: 8.33333%; }
645 | .row .two { width: 16.66667%; }
646 | .row .three { width: 25%; }
647 | .row .four { width: 33.33333%; }
648 | .row .five { width: 41.66667%; }
649 | .row .six { width: 50%; }
650 | .row .seven { width: 58.33333%; }
651 | .row .eight { width: 66.66667%; }
652 | .row .nine { width: 75%; }
653 | .row .ten { width: 83.33333%; }
654 | .row .eleven { width: 91.66667%; }
655 | .row .twelve { width: 100%; }
656 |
657 | /* Offsets */
658 | .row .offset-1 { margin-left: 8.33333%; }
659 | .row .offset-2 { margin-left: 16.66667%; }
660 | .row .offset-3 { margin-left: 25%; }
661 | .row .offset-4 { margin-left: 33.33333%; }
662 | .row .offset-5 { margin-left: 41.66667%; }
663 | .row .offset-6 { margin-left: 50%; }
664 | .row .offset-7 { margin-left: 58.33333%; }
665 | .row .offset-8 { margin-left: 66.66667%; }
666 | .row .offset-9 { margin-left: 75%; }
667 | .row .offset-10 { margin-left: 83.33333%; }
668 | .row .offset-11 { margin-left: 91.66667%; }
669 |
670 | /* Push/Pull */
671 | .row .push-1 { left: 8.33333%; }
672 | .row .pull-1 { right: 8.33333%; }
673 | .row .push-2 { left: 16.66667%; }
674 | .row .pull-2 { right: 16.66667%; }
675 | .row .push-3 { left: 25%; }
676 | .row .pull-3 { right: 25%; }
677 | .row .push-4 { left: 33.33333%; }
678 | .row .pull-4 { right: 33.33333%; }
679 | .row .push-5 { left: 41.66667%; }
680 | .row .pull-5 { right: 41.66667%; }
681 | .row .push-6 { left: 50%; }
682 | .row .pull-6 { right: 50%; }
683 | .row .push-7 { left: 58.33333%; }
684 | .row .pull-7 { right: 58.33333%; }
685 | .row .push-8 { left: 66.66667%; }
686 | .row .pull-8 { right: 66.66667%; }
687 | .row .push-9 { left: 75%; }
688 | .row .pull-9 { right: 75%; }
689 | .row .push-10 { left: 83.33333%; }
690 | .row .pull-10 { right: 83.33333%; }
691 | .row .push-11 { left: 91.66667%; }
692 | .row .pull-11 { right: 91.66667%; }
693 |
694 | /* block grids
695 | --------------------------------------------------------------------- */
696 | .bgrid-sixths [class*="column"] { width: 16.66667%; }
697 | .bgrid-quarters [class*="column"] { width: 25%; }
698 | .bgrid-thirds [class*="column"] { width: 33.33333%; }
699 | .bgrid-halves [class*="column"] { width: 50%; }
700 |
701 | [class*="bgrid"] [class*="column"] + [class*="column"]:last-child { float: left; }
702 |
703 | /* Left clearing for block grid columns - columns that changes width in
704 | different screen sizes. Allows columns with different heights to align
705 | properly.
706 | --------------------------------------------------------------------- */
707 | .first { clear: left; } /* first column in default screen */
708 | .s-first { clear: none; } /* first column in smaller screens */
709 |
710 | /* smaller screens
711 | --------------------------------------------------------------- */
712 | @media only screen and (max-width: 900px) {
713 |
714 | /* block grids on small screens */
715 | .s-bgrid-sixths [class*="column"] { width: 16.66667%; }
716 | .s-bgrid-quarters [class*="column"] { width: 25%; }
717 | .s-bgrid-thirds [class*="column"] { width: 33.33333%; }
718 | .s-bgrid-halves [class*="column"] { width: 50%; }
719 |
720 | /* block grids left clearing */
721 | .first { clear: none; }
722 | .s-first { clear: left; }
723 |
724 | }
725 |
726 | /* mobile wide/smaller tablets
727 | --------------------------------------------------------------- */
728 | @media only screen and (max-width: 767px) {
729 |
730 | .row {
731 | width: 460px;
732 | margin: 0 auto;
733 | padding: 0;
734 | }
735 | .column, .columns {
736 | width: auto !important;
737 | float: none;
738 | margin-left: 0;
739 | margin-right: 0;
740 | padding: 0 30px;
741 | }
742 | .row .row { width: auto; max-width: none; margin: 0 -30px; }
743 |
744 | [class*="column"] + [class*="column"]:last-child { float: none; }
745 | [class*="bgrid"] [class*="column"] + [class*="column"]:last-child { float: none; }
746 |
747 | /* Offsets */
748 | .row .offset-1 { margin-left: 0%; }
749 | .row .offset-2 { margin-left: 0%; }
750 | .row .offset-3 { margin-left: 0%; }
751 | .row .offset-4 { margin-left: 0%; }
752 | .row .offset-5 { margin-left: 0%; }
753 | .row .offset-6 { margin-left: 0%; }
754 | .row .offset-7 { margin-left: 0%; }
755 | .row .offset-8 { margin-left: 0%; }
756 | .row .offset-9 { margin-left: 0%; }
757 | .row .offset-10 { margin-left: 0%; }
758 | .row .offset-11 { margin-left: 0%; }
759 | }
760 |
761 | /* mobile narrow
762 | --------------------------------------------------------------- */
763 | @media only screen and (max-width: 460px) {
764 |
765 | .row { width: auto; }
766 |
767 | }
768 |
769 | /* larger screens
770 | --------------------------------------------------------------- */
771 | @media screen and (min-width: 1200px) {
772 |
773 | .wide .row { max-width: 1180px; }
774 |
775 | }
776 |
777 | /* ------------------------------------------------------------------ */
778 | /* e. Others
779 | /* ------------------------------------------------------------------ */
780 |
781 | /* 1. Clearing
782 | (http://nicolasgallagher.com/micro-clearfix-hack/
783 | --------------------------------------------------------------------- */
784 |
785 | .cf:before,
786 | .cf:after {
787 | content: " ";
788 | display: table;
789 | }
790 | .cf:after {
791 | clear: both;
792 | }
793 |
794 | /* 2. Misc -------------------------------------------------------- */
795 |
796 | .remove-bottom { margin-bottom: 0 !important; }
797 | .half-bottom { margin-bottom: 12px !important; }
798 | .add-bottom { margin-bottom: 24px !important; }
799 | .no-border { border: none; }
800 |
801 | .text-center { text-align: center !important; }
802 | .text-left { text-align: left !important; }
803 | .text-right { text-align: right !important; }
804 | .pull-left { float: left !important; }
805 | .pull-right { float: right !important; }
806 | .align-center {
807 | margin-left: auto !important;
808 | margin-right: auto !important;
809 | text-align: center !important;
810 | }
811 |
--------------------------------------------------------------------------------