From 7ac2a1263e7886c0ac24707874f1b513ff0d3883 Mon Sep 17 00:00:00 2001 From: Michael Rose Date: Wed, 9 Mar 2016 15:11:34 -0500 Subject: [PATCH] Paginate posts for home page - Configurejekyll-paginate - Modify home page to include paginator loop - Add pagination include and basic styling - Add " - page #" to </tile> for SEO benefits --- _assets/css/_page.scss | 24 +++++++++++++ _config.yml | 3 +- _includes/pagination | 66 ++++++++++++++++++++++++++++++++++++ _includes/seo | 2 +- assets/css/main.css | 2 +- _pages/home.md => index.html | 9 ++--- 6 files changed, 99 insertions(+), 7 deletions(-) create mode 100644 _includes/pagination rename _pages/home.md => index.html (73%) diff --git a/_assets/css/_page.scss b/_assets/css/_page.scss index 73d4a362..3a224582 100644 --- a/_assets/css/_page.scss +++ b/_assets/css/_page.scss @@ -706,3 +706,27 @@ $button-size: 1.5rem; font-weight: bold; } } + +/* + Post pagination links + ========================================================================== */ + +.pagination { + padding-top: 0.5em; + border-top: 1px solid lighten($black,70); + ul { + margin: 0; + padding: 0; + list-style-type: none; + } + li { + display: inline-block; + } + li + li:before { + content: ""; + padding-right: 10px; + } + .current { + font-weight: bold; + } +} \ No newline at end of file diff --git a/_config.yml b/_config.yml index 32ed7901..e5129bbe 100644 --- a/_config.yml +++ b/_config.yml @@ -173,7 +173,8 @@ gems: # Outputting permalink: /:categories/:title/ -paginate_path: /page:num +paginate: 5 # amount of posts to show +paginate_path: /page:num/ timezone: America/New_York # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones # HTML Compression diff --git a/_includes/pagination b/_includes/pagination new file mode 100644 index 00000000..ac3bafc0 --- /dev/null +++ b/_includes/pagination @@ -0,0 +1,66 @@ +{% include base_path %} + +{% if paginator.total_pages > 1 %} +<nav class="pagination"> + <ul> + {% comment %} Link for previous page {% endcomment %} + {% if paginator.previous_page %} + {% if paginator.previous_page == 1 %} + <li><a href="{{ base_path }}/" class="btn">Previous</a></li> + {% else %} + <li><a href="{{ base_path }}/page{{ paginator.previous_page }}/" class="btn">Previous</a></li> + {% endif %} + {% endif %} + + {% comment %}First page{% endcomment %} + {% if paginator.page == 1 %} + <li><strong class="current">1</strong></li> + {% else %} + <li><a href="{{ base_path }}/">1</a></li> + {% endif %} + + {% assign page_start = 2 %} + {% if paginator.page > 4 %} + {% assign page_start = paginator.page | minus: 2 %} + {% comment %} Ellipsis for truncated links {% endcomment %} + <li>…</li> + {% endif %} + + {% assign page_end = paginator.total_pages | minus: 1 %} + {% assign pages_to_end = paginator.total_pages | minus: paginator.page %} + {% if pages_to_end > 4 %} + {% assign page_end = paginator.page | plus: 2 %} + {% endif %} + + {% for index in (page_start..page_end) %} + {% if index == paginator.page %} + <li><strong class="current">{{ index }}</strong></li> + {% else %} + {% comment %} Distance from current page and this link {% endcomment %} + {% assign dist = paginator.page | minus: index %} + {% if dist < 0 %} + {% comment %} Distance must be a positive value {% endcomment %} + {% assign dist = 0 | minus: dist %} + {% endif %} + <li><a href="{{ base_path }}/page{{ index }}/">{{ index }}</a></li> + {% endif %} + {% endfor %} + + {% comment %}Ellipsis for truncated links{% endcomment %} + {% if pages_to_end > 3 %} + <li>…</li> + {% endif %} + + {% if paginator.page == paginator.total_pages %} + <li><strong class="current">{{ paginator.page }}</strong></li> + {% else %} + <li><a href="{{ base_path }}/page{{ paginator.total_pages }}/">{{ paginator.total_pages }}</a></li> + {% endif %} + + {% comment %}Link next page{% endcomment %} + {% if paginator.next_page %} + <li><a href="{{ base_path }}/page{{ paginator.next_page }}/" class="btn">Next</a></li> + {% endif %} + </ul> +</nav> +{% endif %} \ No newline at end of file diff --git a/_includes/seo b/_includes/seo index afeee5be..85d84b6a 100644 --- a/_includes/seo +++ b/_includes/seo @@ -16,7 +16,7 @@ {% assign canonical_url = page.url | replace: "index.html", "" | prepend: site.url %} {% endif %} -<title>{{ seo_title | default: site.title }} +{{ seo_title | default: site.title }}{% if paginator %}{% unless paginator.page == 1 %} {{ site.title_separator }} page {{ paginator.page }}{% endunless %}{% endif %} {% assign seo_description = page.description | default: page.excerpt | default: site.description %} {% if seo_description %} diff --git a/assets/css/main.css b/assets/css/main.css index 3f4d13b9..e90bb3fb 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,4 +1,4 @@ -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;width:100%}::-moz-selection{background-color:#dadada;color:#343434;text-shadow:none}::selection{background-color:#dadada;color:#343434;text-shadow:none}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.image-pull-right{float:right;margin-top:0}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.unstyled-list{list-style:none;margin-left:0;padding-left:0}.unstyled-list li{list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{transition:all 0.2s ease}h1,h2,h3,h4,h5,h6{font-family:"PT Sans Narrow",sans-serif}h1{font-size:32px;font-size:2rem;line-height:0.8125;margin-bottom:26px;margin-bottom:1.625rem}h2{font-size:28px;font-size:1.75rem;line-height:0.9286;margin-bottom:26px;margin-bottom:1.625rem}h3{font-size:24px;font-size:1.5rem;line-height:1.0833;margin-bottom:26px;margin-bottom:1.625rem}h4{font-size:18px;font-size:1.125rem;line-height:1.4444;margin-bottom:26px;margin-bottom:1.625rem}h5{font-size:16px;font-size:1rem;line-height:1.625;margin-bottom:26px;margin-bottom:1.625rem}h6{font-size:14px;font-size:0.875rem;line-height:1.8571;margin-bottom:26px;margin-bottom:1.625rem}a{text-decoration:none;color:#343434}a:visited{color:#4e4e4e}a:hover{color:#1b1b1b}a:focus{outline:thin dotted;color:#343434}a:hover,a:active{outline:0}figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.8571;line-height:1.3;color:#4d4d4b}.image-caption{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;display:block;text-align:right;font-size:12px;font-size:0.75rem;line-height:2.1667;line-height:1.3;font-style:italic;color:#80807e}@media only screen and (min-width: 37.5em){.image-caption{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 86.375em){.image-caption{display:inline;float:left;width:70.83333%}}.image-caption a{color:#80807e}.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:14px;font-size:0.875rem;background-color:#fff;border:1px solid #ccc;border-radius:3px}blockquote{margin-left:-28px;padding-left:20px;border-left:8px solid #333332;font-family:"PT Serif",serif;font-style:italic}.footnotes ol,.footnotes li,.footnotes p{margin-bottom:0;font-size:14px;font-size:0.875rem}p{margin:0 0 1.625rem}p+p{text-indent:1.625rem;margin-top:-1.625rem}tt,code,kbd,samp,pre{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace}p code,li code{font-size:12px;font-size:0.75rem;line-height:1.5;margin:0 2px;padding:0 5px;border:1px solid #f7f7f7;background-color:#efefef;border-radius:3px}pre{font-size:12px;font-size:0.75rem;line-height:1.5;overflow-x:auto}pre.highlight{padding:1em}.highlight{background-color:#efefef;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:12px;font-size:0.75rem;line-height:1.5;color:#333332;margin-bottom:1.5em;border-radius:4px}.highlight pre{position:relative;margin:0;padding:1em}.highlight .lineno{padding-right:24px;color:#b3b3b1}.highlight .hll{background-color:#ffffcc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#d01040}.highlight .na{color:#008080}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#009999}.CodeRay{background-color:#efefef;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:12px;font-size:0.75rem;line-height:2.1667;color:#333332;margin-bottom:1.5em;border-radius:4px}.CodeRay pre{margin:0px;padding:1em}span.CodeRay{white-space:pre;border:0px;padding:2px}table.CodeRay{border-collapse:collapse;width:100%;padding:2px}table.CodeRay td{padding:1em 0.5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{background-color:#ECECEC;color:#AAA;text-align:right}.CodeRay .line-numbers a{color:#AAA}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:red}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:#fff !important;background:blue !important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{color:#509;font-weight:bold}.CodeRay .comment{color:#998;font-style:italic}.CodeRay .char{color:#04D}.CodeRay .char .content{color:#04D}.CodeRay .char .delimiter{color:#039}.CodeRay .class{color:#458;font-weight:bold}.CodeRay .complex{color:#A08;font-weight:bold}.CodeRay .constant{color:teal}.CodeRay .color{color:#0A0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{color:#099;font-weight:bold}.CodeRay .directive{color:#088;font-weight:bold}.CodeRay .delimiter{color:black}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{color:#D42;font-weight:bold}.CodeRay .escape{color:#666;font-weight:bold}.CodeRay .entity{color:#800;font-weight:bold}.CodeRay .error{color:#F00;background-color:#FAA}.CodeRay .exception{color:#C00;font-weight:bold}.CodeRay .filename{color:#099}.CodeRay .function{color:#900;font-weight:bold}.CodeRay .global-variable{color:teal;font-weight:bold}.CodeRay .hex{color:#058;font-weight:bold}.CodeRay .integer{color:#099}.CodeRay .include{color:#B44;font-weight:bold}.CodeRay .inline{color:black}.CodeRay .inline .inline{background:#ccc}.CodeRay .inline .inline .inline{background:#bbb}.CodeRay .inline .inline-delimiter{color:#D14}.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:#f00}.CodeRay .interpreted{color:#B2B;font-weight:bold}.CodeRay .instance-variable{color:teal}.CodeRay .label{color:#970;font-weight:bold}.CodeRay .local-variable{color:#963}.CodeRay .octal{color:#40E;font-weight:bold}.CodeRay .predefined-constant{font-weight:bold}.CodeRay .predefined{color:#369;font-weight:bold}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{color:#00C;font-weight:bold}.CodeRay .predefined-type{color:#074;font-weight:bold}.CodeRay .reserved,.keyword{color:#000;font-weight:bold}.CodeRay .key{color:#808}.CodeRay .key .delimiter{color:#606}.CodeRay .key .char{color:#80f}.CodeRay .value{color:#088}.CodeRay .regexp{background-color:#fff0ff}.CodeRay .regexp .content{color:#808}.CodeRay .regexp .delimiter{color:#404}.CodeRay .regexp .modifier{color:#C2C}.CodeRay .regexp .function{color:#404;font-weight:bold}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .string .content{color:#D14}.CodeRay .string .char{color:#D14}.CodeRay .string .delimiter{color:#D14}.CodeRay .shell{color:#D14}.CodeRay .shell .delimiter{color:#D14}.CodeRay .symbol{color:#990073}.CodeRay .symbol .content{color:#A60}.CodeRay .symbol .delimiter{color:#630}.CodeRay .tag{color:#070}.CodeRay .tag-special{color:#D70;font-weight:bold}.CodeRay .type{color:#339;font-weight:bold}.CodeRay .variable{color:#036}.CodeRay .insert{background:#afa}.CodeRay .delete{background:#faa}.CodeRay .change{color:#aaf;background:#007}.CodeRay .head{color:#f8f;background:#505}.CodeRay .insert .insert{color:#080;font-weight:bold}.CodeRay .delete .delete{color:#800;font-weight:bold}.CodeRay .change .change{color:#66f}.CodeRay .head .head{color:#f4f}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{margin-bottom:1.625rem}article img{max-width:100%;height:auto;border-width:0;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}.half{margin:0 auto;width:100%;*zoom:1}.half:before,.half:after{display:table;content:"";line-height:0}.half:after{clear:both}@media only screen and (min-width: 30em){.half img{display:inline;float:left;width:50%}.half figcaption{display:inline;float:left;width:100%}}.third{margin:0 auto;width:100%;*zoom:1}.third:before,.third:after{display:table;content:"";line-height:0}.third:after{clear:both}@media only screen and (min-width: 30em){.third img{display:inline;float:left;width:33.33333%}.third figcaption{display:inline;float:left;width:100%}}.btn,#goog-wm-sb{display:inline-block;margin-bottom:20px;padding:8px 20px;font-size:14px;font-size:0.875rem;font-family:"PT Sans Narrow",sans-serif;font-weight:700;background-color:#111;color:#fff;border-width:2px !important;border-style:solid !important;border-color:#111;text-decoration:none !important;border-radius:3px}.btn:visited,#goog-wm-sb:visited{color:#fff}.btn:hover,#goog-wm-sb:hover{background-color:#fff;color:#111}.btn-success{background-color:#5cb85c;color:#fff;border-color:#5cb85c}.btn-success:visited{color:#fff}.btn-success:hover{background-color:#fff;color:#5cb85c}.btn-warning{background-color:#dd8338;color:#fff;border-color:#dd8338}.btn-warning:visited{color:#fff}.btn-warning:hover{background-color:#fff;color:#dd8338}.btn-danger{background-color:#C64537;color:#fff;border-color:#C64537}.btn-danger:visited{color:#fff}.btn-danger:hover{background-color:#fff;color:#C64537}.btn-info{background-color:#308cbc;color:#fff;border-color:#308cbc}.btn-info:visited{color:#fff}.btn-info:hover{background-color:#fff;color:#308cbc}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}btnform{margin:0 0 5px 0}btnform fieldset{margin-bottom:5px;padding:0;border-width:0}btnform legend{display:block;width:100%;margin-bottom:10px;*margin-left:-7px;padding:0;color:#333332;border:0;border-bottom:1px solid #ddd;white-space:normal}btnform p{margin-bottom:5px / 2}btnform ul{list-style-type:none;margin:0 0 5px 0;padding:0}btnform br{display:none}label,input,button,select,textarea{vertical-align:baseline;*vertical-align:middle}input,button,select,textarea{font-family:"PT Serif",serif;-ms-box-sizing:border-box;box-sizing:border-box}label{display:block;margin-bottom:10px / 8;font-weight:bold;color:#333332;cursor:pointer}label input,label textarea,label select{display:block}input,textarea,select{display:inline-block;width:100%;padding:4px;margin-bottom:5px / 4;background-color:#fff;border:1px solid #ddd;color:#333332}input:hover,textarea:hover,select:hover{border-color:#919191}.input-mini{width:60px}.input-small{width:90px}input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;border-radius:0;border:0 \9}input[type="checkbox"],input[type="radio"]{-ms-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="image"]{border:0;box-shadow:none}input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;box-shadow:none}input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;cursor:pointer;*overflow:visible}select,input[type="file"]{*margin-top:4px}select{width:auto;background-color:#fff}select[multiple],select[size]{height:auto}textarea{resize:vertical;overflow:auto;height:auto;overflow:auto;vertical-align:top}input[type="hidden"]{display:none}.radio,.checkbox{padding-left:18px;font-weight:normal}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{opacity:0.5;cursor:not-allowed}input:focus,textarea:focus{border-color:#111;outline:0;outline:thin dotted \9}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{box-shadow:none}.help-block,.help-inline{color:#919191}.help-block{display:block;margin-bottom:1em;line-height:1em}.help-inline{display:inline-block;vertical-align:middle;padding-left:5px}.form-inline input,.form-inline textarea,.form-inline select{display:inline-block;margin-bottom:0}.form-inline label{display:inline-block}.form-inline .radio,.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px}.form-search input,.form-search textarea,.form-search select{display:inline-block;margin-bottom:0}.form-search .search-query{padding-left:14px;padding-right:14px;margin-bottom:0;border-radius:14px}.form-search label{display:inline-block}.form-search .radio,.form-search .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px}body{background-color:#fff;font-family:"PT Serif",serif;color:#333332}.navigation-wrapper{margin:0 auto;width:100%;padding:2em 0 1em;font-family:"PT Sans Narrow",sans-serif;font-weight:700;text-transform:uppercase;*zoom:1}.navigation-wrapper:before,.navigation-wrapper:after{display:table;content:"";line-height:0}.navigation-wrapper:after{clear:both}.site-name{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:1em;float:none;display:block;font-size:24px;font-size:1.5rem}@media only screen and (min-width: 37.5em){.site-name{display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%;font-size:16px;font-size:1rem}}@media only screen and (min-width: 86.375em){.site-name{display:inline;float:left;width:12.5%;margin-left:16.66667%}}.top-navigation{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:1em;float:none;display:block}@media only screen and (min-width: 37.5em){.top-navigation{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 86.375em){.top-navigation{display:inline;float:left;width:66.66667%}}.top-navigation ul{margin:0;padding:0;clear:both;list-style-type:none}.top-navigation li{display:block;list-style-type:none;border-bottom:1px solid #ddd;border-bottom:1px solid fade(#111, 10);font-size:16px;font-size:1rem}.top-navigation li:last-child{border-bottom:0 solid transparent}@media only screen and (min-width: 37.5em){.top-navigation li{display:inline;margin-right:25px;white-space:nowrap;border-bottom:0 solid transparent}}.top-navigation li a{display:block;padding:10px 0;decoration:none;border-bottom:0 solid transparent;transition:all 0.2s}@media only screen and (min-width: 37.5em){.top-navigation li a{display:inline;padding:0}}.navicon-lines-button{padding:0.375rem 0.75rem;transition:.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0.21429rem}.navicon-lines-button:hover{opacity:1}.navicon-lines-button:active{transition:0}.navicon-lines{margin-right:10px;margin-bottom:0.3rem;display:inline-block;width:1.5rem;height:0.21429rem;background:#fff;border-radius:0.10714rem;transition:.3s;position:relative}.navicon-lines:before,.navicon-lines:after{display:inline-block;width:1.5rem;height:0.21429rem;background:#fff;border-radius:0.10714rem;transition:.3s;position:absolute;left:0;content:'';-webkit-transform-origin:0.10714rem center;transform-origin:0.10714rem center}.navicon-lines:before{top:0.375rem}.navicon-lines:after{top:-0.375rem}.navicon-lines-button:hover{opacity:1}.navicon-lines-button:hover .navicon-lines:before{top:0.42857rem}.navicon-lines-button:hover .navicon-lines:after{top:-0.42857rem}.navicon-lines-button.x.active .navicon-lines{background:transparent}.navicon-lines-button.x.active .navicon-lines:before,.navicon-lines-button.x.active .navicon-lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:1.5rem}.navicon-lines-button.x.active .navicon-lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}.navicon-lines-button.x.active .navicon-lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}.nav .navtoggle{font-size:18px;font-size:1.125rem;font-weight:normal;background-color:#111;color:#fff;border:none;cursor:pointer}@media only screen and (min-width: 37.5em){.nav .navtoggle{display:none}}.nav button{border:none;background:none}.navtoggle i{z-index:-1}.icon-menu{position:relative;top:3px;line-height:0}.no-js .nav .navtoggle{display:none}.no-js .nav ul{max-height:30em;overflow:hidden}.js .nav ul{max-height:0;overflow:hidden}@media only screen and (min-width: 37.5em){.js .nav ul{max-height:30em}}.js .nav .active+ul{max-height:30em;overflow:hidden;transition:max-height .4s}#main{counter-reset:captions;margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:2em}#main:before,#main:after{display:table;content:"";line-height:0}#main:after{clear:both}#main h1{margin-top:0}#main .post{margin:0 auto;width:100%;display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){#main .post{display:inline;float:left;width:66.66667%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 62em){#main .post{display:inline;float:left;width:50%}}@media only screen and (min-width: 86.375em){#main .post{display:inline;float:left;width:41.66667%}}.archive{margin:0 auto;width:100%;display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){.archive{display:inline;float:left;width:66.66667%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 62em){.archive{display:inline;float:left;width:50%}}@media only screen and (min-width: 86.375em){.archive{display:inline;float:left;width:41.66667%}}.archive h3{margin:0;padding-bottom:.5em;font-size:28px;font-size:1.75rem;border-bottom:1px solid #c4c4c4}.archive article h2{margin-bottom:4px;font-size:20px;font-size:1.25rem}.archive article h2.link-post{margin-bottom:26px;margin-bottom:1.625rem}.archive article p{font-size:14px;font-size:0.875rem}.archive article p+p{text-indent:0}.image-wrap{position:relative;margin-bottom:2em;*zoom:1}.image-wrap:before,.image-wrap:after{display:table;content:"";line-height:0}.image-wrap:after{clear:both}.image-wrap:after{content:" ";display:block;position:absolute;bottom:0;left:8%;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}@media only screen and (min-width: 37.5em){.image-wrap:after{left:25%}}@media only screen and (min-width: 62em){.image-wrap:after{border-width:20px}}@media only screen and (min-width: 86.375em){.image-wrap:after{left:33.333333333%}}.image-wrap img{width:100%;height:auto;-ms-interpolation-mode:bicubic}.byline{clear:both;font-size:80%}.sidebar{display:none}.sidebar a,.sidebar a:hover{border-bottom:0 solid transparent}.sidebar img{width:100%}@media only screen and (min-width: 37.5em){.sidebar{display:block;display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%}}@media only screen and (min-width: 86.375em){.sidebar{display:inline;float:left;width:12.5%;margin-left:16.66667%}}.author-name{margin-bottom:0}@media only screen and (min-width: 37.5em){.author-name{margin-top:10px;margin-bottom:10px}}.author-bio{font-size:80%;font-style:italic}@media only screen and (min-width: 37.5em){.author-bio{margin-bottom:20px}}.author-avatar{max-width:110px;border-radius:150px}.author-social{display:block;margin-bottom:5px;font-size:14px;font-size:0.875rem;color:#111}.author-social:visited{color:#111}.author-social:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.author-social:active{-webkit-transform:translate(0, 2px);transform:translate(0, 2px)}.author-social .fa{margin-right:5px}@media only screen and (min-width: 37.5em){display:block;max-width:125px}@media only screen and (min-width: 62em){.author-name,.author-avatar,.author-bio,.author-social{max-width:150px}}.article-wrap p>a,.article-wrap p>em>a,.article-wrap p>strong>a,.article-wrap li>a{text-decoration:underline}.toc{font-size:95%}@media only screen and (min-width: 62em){.toc{display:block;display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%;position:absolute;top:5.5em;right:0;background-color:#fff}}.toc header{background:#2b2b2b}.toc h3{margin:0;padding:5px 10px;color:#fff;font-size:16px;font-size:1rem;text-transform:uppercase}.toc h3:hover{cursor:pointer}.toc ul{margin:2px 0 0;padding:0;line-height:1}.toc li{display:block;margin:0 0 1px 0;padding:0;font-family:"PT Sans Narrow",sans-serif;list-style-type:none}.toc li:last-child{border-bottom-width:0}.toc li a{padding:10px;display:block;color:#fff;text-decoration:none;background:#5e5e5e;opacity:0.7;transition:opacity 0.2s ease-in-out}.toc li a:hover{opacity:1}.toc li ul{margin:1px 0 0}.toc li ul li a{padding-left:20px}#drawer{max-height:100%;overflow:hidden}#drawer.js-hidden{max-height:0}.image-grid{*zoom:1;list-style:none;margin:0 0 1em;padding:0}.image-grid:before,.image-grid:after{display:table;content:"";line-height:0}.image-grid:after{clear:both}.image-grid li{display:inline;float:left;width:50%}@media only screen and (min-width: 30em){.image-grid li{width:33.333333%}}@media only screen and (min-width: 37.5em){.image-grid li{width:25%}}@media only screen and (min-width: 48em){.image-grid li{width:20%}}@media only screen and (min-width: 62em){.image-grid li{width:16.666666666%}}.recent-grid{*zoom:1;list-style:none;margin:1em 0}.recent-grid:before,.recent-grid:after{display:table;content:"";line-height:0}.recent-grid:after{clear:both}.recent-grid li{display:inline}.recent-grid li a{border-bottom:0 solid transparent}.recent-grid li a:hover{border-bottom:0 solid transparent}.recent-grid img{width:19%;margin-bottom:1%}.social-share{margin-bottom:26px;margin-bottom:1.625rem}.social-share ul,.social-share li{margin:0;padding:0;list-style:none}.social-share li{display:inline-block}.social-share .facebook{background:#3b5998}.social-share .flickr{background:#ff0084}.social-share .foursquare{background:#0cbadf}.social-share .google-plus{background:#dd4b39}.social-share .instagram{background:#4e433c}.social-share .linkedin{background:#4875b4}.social-share .pinterest{background:#cb2027}.social-share .rss{background:#fa9b39}.social-share .tumblr{background:#2c4762}.social-share .twitter{background:#55acee}.social-share .vimeo{background:#1ab7ea}.social-share .youtube{background:#f33}.social-share a{display:block;padding:8px 20px;text-decoration:none !important;text-transform:uppercase;font-size:14px;font-size:0.875rem;font-family:"PT Sans Narrow",sans-serif;font-weight:700;color:#fff;opacity:0.8}.social-share a:hover{opacity:1}.social-share span{display:none}@media only screen and (min-width: 48em){.social-share span{display:inline;padding-left:5px}}.social-share h4{font-size:14px;font-size:0.875rem;margin-bottom:10px;text-transform:uppercase}.footer-wrap{margin:0 auto;width:100%;*zoom:1;clear:both;padding-bottom:3em}.footer-wrap:before,.footer-wrap:after{display:table;content:"";line-height:0}.footer-wrap:after{clear:both}.footer-wrap a,.footer-wrap a:active,.footer-wrap a:visited,.footer-wrap p,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6,.footer-wrap span{font-size:14px;font-size:0.875rem}.footer-wrap footer{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%}@media only screen and (min-width: 37.5em){.footer-wrap footer{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%}}@media only screen and (min-width: 86.375em){.footer-wrap footer{display:inline;float:left;width:37.5%;margin-left:33.33333%;margin-right:29.16667%}}.related-articles{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){.related-articles{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%}}@media only screen and (min-width: 86.375em){.related-articles{display:inline;float:left;width:37.5%;margin-left:33.33333%;margin-right:29.16667%}}.related-articles h4{text-transform:uppercase;margin-bottom:0}.related-articles li{margin-bottom:0}.browser-upgrade{background:#000;text-align:center;margin:0 0 2em 0;padding:10px;text-align:center;color:#fff}.browser-upgrade a{color:#fff;border-bottom:1px dotted #fff;text-decoration:none}.browser-upgrade a:hover{border-bottom:1px solid #fff}#goog-fixurl ul{list-style:none;margin-left:0;padding-left:0}#goog-fixurl ul li{list-style-type:none}#goog-wm-qt{width:auto;margin-right:10px;margin-bottom:20px;padding:8px 20px;display:inline-block;font-size:14px;font-size:0.875rem;background-color:#fff;color:#111;border-width:2px !important;border-style:solid !important;border-color:#919191;border-radius:3px}.breadcrumbs ol{padding:0;list-style:none}.breadcrumbs li{display:inline}.breadcrumbs .current{font-weight:bold}/*! +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;width:100%}::-moz-selection{background-color:#dadada;color:#343434;text-shadow:none}::selection{background-color:#dadada;color:#343434;text-shadow:none}.all-caps{text-transform:uppercase}.pull-left{float:left}.pull-right{float:right}.image-pull-right{float:right;margin-top:0}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.unstyled-list{list-style:none;margin-left:0;padding-left:0}.unstyled-list li{list-style-type:none}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a{transition:all 0.2s ease}h1,h2,h3,h4,h5,h6{font-family:"PT Sans Narrow",sans-serif}h1{font-size:32px;font-size:2rem;line-height:0.8125;margin-bottom:26px;margin-bottom:1.625rem}h2{font-size:28px;font-size:1.75rem;line-height:0.9286;margin-bottom:26px;margin-bottom:1.625rem}h3{font-size:24px;font-size:1.5rem;line-height:1.0833;margin-bottom:26px;margin-bottom:1.625rem}h4{font-size:18px;font-size:1.125rem;line-height:1.4444;margin-bottom:26px;margin-bottom:1.625rem}h5{font-size:16px;font-size:1rem;line-height:1.625;margin-bottom:26px;margin-bottom:1.625rem}h6{font-size:14px;font-size:0.875rem;line-height:1.8571;margin-bottom:26px;margin-bottom:1.625rem}a{text-decoration:none;color:#343434}a:visited{color:#4e4e4e}a:hover{color:#1b1b1b}a:focus{outline:thin dotted;color:#343434}a:hover,a:active{outline:0}figcaption{padding-top:10px;font-size:14px;font-size:0.875rem;line-height:1.8571;line-height:1.3;color:#4d4d4b}.image-caption{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;display:block;text-align:right;font-size:12px;font-size:0.75rem;line-height:2.1667;line-height:1.3;font-style:italic;color:#80807e}@media only screen and (min-width: 37.5em){.image-caption{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 86.375em){.image-caption{display:inline;float:left;width:70.83333%}}.image-caption a{color:#80807e}.notice{margin-top:1.5em;padding:.5em 1em;text-indent:0;font-size:14px;font-size:0.875rem;background-color:#fff;border:1px solid #ccc;border-radius:3px}blockquote{margin-left:-28px;padding-left:20px;border-left:8px solid #333332;font-family:"PT Serif",serif;font-style:italic}.footnotes ol,.footnotes li,.footnotes p{margin-bottom:0;font-size:14px;font-size:0.875rem}p{margin:0 0 1.625rem}p+p{text-indent:1.625rem;margin-top:-1.625rem}tt,code,kbd,samp,pre{font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace}p code,li code{font-size:12px;font-size:0.75rem;line-height:1.5;margin:0 2px;padding:0 5px;border:1px solid #f7f7f7;background-color:#efefef;border-radius:3px}pre{font-size:12px;font-size:0.75rem;line-height:1.5;overflow-x:auto}pre.highlight{padding:1em}.highlight{background-color:#efefef;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:12px;font-size:0.75rem;line-height:1.5;color:#333332;margin-bottom:1.5em;border-radius:4px}.highlight pre{position:relative;margin:0;padding:1em}.highlight .lineno{padding-right:24px;color:#b3b3b1}.highlight .hll{background-color:#ffffcc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#d01040}.highlight .na{color:#008080}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#009999}.CodeRay{background-color:#efefef;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:12px;font-size:0.75rem;line-height:2.1667;color:#333332;margin-bottom:1.5em;border-radius:4px}.CodeRay pre{margin:0px;padding:1em}span.CodeRay{white-space:pre;border:0px;padding:2px}table.CodeRay{border-collapse:collapse;width:100%;padding:2px}table.CodeRay td{padding:1em 0.5em;vertical-align:top}.CodeRay .line-numbers,.CodeRay .no{background-color:#ECECEC;color:#AAA;text-align:right}.CodeRay .line-numbers a{color:#AAA}.CodeRay .line-numbers tt{font-weight:bold}.CodeRay .line-numbers .highlighted{color:red}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}.CodeRay .code{width:100%}ol.CodeRay{font-size:10pt}ol.CodeRay li{white-space:pre}.CodeRay .code pre{overflow:auto}.CodeRay .debug{color:#fff !important;background:blue !important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{color:#509;font-weight:bold}.CodeRay .comment{color:#998;font-style:italic}.CodeRay .char{color:#04D}.CodeRay .char .content{color:#04D}.CodeRay .char .delimiter{color:#039}.CodeRay .class{color:#458;font-weight:bold}.CodeRay .complex{color:#A08;font-weight:bold}.CodeRay .constant{color:teal}.CodeRay .color{color:#0A0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{color:#099;font-weight:bold}.CodeRay .directive{color:#088;font-weight:bold}.CodeRay .delimiter{color:black}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{color:#D42;font-weight:bold}.CodeRay .escape{color:#666;font-weight:bold}.CodeRay .entity{color:#800;font-weight:bold}.CodeRay .error{color:#F00;background-color:#FAA}.CodeRay .exception{color:#C00;font-weight:bold}.CodeRay .filename{color:#099}.CodeRay .function{color:#900;font-weight:bold}.CodeRay .global-variable{color:teal;font-weight:bold}.CodeRay .hex{color:#058;font-weight:bold}.CodeRay .integer{color:#099}.CodeRay .include{color:#B44;font-weight:bold}.CodeRay .inline{color:black}.CodeRay .inline .inline{background:#ccc}.CodeRay .inline .inline .inline{background:#bbb}.CodeRay .inline .inline-delimiter{color:#D14}.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:#f00}.CodeRay .interpreted{color:#B2B;font-weight:bold}.CodeRay .instance-variable{color:teal}.CodeRay .label{color:#970;font-weight:bold}.CodeRay .local-variable{color:#963}.CodeRay .octal{color:#40E;font-weight:bold}.CodeRay .predefined-constant{font-weight:bold}.CodeRay .predefined{color:#369;font-weight:bold}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{color:#00C;font-weight:bold}.CodeRay .predefined-type{color:#074;font-weight:bold}.CodeRay .reserved,.keyword{color:#000;font-weight:bold}.CodeRay .key{color:#808}.CodeRay .key .delimiter{color:#606}.CodeRay .key .char{color:#80f}.CodeRay .value{color:#088}.CodeRay .regexp{background-color:#fff0ff}.CodeRay .regexp .content{color:#808}.CodeRay .regexp .delimiter{color:#404}.CodeRay .regexp .modifier{color:#C2C}.CodeRay .regexp .function{color:#404;font-weight:bold}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .string .content{color:#D14}.CodeRay .string .char{color:#D14}.CodeRay .string .delimiter{color:#D14}.CodeRay .shell{color:#D14}.CodeRay .shell .delimiter{color:#D14}.CodeRay .symbol{color:#990073}.CodeRay .symbol .content{color:#A60}.CodeRay .symbol .delimiter{color:#630}.CodeRay .tag{color:#070}.CodeRay .tag-special{color:#D70;font-weight:bold}.CodeRay .type{color:#339;font-weight:bold}.CodeRay .variable{color:#036}.CodeRay .insert{background:#afa}.CodeRay .delete{background:#faa}.CodeRay .change{color:#aaf;background:#007}.CodeRay .head{color:#f8f;background:#505}.CodeRay .insert .insert{color:#080;font-weight:bold}.CodeRay .delete .delete{color:#800;font-weight:bold}.CodeRay .change .change{color:#66f}.CodeRay .head .head{color:#f4f}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff}figure{margin-bottom:1.625rem}article img{max-width:100%;height:auto;border-width:0;vertical-align:middle;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}.half{margin:0 auto;width:100%;*zoom:1}.half:before,.half:after{display:table;content:"";line-height:0}.half:after{clear:both}@media only screen and (min-width: 30em){.half img{display:inline;float:left;width:50%}.half figcaption{display:inline;float:left;width:100%}}.third{margin:0 auto;width:100%;*zoom:1}.third:before,.third:after{display:table;content:"";line-height:0}.third:after{clear:both}@media only screen and (min-width: 30em){.third img{display:inline;float:left;width:33.33333%}.third figcaption{display:inline;float:left;width:100%}}.btn,#goog-wm-sb{display:inline-block;margin-bottom:20px;padding:8px 20px;font-size:14px;font-size:0.875rem;font-family:"PT Sans Narrow",sans-serif;font-weight:700;background-color:#111;color:#fff;border-width:2px !important;border-style:solid !important;border-color:#111;text-decoration:none !important;border-radius:3px}.btn:visited,#goog-wm-sb:visited{color:#fff}.btn:hover,#goog-wm-sb:hover{background-color:#fff;color:#111}.btn-success{background-color:#5cb85c;color:#fff;border-color:#5cb85c}.btn-success:visited{color:#fff}.btn-success:hover{background-color:#fff;color:#5cb85c}.btn-warning{background-color:#dd8338;color:#fff;border-color:#dd8338}.btn-warning:visited{color:#fff}.btn-warning:hover{background-color:#fff;color:#dd8338}.btn-danger{background-color:#C64537;color:#fff;border-color:#C64537}.btn-danger:visited{color:#fff}.btn-danger:hover{background-color:#fff;color:#C64537}.btn-info{background-color:#308cbc;color:#fff;border-color:#308cbc}.btn-info:visited{color:#fff}.btn-info:hover{background-color:#fff;color:#308cbc}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}btnform{margin:0 0 5px 0}btnform fieldset{margin-bottom:5px;padding:0;border-width:0}btnform legend{display:block;width:100%;margin-bottom:10px;*margin-left:-7px;padding:0;color:#333332;border:0;border-bottom:1px solid #ddd;white-space:normal}btnform p{margin-bottom:5px / 2}btnform ul{list-style-type:none;margin:0 0 5px 0;padding:0}btnform br{display:none}label,input,button,select,textarea{vertical-align:baseline;*vertical-align:middle}input,button,select,textarea{font-family:"PT Serif",serif;-ms-box-sizing:border-box;box-sizing:border-box}label{display:block;margin-bottom:10px / 8;font-weight:bold;color:#333332;cursor:pointer}label input,label textarea,label select{display:block}input,textarea,select{display:inline-block;width:100%;padding:4px;margin-bottom:5px / 4;background-color:#fff;border:1px solid #ddd;color:#333332}input:hover,textarea:hover,select:hover{border-color:#919191}.input-mini{width:60px}.input-small{width:90px}input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;border-radius:0;border:0 \9}input[type="checkbox"],input[type="radio"]{-ms-box-sizing:border-box;box-sizing:border-box;padding:0;*width:13px;*height:13px}input[type="image"]{border:0;box-shadow:none}input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:transparent;background-color:initial;box-shadow:none}input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;cursor:pointer;*overflow:visible}select,input[type="file"]{*margin-top:4px}select{width:auto;background-color:#fff}select[multiple],select[size]{height:auto}textarea{resize:vertical;overflow:auto;height:auto;overflow:auto;vertical-align:top}input[type="hidden"]{display:none}.radio,.checkbox{padding-left:18px;font-weight:normal}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{opacity:0.5;cursor:not-allowed}input:focus,textarea:focus{border-color:#111;outline:0;outline:thin dotted \9}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{box-shadow:none}.help-block,.help-inline{color:#919191}.help-block{display:block;margin-bottom:1em;line-height:1em}.help-inline{display:inline-block;vertical-align:middle;padding-left:5px}.form-inline input,.form-inline textarea,.form-inline select{display:inline-block;margin-bottom:0}.form-inline label{display:inline-block}.form-inline .radio,.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px}.form-search input,.form-search textarea,.form-search select{display:inline-block;margin-bottom:0}.form-search .search-query{padding-left:14px;padding-right:14px;margin-bottom:0;border-radius:14px}.form-search label{display:inline-block}.form-search .radio,.form-search .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"]{float:left;margin-left:0;margin-right:3px}body{background-color:#fff;font-family:"PT Serif",serif;color:#333332}.navigation-wrapper{margin:0 auto;width:100%;padding:2em 0 1em;font-family:"PT Sans Narrow",sans-serif;font-weight:700;text-transform:uppercase;*zoom:1}.navigation-wrapper:before,.navigation-wrapper:after{display:table;content:"";line-height:0}.navigation-wrapper:after{clear:both}.site-name{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:1em;float:none;display:block;font-size:24px;font-size:1.5rem}@media only screen and (min-width: 37.5em){.site-name{display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%;font-size:16px;font-size:1rem}}@media only screen and (min-width: 86.375em){.site-name{display:inline;float:left;width:12.5%;margin-left:16.66667%}}.top-navigation{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:1em;float:none;display:block}@media only screen and (min-width: 37.5em){.top-navigation{display:inline;float:left;width:75%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 86.375em){.top-navigation{display:inline;float:left;width:66.66667%}}.top-navigation ul{margin:0;padding:0;clear:both;list-style-type:none}.top-navigation li{display:block;list-style-type:none;border-bottom:1px solid #ddd;border-bottom:1px solid fade(#111, 10);font-size:16px;font-size:1rem}.top-navigation li:last-child{border-bottom:0 solid transparent}@media only screen and (min-width: 37.5em){.top-navigation li{display:inline;margin-right:25px;white-space:nowrap;border-bottom:0 solid transparent}}.top-navigation li a{display:block;padding:10px 0;decoration:none;border-bottom:0 solid transparent;transition:all 0.2s}@media only screen and (min-width: 37.5em){.top-navigation li a{display:inline;padding:0}}.navicon-lines-button{padding:0.375rem 0.75rem;transition:.3s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0.21429rem}.navicon-lines-button:hover{opacity:1}.navicon-lines-button:active{transition:0}.navicon-lines{margin-right:10px;margin-bottom:0.3rem;display:inline-block;width:1.5rem;height:0.21429rem;background:#fff;border-radius:0.10714rem;transition:.3s;position:relative}.navicon-lines:before,.navicon-lines:after{display:inline-block;width:1.5rem;height:0.21429rem;background:#fff;border-radius:0.10714rem;transition:.3s;position:absolute;left:0;content:'';-webkit-transform-origin:0.10714rem center;transform-origin:0.10714rem center}.navicon-lines:before{top:0.375rem}.navicon-lines:after{top:-0.375rem}.navicon-lines-button:hover{opacity:1}.navicon-lines-button:hover .navicon-lines:before{top:0.42857rem}.navicon-lines-button:hover .navicon-lines:after{top:-0.42857rem}.navicon-lines-button.x.active .navicon-lines{background:transparent}.navicon-lines-button.x.active .navicon-lines:before,.navicon-lines-button.x.active .navicon-lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0;width:1.5rem}.navicon-lines-button.x.active .navicon-lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}.navicon-lines-button.x.active .navicon-lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}.nav .navtoggle{font-size:18px;font-size:1.125rem;font-weight:normal;background-color:#111;color:#fff;border:none;cursor:pointer}@media only screen and (min-width: 37.5em){.nav .navtoggle{display:none}}.nav button{border:none;background:none}.navtoggle i{z-index:-1}.icon-menu{position:relative;top:3px;line-height:0}.no-js .nav .navtoggle{display:none}.no-js .nav ul{max-height:30em;overflow:hidden}.js .nav ul{max-height:0;overflow:hidden}@media only screen and (min-width: 37.5em){.js .nav ul{max-height:30em}}.js .nav .active+ul{max-height:30em;overflow:hidden;transition:max-height .4s}#main{counter-reset:captions;margin:0 auto;width:100%;*zoom:1;clear:both;margin-top:2em}#main:before,#main:after{display:table;content:"";line-height:0}#main:after{clear:both}#main h1{margin-top:0}#main .post{margin:0 auto;width:100%;display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){#main .post{display:inline;float:left;width:66.66667%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 62em){#main .post{display:inline;float:left;width:50%}}@media only screen and (min-width: 86.375em){#main .post{display:inline;float:left;width:41.66667%}}.archive{margin:0 auto;width:100%;display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){.archive{display:inline;float:left;width:66.66667%;margin-left:0%;margin-right:0%}}@media only screen and (min-width: 62em){.archive{display:inline;float:left;width:50%}}@media only screen and (min-width: 86.375em){.archive{display:inline;float:left;width:41.66667%}}.archive h3{margin:0;padding-bottom:.5em;font-size:28px;font-size:1.75rem;border-bottom:1px solid #c4c4c4}.archive article h2{margin-bottom:4px;font-size:20px;font-size:1.25rem}.archive article h2.link-post{margin-bottom:26px;margin-bottom:1.625rem}.archive article p{font-size:14px;font-size:0.875rem}.archive article p+p{text-indent:0}.image-wrap{position:relative;margin-bottom:2em;*zoom:1}.image-wrap:before,.image-wrap:after{display:table;content:"";line-height:0}.image-wrap:after{clear:both}.image-wrap:after{content:" ";display:block;position:absolute;bottom:0;left:8%;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}@media only screen and (min-width: 37.5em){.image-wrap:after{left:25%}}@media only screen and (min-width: 62em){.image-wrap:after{border-width:20px}}@media only screen and (min-width: 86.375em){.image-wrap:after{left:33.333333333%}}.image-wrap img{width:100%;height:auto;-ms-interpolation-mode:bicubic}.byline{clear:both;font-size:80%}.sidebar{display:none}.sidebar a,.sidebar a:hover{border-bottom:0 solid transparent}.sidebar img{width:100%}@media only screen and (min-width: 37.5em){.sidebar{display:block;display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%}}@media only screen and (min-width: 86.375em){.sidebar{display:inline;float:left;width:12.5%;margin-left:16.66667%}}.author-name{margin-bottom:0}@media only screen and (min-width: 37.5em){.author-name{margin-top:10px;margin-bottom:10px}}.author-bio{font-size:80%;font-style:italic}@media only screen and (min-width: 37.5em){.author-bio{margin-bottom:20px}}.author-avatar{max-width:110px;border-radius:150px}.author-social{display:block;margin-bottom:5px;font-size:14px;font-size:0.875rem;color:#111}.author-social:visited{color:#111}.author-social:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.author-social:active{-webkit-transform:translate(0, 2px);transform:translate(0, 2px)}.author-social .fa{margin-right:5px}@media only screen and (min-width: 37.5em){display:block;max-width:125px}@media only screen and (min-width: 62em){.author-name,.author-avatar,.author-bio,.author-social{max-width:150px}}.article-wrap p>a,.article-wrap p>em>a,.article-wrap p>strong>a,.article-wrap li>a{text-decoration:underline}.toc{font-size:95%}@media only screen and (min-width: 62em){.toc{display:block;display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%;position:absolute;top:5.5em;right:0;background-color:#fff}}.toc header{background:#2b2b2b}.toc h3{margin:0;padding:5px 10px;color:#fff;font-size:16px;font-size:1rem;text-transform:uppercase}.toc h3:hover{cursor:pointer}.toc ul{margin:2px 0 0;padding:0;line-height:1}.toc li{display:block;margin:0 0 1px 0;padding:0;font-family:"PT Sans Narrow",sans-serif;list-style-type:none}.toc li:last-child{border-bottom-width:0}.toc li a{padding:10px;display:block;color:#fff;text-decoration:none;background:#5e5e5e;opacity:0.7;transition:opacity 0.2s ease-in-out}.toc li a:hover{opacity:1}.toc li ul{margin:1px 0 0}.toc li ul li a{padding-left:20px}#drawer{max-height:100%;overflow:hidden}#drawer.js-hidden{max-height:0}.image-grid{*zoom:1;list-style:none;margin:0 0 1em;padding:0}.image-grid:before,.image-grid:after{display:table;content:"";line-height:0}.image-grid:after{clear:both}.image-grid li{display:inline;float:left;width:50%}@media only screen and (min-width: 30em){.image-grid li{width:33.333333%}}@media only screen and (min-width: 37.5em){.image-grid li{width:25%}}@media only screen and (min-width: 48em){.image-grid li{width:20%}}@media only screen and (min-width: 62em){.image-grid li{width:16.666666666%}}.recent-grid{*zoom:1;list-style:none;margin:1em 0}.recent-grid:before,.recent-grid:after{display:table;content:"";line-height:0}.recent-grid:after{clear:both}.recent-grid li{display:inline}.recent-grid li a{border-bottom:0 solid transparent}.recent-grid li a:hover{border-bottom:0 solid transparent}.recent-grid img{width:19%;margin-bottom:1%}.social-share{margin-bottom:26px;margin-bottom:1.625rem}.social-share ul,.social-share li{margin:0;padding:0;list-style:none}.social-share li{display:inline-block}.social-share .facebook{background:#3b5998}.social-share .flickr{background:#ff0084}.social-share .foursquare{background:#0cbadf}.social-share .google-plus{background:#dd4b39}.social-share .instagram{background:#4e433c}.social-share .linkedin{background:#4875b4}.social-share .pinterest{background:#cb2027}.social-share .rss{background:#fa9b39}.social-share .tumblr{background:#2c4762}.social-share .twitter{background:#55acee}.social-share .vimeo{background:#1ab7ea}.social-share .youtube{background:#f33}.social-share a{display:block;padding:8px 20px;text-decoration:none !important;text-transform:uppercase;font-size:14px;font-size:0.875rem;font-family:"PT Sans Narrow",sans-serif;font-weight:700;color:#fff;opacity:0.8}.social-share a:hover{opacity:1}.social-share span{display:none}@media only screen and (min-width: 48em){.social-share span{display:inline;padding-left:5px}}.social-share h4{font-size:14px;font-size:0.875rem;margin-bottom:10px;text-transform:uppercase}.footer-wrap{margin:0 auto;width:100%;*zoom:1;clear:both;padding-bottom:3em}.footer-wrap:before,.footer-wrap:after{display:table;content:"";line-height:0}.footer-wrap:after{clear:both}.footer-wrap a,.footer-wrap a:active,.footer-wrap a:visited,.footer-wrap p,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6,.footer-wrap span{font-size:14px;font-size:0.875rem}.footer-wrap footer{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%}@media only screen and (min-width: 37.5em){.footer-wrap footer{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%}}@media only screen and (min-width: 86.375em){.footer-wrap footer{display:inline;float:left;width:37.5%;margin-left:33.33333%;margin-right:29.16667%}}.related-articles{display:inline;float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;margin-bottom:2em}@media only screen and (min-width: 37.5em){.related-articles{display:inline;float:left;width:50%;margin-left:25%;margin-right:25%}}@media only screen and (min-width: 86.375em){.related-articles{display:inline;float:left;width:37.5%;margin-left:33.33333%;margin-right:29.16667%}}.related-articles h4{text-transform:uppercase;margin-bottom:0}.related-articles li{margin-bottom:0}.browser-upgrade{background:#000;text-align:center;margin:0 0 2em 0;padding:10px;text-align:center;color:#fff}.browser-upgrade a{color:#fff;border-bottom:1px dotted #fff;text-decoration:none}.browser-upgrade a:hover{border-bottom:1px solid #fff}#goog-fixurl ul{list-style:none;margin-left:0;padding-left:0}#goog-fixurl ul li{list-style-type:none}#goog-wm-qt{width:auto;margin-right:10px;margin-bottom:20px;padding:8px 20px;display:inline-block;font-size:14px;font-size:0.875rem;background-color:#fff;color:#111;border-width:2px !important;border-style:solid !important;border-color:#919191;border-radius:3px}.breadcrumbs ol{padding:0;list-style:none}.breadcrumbs li{display:inline}.breadcrumbs .current{font-weight:bold}.pagination{padding-top:0.5em;border-top:1px solid #c4c4c4}.pagination ul{margin:0;padding:0;list-style-type:none}.pagination li{display:inline-block}.pagination li+li:before{content:"";padding-right:10px}.pagination .current{font-weight:bold}/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url("../fonts/fontawesome-webfont.eot?v=4.5.0");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),url("../fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.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.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.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:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.mfp-counter{font-family:"PT Serif",serif}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#111;opacity:0.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:1;filter:alpha(opacity=100);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#fff}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:1;filter:alpha(opacity=100);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #fff}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #fff}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}@media print{.top-navigation,.social-share,.related-articles,.google-ads{display:none}} diff --git a/_pages/home.md b/index.html similarity index 73% rename from _pages/home.md rename to index.html index eb31bcfe..81243d9c 100644 --- a/_pages/home.md +++ b/index.html @@ -1,6 +1,5 @@ --- layout: archive -permalink: / excerpt: "A minimal Jekyll theme for your blog by designer Michael Rose." header: image: unsplash-image-7.jpg @@ -9,8 +8,10 @@ header: {% include base_path %} -### Recent Posts +

Recent Posts

-{% for post in site.posts limit:5 %} +{% for post in paginator.posts %} {% include archive-list-single %} -{% endfor %} \ No newline at end of file +{% endfor %} + +{% include pagination %} \ No newline at end of file