From ddada5dc9ba64a69454c9f92e928f82885cf9492 Mon Sep 17 00:00:00 2001 From: amjjbonvin Date: Wed, 30 Sep 2026 07:08:52 +0200 Subject: [PATCH 1/3] Serve the compiled CSS instead of the committed main_pretty.css _includes/_head.html loaded assets/css/main_pretty.css, a committed and hand-optimised artifact. Nothing in the repo regenerated it -- the Gruntfile had no CSS task, and that file is now gone -- so it had drifted from the Sass sources in _sass/ and editing them had no effect on the published site. Drift at the point of this change, by selector set: compiled main.css 1120 selectors shipped main_pretty 1115 selectors In the sources but never shipped: .btn-assistant-professor, :hover -- a live bug, see below #main article.fullpage, ... img -- dead; the layout emits and
, so this never matched .clearfix -- an IE7 *zoom hack; .clearfix:after was shipped Shipped but absent from the sources: .article-wrap p>a.prompt, li>a.prompt Fixes a live styling bug. _layouts/people.html builds badge classes as btn-{{ stat }}, and the people page emits btn-assistant-professor. The rule exists in _sass/elements.scss but had never reached main_pretty.css, so that badge renders on the live site with no role colour. Changes: - port .article-wrap p>a.prompt / li>a.prompt into _sass/elements.scss, the only rule that existed solely in the generated file - point _includes/_head.html at assets/css/main.css - delete assets/css/main_pretty.css - set `sourcemap: never`, so the 153 KB main.css.map is no longer deployed now that main.css is public - document the styling workflow in README.md Verified: switching loses nothing -- the old shipped stylesheet is a strict subset of the compiled one (0 selectors lost, 5 gained, of which only .btn-assistant-professor matches any markup). Across the whole site the sole HTML difference against the live pages is the stylesheet href. Served CSS goes from 56,479 to 60,454 bytes uncompressed, the cost of dropping the extra selector-merging pass. Still unstyled, and not caused by this drift: .btn-visiting-phd and .btn-visiting-postdoc are emitted by the people page but have never had rules in either stylesheet. Co-Authored-By: Claude Opus 5 --- README.md | 15 +++++++++++++++ _config.yml | 1 + _includes/_head.html | 2 +- _sass/elements.scss | 10 ++++++++++ assets/css/main_pretty.css | 4 ---- 5 files changed, 27 insertions(+), 5 deletions(-) delete mode 100644 assets/css/main_pretty.css diff --git a/README.md b/README.md index 40e0dd825..ae6afdec6 100644 --- a/README.md +++ b/README.md @@ -60,3 +60,18 @@ bundle exec jekyll serve It should now be served on [http://127.0.0.1:4000](http://127.0.0.1:4000) Go ahead and edit/add what you need! To see the rendered version, refresh the page. + +## Styling + +The site's CSS is compiled by Jekyll from the Sass sources in `_sass/`, with +`assets/css/main.scss` as the entry point. Editing a file under `_sass/` is all +that is needed — `assets/css/main.css` is regenerated on every build and is what +`_includes/_head.html` loads. + +There is no manual regeneration step. The site previously shipped a committed, +hand-optimised `assets/css/main_pretty.css`; nothing in the repo regenerated it, +so it had drifted from the Sass sources and some styles never reached the site. +It has been removed — do not reintroduce a committed CSS artifact. + +Source maps are disabled for the build (`sourcemap: never` in `_config.yml`). Set +it to `always` temporarily if you need to trace a rule back to its partial. diff --git a/_config.yml b/_config.yml index 274edfd21..709853ea7 100644 --- a/_config.yml +++ b/_config.yml @@ -22,6 +22,7 @@ markdown: kramdown sass: sass_dir: _sass style: compressed + sourcemap: never plugins: - jekyll-feed # - jekyll-sitemap diff --git a/_includes/_head.html b/_includes/_head.html index 6b01c5219..ac5041586 100644 --- a/_includes/_head.html +++ b/_includes/_head.html @@ -23,7 +23,7 @@ - + diff --git a/_sass/elements.scss b/_sass/elements.scss index e8619cb7c..312150104 100644 --- a/_sass/elements.scss +++ b/_sass/elements.scss @@ -86,6 +86,16 @@ img.grayscale { border-bottom: 0px !important; } +// Keep prompt links legible inside article body text. +// Ported from main_pretty.css, where this rule existed only as a direct edit +// to the generated file and was absent from the SCSS sources. +.article-wrap { + p > a.prompt, + li > a.prompt { + color: $white; + } +} + .prompt-attention { background-color: $attention; color: $white; diff --git a/assets/css/main_pretty.css b/assets/css/main_pretty.css deleted file mode 100644 index a8cdf367e..000000000 --- a/assets/css/main_pretty.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */button,input,label,select,sub,sup,textarea{vertical-align:baseline}img,legend{border:0}::selection,a,a:focus{color:#343434}figcaption,h6{line-height:1.8571}table,table.CodeRay{border-collapse:collapse}.CodeRay .code pre,textarea{overflow:auto}.image-wrap img,article img{-ms-interpolation-mode:bicubic}#index article p+p,.notice,.prompt{text-indent:0}#main:after,.byline,.clearfix:after,.footer-wrap,.footer-wrap:after,.half:after,.image-grid:after,.navigation-wrapper:after,.recent-grid:after,.third:after,.top-navigation ul{clear:both}#goog-fixurl ul li,.fa-ul,.toc li,.top-navigation li,.top-navigation ul,.unstyled-list li,btnform ul{list-style-type:none}.browser-upgrade a,.mfp-close,a{text-decoration:none}#goog-fixurl ul,.image-grid,.recent-grid,.unstyled-list,ul.rig{list-style:none}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,figure{margin:0}a:focus{outline:dotted thin}h1{margin:.67em 0}h1,h2,h3,h4,h5,h6{margin-bottom:1.625rem}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}.all-caps,.navigation-wrapper,.related-articles h4,.toc h3{text-transform:uppercase}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=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}table{border-spacing:0;margin-bottom:1.5em;width:100%}::-moz-selection{background-color:#dadada;color:#343434;text-shadow:none}::selection{background-color:#dadada;text-shadow:none}.image-pull-right{float:right;margin-top:0}.clearfix:after,.clearfix:before{display:table;content:""}.unstyled-list{margin-left:0;padding-left:0}a,b,blockquote,em,figure,h1,h2,header,i,img,input,p,q,span,strong{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}h1,h2,h3,h4,h5,h6{font-family:"PT Sans Narrow", sans-serif}h1{font-size:32px;font-size:2rem;line-height:.8125}h2{font-size:28px;font-size:1.75rem;line-height:.9286}h3{font-size:24px;font-size:1.5rem;line-height:1.0833}h4{font-size:18px;font-size:1.125rem;line-height:1.4444}h5{font-size:16px;font-size:1rem;line-height:1.625}h6{font-size:14px;font-size:.875rem}a:visited{color:#4e4e4e}a:hover{color:#1b1b1b}a:active,a:hover{outline:0}figcaption{padding-top:10px;font-size:14px;font-size:.875rem;line-height:1.3;color:#4d4d4b}.image-credit,.image-credit a{color:#80807e}.image-credit{float:left;width:83.33333%;margin-left:8.33333%;margin-right:8.33333%;display:block;text-align:right;font-size:12px;font-size:.75rem;line-height:2.1667;line-height:1.3;font-style:italic}@media only screen and (min-width: 37.5em){.image-credit{display:inline;float:left;width:75%;margin-left:0;margin-right:0}}@media only screen and (min-width: 86.375em){.image-credit{display:inline;float:left;width:70.83333%}}.CodeRay .code,.half,table.CodeRay{width:100%}.notice{margin-top:1.5em;padding:.5em 1em;font-size:14px;font-size:.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 li,.footnotes ol,.footnotes p{margin-bottom:0;font-size:14px;font-size:.875rem}p{margin:0 0 1.625rem}code,kbd,pre,samp,tt{font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace}li code,p code{font-size:12px;font-size:.75rem;line-height:1.5;white-space:nowrap;margin:0 2px;padding:0 5px;border:1px solid #f7f7f7;background-color:#efefef;border-radius:3px}.highlight,pre{font-size:12px}ol.CodeRay li,pre,span.CodeRay{white-space:pre}pre{font-size:.75rem;line-height:1.5;overflow-x:auto}.CodeRay,.highlight{line-height:2.1667;font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace}.highlight{background-color:#efefef;font-size:.75rem;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:#ffc}.highlight .c{color:#408080;font-style:italic}.highlight .err{border:1px solid red}.highlight .k{color:green;font-weight:700}.highlight .o{color:#666}.highlight .cm{color:#408080;font-style:italic}.highlight .cp{color:#BC7A00}.highlight .c1,.highlight .cs{color:#408080;font-style:italic}.highlight .gd{color:#A00000}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:navy;font-weight:700}.highlight .gi{color:#00A000}.highlight .go{color:#888}.highlight .gp{color:navy;font-weight:700}.highlight .gs{font-weight:700}.highlight .gu{color:purple;font-weight:700}.highlight .gt{color:#04d}.highlight .kc,.highlight .kd,.highlight .kn{color:green;font-weight:700}.highlight .kp{color:green}.highlight .kr{color:green;font-weight:700}.highlight .kt{color:#B00040}.highlight .m{color:#666}.highlight .s{color:#BA2121}.highlight .na{color:#7D9029}.highlight .nb{color:green}.highlight .nc{color:#00F;font-weight:700}.highlight .no{color:#800}.highlight .nd{color:#a2f}.highlight .ni{color:#999;font-weight:700}.highlight .ne{color:#D2413A;font-weight:700}.highlight .nf{color:#00f}.highlight .nl{color:#A0A000}.highlight .nn{color:#00F;font-weight:700}.highlight .nt{color:green;font-weight:700}.highlight .nv{color:#19177C}.highlight .ow{color:#A2F;font-weight:700}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#666}.highlight .s2,.highlight .sb,.highlight .sc{color:#BA2121}.highlight .sd{color:#BA2121;font-style:italic}.highlight .se{color:#B62;font-weight:700}.highlight .sh{color:#BA2121}.highlight .si{color:#B68;font-weight:700}.highlight .sx{color:green}.highlight .sr{color:#b68}.highlight .s1{color:#BA2121}.highlight .ss{color:#19177C}.highlight .bp{color:green}.highlight .vc,.highlight .vg,.highlight .vi{color:#19177C}.highlight .il{color:#666}.CodeRay{background-color:#efefef;font-size:12px;font-size:.75rem;color:#333332;margin-bottom:1.5em;border-radius:4px}.half:after,.half:before,.third:after,.third:before{line-height:0;content:""}.CodeRay pre{margin:0;padding:1em}span.CodeRay{border:0;padding:2px}table.CodeRay{padding:2px}table.CodeRay td{padding:1em .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:700}.CodeRay .line-numbers .highlighted{color:red}.CodeRay .line{display:block;float:left;width:100%}.CodeRay span.line-numbers{padding:0 24px 0 4px}ol.CodeRay{font-size:10pt}.CodeRay .debug{color:#fff !important;background:#00f !important}.CodeRay .annotation{color:#007}.CodeRay .attribute-name{color:#f08}.CodeRay .attribute-value{color:#700}.CodeRay .binary{color:#509;font-weight:700}.CodeRay .comment{color:#998;font-style:italic}.CodeRay .char,.CodeRay .char .content{color:#04D}.CodeRay .char .delimiter{color:#039}.CodeRay .class{color:#458;font-weight:700}.CodeRay .complex{color:#A08;font-weight:700}.CodeRay .constant{color:teal}.CodeRay .color{color:#0A0}.CodeRay .class-variable{color:#369}.CodeRay .decorator{color:#B0B}.CodeRay .definition{color:#099;font-weight:700}.CodeRay .directive{color:#088;font-weight:700}.CodeRay .delimiter{color:#000}.CodeRay .doc{color:#970}.CodeRay .doctype{color:#34b}.CodeRay .doc-string{color:#D42;font-weight:700}.CodeRay .escape{color:#666;font-weight:700}.CodeRay .entity{color:#800;font-weight:700}.CodeRay .error{color:red;background-color:#FAA}.CodeRay .exception{color:#C00;font-weight:700}.CodeRay .filename{color:#099}.CodeRay .function{color:#900;font-weight:700}.CodeRay .global-variable{color:teal;font-weight:700}.CodeRay .hex{color:#058;font-weight:700}.CodeRay .integer{color:#099}.CodeRay .include{color:#B44;font-weight:700}.CodeRay .inline{color:#000}.CodeRay .inline .inline{background:#ccc}.CodeRay .inline .inline .inline{background:#bbb}.CodeRay .inline .inline-delimiter,.CodeRay .inline-delimiter{color:#D14}.CodeRay .important{color:red}.CodeRay .interpreted{color:#B2B;font-weight:700}.CodeRay .instance-variable{color:teal}.CodeRay .label{color:#970;font-weight:700}.CodeRay .local-variable{color:#963}.CodeRay .octal{color:#40E;font-weight:700}.CodeRay .predefined-constant{font-weight:700}.CodeRay .predefined{color:#369;font-weight:700}.CodeRay .preprocessor{color:#579}.CodeRay .pseudo-class{color:#00C;font-weight:700}.CodeRay .predefined-type{color:#074;font-weight:700}.CodeRay .reserved,.keyword{color:#000;font-weight:700}.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:700}.CodeRay .string{color:#D20}.CodeRay .string .string .string{background-color:#ffd0d0}.CodeRay .shell,.CodeRay .shell .delimiter,.CodeRay .string .char,.CodeRay .string .content,.CodeRay .string .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:700}.CodeRay .type{color:#339;font-weight:700}.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:700}.CodeRay .delete .delete{color:#800;font-weight:700}.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}.half,.third{margin:0 auto}article img{max-width:100%;height:auto;border-width:0;vertical-align:middle}svg:not(:root){overflow:hidden}.half:after,.half:before{display:table}@media only screen and (min-width: 30em){.half img{display:inline;float:left;width:50%}.half figcaption{display:inline;float:left;width:100%}}.third{width:100%}.third:after,.third:before{display:table}@media only screen and (min-width: 30em){.third img{display:inline;float:left;width:33.33333%}.third figcaption{display:inline;float:left;width:100%}}.col-table{border:2px dashed #666;border-radius:50%}.col-table:hover{border:2px solid #666}#goog-wm-sb,.btn,.prompt{margin-bottom:5px;padding:4px 5px;border-width:1px !important;border-style:solid !important;border-radius:3px;width:100% !important;overflow:auto !important;border-bottom: 0px !important;}img.grayscale{filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%)}.prompt{font-size:12px;font-size:.75rem;display:block;text-align:left;font-family:Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;background-color:#111;color:#fff;border-color:#111}body,button,input,select,textarea{font-family:"PT Serif", serif}.prompt-attention,.prompt-attention:hover{background-color:#C64537;color:#fff}.prompt-attention{border-color:#C64537}.prompt-info{background-color:#308cbc;color:#fff;border-color:#308cbc}.prompt-info:hover{background-color:#308cbc;color:#fff}.prompt-pymol,.prompt-pymol:hover{background-color:#5cb85c;color:#fff}.prompt-pymol{border-color:#5cb85c}.prompt-question{background-color:#dd8338;color:#fff;border-color:#dd8338}#goog-wm-sb,.btn,.prompt-cmd{border-color:#111}.prompt-question:hover{background-color:#dd8338;color:#fff}#goog-wm-sb,.btn,.prompt-cmd,.prompt-cmd:hover{background-color:#111;color:#fff}#goog-wm-sb,.btn{display:inline-block;font-size:10px;font-size:.625rem}label,label input,label select,label textarea{display:block}btnform br,input[type=hidden]{display:none}#goog-wm-sb:visited,.btn:visited{color:#fff}.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,.btn-info:visited{color:#fff}.btn-info{background-color:#308cbc;border-color:#308cbc}.btn-info:hover{background-color:#fff;color:#308cbc}.btn-postdoc{background-color:#308cbc;color:#fff;border-color:#308cbc}.btn-postdoc:hover{color:#fff;cursor:default}.btn-phd{background-color:#dd8338;color:#fff;border-color:#dd8338}.btn-phd:hover{color:#fff;cursor:default}.btn-student{background-color:#C64537;color:#fff;border-color:#C64537}.btn-student:hover{color:#fff;cursor:default}.btn-visiting-professor{background-color:#5cb85c;color:#fff;border-color:#5cb85c}.btn-visiting-professor:hover{color:#fff;cursor:default}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05)}btnform,btnform ul{margin:0 0 5px}body,input,select,textarea{background-color:#fff}btnform fieldset{margin-bottom:5px;padding:0;border-width:0}btnform legend{display:block;width:100%;margin-bottom:10px;padding:0;color:#333332;border:0;border-bottom:1px solid #ddd;white-space:normal}btnform p{margin-bottom:5px/2}btnform ul{padding:0}button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}label{margin-bottom:10px/8;font-weight:700;color:#333332;cursor:pointer}input,select,textarea{display:inline-block;width:100%;padding:4px;margin-bottom:5px/4;border:1px solid #ddd;color:#333332}input:hover,select:hover,textarea: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;line-height:normal;cursor:pointer;border-radius:0;border:0\9}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=image]{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type=file]{width:auto;padding:initial;line-height:initial;border:initial;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;cursor:pointer}select{width:auto}select[multiple],select[size]{height:auto}textarea{resize:vertical;height:auto;vertical-align:top}.checkbox,.radio{padding-left:18px;font-weight:400}.checkbox input[type=checkbox],.radio input[type=radio]{float:left;margin-left:-18px}.checkbox.inline,.radio.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.checkbox.inline+.checkbox.inline,.radio.inline+.radio.inline{margin-left:10px}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-search .radio input[type=radio]{float:left;margin-left:0;margin-right:3px}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{opacity:.5;cursor:not-allowed}.holder a,.nav .navtoogle,.toc h3:hover{cursor:pointer}input:focus,textarea:focus{border-color:#111;outline:0;outline:dotted thin\9}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;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 select,.form-inline textarea{display:inline-block;margin-bottom:0}.form-inline label{display:inline-block}.form-inline .checkbox,.form-inline .radio{padding-left:0;margin-bottom:0;vertical-align:middle}.form-search input,.form-search select,.form-search textarea{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-inline .radio,.form-search .checkbox,.form-search .radio{padding-left:0;margin-bottom:0;vertical-align:middle}body{color:#333332}.holder,.navigation-wrapper,.toc li{font-family:"PT Sans Narrow", sans-serif}.navigation-wrapper{margin:0 auto;width:100%;padding:2em 0 0;font-weight:700}.navigation-wrapper:after,.navigation-wrapper:before{display:table;content:"";line-height:0}.site-name{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{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}.top-navigation li{display:block;border-bottom:1px solid #ddd;border-bottom:1px solid fade(#111, 10);font-size:16px;font-size:1rem}.top-navigation li a,.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;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}@media only screen and (min-width: 37.5em){.top-navigation li a{display:inline;padding:0}}.navicon-lines-button{padding:.375rem .75rem;transition:.3s;cursor:pointer;user-select:none;border-radius:.21429rem}.navicon-lines-button:active{transition:0}.navicon-lines,.navicon-lines:after,.navicon-lines:before{display:inline-block;height:.21429rem;background:#fff;border-radius:.10714rem;transition:.3s;width:1.5rem}.navicon-lines{margin-right:10px;margin-bottom:.3rem;position:relative}.navicon-lines:after,.navicon-lines:before{position:absolute;left:0;content:'';-webkit-transform-origin:.10714rem center;transform-origin:.10714rem center}.navicon-lines:before{top:.375rem}.navicon-lines:after{top:-.375rem}.navicon-lines-button:hover{opacity:1}.navicon-lines-button:hover .navicon-lines:before{top:.42857rem}.navicon-lines-button:hover .navicon-lines:after{top:-.42857rem}.navicon-lines-button.x.active .navicon-lines{background:0 0}.navicon-lines-button.x.active .navicon-lines:after,.navicon-lines-button.x.active .navicon-lines:before{-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 .navtoogle{font-size:18px;font-size:1.125rem;font-weight:400;background-color:#111;color:#fff;border:none}.nav button{border:none;background:0 0}.navtoogle 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){.nav .navtoogle{display:none}.js .nav ul{max-height:30em}}.js .nav .active+ul{max-height:30em;overflow:hidden;-webkit-transition:max-height .4s;-moz-transition:max-height .4s;-o-transition:max-height .4s;-ms-transition:max-height .4s;transition:max-height .4s}#main{counter-reset:captions;margin:1em auto 0;width:100%;clear:both}#main:after,#main:before{display:table;content:"";line-height:0}#index,#main article{margin:0 8.33333% 2em;display:inline;float:left;width:83.33333%}@media only screen and (min-width: 37.5em){#index,#main article{display:inline;float:left;width:60% !important;margin-left:0;margin-right:0}}@media only screen and (min-width: 86.375em){#index,#main article{display:inline;float:left;width:50% !important}}#index h3,#index h4{margin:0;padding-bottom:.5em;font-size:28px;font-size:1.75rem;border-bottom:1px solid #c4c4c4}#index article h2{margin-bottom:4px;font-size:20px;font-size:1.25rem}#index article h2.link-post{margin-bottom:1.625rem}#index article p{font-size:14px;font-size:.875rem}.image-wrap{position:relative;margin-bottom:2em}.image-wrap:after{content:" ";display:block;position:absolute;bottom:-1px;left:8%;width:0;height:0;border:20px 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: 86.375em){.image-wrap:after{left:33.333333333%}}.image-wrap img{width:100%;height:auto}.image-wrap .headline-wrap{position:absolute;bottom:25px;margin-left:8.33333%}@media only screen and (min-width: 37.5em){.image-wrap .headline-wrap{left:25%;margin-left:0}}@media only screen and (min-width: 86.375em){.image-wrap .headline-wrap{margin-left:8.33333%}}.image-wrap .headline-wrap h1,.image-wrap .headline-wrap h2{color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, .25)}.byline{font-size:80%}.article-author-bottom h3,.article-author-side h3{margin-bottom:0}.article-author-bottom p,.article-author-side p{font-size:80%;font-style:italic}.fa,.mfp-close{font-style:normal}.article-author-bottom a,.article-author-bottom a:hover,.article-author-side a,.article-author-side a:hover{border-bottom:0 solid transparent}.author-social{display:block;margin-bottom:5px;font-size:14px;font-size:.875rem;color:#111}.author-social:visited{color:#111}.author-social:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.author-social:active{-webkit-transform:translate(0, 2px);-moz-transform:translate(0, 2px);-ms-transform:translate(0, 2px);-o-transform:translate(0, 2px);transform:translate(0, 2px)}.author-social .fa{margin-right:5px}.article-author-side{display:none}.article-author-side .bio-photo{max-width:100px;border-radius:150px}@media only screen and (min-width: 37.5em){.article-author-side{display:block;display:inline;float:left;width:16.66667%;margin-left:4.16667%;margin-right:4.16667%}.article-author-side .author-social,.article-author-side h3,.article-author-side p{display:block;max-width:125px}.article-author-side h3{margin-top:10px;margin-bottom:10px}.article-author-side p{margin-bottom:20px}.article-author-side .author-social{margin-bottom:5px}}@media only screen and (min-width: 62em){.article-author-side .bio-photo{max-width:100px}.article-author-side .author-social,.article-author-side h3,.article-author-side p{max-width:150px}}@media only screen and (min-width: 86.375em){.article-author-side{display:inline;float:left;width:12.5%;margin-left:16.66667%}}.article-author-bottom{margin-bottom:1em}@media only screen and (min-width: 37.5em){.article-author-bottom{display:none}}.article-author-bottom .bio-photo{float:left;margin-right:25px;max-width:100px;border-radius:150px}.article-author-bottom .author-social{display:inline-block;margin-right:10px}.article-wrap{text-align:justify}.browser-upgrade,.fa-fw,.fa-li,.mfp-container{text-align:center}.article-wrap li>a,.article-wrap p>a{border-bottom:1px dotted #294fa7;color:#294fa7}.article-wrap p>a.prompt,.article-wrap li>a.prompt{color:#fff}.article-wrap li>a.reversefootnote,.article-wrap p>a.reversefootnote,.toc li a,.toc li:last-child{border-bottom-width:0}.article-wrap li>a:hover,.article-wrap p>a:hover{border-bottom-style:solid}.toc{display:none;font-size:95%}@media only screen and (min-width: 37.5em){.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}.toc ul{margin:2px 0 0;padding:0;line-height:1}.toc li{display:block;margin:0 0 1px;padding:0}.toc li a{padding:10px;display:block;color:#fff;background:#5e5e5e;opacity:.7;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.toc li a:hover{opacity:1}.toc li ul{margin:1px 0 0}.image-grid{margin:0 0 1em;padding:0}.image-grid:after,.image-grid:before{display:table;content:"";line-height:0}.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){.article-author-bottom .bio-photo{max-width:100px}.article-author-bottom .author-social,.article-author-bottom h3,.article-author-bottom p{max-width:150px}.image-grid li{width:16.666666666%}}.recent-grid{margin:1em 0}.recent-grid:after,.recent-grid:before{display:table;content:"";line-height:0}.recent-grid li{display:inline}.recent-grid li a,.recent-grid li a:hover{border-bottom:0 solid transparent}.recent-grid img{width:19%;margin-bottom:1%}.holder a{margin:0 5px}.holder a.jp-previous{margin-left:0;margin-right:15px}.holder a.jp-next{margin-left:15px;margin-right:0}.holder a.jp-current{font-weight:700}.holder a.jp-current,.holder a.jp-current:hover,.holder a.jp-disabled,.holder a.jp-disabled:hover{cursor:default;background:0 0}.holder span{margin:0 5px}.footer-wrap{margin:0 auto;width:100%;padding-bottom:3em}.footer-wrap:after,.footer-wrap:before{display:table;content:"";line-height:0}.footer-wrap a,.footer-wrap a:active,.footer-wrap a:visited,.footer-wrap h4,.footer-wrap h5,.footer-wrap h6,.footer-wrap p,.footer-wrap span{font-size:12px;font-size:.75rem}.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%}}#goog-wm-qt,.fa,.fa-stack,.footer-icons li{display:inline-block}.related-articles h4,.related-articles li{margin-bottom:0}.footer-icons li{padding-right:5px}.footer-icons li a{color:#9a9a9a;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear}.footer-icons li a:hover{text-decoration:none;border-bottom:none}.footer-icons li a:hover .icon-twitter,.footer-icons li a:hover .icon-twitter-sign{color:#2aa9df}.footer-icons li a:hover .icon-facebook,.footer-icons li a:hover .icon-facebook-sign{color:#3a5a98}.footer-icons li a:hover .icon-instagram,.footer-icons li a:hover .icon-instagram-sign{color:#306088}.footer-icons li a:hover .icon-google-plus,.footer-icons li a:hover .icon-google-plus-sign{color:#b63324}.footer-icons li a:hover .icon-lastfm,.footer-icons li a:hover .icon-lastfm-sign{color:#d80049}.footer-icons li a:hover .icon-github{color:#4183c4}.browser-upgrade{background:#000;margin:0 0 2em;padding:10px;color:#fff}.browser-upgrade a{color:#fff;border-bottom:1px dotted #fff}.browser-upgrade a:hover{border-bottom:1px solid #fff}#goog-fixurl ul{margin-left:0;padding-left:0}#goog-wm-qt{width:auto;margin-right:10px;margin-bottom:20px;padding:8px 20px;font-size:14px;font-size:.875rem;background-color:#fff;color:#111;border-width:2px !important;border-style:solid !important;border-color:#919191;border-radius:3px}/*! - * Font Awesome 4.1.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.1.0");src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.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:.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}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes 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);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.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-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{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:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.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{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-square:before,.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-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-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:""}.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:.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-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;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;-webkit-box-shadow:none;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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}#main article.people{width:80%;margin-left:10%}#main article.people img{max-width:150px;max-height:150px}.mem-position{font-size:0.9em;color:#343434}ul.rig{list-style:none;font-size:0px;margin-left:-2.5%}ul.rig li{display:inline-block;padding:1em;margin:0 0 2.5% 2.5%;background:#fff;border:1px solid #ddd;font-size:16px;font-size:1rem;vertical-align:top;box-shadow:0 0 5px #ddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;min-width:185px;}ul.rig li img{max-width:100%;height:auto;margin:0 0 10px}ul.rig li h3{margin:0 0 5px}ul.rig li p{font-size:.9em;line-height:1.5em;color:#999}ul.rig.columns-2 li{width:47.5%}ul.rig.columns-3 li{width:30.83%}ul.rig.columns-4 li{width:22.5%}@media (max-width: 480px){ul.grid-nav li{display:block;margin:0 0 5px}ul.grid-nav li a{display:block}ul.rig{margin-left:0}ul.rig li{width:100% !important;margin:0 0 20px}} From 08b765395f7580d050e6b05a6f611cc666ac7fb0 Mon Sep 17 00:00:00 2001 From: amjjbonvin Date: Wed, 30 Sep 2026 07:17:01 +0200 Subject: [PATCH 2/3] Style .btn-visiting-phd as .btn-phd The people page emits btn-visiting-phd but no rule existed for it in either stylesheet, so the badge rendered with only the base .btn styling. Group it with .btn-phd so visiting PhD candidates get the same $warning colour. Grouped rather than duplicated or @extend-ed, so the two stay in step and the compiled output is one rule. .btn-visiting-postdoc is still unstyled; it needs its own colour decision. Co-Authored-By: Claude Opus 5 --- _sass/elements.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_sass/elements.scss b/_sass/elements.scss index 312150104..3fb85a0ee 100644 --- a/_sass/elements.scss +++ b/_sass/elements.scss @@ -223,7 +223,9 @@ img.grayscale { cursor: default; } } -.btn-phd { +// Visiting PhD candidates share the PhD badge colour. +.btn-phd, +.btn-visiting-phd { background-color: $warning; color: $white; border-color: $warning; From aada3df7e4bda349bbca2f39cc1ad79887a069a9 Mon Sep 17 00:00:00 2001 From: amjjbonvin Date: Wed, 30 Sep 2026 07:17:53 +0200 Subject: [PATCH 3/3] Style .btn-visiting-postdoc as .btn-postdoc Same fix as .btn-visiting-phd: the people page emits btn-visiting-postdoc but no rule existed for it, so the badge rendered with only the base .btn styling. Group it with .btn-postdoc to share the $info colour. Every badge class the people page emits now has a matching rule. Co-Authored-By: Claude Opus 5 --- _sass/elements.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_sass/elements.scss b/_sass/elements.scss index 3fb85a0ee..18737c898 100644 --- a/_sass/elements.scss +++ b/_sass/elements.scss @@ -214,7 +214,9 @@ img.grayscale { // Status indicators // Bastard buttons with no hover actions // Do not changing cursor to avoid tricking people -.btn-postdoc { +// Visiting postdocs share the postdoc badge colour. +.btn-postdoc, +.btn-visiting-postdoc { background-color: $info; color: $white; border-color: $info;