CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root9139.html
9139.html2699 linesDownload Raw Back to root
1<!DOCTYPE html>2<html dir="ltr" lang="en-GB">3 <head>4  <meta content="width=device-width, initial-scale=1" name="viewport">5  <title>6   Friday Funny - Bird Watching7  </title>8  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9  <!-- Chrome, Firefox OS and Opera -->10  <meta content="#ffffff" name="theme-color">11  <!-- Windows Phone -->12  <meta content="#ffffff" name="msapplication-navbutton-color">13  <meta content="blogger" name="generator">14  <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->15  <meta content="" property="og:url">16  <meta content="Friday Funny - Bird Watching" property="og:title">17  <meta content="Kylie Purtell | Capturing Life.18A personal blog about my life as a mother, photographer and obsessive book reader." property="og:description">19  <meta content="" property="og:image">20  <style type="text/css">21   @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCY9_S6w.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkAI9_S6w.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCI9_S6w.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkB49_S6w.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkC49_S6w.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo9_S6w.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI9_.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJMkq1umA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJFkq1umA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJOkq1umA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJPkq1umA.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkq0.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}22  </style>23  <style id="page-skin-1" type="text/css">24   <!--25/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}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:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}26/*!************************************************27* Blogger Template Style28* Name: Soho29**************************************************/30body{31overflow-wrap:break-word;32word-break:break-word;33word-wrap:break-word34}35.hidden{36display:none37}38.invisible{39visibility:hidden40}41.container::after,.float-container::after{42clear:both;43content:"";44display:table45}46.clearboth{47clear:both48}49#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{50background:0 0;51border:0;52box-shadow:none;53color:#c1395f;54cursor:pointer;55font-size:14px;56font-weight:700;57outline:0;58text-decoration:none;59text-transform:uppercase;60width:auto61}62.dim-overlay{63background-color:rgba(0,0,0,.54);64height:100vh;65left:0;66position:fixed;67top:0;68width:100%69}70#sharing-dim-overlay{71background-color:transparent72}73input::-ms-clear{74display:none75}76.blogger-logo,.svg-icon-24.blogger-logo{77fill:#ff9800;78opacity:179}80.loading-spinner-large{81-webkit-animation:mspin-rotate 1.568s infinite linear;82animation:mspin-rotate 1.568s infinite linear;83height:48px;84overflow:hidden;85position:absolute;86width:48px;87z-index:20088}89.loading-spinner-large>div{90-webkit-animation:mspin-revrot 5332ms infinite steps(4);91animation:mspin-revrot 5332ms infinite steps(4)92}93.loading-spinner-large>div>div{94-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);95animation:mspin-singlecolor-large-film 1333ms infinite steps(81);96background-size:100%;97height:48px;98width:3888px99}100.mspin-black-large>div>div,.mspin-grey_54-large>div>div{101background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)102}103.mspin-white-large>div>div{104background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)105}106.mspin-grey_54-large{107opacity:.54108}109@-webkit-keyframes mspin-singlecolor-large-film{110from{111-webkit-transform:translateX(0);112transform:translateX(0)113}114to{115-webkit-transform:translateX(-3888px);116transform:translateX(-3888px)117}118}119@keyframes mspin-singlecolor-large-film{120from{121-webkit-transform:translateX(0);122transform:translateX(0)123}124to{125-webkit-transform:translateX(-3888px);126transform:translateX(-3888px)127}128}129@-webkit-keyframes mspin-rotate{130from{131-webkit-transform:rotate(0);132transform:rotate(0)133}134to{135-webkit-transform:rotate(360deg);136transform:rotate(360deg)137}138}139@keyframes mspin-rotate{140from{141-webkit-transform:rotate(0);142transform:rotate(0)143}144to{145-webkit-transform:rotate(360deg);146transform:rotate(360deg)147}148}149@-webkit-keyframes mspin-revrot{150from{151-webkit-transform:rotate(0);152transform:rotate(0)153}154to{155-webkit-transform:rotate(-360deg);156transform:rotate(-360deg)157}158}159@keyframes mspin-revrot{160from{161-webkit-transform:rotate(0);162transform:rotate(0)163}164to{165-webkit-transform:rotate(-360deg);166transform:rotate(-360deg)167}168}169.skip-navigation{170background-color:#fff;171box-sizing:border-box;172color:#000;173display:block;174height:0;175left:0;176line-height:50px;177overflow:hidden;178padding-top:0;179position:fixed;180text-align:center;181top:0;182-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;183transition:box-shadow .3s,height .3s,padding-top .3s;184width:100%;185z-index:900186}187.skip-navigation:focus{188box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);189height:50px190}191#main{192outline:0193}194.main-heading{195position:absolute;196clip:rect(1px,1px,1px,1px);197padding:0;198border:0;199height:1px;200width:1px;201overflow:hidden202}203.Attribution{204margin-top:1em;205text-align:center206}207.Attribution .blogger img,.Attribution .blogger svg{208vertical-align:bottom209}210.Attribution .blogger img{211margin-right:.5em212}213.Attribution div{214line-height:24px;215margin-top:.5em216}217.Attribution .copyright,.Attribution .image-attribution{218font-size:.7em;219margin-top:1.5em220}221.BLOG_mobile_video_class{222display:none223}224.bg-photo{225background-attachment:scroll!important226}227body .CSS_LIGHTBOX{228z-index:900229}230.extendable .show-less,.extendable .show-more{231border-color:#c1395f;232color:#c1395f;233margin-top:8px234}235.extendable .show-less.hidden,.extendable .show-more.hidden{236display:none237}238.inline-ad{239display:none;240max-width:100%;241overflow:hidden242}243.adsbygoogle{244display:block245}246#cookieChoiceInfo{247bottom:0;248top:auto249}250iframe.b-hbp-video{251border:0252}253.post-body img{254max-width:100%255}256.post-body iframe{257max-width:100%258}259.post-body a[imageanchor="1"]{260display:inline-block261}262.byline{263margin-right:1em264}265.byline:last-child{266margin-right:0267}268.link-copied-dialog{269max-width:520px;270outline:0271}272.link-copied-dialog .modal-dialog-buttons{273margin-top:8px274}275.link-copied-dialog .goog-buttonset-default{276background:0 0;277border:0278}279.link-copied-dialog .goog-buttonset-default:focus{280outline:0281}282.paging-control-container{283margin-bottom:16px284}285.paging-control-container .paging-control{286display:inline-block287}288.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{289color:#c1395f290}291.paging-control-container .comment-range-text,.paging-control-container .paging-control{292margin-right:8px293}294.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{295content:"\b7";296cursor:default;297padding-left:8px;298pointer-events:none299}300.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{301content:none302}303.byline.reactions iframe{304height:20px305}306.b-notification{307color:#000;308background-color:#fff;309border-bottom:solid 1px #000;310box-sizing:border-box;311padding:16px 32px;312text-align:center313}314.b-notification.visible{315-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);316transition:margin-top .3s cubic-bezier(.4,0,.2,1)317}318.b-notification.invisible{319position:absolute320}321.b-notification-close{322position:absolute;323right:8px;324top:8px325}326.no-posts-message{327line-height:40px;328text-align:center329}330@media screen and (max-width:1162px){331body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{332float:none!important;333clear:none!important334}335body.item-view .post-body a[imageanchor="1"] img{336display:block;337height:auto;338margin:0 auto339}340body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{341margin-top:20px342}343.post-body a[imageanchor]{344display:block345}346body.item-view .post-body a[imageanchor="1"]{347margin-left:0!important;348margin-right:0!important349}350body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{351margin-top:16px352}353}354.item-control{355display:none356}357#comments{358border-top:1px dashed rgba(0,0,0,.54);359margin-top:20px;360padding:20px361}362#comments .comment-thread ol{363margin:0;364padding-left:0;365padding-left:0366}367#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{368margin-left:60px369}370#comments .comment-thread .thread-count{371display:none372}373#comments .comment{374list-style-type:none;375padding:0 0 30px;376position:relative377}378#comments .comment .comment{379padding-bottom:8px380}381.comment .avatar-image-container{382position:absolute383}384.comment .avatar-image-container img{385border-radius:50%386}387.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{388border-radius:50%;389border:solid 1px #000000;390box-sizing:border-box;391fill:#000000;392height:35px;393margin:0;394padding:7px;395width:35px396}397.comment .comment-block{398margin-top:10px;399margin-left:60px;400padding-bottom:0401}402#comments .comment-author-header-wrapper{403margin-left:40px404}405#comments .comment .thread-expanded .comment-block{406padding-bottom:20px407}408#comments .comment .comment-header .user,#comments .comment .comment-header .user a{409color:#000000;410font-style:normal;411font-weight:700412}413#comments .comment .comment-actions{414bottom:0;415margin-bottom:15px;416position:absolute417}418#comments .comment .comment-actions>*{419margin-right:8px420}421#comments .comment .comment-header .datetime{422bottom:0;423color:#282828;424display:inline-block;425font-size:13px;426font-style:italic;427margin-left:8px428}429#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{430color:#282828431}432#comments .comment .comment-content,.comment .comment-body{433margin-top:12px;434word-break:break-word435}436.comment-body{437margin-bottom:12px438}439#comments.embed[data-num-comments="0"]{440border:0;441margin-top:0;442padding-top:0443}444#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{445display:none446}447#comment-editor-src{448display:none449}450.comments .comments-content .loadmore.loaded{451max-height:0;452opacity:0;453overflow:hidden454}455.extendable .remaining-items{456height:0;457overflow:hidden;458-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);459transition:height .3s cubic-bezier(.4,0,.2,1)460}461.extendable .remaining-items.expanded{462height:auto463}464.svg-icon-24,.svg-icon-24-button{465cursor:pointer;466height:24px;467width:24px;468min-width:24px469}470.touch-icon{471margin:-12px;472padding:12px473}474.touch-icon:active,.touch-icon:focus{475background-color:rgba(153,153,153,.4);476border-radius:50%477}478svg:not(:root).touch-icon{479overflow:visible480}481html[dir=rtl] .rtl-reversible-icon{482-webkit-transform:scaleX(-1);483-ms-transform:scaleX(-1);484transform:scaleX(-1)485}486.svg-icon-24-button,.touch-icon-button{487background:0 0;488border:0;489margin:0;490outline:0;491padding:0492}493.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{494background-color:transparent495}496.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{497background-color:rgba(153,153,153,.4);498border-radius:50%499}500.Profile .default-avatar-wrapper .avatar-icon{501border-radius:50%;502border:solid 1px #000000;503box-sizing:border-box;504fill:#000000;505margin:0506}507.Profile .individual .default-avatar-wrapper .avatar-icon{508padding:25px509}510.Profile .individual .avatar-icon,.Profile .individual .profile-img{511height:120px;512width:120px513}514.Profile .team .default-avatar-wrapper .avatar-icon{515padding:8px516}517.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{518height:40px;519width:40px520}521.snippet-container{522margin:0;523position:relative;524overflow:hidden525}526.snippet-fade{527bottom:0;528box-sizing:border-box;529position:absolute;530width:96px531}532.snippet-fade{533right:0534}535.snippet-fade:after{536content:"\2026"537}538.snippet-fade:after{539float:right540}541.centered-top-container.sticky{542left:0;543position:fixed;544right:0;545top:0;546width:auto;547z-index:50;548-webkit-transition-property:opacity,-webkit-transform;549transition-property:opacity,-webkit-transform;550transition-property:transform,opacity;551transition-property:transform,opacity,-webkit-transform;552-webkit-transition-duration:.2s;553transition-duration:.2s;554-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);555transition-timing-function:cubic-bezier(.4,0,.2,1)556}557.centered-top-placeholder{558display:none559}560.collapsed-header .centered-top-placeholder{561display:block562}563.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{564display:none565}566.centered-top-container.sticky .Header .replaced h1{567display:block568}569.centered-top-container.sticky .Header .header-widget{570background:0 0571}572.centered-top-container.sticky .Header .header-image-wrapper{573display:none574}575.centered-top-container img,.centered-top-placeholder img{576max-width:100%577}578.collapsible{579-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);580transition:height .3s cubic-bezier(.4,0,.2,1)581}582.collapsible,.collapsible>summary{583display:block;584overflow:hidden585}586.collapsible>:not(summary){587display:none588}589.collapsible[open]>:not(summary){590display:block591}592.collapsible:focus,.collapsible>summary:focus{593outline:0594}595.collapsible>summary{596cursor:pointer;597display:block;598padding:0599}600.collapsible:focus>summary,.collapsible>summary:focus{601background-color:transparent602}603.collapsible>summary::-webkit-details-marker{604display:none605}606.collapsible-title{607-webkit-box-align:center;608-webkit-align-items:center;609-ms-flex-align:center;610align-items:center;611display:-webkit-box;612display:-webkit-flex;613display:-ms-flexbox;614display:flex615}616.collapsible-title .title{617-webkit-box-flex:1;618-webkit-flex:1 1 auto;619-ms-flex:1 1 auto;620flex:1 1 auto;621-webkit-box-ordinal-group:1;622-webkit-order:0;623-ms-flex-order:0;624order:0;625overflow:hidden;626text-overflow:ellipsis;627white-space:nowrap628}629.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{630display:block631}632.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{633display:none634}635.flat-button{636cursor:pointer;637display:inline-block;638font-weight:700;639text-transform:uppercase;640border-radius:2px;641padding:8px;642margin:-8px643}644.flat-icon-button{645background:0 0;646border:0;647margin:0;648outline:0;649padding:0;650margin:-12px;651padding:12px;652cursor:pointer;653box-sizing:content-box;654display:inline-block;655line-height:0656}657.flat-icon-button,.flat-icon-button .splash-wrapper{658border-radius:50%659}660.flat-icon-button .splash.animate{661-webkit-animation-duration:.3s;662animation-duration:.3s663}664.overflowable-container{665max-height:28px;666overflow:hidden;667position:relative668}669.overflow-button{670cursor:pointer671}672#overflowable-dim-overlay{673background:0 0674}675.overflow-popup{676box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);677background-color:#ffffff;678left:0;679max-width:calc(100% - 32px);680position:absolute;681top:0;682visibility:hidden;683z-index:101684}685.overflow-popup ul{686list-style:none687}688.overflow-popup .tabs li,.overflow-popup li{689display:block;690height:auto691}692.overflow-popup .tabs li{693padding-left:0;694padding-right:0695}696.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{697display:none698}699.search{700display:-webkit-box;701display:-webkit-flex;702display:-ms-flexbox;703display:flex;704line-height:24px;705width:24px706}707.search.focused{708width:100%709}710.search.focused .section{711width:100%712}713.search form{714z-index:101715}716.search h3{717display:none718}719.search form{720display:-webkit-box;721display:-webkit-flex;722display:-ms-flexbox;723display:flex;724-webkit-box-flex:1;725-webkit-flex:1 0 0;726-ms-flex:1 0 0px;727flex:1 0 0;728border-bottom:solid 1px transparent;729padding-bottom:8px730}731.search form>*{732display:none733}734.search.focused form>*{735display:block736}737.search .search-input label{738display:none739}740.centered-top-placeholder.cloned .search form{741z-index:30742}743.search.focused form{744border-color:#282828;745position:relative;746width:auto747}748.collapsed-header .centered-top-container .search.focused form{749border-bottom-color:transparent750}751.search-expand{752-webkit-box-flex:0;753-webkit-flex:0 0 auto;754-ms-flex:0 0 auto;755flex:0 0 auto756}757.search-expand-text{758display:none759}760.search-close{761display:inline;762vertical-align:middle763}764.search-input{765-webkit-box-flex:1;766-webkit-flex:1 0 1px;767-ms-flex:1 0 1px;768flex:1 0 1px769}770.search-input input{771background:0 0;772border:0;773box-sizing:border-box;774color:#282828;775display:inline-block;776outline:0;777width:calc(100% - 48px)778}779.search-input input.no-cursor{780color:transparent;781text-shadow:0 0 0 #282828782}783.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{784color:#282828785}786.collapsed-header .centered-top-container .search-input input.no-cursor{787color:transparent;788text-shadow:0 0 0 #282828789}790.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{791outline:0792}793.search-focused>*{794visibility:hidden795}796.search-focused .search,.search-focused .search-icon{797visibility:visible798}799.search.focused .search-action{800display:block801}802.search.focused .search-action:disabled{803opacity:.3804}805.widget.Sharing .sharing-button{806display:none807}808.widget.Sharing .sharing-buttons li{809padding:0810}811.widget.Sharing .sharing-buttons li span{812display:none813}814.post-share-buttons{815position:relative816}817.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{818fill:#000000819}820.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{821background-color:transparent822}823.share-buttons{824background-color:#ffffff;825border-radius:2px;826box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);827color:#000000;828list-style:none;829margin:0;830padding:8px 0;831position:absolute;832top:-11px;833min-width:200px;834z-index:101835}836.share-buttons.hidden{837display:none838}839.sharing-button{840background:0 0;841border:0;842margin:0;843outline:0;844padding:0;845cursor:pointer846}847.share-buttons li{848margin:0;849height:48px850}851.share-buttons li:last-child{852margin-bottom:0853}854.share-buttons li .sharing-platform-button{855box-sizing:border-box;856cursor:pointer;857display:block;858height:100%;859margin-bottom:0;860padding:0 16px;861position:relative;862width:100%863}864.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{865background-color:rgba(128,128,128,.1);866outline:0867}868.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{869position:absolute;870top:10px871}872.share-buttons li span.sharing-platform-button{873position:relative;874top:0875}876.share-buttons li .platform-sharing-text{877display:block;878font-size:16px;879line-height:48px;880white-space:nowrap881}882.share-buttons li .platform-sharing-text{883margin-left:56px884}885.sidebar-container{886background-color:#f7f7f7;887max-width:284px;888overflow-y:auto;889-webkit-transition-property:-webkit-transform;890transition-property:-webkit-transform;891transition-property:transform;892transition-property:transform,-webkit-transform;893-webkit-transition-duration:.3s;894transition-duration:.3s;895-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);896transition-timing-function:cubic-bezier(0,0,.2,1);897width:284px;898z-index:101;899-webkit-overflow-scrolling:touch900}901.sidebar-container .navigation{902line-height:0;903padding:16px904}905.sidebar-container .sidebar-back{906cursor:pointer907}908.sidebar-container .widget{909background:0 0;910margin:0 16px;911padding:16px 0912}913.sidebar-container .widget .title{914color:#282828;915margin:0916}917.sidebar-container .widget ul{918list-style:none;919margin:0;920padding:0921}922.sidebar-container .widget ul ul{923margin-left:1em924}925.sidebar-container .widget li{926font-size:16px;927line-height:normal928}929.sidebar-container .widget+.widget{930border-top:1px dashed #282828931}932.BlogArchive li{933margin:16px 0934}935.BlogArchive li:last-child{936margin-bottom:0937}938.Label li a{939display:inline-block940}941.BlogArchive .post-count,.Label .label-count{942float:right;943margin-left:.25em944}945.BlogArchive .post-count::before,.Label .label-count::before{946content:"("947}948.BlogArchive .post-count::after,.Label .label-count::after{949content:")"950}951.widget.Translate .skiptranslate>div{952display:block!important953}954.widget.Profile .profile-link{955display:-webkit-box;956display:-webkit-flex;957display:-ms-flexbox;958display:flex959}960.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{961-webkit-box-flex:0;962-webkit-flex:0 0 auto;963-ms-flex:0 0 auto;964flex:0 0 auto;965margin-right:1em966}967.widget.Profile .individual .profile-link{968-webkit-box-orient:vertical;969-webkit-box-direction:normal;970-webkit-flex-direction:column;971-ms-flex-direction:column;972flex-direction:column973}974.widget.Profile .team .profile-link .profile-name{975-webkit-align-self:center;976-ms-flex-item-align:center;977align-self:center;978display:block;979-webkit-box-flex:1;980-webkit-flex:1 1 auto;981-ms-flex:1 1 auto;982flex:1 1 auto983}984.dim-overlay{985background-color:rgba(0,0,0,.54);986z-index:100987}988body.sidebar-visible{989overflow-y:hidden990}991@media screen and (max-width:1439px){992.sidebar-container{993bottom:0;994position:fixed;995top:0;996left:0;997right:auto998}999.sidebar-container.sidebar-invisible{1000-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);1001transition-timing-function:cubic-bezier(.4,0,.6,1)1002}1003html[dir=ltr] .sidebar-container.sidebar-invisible{1004-webkit-transform:translateX(-284px);1005-ms-transform:translateX(-284px);1006transform:translateX(-284px)1007}1008html[dir=rtl] .sidebar-container.sidebar-invisible{1009-webkit-transform:translateX(284px);1010-ms-transform:translateX(284px);1011transform:translateX(284px)1012}1013}1014@media screen and (min-width:1440px){1015.sidebar-container{1016position:absolute;1017top:0;1018left:0;1019right:auto1020}1021.sidebar-container .navigation{1022display:none1023}1024}1025.dialog{1026box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);1027background:#ffffff;1028box-sizing:border-box;1029color:#000000;1030padding:30px;1031position:fixed;1032text-align:center;1033width:calc(100% - 24px);1034z-index:1011035}1036.dialog input[type=email],.dialog input[type=text]{1037background-color:transparent;1038border:0;1039border-bottom:solid 1px rgba(0,0,0,.12);1040color:#000000;1041display:block;1042font-family:EB Garamond, serif;1043font-size:16px;1044line-height:24px;1045margin:auto;1046padding-bottom:7px;1047outline:0;1048text-align:center;1049width:100%1050}1051.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1052color:#0000001053}1054.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1055color:#0000001056}1057.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1058color:#0000001059}1060.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1061color:#0000001062}1063.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1064color:#0000001065}1066.dialog input[type=email]:focus,.dialog input[type=text]:focus{1067border-bottom:solid 2px #c1395f;1068padding-bottom:6px1069}1070.dialog input.no-cursor{1071color:transparent;1072text-shadow:0 0 0 #0000001073}1074.dialog input.no-cursor:focus{1075outline:01076}1077.dialog input.no-cursor:focus{1078outline:01079}1080.dialog input[type=submit]{1081font-family:EB Garamond, serif1082}1083.dialog .goog-buttonset-default{1084color:#c1395f1085}1086.subscribe-popup{1087max-width:364px1088}1089.subscribe-popup h3{1090color:#e0265b;1091font-size:1.8em;1092margin-top:01093}1094.subscribe-popup .FollowByEmail h3{1095display:none1096}1097.subscribe-popup .FollowByEmail .follow-by-email-submit{1098color:#c1395f;1099display:inline-block;1100margin:0 auto;1101margin-top:24px;1102width:auto;1103white-space:normal1104}1105.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1106cursor:default;1107opacity:.31108}1109@media (max-width:800px){1110.blog-name div.widget.Subscribe{1111margin-bottom:16px1112}1113body.item-view .blog-name div.widget.Subscribe{1114margin:8px auto 16px auto;1115width:100%1116}1117}1118body#layout .bg-photo,body#layout .bg-photo-overlay{1119display:none1120}1121body#layout .page_body{1122padding:0;1123position:relative;1124top:01125}1126body#layout .page{1127display:inline-block;1128left:inherit;1129position:relative;1130vertical-align:top;1131width:540px1132}1133body#layout .centered{1134max-width:954px1135}1136body#layout .navigation{1137display:none1138}1139body#layout .sidebar-container{1140display:inline-block;1141width:40%1142}1143body#layout .hamburger-menu,body#layout .search{1144display:none1145}1146body{1147background-color:#ffffff;1148color:#000000;1149font:normal 400 20px EB Garamond, serif;1150height:100%;1151margin:0;1152min-height:100vh1153}1154h1,h2,h3,h4,h5,h6{1155font-weight:4001156}1157a{1158color:#c1395f;1159text-decoration:none1160}1161.dim-overlay{1162z-index:1001163}1164body.sidebar-visible .page_body{1165overflow-y:scroll1166}1167.widget .title{1168color:#282828;1169font:normal 400 12px Montserrat, sans-serif1170}1171.extendable .show-less,.extendable .show-more{1172color:#c1395f;1173font:normal 400 12px Montserrat, sans-serif;1174margin:12px -8px 0 -8px;1175text-transform:uppercase1176}1177.footer .widget,.main .widget{1178margin:50px 01179}1180.main .widget .title{1181text-transform:uppercase1182}1183.inline-ad{1184display:block;1185margin-top:50px1186}1187.adsbygoogle{1188text-align:center1189}1190.page_body{1191display:-webkit-box;1192display:-webkit-flex;1193display:-ms-flexbox;1194display:flex;1195-webkit-box-orient:vertical;1196-webkit-box-direction:normal;1197-webkit-flex-direction:column;1198-ms-flex-direction:column;1199flex-direction:column;1200min-height:100vh;

Showing the first 1,200 of 2699 lines. Download the file for the rest.