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.
221.8k
1<!DOCTYPE html>2<html dir="ltr" lang="en">3 <head>4 <meta content="width=device-width, initial-scale=1" name="viewport">5 <title>6 Abra Leah Stamps...7 </title>8 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9 <!-- Chrome, Firefox OS and Opera -->10 <meta content="#f2cdcd" name="theme-color">11 <!-- Windows Phone -->12 <meta content="#f2cdcd" 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="Abra Leah Stamps..." property="og:title">17 <meta content="...crochets, paints, sews, photographs, scraps, cooks, decorates, and blogs!" property="og:description">18 <meta content="" property="og:image">19 <meta content="" property="og:image">20 <meta content="" property="og:image">21 <style type="text/css">22 @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI96.ttf)format('truetype');}@font-face{font-family:'EB Garamond';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/ebgaramond/v27/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-DPNkBI96.ttf)format('truetype');}@font-face{font-family:'Lora';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/lora/v32/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqg.ttf)format('truetype');}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf)format('truetype');}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf)format('truetype');}23 </style>24 <style id="page-skin-1" type="text/css">25 <!--26/*! 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}27/*!************************************************28* Blogger Template Style29* Name: Soho30**************************************************/31body{32overflow-wrap:break-word;33word-break:break-word;34word-wrap:break-word35}36.hidden{37display:none38}39.invisible{40visibility:hidden41}42.container::after,.float-container::after{43clear:both;44content:"";45display:table46}47.clearboth{48clear:both49}50#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit{51background:0 0;52border:0;53box-shadow:none;54color:#e56161;55cursor:pointer;56font-size:14px;57font-weight:700;58outline:0;59text-decoration:none;60text-transform:uppercase;61width:auto62}63.dim-overlay{64background-color:rgba(0,0,0,.54);65height:100vh;66left:0;67position:fixed;68top:0;69width:100%70}71#sharing-dim-overlay{72background-color:transparent73}74input::-ms-clear{75display:none76}77.blogger-logo,.svg-icon-24.blogger-logo{78fill:#ff9800;79opacity:180}81.loading-spinner-large{82-webkit-animation:mspin-rotate 1.568s infinite linear;83animation:mspin-rotate 1.568s infinite linear;84height:48px;85overflow:hidden;86position:absolute;87width:48px;88z-index:20089}90.loading-spinner-large>div{91-webkit-animation:mspin-revrot 5332ms infinite steps(4);92animation:mspin-revrot 5332ms infinite steps(4)93}94.loading-spinner-large>div>div{95-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);96animation:mspin-singlecolor-large-film 1333ms infinite steps(81);97background-size:100%;98height:48px;99width:3888px100}101.mspin-black-large>div>div,.mspin-grey_54-large>div>div{102background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)103}104.mspin-white-large>div>div{105background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)106}107.mspin-grey_54-large{108opacity:.54109}110@-webkit-keyframes mspin-singlecolor-large-film{111from{112-webkit-transform:translateX(0);113transform:translateX(0)114}115to{116-webkit-transform:translateX(-3888px);117transform:translateX(-3888px)118}119}120@keyframes mspin-singlecolor-large-film{121from{122-webkit-transform:translateX(0);123transform:translateX(0)124}125to{126-webkit-transform:translateX(-3888px);127transform:translateX(-3888px)128}129}130@-webkit-keyframes mspin-rotate{131from{132-webkit-transform:rotate(0);133transform:rotate(0)134}135to{136-webkit-transform:rotate(360deg);137transform:rotate(360deg)138}139}140@keyframes mspin-rotate{141from{142-webkit-transform:rotate(0);143transform:rotate(0)144}145to{146-webkit-transform:rotate(360deg);147transform:rotate(360deg)148}149}150@-webkit-keyframes mspin-revrot{151from{152-webkit-transform:rotate(0);153transform:rotate(0)154}155to{156-webkit-transform:rotate(-360deg);157transform:rotate(-360deg)158}159}160@keyframes mspin-revrot{161from{162-webkit-transform:rotate(0);163transform:rotate(0)164}165to{166-webkit-transform:rotate(-360deg);167transform:rotate(-360deg)168}169}170.skip-navigation{171background-color:#fff;172box-sizing:border-box;173color:#000;174display:block;175height:0;176left:0;177line-height:50px;178overflow:hidden;179padding-top:0;180position:fixed;181text-align:center;182top:0;183-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;184transition:box-shadow .3s,height .3s,padding-top .3s;185width:100%;186z-index:900187}188.skip-navigation:focus{189box-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);190height:50px191}192#main{193outline:0194}195.main-heading{196position:absolute;197clip:rect(1px,1px,1px,1px);198padding:0;199border:0;200height:1px;201width:1px;202overflow:hidden203}204.Attribution{205margin-top:1em;206text-align:center207}208.Attribution .blogger img,.Attribution .blogger svg{209vertical-align:bottom210}211.Attribution .blogger img{212margin-right:.5em213}214.Attribution div{215line-height:24px;216margin-top:.5em217}218.Attribution .copyright,.Attribution .image-attribution{219font-size:.7em;220margin-top:1.5em221}222.BLOG_mobile_video_class{223display:none224}225.bg-photo{226background-attachment:scroll!important227}228body .CSS_LIGHTBOX{229z-index:900230}231.extendable .show-less,.extendable .show-more{232border-color:#e56161;233color:#e56161;234margin-top:8px235}236.extendable .show-less.hidden,.extendable .show-more.hidden{237display:none238}239.inline-ad{240display:none;241max-width:100%;242overflow:hidden243}244.adsbygoogle{245display:block246}247#cookieChoiceInfo{248bottom:0;249top:auto250}251iframe.b-hbp-video{252border:0253}254.post-body img{255max-width:100%256}257.post-body iframe{258max-width:100%259}260.post-body a[imageanchor="1"]{261display:inline-block262}263.byline{264margin-right:1em265}266.byline:last-child{267margin-right:0268}269.link-copied-dialog{270max-width:520px;271outline:0272}273.link-copied-dialog .modal-dialog-buttons{274margin-top:8px275}276.link-copied-dialog .goog-buttonset-default{277background:0 0;278border:0279}280.link-copied-dialog .goog-buttonset-default:focus{281outline:0282}283.paging-control-container{284margin-bottom:16px285}286.paging-control-container .paging-control{287display:inline-block288}289.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{290color:#e56161291}292.paging-control-container .comment-range-text,.paging-control-container .paging-control{293margin-right:8px294}295.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{296content:"\b7";297cursor:default;298padding-left:8px;299pointer-events:none300}301.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{302content:none303}304.byline.reactions iframe{305height:20px306}307.b-notification{308color:#000;309background-color:#fff;310border-bottom:solid 1px #000;311box-sizing:border-box;312padding:16px 32px;313text-align:center314}315.b-notification.visible{316-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);317transition:margin-top .3s cubic-bezier(.4,0,.2,1)318}319.b-notification.invisible{320position:absolute321}322.b-notification-close{323position:absolute;324right:8px;325top:8px326}327.no-posts-message{328line-height:40px;329text-align:center330}331@media screen and (max-width:1162px){332body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{333float:none!important;334clear:none!important335}336body.item-view .post-body a[imageanchor="1"] img{337display:block;338height:auto;339margin:0 auto340}341body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{342margin-top:20px343}344.post-body a[imageanchor]{345display:block346}347body.item-view .post-body a[imageanchor="1"]{348margin-left:0!important;349margin-right:0!important350}351body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{352margin-top:16px353}354}355.item-control{356display:none357}358#comments{359border-top:1px dashed rgba(0,0,0,.54);360margin-top:20px;361padding:20px362}363#comments .comment-thread ol{364margin:0;365padding-left:0;366padding-left:0367}368#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{369margin-left:60px370}371#comments .comment-thread .thread-count{372display:none373}374#comments .comment{375list-style-type:none;376padding:0 0 30px;377position:relative378}379#comments .comment .comment{380padding-bottom:8px381}382.comment .avatar-image-container{383position:absolute384}385.comment .avatar-image-container img{386border-radius:50%387}388.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{389border-radius:50%;390border:solid 1px #000000;391box-sizing:border-box;392fill:#000000;393height:35px;394margin:0;395padding:7px;396width:35px397}398.comment .comment-block{399margin-top:10px;400margin-left:60px;401padding-bottom:0402}403#comments .comment-author-header-wrapper{404margin-left:40px405}406#comments .comment .thread-expanded .comment-block{407padding-bottom:20px408}409#comments .comment .comment-header .user,#comments .comment .comment-header .user a{410color:#000000;411font-style:normal;412font-weight:700413}414#comments .comment .comment-actions{415bottom:0;416margin-bottom:15px;417position:absolute418}419#comments .comment .comment-actions>*{420margin-right:8px421}422#comments .comment .comment-header .datetime{423bottom:0;424color:rgba(56, 56, 56, 0.54);425display:inline-block;426font-size:13px;427font-style:italic;428margin-left:8px429}430#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{431color:rgba(56, 56, 56, 0.54)432}433#comments .comment .comment-content,.comment .comment-body{434margin-top:12px;435word-break:break-word436}437.comment-body{438margin-bottom:12px439}440#comments.embed[data-num-comments="0"]{441border:0;442margin-top:0;443padding-top:0444}445#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{446display:none447}448#comment-editor-src{449display:none450}451.comments .comments-content .loadmore.loaded{452max-height:0;453opacity:0;454overflow:hidden455}456.extendable .remaining-items{457height:0;458overflow:hidden;459-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);460transition:height .3s cubic-bezier(.4,0,.2,1)461}462.extendable .remaining-items.expanded{463height:auto464}465.svg-icon-24,.svg-icon-24-button{466cursor:pointer;467height:24px;468width:24px;469min-width:24px470}471.touch-icon{472margin:-12px;473padding:12px474}475.touch-icon:active,.touch-icon:focus{476background-color:rgba(153,153,153,.4);477border-radius:50%478}479svg:not(:root).touch-icon{480overflow:visible481}482html[dir=rtl] .rtl-reversible-icon{483-webkit-transform:scaleX(-1);484-ms-transform:scaleX(-1);485transform:scaleX(-1)486}487.svg-icon-24-button,.touch-icon-button{488background:0 0;489border:0;490margin:0;491outline:0;492padding:0493}494.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{495background-color:transparent496}497.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{498background-color:rgba(153,153,153,.4);499border-radius:50%500}501.Profile .default-avatar-wrapper .avatar-icon{502border-radius:50%;503border:solid 1px #000000;504box-sizing:border-box;505fill:#000000;506margin:0507}508.Profile .individual .default-avatar-wrapper .avatar-icon{509padding:25px510}511.Profile .individual .avatar-icon,.Profile .individual .profile-img{512height:120px;513width:120px514}515.Profile .team .default-avatar-wrapper .avatar-icon{516padding:8px517}518.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{519height:40px;520width:40px521}522.snippet-container{523margin:0;524position:relative;525overflow:hidden526}527.snippet-fade{528bottom:0;529box-sizing:border-box;530position:absolute;531width:96px532}533.snippet-fade{534right:0535}536.snippet-fade:after{537content:"\2026"538}539.snippet-fade:after{540float:right541}542.centered-top-container.sticky{543left:0;544position:fixed;545right:0;546top:0;547width:auto;548z-index:50;549-webkit-transition-property:opacity,-webkit-transform;550transition-property:opacity,-webkit-transform;551transition-property:transform,opacity;552transition-property:transform,opacity,-webkit-transform;553-webkit-transition-duration:.2s;554transition-duration:.2s;555-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);556transition-timing-function:cubic-bezier(.4,0,.2,1)557}558.centered-top-placeholder{559display:none560}561.collapsed-header .centered-top-placeholder{562display:block563}564.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{565display:none566}567.centered-top-container.sticky .Header .replaced h1{568display:block569}570.centered-top-container.sticky .Header .header-widget{571background:0 0572}573.centered-top-container.sticky .Header .header-image-wrapper{574display:none575}576.centered-top-container img,.centered-top-placeholder img{577max-width:100%578}579.collapsible{580-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);581transition:height .3s cubic-bezier(.4,0,.2,1)582}583.collapsible,.collapsible>summary{584display:block;585overflow:hidden586}587.collapsible>:not(summary){588display:none589}590.collapsible[open]>:not(summary){591display:block592}593.collapsible:focus,.collapsible>summary:focus{594outline:0595}596.collapsible>summary{597cursor:pointer;598display:block;599padding:0600}601.collapsible:focus>summary,.collapsible>summary:focus{602background-color:transparent603}604.collapsible>summary::-webkit-details-marker{605display:none606}607.collapsible-title{608-webkit-box-align:center;609-webkit-align-items:center;610-ms-flex-align:center;611align-items:center;612display:-webkit-box;613display:-webkit-flex;614display:-ms-flexbox;615display:flex616}617.collapsible-title .title{618-webkit-box-flex:1;619-webkit-flex:1 1 auto;620-ms-flex:1 1 auto;621flex:1 1 auto;622-webkit-box-ordinal-group:1;623-webkit-order:0;624-ms-flex-order:0;625order:0;626overflow:hidden;627text-overflow:ellipsis;628white-space:nowrap629}630.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{631display:block632}633.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{634display:none635}636.flat-button{637cursor:pointer;638display:inline-block;639font-weight:700;640text-transform:uppercase;641border-radius:2px;642padding:8px;643margin:-8px644}645.flat-icon-button{646background:0 0;647border:0;648margin:0;649outline:0;650padding:0;651margin:-12px;652padding:12px;653cursor:pointer;654box-sizing:content-box;655display:inline-block;656line-height:0657}658.flat-icon-button,.flat-icon-button .splash-wrapper{659border-radius:50%660}661.flat-icon-button .splash.animate{662-webkit-animation-duration:.3s;663animation-duration:.3s664}665.overflowable-container{666max-height:28px;667overflow:hidden;668position:relative669}670.overflow-button{671cursor:pointer672}673#overflowable-dim-overlay{674background:0 0675}676.overflow-popup{677box-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);678background-color:#f2cdcd;679left:0;680max-width:calc(100% - 32px);681position:absolute;682top:0;683visibility:hidden;684z-index:101685}686.overflow-popup ul{687list-style:none688}689.overflow-popup .tabs li,.overflow-popup li{690display:block;691height:auto692}693.overflow-popup .tabs li{694padding-left:0;695padding-right:0696}697.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{698display:none699}700.search{701display:-webkit-box;702display:-webkit-flex;703display:-ms-flexbox;704display:flex;705line-height:24px;706width:24px707}708.search.focused{709width:100%710}711.search.focused .section{712width:100%713}714.search form{715z-index:101716}717.search h3{718display:none719}720.search form{721display:-webkit-box;722display:-webkit-flex;723display:-ms-flexbox;724display:flex;725-webkit-box-flex:1;726-webkit-flex:1 0 0;727-ms-flex:1 0 0px;728flex:1 0 0;729border-bottom:solid 1px transparent;730padding-bottom:8px731}732.search form>*{733display:none734}735.search.focused form>*{736display:block737}738.search .search-input label{739display:none740}741.centered-top-placeholder.cloned .search form{742z-index:30743}744.search.focused form{745border-color:#000000;746position:relative;747width:auto748}749.collapsed-header .centered-top-container .search.focused form{750border-bottom-color:transparent751}752.search-expand{753-webkit-box-flex:0;754-webkit-flex:0 0 auto;755-ms-flex:0 0 auto;756flex:0 0 auto757}758.search-expand-text{759display:none760}761.search-close{762display:inline;763vertical-align:middle764}765.search-input{766-webkit-box-flex:1;767-webkit-flex:1 0 1px;768-ms-flex:1 0 1px;769flex:1 0 1px770}771.search-input input{772background:0 0;773border:0;774box-sizing:border-box;775color:#000000;776display:inline-block;777outline:0;778width:calc(100% - 48px)779}780.search-input input.no-cursor{781color:transparent;782text-shadow:0 0 0 #000000783}784.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{785color:#000000786}787.collapsed-header .centered-top-container .search-input input.no-cursor{788color:transparent;789text-shadow:0 0 0 #000000790}791.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{792outline:0793}794.search-focused>*{795visibility:hidden796}797.search-focused .search,.search-focused .search-icon{798visibility:visible799}800.search.focused .search-action{801display:block802}803.search.focused .search-action:disabled{804opacity:.3805}806.widget.Sharing .sharing-button{807display:none808}809.widget.Sharing .sharing-buttons li{810padding:0811}812.widget.Sharing .sharing-buttons li span{813display:none814}815.post-share-buttons{816position:relative817}818.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{819fill:#000000820}821.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{822background-color:transparent823}824.share-buttons{825background-color:#f2cdcd;826border-radius:2px;827box-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);828color:#000000;829list-style:none;830margin:0;831padding:8px 0;832position:absolute;833top:-11px;834min-width:200px;835z-index:101836}837.share-buttons.hidden{838display:none839}840.sharing-button{841background:0 0;842border:0;843margin:0;844outline:0;845padding:0;846cursor:pointer847}848.share-buttons li{849margin:0;850height:48px851}852.share-buttons li:last-child{853margin-bottom:0854}855.share-buttons li .sharing-platform-button{856box-sizing:border-box;857cursor:pointer;858display:block;859height:100%;860margin-bottom:0;861padding:0 16px;862position:relative;863width:100%864}865.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{866background-color:rgba(128,128,128,.1);867outline:0868}869.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{870position:absolute;871top:10px872}873.share-buttons li span.sharing-platform-button{874position:relative;875top:0876}877.share-buttons li .platform-sharing-text{878display:block;879font-size:16px;880line-height:48px;881white-space:nowrap882}883.share-buttons li .platform-sharing-text{884margin-left:56px885}886.sidebar-container{887background-color:#f7f7f7;888max-width:284px;889overflow-y:auto;890-webkit-transition-property:-webkit-transform;891transition-property:-webkit-transform;892transition-property:transform;893transition-property:transform,-webkit-transform;894-webkit-transition-duration:.3s;895transition-duration:.3s;896-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);897transition-timing-function:cubic-bezier(0,0,.2,1);898width:284px;899z-index:101;900-webkit-overflow-scrolling:touch901}902.sidebar-container .navigation{903line-height:0;904padding:16px905}906.sidebar-container .sidebar-back{907cursor:pointer908}909.sidebar-container .widget{910background:0 0;911margin:0 16px;912padding:16px 0913}914.sidebar-container .widget .title{915color:#000000;916margin:0917}918.sidebar-container .widget ul{919list-style:none;920margin:0;921padding:0922}923.sidebar-container .widget ul ul{924margin-left:1em925}926.sidebar-container .widget li{927font-size:16px;928line-height:normal929}930.sidebar-container .widget+.widget{931border-top:1px dashed rgba(56, 56, 56, 0.54)932}933.BlogArchive li{934margin:16px 0935}936.BlogArchive li:last-child{937margin-bottom:0938}939.Label li a{940display:inline-block941}942.BlogArchive .post-count,.Label .label-count{943float:right;944margin-left:.25em945}946.BlogArchive .post-count::before,.Label .label-count::before{947content:"("948}949.BlogArchive .post-count::after,.Label .label-count::after{950content:")"951}952.widget.Translate .skiptranslate>div{953display:block!important954}955.widget.Profile .profile-link{956display:-webkit-box;957display:-webkit-flex;958display:-ms-flexbox;959display:flex960}961.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{962-webkit-box-flex:0;963-webkit-flex:0 0 auto;964-ms-flex:0 0 auto;965flex:0 0 auto;966margin-right:1em967}968.widget.Profile .individual .profile-link{969-webkit-box-orient:vertical;970-webkit-box-direction:normal;971-webkit-flex-direction:column;972-ms-flex-direction:column;973flex-direction:column974}975.widget.Profile .team .profile-link .profile-name{976-webkit-align-self:center;977-ms-flex-item-align:center;978align-self:center;979display:block;980-webkit-box-flex:1;981-webkit-flex:1 1 auto;982-ms-flex:1 1 auto;983flex:1 1 auto984}985.dim-overlay{986background-color:rgba(0,0,0,.54);987z-index:100988}989body.sidebar-visible{990overflow-y:hidden991}992@media screen and (max-width:1439px){993.sidebar-container{994bottom:0;995position:fixed;996top:0;997left:0;998right:auto999}1000.sidebar-container.sidebar-invisible{1001-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);1002transition-timing-function:cubic-bezier(.4,0,.6,1)1003}1004html[dir=ltr] .sidebar-container.sidebar-invisible{1005-webkit-transform:translateX(-284px);1006-ms-transform:translateX(-284px);1007transform:translateX(-284px)1008}1009html[dir=rtl] .sidebar-container.sidebar-invisible{1010-webkit-transform:translateX(284px);1011-ms-transform:translateX(284px);1012transform:translateX(284px)1013}1014}1015@media screen and (min-width:1440px){1016.sidebar-container{1017position:absolute;1018top:0;1019left:0;1020right:auto1021}1022.sidebar-container .navigation{1023display:none1024}1025}1026.dialog{1027box-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);1028background:#f2cdcd;1029box-sizing:border-box;1030color:#000000;1031padding:30px;1032position:fixed;1033text-align:center;1034width:calc(100% - 24px);1035z-index:1011036}1037.dialog input[type=email],.dialog input[type=text]{1038background-color:transparent;1039border:0;1040border-bottom:solid 1px rgba(0,0,0,.12);1041color:#000000;1042display:block;1043font-family:EB Garamond, serif;1044font-size:16px;1045line-height:24px;1046margin:auto;1047padding-bottom:7px;1048outline:0;1049text-align:center;1050width:100%1051}1052.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1053color:#0000001054}1055.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1056color:#0000001057}1058.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1059color:#0000001060}1061.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1062color:#0000001063}1064.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1065color:#0000001066}1067.dialog input[type=email]:focus,.dialog input[type=text]:focus{1068border-bottom:solid 2px #e56161;1069padding-bottom:6px1070}1071.dialog input.no-cursor{1072color:transparent;1073text-shadow:0 0 0 #0000001074}1075.dialog input.no-cursor:focus{1076outline:01077}1078.dialog input.no-cursor:focus{1079outline:01080}1081.dialog input[type=submit]{1082font-family:EB Garamond, serif1083}1084.dialog .goog-buttonset-default{1085color:#e561611086}1087.subscribe-popup{1088max-width:364px1089}1090.subscribe-popup h3{1091color:#000000;1092font-size:1.8em;1093margin-top:01094}1095.subscribe-popup .FollowByEmail h3{1096display:none1097}1098.subscribe-popup .FollowByEmail .follow-by-email-submit{1099color:#e56161;1100display:inline-block;1101margin:0 auto;1102margin-top:24px;1103width:auto;1104white-space:normal1105}1106.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1107cursor:default;1108opacity:.31109}1110@media (max-width:800px){1111.blog-name div.widget.Subscribe{1112margin-bottom:16px1113}1114body.item-view .blog-name div.widget.Subscribe{1115margin:8px auto 16px auto;1116width:100%1117}1118}1119body#layout .bg-photo,body#layout .bg-photo-overlay{1120display:none1121}1122body#layout .page_body{1123padding:0;1124position:relative;1125top:01126}1127body#layout .page{1128display:inline-block;1129left:inherit;1130position:relative;1131vertical-align:top;1132width:540px1133}1134body#layout .centered{1135max-width:954px1136}1137body#layout .navigation{1138display:none1139}1140body#layout .sidebar-container{1141display:inline-block;1142width:40%1143}1144body#layout .hamburger-menu,body#layout .search{1145display:none1146}1147body{1148background-color:#f2cdcd;1149color:#000000;1150font:normal bold 20px EB Garamond, serif;1151height:100%;1152margin:0;1153min-height:100vh1154}1155h1,h2,h3,h4,h5,h6{1156font-weight:4001157}1158a{1159color:#e56161;1160text-decoration:none1161}1162.dim-overlay{1163z-index:1001164}1165body.sidebar-visible .page_body{1166overflow-y:scroll1167}1168.widget .title{1169color:#000000;1170font:normal 400 12px Montserrat, sans-serif1171}1172.extendable .show-less,.extendable .show-more{1173color:#000000;1174font:normal 400 12px Montserrat, sans-serif;1175margin:12px -8px 0 -8px;1176text-transform:uppercase1177}1178.footer .widget,.main .widget{1179margin:50px 01180}1181.main .widget .title{1182text-transform:uppercase1183}1184.inline-ad{1185display:block;1186margin-top:50px1187}1188.adsbygoogle{1189text-align:center1190}1191.page_body{1192display:-webkit-box;1193display:-webkit-flex;1194display:-ms-flexbox;1195display:flex;1196-webkit-box-orient:vertical;1197-webkit-box-direction:normal;1198-webkit-flex-direction:column;1199-ms-flex-direction:column;1200flex-direction:column;