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-GB">3 <head>4 <style>5 </style>6 <meta content="width=device-width, initial-scale=1" name="viewport">7 <title>8 ALTER Table in Teradata9 </title>10 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">11 <!-- Chrome, Firefox OS and Opera -->12 <meta content="#f4f4f4" name="theme-color">13 <!-- Windows Phone -->14 <meta content="#f4f4f4" name="msapplication-navbutton-color">15 <meta content="blogger" name="generator">16 <!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->17 <meta content="ALTER Table in Teradata. CHAR and VARCHAR..." name="description">18 <meta content="" property="og:url">19 <meta content="ALTER Table in Teradata" property="og:title">20 <meta content="ALTER Table in Teradata. CHAR and VARCHAR..." property="og:description">21 <style type="text/css">22 @font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:url(//fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsE.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf)format('truetype');}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf)format('truetype');}23 </style>24 <style id="page-skin-1" type="text/css">25 <!--26/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}27/*!************************************************28* Blogger Template Style29* Name: Essential30**************************************************/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,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{51background:transparent;52border:0;53box-shadow:none;54color:#2196f3;55cursor:pointer;56font-size:14px;57font-weight:700;58outline:none;59text-decoration:none;60text-transform:uppercase;61width:auto62}63.dim-overlay{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 1568.63ms linear infinite;82animation:mspin-rotate 1568.63ms linear infinite;83height:48px;84overflow:hidden;85position:absolute;86width:48px;87z-index:20088}89.loading-spinner-large>div{90-webkit-animation:mspin-revrot 5332ms steps(4) infinite;91animation:mspin-revrot 5332ms steps(4) infinite92}93.loading-spinner-large>div>div{94-webkit-animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;95animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;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{1100%{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{1200%{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{1300%{131-webkit-transform:rotate(0deg);132transform:rotate(0deg)133}134to{135-webkit-transform:rotate(1turn);136transform:rotate(1turn)137}138}139@keyframes mspin-rotate{1400%{141-webkit-transform:rotate(0deg);142transform:rotate(0deg)143}144to{145-webkit-transform:rotate(1turn);146transform:rotate(1turn)147}148}149@-webkit-keyframes mspin-revrot{1500%{151-webkit-transform:rotate(0deg);152transform:rotate(0deg)153}154to{155-webkit-transform:rotate(-1turn);156transform:rotate(-1turn)157}158}159@keyframes mspin-revrot{1600%{161-webkit-transform:rotate(0deg);162transform:rotate(0deg)163}164to{165-webkit-transform:rotate(-1turn);166transform:rotate(-1turn)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:none193}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:#2196f3;232color:#2196f3;233margin-top:8px234}235.extendable .show-less.hidden,.extendable .show-more.hidden,.inline-ad{236display:none237}238.inline-ad{239max-width:100%;240overflow:hidden241}242.adsbygoogle{243display:block244}245#cookieChoiceInfo{246bottom:0;247top:auto248}249iframe.b-hbp-video{250border:0251}252.post-body iframe,.post-body img{253max-width:100%254}255.post-body a[imageanchor=\31]{256display:inline-block257}258.byline{259margin-right:1em260}261.byline:last-child{262margin-right:0263}264.link-copied-dialog{265max-width:520px;266outline:0267}268.link-copied-dialog .modal-dialog-buttons{269margin-top:8px270}271.link-copied-dialog .goog-buttonset-default{272background:transparent;273border:0274}275.link-copied-dialog .goog-buttonset-default:focus{276outline:0277}278.paging-control-container{279margin-bottom:16px280}281.paging-control-container .paging-control{282display:inline-block283}284.paging-control-container .comment-range-text:after,.paging-control-container .paging-control{285color:#2196f3286}287.paging-control-container .comment-range-text,.paging-control-container .paging-control{288margin-right:8px289}290.paging-control-container .comment-range-text:after,.paging-control-container .paging-control:after{291content:"\b7";292cursor:default;293padding-left:8px;294pointer-events:none295}296.paging-control-container .comment-range-text:last-child:after,.paging-control-container .paging-control:last-child:after{297content:none298}299.byline.reactions iframe{300height:20px301}302.b-notification{303color:#000;304background-color:#fff;305border-bottom:1px solid #000;306box-sizing:border-box;307padding:16px 32px;308text-align:center309}310.b-notification.visible{311-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);312transition:margin-top .3s cubic-bezier(.4,0,.2,1)313}314.b-notification.invisible{315position:absolute316}317.b-notification-close{318position:absolute;319right:8px;320top:8px321}322.no-posts-message{323line-height:40px;324text-align:center325}326@media screen and (max-width:800px){327body.item-view .post-body a[imageanchor=\31][style*=float\:\ left\;],body.item-view .post-body a[imageanchor=\31][style*=float\:\ right\;]{328float:none!important;329clear:none!important330}331body.item-view .post-body a[imageanchor=\31] img{332display:block;333height:auto;334margin:0 auto335}336body.item-view .post-body>.separator:first-child>a[imageanchor=\31]:first-child{337margin-top:20px338}339.post-body a[imageanchor]{340display:block341}342body.item-view .post-body a[imageanchor=\31]{343margin-left:0!important;344margin-right:0!important345}346body.item-view .post-body a[imageanchor=\31]+a[imageanchor=\31]{347margin-top:16px348}349}350.item-control{351display:none352}353#comments{354border-top:1px dashed rgba(0,0,0,.54);355margin-top:20px;356padding:20px357}358#comments .comment-thread ol{359margin:0;360padding-left:0;361padding-left:0362}363#comments .comment-thread .comment-replies,#comments .comment .comment-replybox-single{364margin-left:60px365}366#comments .comment-thread .thread-count{367display:none368}369#comments .comment{370list-style-type:none;371padding:0 0 30px;372position:relative373}374#comments .comment .comment{375padding-bottom:8px376}377.comment .avatar-image-container{378position:absolute379}380.comment .avatar-image-container img{381border-radius:50%382}383.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{384border-radius:50%;385border:1px solid #707070;386box-sizing:border-box;387fill:#707070;388height:35px;389margin:0;390padding:7px;391width:35px392}393.comment .comment-block{394margin-top:10px;395margin-left:60px;396padding-bottom:0397}398#comments .comment-author-header-wrapper{399margin-left:40px400}401#comments .comment .thread-expanded .comment-block{402padding-bottom:20px403}404#comments .comment .comment-header .user,#comments .comment .comment-header .user a{405color:#424242;406font-style:normal;407font-weight:700408}409#comments .comment .comment-actions{410bottom:0;411margin-bottom:15px;412position:absolute413}414#comments .comment .comment-actions>*{415margin-right:8px416}417#comments .comment .comment-header .datetime{418bottom:0;419display:inline-block;420font-size:13px;421font-style:italic;422margin-left:8px423}424#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime,#comments .comment .comment-header .datetime a{425color:rgba(66,66,66,.54)426}427#comments .comment .comment-content,.comment .comment-body{428margin-top:12px;429word-break:break-word430}431.comment-body{432margin-bottom:12px433}434#comments.embed[data-num-comments=\30]{435border:0;436margin-top:0;437padding-top:0438}439#comment-editor-src,#comments.embed[data-num-comments=\30] #comment-post-message,#comments.embed[data-num-comments=\30] div.comment-form>p,#comments.embed[data-num-comments=\30] p.comment-footer{440display:none441}442.comments .comments-content .loadmore.loaded{443max-height:0;444opacity:0;445overflow:hidden446}447.extendable .remaining-items{448height:0;449overflow:hidden;450-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);451transition:height .3s cubic-bezier(.4,0,.2,1)452}453.extendable .remaining-items.expanded{454height:auto455}456.svg-icon-24,.svg-icon-24-button{457cursor:pointer;458height:24px;459width:24px;460min-width:24px461}462.touch-icon{463margin:-12px;464padding:12px465}466.touch-icon:active,.touch-icon:focus{467background-color:hsla(0,0%,60%,.4);468border-radius:50%469}470svg:not(:root).touch-icon{471overflow:visible472}473html[dir=rtl] .rtl-reversible-icon{474-webkit-transform:scaleX(-1);475transform:scaleX(-1)476}477.svg-icon-24-button,.touch-icon-button{478background:transparent;479border:0;480margin:0;481outline:none;482padding:0483}484.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{485background-color:transparent486}487.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{488background-color:hsla(0,0%,60%,.4);489border-radius:50%490}491.Profile .default-avatar-wrapper .avatar-icon{492border-radius:50%;493border:1px solid #707070;494box-sizing:border-box;495fill:#707070;496margin:0497}498.Profile .individual .default-avatar-wrapper .avatar-icon{499padding:25px500}501.Profile .individual .avatar-icon,.Profile .individual .profile-img{502height:120px;503width:120px504}505.Profile .team .default-avatar-wrapper .avatar-icon{506padding:8px507}508.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{509height:40px;510width:40px511}512.snippet-container{513margin:0;514position:relative;515overflow:hidden516}517.snippet-fade{518bottom:0;519box-sizing:border-box;520position:absolute;521width:96px;522right:0523}524.snippet-fade:after{525content:"\2026";526float:right527}528.post-bottom{529-webkit-box-align:center;530align-items:center;531display:-webkit-box;532display:flex;533flex-wrap:wrap534}535.post-footer{536-webkit-box-flex:1;537flex:1 1 auto;538flex-wrap:wrap;539-webkit-box-ordinal-group:2;540order:1541}542.post-footer>*{543-webkit-box-flex:0;544flex:0 1 auto545}546.post-footer .byline:last-child{547margin-right:1em548}549.jump-link{550-webkit-box-flex:0;551flex:0 0 auto;552-webkit-box-ordinal-group:3;553order:2554}555.centered-top-container.sticky{556left:0;557position:fixed;558right:0;559top:0;560width:auto;561z-index:50;562-webkit-transition-property:opacity,-webkit-transform;563transition-property:opacity,-webkit-transform;564transition-property:transform,opacity;565transition-property:transform,opacity,-webkit-transform;566-webkit-transition-duration:.2s;567transition-duration:.2s;568-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);569transition-timing-function:cubic-bezier(.4,0,.2,1)570}571.centered-top-placeholder{572display:none573}574.collapsed-header .centered-top-placeholder{575display:block576}577.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{578display:none579}580.centered-top-container.sticky .Header .replaced h1{581display:block582}583.centered-top-container.sticky .Header .header-widget{584background:none585}586.centered-top-container.sticky .Header .header-image-wrapper{587display:none588}589.centered-top-container img,.centered-top-placeholder img{590max-width:100%591}592.collapsible{593-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);594transition:height .3s cubic-bezier(.4,0,.2,1)595}596.collapsible,.collapsible>summary{597display:block;598overflow:hidden599}600.collapsible>:not(summary){601display:none602}603.collapsible[open]>:not(summary){604display:block605}606.collapsible:focus,.collapsible>summary:focus{607outline:none608}609.collapsible>summary{610cursor:pointer;611display:block;612padding:0613}614.collapsible:focus>summary,.collapsible>summary:focus{615background-color:transparent616}617.collapsible>summary::-webkit-details-marker{618display:none619}620.collapsible-title{621-webkit-box-align:center;622align-items:center;623display:-webkit-box;624display:flex625}626.collapsible-title .title{627-webkit-box-flex:1;628flex:1 1 auto;629-webkit-box-ordinal-group:1;630order:0;631overflow:hidden;632text-overflow:ellipsis;633white-space:nowrap634}635.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{636display:block637}638.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{639display:none640}641.flat-button{642font-weight:700;643text-transform:uppercase;644border-radius:2px;645padding:8px;646margin:-8px647}648.flat-button,.flat-icon-button{649cursor:pointer;650display:inline-block651}652.flat-icon-button{653background:transparent;654border:0;655outline:none;656margin:-12px;657padding:12px;658box-sizing:content-box;659line-height:0660}661.flat-icon-button,.flat-icon-button .splash-wrapper{662border-radius:50%663}664.flat-icon-button .splash.animate{665-webkit-animation-duration:.3s;666animation-duration:.3s667}668.overflowable-container{669max-height:46px;670overflow:hidden;671position:relative672}673.overflow-button{674cursor:pointer675}676#overflowable-dim-overlay{677background:transparent678}679.overflow-popup{680box-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);681background-color:#ffffff;682left:0;683max-width:calc(100% - 32px);684position:absolute;685top:0;686visibility:hidden;687z-index:101688}689.overflow-popup ul{690list-style:none691}692.overflow-popup .tabs li,.overflow-popup li{693display:block;694height:auto695}696.overflow-popup .tabs li{697padding-left:0;698padding-right:0699}700.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{701display:none702}703.pill-button{704background:transparent;705border:1px solid;706border-radius:12px;707cursor:pointer;708display:inline-block;709padding:4px 16px;710text-transform:uppercase711}712.ripple{713position:relative714}715.ripple>*{716z-index:1717}718.splash-wrapper{719bottom:0;720left:0;721overflow:hidden;722pointer-events:none;723position:absolute;724right:0;725top:0;726z-index:0727}728.splash{729background:#ccc;730border-radius:100%;731display:block;732opacity:.6;733position:absolute;734-webkit-transform:scale(0);735transform:scale(0)736}737.splash.animate{738-webkit-animation:ripple-effect .4s linear;739animation:ripple-effect .4s linear740}741@-webkit-keyframes ripple-effect{742to{743opacity:0;744-webkit-transform:scale(2.5);745transform:scale(2.5)746}747}748@keyframes ripple-effect{749to{750opacity:0;751-webkit-transform:scale(2.5);752transform:scale(2.5)753}754}755.search{756display:-webkit-box;757display:flex;758line-height:24px;759width:24px760}761.search.focused,.search.focused .section{762width:100%763}764.search form{765z-index:101766}767.search h3{768display:none769}770.search form{771display:-webkit-box;772display:flex;773-webkit-box-flex:1;774flex:1 0 0;775border-bottom:1px solid transparent;776padding-bottom:8px777}778.search form>*{779display:none780}781.search.focused form>*{782display:block783}784.search .search-input label{785display:none786}787.collapsed-header .centered-top-container .search.focused form{788border-bottom-color:transparent789}790.search-expand{791-webkit-box-flex:0;792flex:0 0 auto793}794.search-expand-text{795display:none796}797.search-close{798display:inline;799vertical-align:middle800}801.search-input{802-webkit-box-flex:1;803flex:1 0 1px804}805.search-input input{806background:none;807border:0;808box-sizing:border-box;809color:#f4f4f4;810display:inline-block;811outline:none;812width:calc(100% - 48px)813}814.search-input input.no-cursor{815color:transparent;816text-shadow:0 0 0 #f4f4f4817}818.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{819color:#424242820}821.collapsed-header .centered-top-container .search-input input.no-cursor{822color:transparent;823text-shadow:0 0 0 #424242824}825.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{826outline:none827}828.search-focused>*{829visibility:hidden830}831.search-focused .search,.search-focused .search-icon{832visibility:visible833}834.widget.Sharing .sharing-button{835display:none836}837.widget.Sharing .sharing-buttons li{838padding:0839}840.widget.Sharing .sharing-buttons li span{841display:none842}843.post-share-buttons{844position:relative845}846.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{847background-color:transparent848}849.share-buttons{850background-color:#ffffff;851border-radius:2px;852box-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);853color:#424242;854list-style:none;855margin:0;856padding:8px 0;857position:absolute;858top:-11px;859min-width:200px;860z-index:101861}862.share-buttons.hidden{863display:none864}865.sharing-button{866background:transparent;867border:0;868margin:0;869outline:none;870padding:0;871cursor:pointer872}873.share-buttons li{874margin:0;875height:48px876}877.share-buttons li:last-child{878margin-bottom:0879}880.share-buttons li .sharing-platform-button{881box-sizing:border-box;882cursor:pointer;883display:block;884height:100%;885margin-bottom:0;886padding:0 16px;887position:relative;888width:100%889}890.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{891background-color:hsla(0,0%,50.2%,.1);892outline:none893}894.share-buttons li svg[class*=sharing-],.share-buttons li svg[class^=sharing-]{895position:absolute;896top:10px897}898.share-buttons li span.sharing-platform-button{899position:relative;900top:0901}902.share-buttons li .platform-sharing-text{903display:block;904font-size:16px;905line-height:48px;906white-space:nowrap;907margin-left:56px908}909.sidebar-container{910background-color:#ffffff;911max-width:284px;912overflow-y:auto;913-webkit-transition-property:-webkit-transform;914transition-property:-webkit-transform;915transition-property:transform;916transition-property:transform,-webkit-transform;917-webkit-transition-duration:.3s;918transition-duration:.3s;919-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);920transition-timing-function:cubic-bezier(0,0,.2,1);921width:284px;922z-index:101;923-webkit-overflow-scrolling:touch924}925.sidebar-container .navigation{926line-height:0;927padding:16px928}929.sidebar-container .sidebar-back{930cursor:pointer931}932.sidebar-container .widget{933background:none;934margin:0 16px;935padding:16px 0936}937.sidebar-container .widget .title{938color:#424242;939margin:0940}941.sidebar-container .widget ul{942list-style:none;943margin:0;944padding:0945}946.sidebar-container .widget ul ul{947margin-left:1em948}949.sidebar-container .widget li{950font-size:16px;951line-height:normal952}953.sidebar-container .widget+.widget{954border-top:1px dashed #cccccc955}956.BlogArchive li{957margin:16px 0958}959.BlogArchive li:last-child{960margin-bottom:0961}962.Label li a{963display:inline-block964}965.BlogArchive .post-count,.Label .label-count{966float:right;967margin-left:.25em968}969.BlogArchive .post-count:before,.Label .label-count:before{970content:"("971}972.BlogArchive .post-count:after,.Label .label-count:after{973content:")"974}975.widget.Translate .skiptranslate>div{976display:block!important977}978.widget.Profile .profile-link{979display:-webkit-box;980display:flex981}982.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{983-webkit-box-flex:0;984flex:0 0 auto;985margin-right:1em986}987.widget.Profile .individual .profile-link{988-webkit-box-orient:vertical;989-webkit-box-direction:normal;990flex-direction:column991}992.widget.Profile .team .profile-link .profile-name{993align-self:center;994display:block;995-webkit-box-flex:1;996flex:1 1 auto997}998.dim-overlay{999background-color:rgba(0,0,0,.54);1000z-index:1001001}1002body.sidebar-visible{1003overflow-y:hidden1004}1005@media screen and (max-width:1439px){1006.sidebar-container{1007bottom:0;1008position:fixed;1009top:0;1010left:0;1011right:auto1012}1013.sidebar-container.sidebar-invisible{1014-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);1015transition-timing-function:cubic-bezier(.4,0,.6,1);1016-webkit-transform:translateX(-284px);1017transform:translateX(-284px)1018}1019}1020@media screen and (min-width:1440px){1021.sidebar-container{1022position:absolute;1023top:0;1024left:0;1025right:auto1026}1027.sidebar-container .navigation{1028display:none1029}1030}1031.dialog{1032box-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);1033background:#ffffff;1034box-sizing:border-box;1035color:#1f1717;1036padding:30px;1037position:fixed;1038text-align:center;1039width:calc(100% - 24px);1040z-index:1011041}1042.dialog input[type=email],.dialog input[type=text]{1043background-color:transparent;1044border:0;1045border-bottom:1px solid rgba(31,23,23,.12);1046color:#1f1717;1047display:block;1048font-family:Roboto, sans-serif;1049font-size:16px;1050line-height:24px;1051margin:auto;1052padding-bottom:7px;1053outline:none;1054text-align:center;1055width:100%1056}1057.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{1058color:#1f17171059}1060.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{1061color:#1f17171062}1063.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{1064color:#1f17171065}1066.dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{1067color:#1f17171068}1069.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{1070color:#1f17171071}1072.dialog input[type=email]:focus,.dialog input[type=text]:focus{1073border-bottom:2px solid #2196f3;1074padding-bottom:6px1075}1076.dialog input.no-cursor{1077color:transparent;1078text-shadow:0 0 0 #1f17171079}1080.dialog input.no-cursor:focus{1081outline:none1082}1083.dialog input[type=submit]{1084font-family:Roboto, sans-serif1085}1086.dialog .goog-buttonset-default{1087color:#2196f31088}1089.subscribe-popup{1090max-width:364px1091}1092.subscribe-popup h3{1093color:#424242;1094font-size:1.8em;1095margin-top:01096}1097.subscribe-popup .FollowByEmail h3{1098display:none1099}1100.subscribe-popup .FollowByEmail .follow-by-email-submit{1101color:#2196f3;1102display:inline-block;1103margin:24px auto 0;1104width:auto;1105white-space:normal1106}1107.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{1108cursor:default;1109opacity:.31110}1111@media (max-width:800px){1112.blog-name div.widget.Subscribe{1113margin-bottom:16px1114}1115body.item-view .blog-name div.widget.Subscribe{1116margin:8px auto 16px;1117width:100%1118}1119}1120.tabs{1121list-style:none1122}1123.tabs li,.tabs li a{1124display:inline-block1125}1126.tabs li a{1127cursor:pointer;1128font-weight:700;1129text-transform:uppercase;1130padding:12px 8px1131}1132.tabs .selected{1133border-bottom:4px solid #4242421134}1135.tabs .selected a{1136color:#4242421137}1138body#layout .bg-photo,body#layout .bg-photo-overlay{1139display:none1140}1141body#layout .page_body{1142padding:0;1143position:relative;1144top:01145}1146body#layout .page{1147display:inline-block;1148left:inherit;1149position:relative;1150vertical-align:top;1151width:540px1152}1153body#layout .centered{1154max-width:954px1155}1156body#layout .navigation{1157display:none1158}1159body#layout .sidebar-container{1160display:inline-block;1161width:40%1162}1163body#layout .hamburger-menu,body#layout .search{1164display:none1165}1166.centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{1167fill:#f37d211168}1169.sidebar-container .svg-icon-24{1170fill:#7070701171}1172.centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{1173fill:#7070701174}1175.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{1176fill:#4242421177}1178body{1179background-color:#f4f4f4;1180color:#1f1717;1181font:15px Roboto, sans-serif;1182margin:0;1183min-height:100vh1184}1185img{1186max-width:100%1187}1188h3{1189color:#1f1717;1190font-size:16px1191}1192a{1193text-decoration:none;1194color:#2196f31195}1196a:visited{1197color:#2196f31198}1199a:hover{1200color:#2196f3