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
root15954.html
15954.html3063 linesDownload Raw Back to root
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   Pep Talk7  </title>8  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9  <!-- Chrome, Firefox OS and Opera -->10  <meta content="#ededed" name="theme-color">11  <!-- Windows Phone -->12  <meta content="#ededed" 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="Pep Talk" property="og:title">17  <meta content="Regnard Raquedan's blog on his life at the Asian Institute of Management MBA program from 2007-2009" property="og:description">18  <style type="text/css">19   @font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/cardo/v19/wlpygwjKBV1pqhND-ZQa-WN3aQ.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/cardo/v19/wlpygwjKBV1pqhND-ZQV-WN3aQ.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Cardo';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/cardo/v19/wlpygwjKBV1pqhND-ZQY-WN3aQ.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:'Cardo';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/cardo/v19/wlpygwjKBV1pqhND-ZQW-WM.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:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.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:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.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:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.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:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsQ.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:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.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:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.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:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.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:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.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:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.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:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.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;}20  </style>21  <style id="page-skin-1" type="text/css">22   <!--23/*! 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}24/*!************************************************25* Blogger Template Style26* Name: Contempo27**************************************************/28body{29overflow-wrap:break-word;30word-break:break-word;31word-wrap:break-word32}33.hidden{34display:none35}36.invisible{37visibility:hidden38}39.container::after,.float-container::after{40clear:both;41content:"";42display:table43}44.clearboth{45clear:both46}47#comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{48background:0 0;49border:0;50box-shadow:none;51color:#f2541e;52cursor:pointer;53font-size:14px;54font-weight:700;55outline:0;56text-decoration:none;57text-transform:uppercase;58width:auto59}60.dim-overlay{61background-color:rgba(0,0,0,.54);62height:100vh;63left:0;64position:fixed;65top:0;66width:100%67}68#sharing-dim-overlay{69background-color:transparent70}71input::-ms-clear{72display:none73}74.blogger-logo,.svg-icon-24.blogger-logo{75fill:#ff9800;76opacity:177}78.loading-spinner-large{79-webkit-animation:mspin-rotate 1.568s infinite linear;80animation:mspin-rotate 1.568s infinite linear;81height:48px;82overflow:hidden;83position:absolute;84width:48px;85z-index:20086}87.loading-spinner-large>div{88-webkit-animation:mspin-revrot 5332ms infinite steps(4);89animation:mspin-revrot 5332ms infinite steps(4)90}91.loading-spinner-large>div>div{92-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);93animation:mspin-singlecolor-large-film 1333ms infinite steps(81);94background-size:100%;95height:48px;96width:3888px97}98.mspin-black-large>div>div,.mspin-grey_54-large>div>div{99background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)100}101.mspin-white-large>div>div{102background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)103}104.mspin-grey_54-large{105opacity:.54106}107@-webkit-keyframes mspin-singlecolor-large-film{108from{109-webkit-transform:translateX(0);110transform:translateX(0)111}112to{113-webkit-transform:translateX(-3888px);114transform:translateX(-3888px)115}116}117@keyframes mspin-singlecolor-large-film{118from{119-webkit-transform:translateX(0);120transform:translateX(0)121}122to{123-webkit-transform:translateX(-3888px);124transform:translateX(-3888px)125}126}127@-webkit-keyframes mspin-rotate{128from{129-webkit-transform:rotate(0);130transform:rotate(0)131}132to{133-webkit-transform:rotate(360deg);134transform:rotate(360deg)135}136}137@keyframes mspin-rotate{138from{139-webkit-transform:rotate(0);140transform:rotate(0)141}142to{143-webkit-transform:rotate(360deg);144transform:rotate(360deg)145}146}147@-webkit-keyframes mspin-revrot{148from{149-webkit-transform:rotate(0);150transform:rotate(0)151}152to{153-webkit-transform:rotate(-360deg);154transform:rotate(-360deg)155}156}157@keyframes mspin-revrot{158from{159-webkit-transform:rotate(0);160transform:rotate(0)161}162to{163-webkit-transform:rotate(-360deg);164transform:rotate(-360deg)165}166}167.skip-navigation{168background-color:#fff;169box-sizing:border-box;170color:#000;171display:block;172height:0;173left:0;174line-height:50px;175overflow:hidden;176padding-top:0;177position:fixed;178text-align:center;179top:0;180-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;181transition:box-shadow .3s,height .3s,padding-top .3s;182width:100%;183z-index:900184}185.skip-navigation:focus{186box-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);187height:50px188}189#main{190outline:0191}192.main-heading{193position:absolute;194clip:rect(1px,1px,1px,1px);195padding:0;196border:0;197height:1px;198width:1px;199overflow:hidden200}201.Attribution{202margin-top:1em;203text-align:center204}205.Attribution .blogger img,.Attribution .blogger svg{206vertical-align:bottom207}208.Attribution .blogger img{209margin-right:.5em210}211.Attribution div{212line-height:24px;213margin-top:.5em214}215.Attribution .copyright,.Attribution .image-attribution{216font-size:.7em;217margin-top:1.5em218}219.BLOG_mobile_video_class{220display:none221}222.bg-photo{223background-attachment:scroll!important224}225body .CSS_LIGHTBOX{226z-index:900227}228.extendable .show-less,.extendable .show-more{229border-color:#f2541e;230color:#f2541e;231margin-top:8px232}233.extendable .show-less.hidden,.extendable .show-more.hidden{234display:none235}236.inline-ad{237display:none;238max-width:100%;239overflow:hidden240}241.adsbygoogle{242display:block243}244#cookieChoiceInfo{245bottom:0;246top:auto247}248iframe.b-hbp-video{249border:0250}251.post-body img{252max-width:100%253}254.post-body iframe{255max-width:100%256}257.post-body a[imageanchor="1"]{258display:inline-block259}260.byline{261margin-right:1em262}263.byline:last-child{264margin-right:0265}266.link-copied-dialog{267max-width:520px;268outline:0269}270.link-copied-dialog .modal-dialog-buttons{271margin-top:8px272}273.link-copied-dialog .goog-buttonset-default{274background:0 0;275border:0276}277.link-copied-dialog .goog-buttonset-default:focus{278outline:0279}280.paging-control-container{281margin-bottom:16px282}283.paging-control-container .paging-control{284display:inline-block285}286.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{287color:#f2541e288}289.paging-control-container .comment-range-text,.paging-control-container .paging-control{290margin-right:8px291}292.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{293content:"\b7";294cursor:default;295padding-left:8px;296pointer-events:none297}298.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{299content:none300}301.byline.reactions iframe{302height:20px303}304.b-notification{305color:#000;306background-color:#fff;307border-bottom:solid 1px #000;308box-sizing:border-box;309padding:16px 32px;310text-align:center311}312.b-notification.visible{313-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);314transition:margin-top .3s cubic-bezier(.4,0,.2,1)315}316.b-notification.invisible{317position:absolute318}319.b-notification-close{320position:absolute;321right:8px;322top:8px323}324.no-posts-message{325line-height:40px;326text-align:center327}328@media screen and (max-width:800px){329body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{330float:none!important;331clear:none!important332}333body.item-view .post-body a[imageanchor="1"] img{334display:block;335height:auto;336margin:0 auto337}338body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{339margin-top:20px340}341.post-body a[imageanchor]{342display:block343}344body.item-view .post-body a[imageanchor="1"]{345margin-left:0!important;346margin-right:0!important347}348body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{349margin-top:16px350}351}352.item-control{353display:none354}355#comments{356border-top:1px dashed rgba(0,0,0,.54);357margin-top:20px;358padding:20px359}360#comments .comment-thread ol{361margin:0;362padding-left:0;363padding-left:0364}365#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{366margin-left:60px367}368#comments .comment-thread .thread-count{369display:none370}371#comments .comment{372list-style-type:none;373padding:0 0 30px;374position:relative375}376#comments .comment .comment{377padding-bottom:8px378}379.comment .avatar-image-container{380position:absolute381}382.comment .avatar-image-container img{383border-radius:50%384}385.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{386border-radius:50%;387border:solid 1px #6e6e6e;388box-sizing:border-box;389fill:#6e6e6e;390height:35px;391margin:0;392padding:7px;393width:35px394}395.comment .comment-block{396margin-top:10px;397margin-left:60px;398padding-bottom:0399}400#comments .comment-author-header-wrapper{401margin-left:40px402}403#comments .comment .thread-expanded .comment-block{404padding-bottom:20px405}406#comments .comment .comment-header .user,#comments .comment .comment-header .user a{407color:#000000;408font-style:normal;409font-weight:700410}411#comments .comment .comment-actions{412bottom:0;413margin-bottom:15px;414position:absolute415}416#comments .comment .comment-actions>*{417margin-right:8px418}419#comments .comment .comment-header .datetime{420bottom:0;421color:rgba(0,0,0,.54);422display:inline-block;423font-size:13px;424font-style:italic;425margin-left:8px426}427#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{428color:rgba(0,0,0,.54)429}430#comments .comment .comment-content,.comment .comment-body{431margin-top:12px;432word-break:break-word433}434.comment-body{435margin-bottom:12px436}437#comments.embed[data-num-comments="0"]{438border:0;439margin-top:0;440padding-top:0441}442#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{443display:none444}445#comment-editor-src{446display:none447}448.comments .comments-content .loadmore.loaded{449max-height:0;450opacity:0;451overflow:hidden452}453.extendable .remaining-items{454height:0;455overflow:hidden;456-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);457transition:height .3s cubic-bezier(.4,0,.2,1)458}459.extendable .remaining-items.expanded{460height:auto461}462.svg-icon-24,.svg-icon-24-button{463cursor:pointer;464height:24px;465width:24px;466min-width:24px467}468.touch-icon{469margin:-12px;470padding:12px471}472.touch-icon:active,.touch-icon:focus{473background-color:rgba(153,153,153,.4);474border-radius:50%475}476svg:not(:root).touch-icon{477overflow:visible478}479html[dir=rtl] .rtl-reversible-icon{480-webkit-transform:scaleX(-1);481-ms-transform:scaleX(-1);482transform:scaleX(-1)483}484.svg-icon-24-button,.touch-icon-button{485background:0 0;486border:0;487margin:0;488outline:0;489padding:0490}491.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{492background-color:transparent493}494.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{495background-color:rgba(153,153,153,.4);496border-radius:50%497}498.Profile .default-avatar-wrapper .avatar-icon{499border-radius:50%;500border:solid 1px #6e6e6e;501box-sizing:border-box;502fill:#6e6e6e;503margin:0504}505.Profile .individual .default-avatar-wrapper .avatar-icon{506padding:25px507}508.Profile .individual .avatar-icon,.Profile .individual .profile-img{509height:120px;510width:120px511}512.Profile .team .default-avatar-wrapper .avatar-icon{513padding:8px514}515.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{516height:40px;517width:40px518}519.snippet-container{520margin:0;521position:relative;522overflow:hidden523}524.snippet-fade{525bottom:0;526box-sizing:border-box;527position:absolute;528width:96px529}530.snippet-fade{531right:0532}533.snippet-fade:after{534content:"\2026"535}536.snippet-fade:after{537float:right538}539.post-bottom{540-webkit-box-align:center;541-webkit-align-items:center;542-ms-flex-align:center;543align-items:center;544display:-webkit-box;545display:-webkit-flex;546display:-ms-flexbox;547display:flex;548-webkit-flex-wrap:wrap;549-ms-flex-wrap:wrap;550flex-wrap:wrap551}552.post-footer{553-webkit-box-flex:1;554-webkit-flex:1 1 auto;555-ms-flex:1 1 auto;556flex:1 1 auto;557-webkit-flex-wrap:wrap;558-ms-flex-wrap:wrap;559flex-wrap:wrap;560-webkit-box-ordinal-group:2;561-webkit-order:1;562-ms-flex-order:1;563order:1564}565.post-footer>*{566-webkit-box-flex:0;567-webkit-flex:0 1 auto;568-ms-flex:0 1 auto;569flex:0 1 auto570}571.post-footer .byline:last-child{572margin-right:1em573}574.jump-link{575-webkit-box-flex:0;576-webkit-flex:0 0 auto;577-ms-flex:0 0 auto;578flex:0 0 auto;579-webkit-box-ordinal-group:3;580-webkit-order:2;581-ms-flex-order:2;582order:2583}584.centered-top-container.sticky{585left:0;586position:fixed;587right:0;588top:0;589width:auto;590z-index:50;591-webkit-transition-property:opacity,-webkit-transform;592transition-property:opacity,-webkit-transform;593transition-property:transform,opacity;594transition-property:transform,opacity,-webkit-transform;595-webkit-transition-duration:.2s;596transition-duration:.2s;597-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);598transition-timing-function:cubic-bezier(.4,0,.2,1)599}600.centered-top-placeholder{601display:none602}603.collapsed-header .centered-top-placeholder{604display:block605}606.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{607display:none608}609.centered-top-container.sticky .Header .replaced h1{610display:block611}612.centered-top-container.sticky .Header .header-widget{613background:0 0614}615.centered-top-container.sticky .Header .header-image-wrapper{616display:none617}618.centered-top-container img,.centered-top-placeholder img{619max-width:100%620}621.collapsible{622-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);623transition:height .3s cubic-bezier(.4,0,.2,1)624}625.collapsible,.collapsible>summary{626display:block;627overflow:hidden628}629.collapsible>:not(summary){630display:none631}632.collapsible[open]>:not(summary){633display:block634}635.collapsible:focus,.collapsible>summary:focus{636outline:0637}638.collapsible>summary{639cursor:pointer;640display:block;641padding:0642}643.collapsible:focus>summary,.collapsible>summary:focus{644background-color:transparent645}646.collapsible>summary::-webkit-details-marker{647display:none648}649.collapsible-title{650-webkit-box-align:center;651-webkit-align-items:center;652-ms-flex-align:center;653align-items:center;654display:-webkit-box;655display:-webkit-flex;656display:-ms-flexbox;657display:flex658}659.collapsible-title .title{660-webkit-box-flex:1;661-webkit-flex:1 1 auto;662-ms-flex:1 1 auto;663flex:1 1 auto;664-webkit-box-ordinal-group:1;665-webkit-order:0;666-ms-flex-order:0;667order:0;668overflow:hidden;669text-overflow:ellipsis;670white-space:nowrap671}672.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{673display:block674}675.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{676display:none677}678.flat-button{679cursor:pointer;680display:inline-block;681font-weight:700;682text-transform:uppercase;683border-radius:2px;684padding:8px;685margin:-8px686}687.flat-icon-button{688background:0 0;689border:0;690margin:0;691outline:0;692padding:0;693margin:-12px;694padding:12px;695cursor:pointer;696box-sizing:content-box;697display:inline-block;698line-height:0699}700.flat-icon-button,.flat-icon-button .splash-wrapper{701border-radius:50%702}703.flat-icon-button .splash.animate{704-webkit-animation-duration:.3s;705animation-duration:.3s706}707.overflowable-container{708max-height:46px;709overflow:hidden;710position:relative711}712.overflow-button{713cursor:pointer714}715#overflowable-dim-overlay{716background:0 0717}718.overflow-popup{719box-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);720background-color:#ffffff;721left:0;722max-width:calc(100% - 32px);723position:absolute;724top:0;725visibility:hidden;726z-index:101727}728.overflow-popup ul{729list-style:none730}731.overflow-popup .tabs li,.overflow-popup li{732display:block;733height:auto734}735.overflow-popup .tabs li{736padding-left:0;737padding-right:0738}739.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{740display:none741}742.pill-button{743background:0 0;744border:1px solid;745border-radius:12px;746cursor:pointer;747display:inline-block;748padding:4px 16px;749text-transform:uppercase750}751.ripple{752position:relative753}754.ripple>*{755z-index:1756}757.splash-wrapper{758bottom:0;759left:0;760overflow:hidden;761pointer-events:none;762position:absolute;763right:0;764top:0;765z-index:0766}767.splash{768background:#ccc;769border-radius:100%;770display:block;771opacity:.6;772position:absolute;773-webkit-transform:scale(0);774-ms-transform:scale(0);775transform:scale(0)776}777.splash.animate{778-webkit-animation:ripple-effect .4s linear;779animation:ripple-effect .4s linear780}781@-webkit-keyframes ripple-effect{782100%{783opacity:0;784-webkit-transform:scale(2.5);785transform:scale(2.5)786}787}788@keyframes ripple-effect{789100%{790opacity:0;791-webkit-transform:scale(2.5);792transform:scale(2.5)793}794}795.search{796display:-webkit-box;797display:-webkit-flex;798display:-ms-flexbox;799display:flex;800line-height:24px;801width:24px802}803.search.focused{804width:100%805}806.search.focused .section{807width:100%808}809.search form{810z-index:101811}812.search h3{813display:none814}815.search form{816display:-webkit-box;817display:-webkit-flex;818display:-ms-flexbox;819display:flex;820-webkit-box-flex:1;821-webkit-flex:1 0 0;822-ms-flex:1 0 0px;823flex:1 0 0;824border-bottom:solid 1px transparent;825padding-bottom:8px826}827.search form>*{828display:none829}830.search.focused form>*{831display:block832}833.search .search-input label{834display:none835}836.centered-top-placeholder.cloned .search form{837z-index:30838}839.search.focused form{840border-color:#ffffff;841position:relative;842width:auto843}844.collapsed-header .centered-top-container .search.focused form{845border-bottom-color:transparent846}847.search-expand{848-webkit-box-flex:0;849-webkit-flex:0 0 auto;850-ms-flex:0 0 auto;851flex:0 0 auto852}853.search-expand-text{854display:none855}856.search-close{857display:inline;858vertical-align:middle859}860.search-input{861-webkit-box-flex:1;862-webkit-flex:1 0 1px;863-ms-flex:1 0 1px;864flex:1 0 1px865}866.search-input input{867background:0 0;868border:0;869box-sizing:border-box;870color:#ffffff;871display:inline-block;872outline:0;873width:calc(100% - 48px)874}875.search-input input.no-cursor{876color:transparent;877text-shadow:0 0 0 #ffffff878}879.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{880color:#000000881}882.collapsed-header .centered-top-container .search-input input.no-cursor{883color:transparent;884text-shadow:0 0 0 #000000885}886.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{887outline:0888}889.search-focused>*{890visibility:hidden891}892.search-focused .search,.search-focused .search-icon{893visibility:visible894}895.search.focused .search-action{896display:block897}898.search.focused .search-action:disabled{899opacity:.3900}901.widget.Sharing .sharing-button{902display:none903}904.widget.Sharing .sharing-buttons li{905padding:0906}907.widget.Sharing .sharing-buttons li span{908display:none909}910.post-share-buttons{911position:relative912}913.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{914fill:#000000915}916.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{917background-color:transparent918}919.share-buttons{920background-color:#ffffff;921border-radius:2px;922box-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);923color:#000000;924list-style:none;925margin:0;926padding:8px 0;927position:absolute;928top:-11px;929min-width:200px;930z-index:101931}932.share-buttons.hidden{933display:none934}935.sharing-button{936background:0 0;937border:0;938margin:0;939outline:0;940padding:0;941cursor:pointer942}943.share-buttons li{944margin:0;945height:48px946}947.share-buttons li:last-child{948margin-bottom:0949}950.share-buttons li .sharing-platform-button{951box-sizing:border-box;952cursor:pointer;953display:block;954height:100%;955margin-bottom:0;956padding:0 16px;957position:relative;958width:100%959}960.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{961background-color:rgba(128,128,128,.1);962outline:0963}964.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{965position:absolute;966top:10px967}968.share-buttons li span.sharing-platform-button{969position:relative;970top:0971}972.share-buttons li .platform-sharing-text{973display:block;974font-size:16px;975line-height:48px;976white-space:nowrap977}978.share-buttons li .platform-sharing-text{979margin-left:56px980}981.sidebar-container{982background-color:#ffffff;983max-width:284px;984overflow-y:auto;985-webkit-transition-property:-webkit-transform;986transition-property:-webkit-transform;987transition-property:transform;988transition-property:transform,-webkit-transform;989-webkit-transition-duration:.3s;990transition-duration:.3s;991-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);992transition-timing-function:cubic-bezier(0,0,.2,1);993width:284px;994z-index:101;995-webkit-overflow-scrolling:touch996}997.sidebar-container .navigation{998line-height:0;999padding:16px1000}1001.sidebar-container .sidebar-back{1002cursor:pointer1003}1004.sidebar-container .widget{1005background:0 0;1006margin:0 16px;1007padding:16px 01008}1009.sidebar-container .widget .title{1010color:#000000;1011margin:01012}1013.sidebar-container .widget ul{1014list-style:none;1015margin:0;1016padding:01017}1018.sidebar-container .widget ul ul{1019margin-left:1em1020}1021.sidebar-container .widget li{1022font-size:16px;1023line-height:normal1024}1025.sidebar-container .widget+.widget{1026border-top:1px dashed #cbcbcb1027}1028.BlogArchive li{1029margin:16px 01030}1031.BlogArchive li:last-child{1032margin-bottom:01033}1034.Label li a{1035display:inline-block1036}1037.BlogArchive .post-count,.Label .label-count{1038float:right;1039margin-left:.25em1040}1041.BlogArchive .post-count::before,.Label .label-count::before{1042content:"("1043}1044.BlogArchive .post-count::after,.Label .label-count::after{1045content:")"1046}1047.widget.Translate .skiptranslate>div{1048display:block!important1049}1050.widget.Profile .profile-link{1051display:-webkit-box;1052display:-webkit-flex;1053display:-ms-flexbox;1054display:flex1055}1056.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{1057-webkit-box-flex:0;1058-webkit-flex:0 0 auto;1059-ms-flex:0 0 auto;1060flex:0 0 auto;1061margin-right:1em1062}1063.widget.Profile .individual .profile-link{1064-webkit-box-orient:vertical;1065-webkit-box-direction:normal;1066-webkit-flex-direction:column;1067-ms-flex-direction:column;1068flex-direction:column1069}1070.widget.Profile .team .profile-link .profile-name{1071-webkit-align-self:center;1072-ms-flex-item-align:center;1073align-self:center;1074display:block;1075-webkit-box-flex:1;1076-webkit-flex:1 1 auto;1077-ms-flex:1 1 auto;1078flex:1 1 auto1079}1080.dim-overlay{1081background-color:rgba(0,0,0,.54);1082z-index:1001083}1084body.sidebar-visible{1085overflow-y:hidden1086}1087@media screen and (max-width:1439px){1088.sidebar-container{1089bottom:0;1090position:fixed;1091top:0;1092left:0;1093right:auto1094}1095.sidebar-container.sidebar-invisible{1096-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);1097transition-timing-function:cubic-bezier(.4,0,.6,1);1098-webkit-transform:translateX(-284px);1099-ms-transform:translateX(-284px);1100transform:translateX(-284px)1101}1102}1103@media screen and (min-width:1440px){1104.sidebar-container{1105position:absolute;1106top:0;1107left:0;1108right:auto1109}1110.sidebar-container .navigation{1111display:none1112}1113}1114.dialog{1115box-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);1116background:#ffffff;1117box-sizing:border-box;1118color:#737373;1119padding:30px;1120position:fixed;1121text-align:center;1122width:calc(100% - 24px);1123z-index:1011124}1125.dialog input[type=email],.dialog input[type=text]{1126background-color:transparent;1127border:0;1128border-bottom:solid 1px rgba(115,115,115,.12);1129color:#737373;1130display:block;1131font-family:Roboto, sans-serif;1132font-size:16px;1133line-height:24px;1134margin:auto;1135padding-bottom:7px;1136outline:0;1137text-align:center;1138width:100%1139}1140.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1141color:#7373731142}1143.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1144color:#7373731145}1146.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1147color:#7373731148}1149.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1150color:#7373731151}1152.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1153color:#7373731154}1155.dialog input[type=email]:focus,.dialog input[type=text]:focus{1156border-bottom:solid 2px #f2541e;1157padding-bottom:6px1158}1159.dialog input.no-cursor{1160color:transparent;1161text-shadow:0 0 0 #7373731162}1163.dialog input.no-cursor:focus{1164outline:01165}1166.dialog input.no-cursor:focus{1167outline:01168}1169.dialog input[type=submit]{1170font-family:Roboto, sans-serif1171}1172.dialog .goog-buttonset-default{1173color:#f2541e1174}1175.subscribe-popup{1176max-width:364px1177}1178.subscribe-popup h3{1179color:#000000;1180font-size:1.8em;1181margin-top:01182}1183.subscribe-popup .FollowByEmail h3{1184display:none1185}1186.subscribe-popup .FollowByEmail .follow-by-email-submit{1187color:#f2541e;1188display:inline-block;1189margin:0 auto;1190margin-top:24px;1191width:auto;1192white-space:normal1193}1194.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1195cursor:default;1196opacity:.31197}1198@media (max-width:800px){1199.blog-name div.widget.Subscribe{1200margin-bottom:16px
Showing the first 1,200 of 3063 lines. Download the file for the rest.