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.7k
1<!DOCTYPE html>2<html class="no-js wf-proximanova-n6-active wf-proximanova-n3-active wf-proximanova-i4-active wf-proximanova-n7-active wf-firasans-n4-active wf-proximanova-n1-active wf-proximanova-n4-active wf-firasans-n7-active wf-firasans-n3-active wf-firasans-n5-active wf-firasans-n6-active wf-active">3 <!--<![endif]-->4 <head>5 <meta charset="utf-8">6 <meta content="IE=edge" http-equiv="X-UA-Compatible">7 <meta content="width=device-width, initial-scale=1" name="viewport">8 <!-- Plain Description -->9 <title>10 aws_autoscaling_lifecycle_hook11 </title>12 <meta content="integrated development environment, cloud ide, dev environment, cloud development environment, cloud editor, virtual dev environment, web based ide, test environment, docker, aws, vagrant, azure, rackspace" name="keywords">13 <meta content="Instantly create, share, scale, and manage development environments.14" name="description">15 <!-- favicon -->16 <meta content="Koding" name="apple-mobile-web-app-title">17 <meta content="Koding" name="application-name">18 <meta content="#5271a7" name="msapplication-TileColor">19 <meta content="" name="msapplication-TileImage">20 <meta content="" name="msapplication-config">21 <meta content="#d9e0ec" name="theme-color">22 <!-- Google+ -->23 <meta content="aws_autoscaling_lifecycle_hook | Modern Dev Environment Delivered · Koding " itemprop="name">24 <meta content="Instantly create, share, scale, and manage development environments.25" itemprop="description">26 <meta content="" itemprop="image">27 <!-- Facebook -->28 <meta content="website" property="og:type">29 <meta content="aws_autoscaling_lifecycle_hook | Modern Dev Environment Delivered · Koding " property="og:title">30 <meta content="Instantly create, share, scale, and manage development environments.31" property="og:description">32 <meta content="" property="og:image">33 <meta content="" property="og:url">34 <meta content="Modern Dev Environment Delivered · Koding " property="og:site_name">35 <!-- Twitter -->36 <meta content="summary" name="twitter:card">37 <meta content="aws_autoscaling_lifecycle_hook | Modern Dev Environment Delivered · Koding " name="twitter:title">38 <meta content="Instantly create, share, scale, and manage development environments.39" name="twitter:description">40 <meta content="" name="twitter:image">41 <meta content="" name="twitter:url">42 <!-- Microdata -->43 <meta itemref="sitename sitelink image sitelink-profile-facebook sitelink-profile-twitter sitelink-profile-linkedin sitelink-profile-github " itemscope itemtype="">44 <meta content="Koding" id="sitename" itemprop="name">45 <meta content="" itemprop="image">46 <!-- CSS & fonts -->47 <style type="text/css">48 /* http://meyerweb.com/eric/tools/css/reset/49 v2.0 | 2011012650 License: none (public domain)51*/52 53html, body, div, span, applet, object, iframe,54h1, h2, h3, h4, h5, h6, p, blockquote, pre,55a, abbr, acronym, address, big, cite, code,56del, dfn, em, img, ins, kbd, q, s, samp,57small, strike, strong, sub, sup, tt, var,58b, u, i, center,59dl, dt, dd, ol, ul, li,60fieldset, form, label, legend,61table, caption, tbody, tfoot, thead, tr, th, td,62article, aside, canvas, details, embed,63figure, figcaption, footer, header, hgroup,64menu, nav, output, ruby, section, summary,65time, mark, audio, video {66 margin: 0;67 padding: 0;68 border: 0;69 font-size: 100%;70 font: inherit;71 vertical-align: baseline;72}73/* HTML5 display-role reset for older browsers */74article, aside, details, figcaption, figure,75footer, header, hgroup, menu, nav, section {76 display: block;77}78body {79 line-height: 1;80}81ol, ul {82 list-style: none;83}84blockquote, q {85 quotes: none;86}87blockquote:before, blockquote:after,88q:before, q:after {89 content: '';90 content: none;91}92table {93 border-collapse: collapse;94 border-spacing: 0;95}96 97.hidden {98 display: none;99}100 101.noselect {102 -webkit-touch-callout: none; /* iOS Safari */103 -webkit-user-select: none; /* Chrome/Safari/Opera */104 -khtml-user-select: none; /* Konqueror */105 -moz-user-select: none; /* Firefox */106 -ms-user-select: none; /* Internet Explorer/Edge */107 user-select: none; /* Non-prefixed version, currently not supported by any browser */108}109 </style>110 <style type="text/css">111 .tk-proxima-nova{font-family:"proxima-nova",sans-serif;}.tk-fira-sans{font-family:"fira-sans",sans-serif;}112 </style>113 <style type="text/css">114 @font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/71a964/00000000000000003b9aec1f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.com/af/71a964/00000000000000003b9aec1f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.com/af/71a964/00000000000000003b9aec1f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/fb434b/00000000000000003b9aecac/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff2"),url(https://use.typekit.com/af/fb434b/00000000000000003b9aecac/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("woff"),url(https://use.typekit.com/af/fb434b/00000000000000003b9aecac/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3) format("opentype");font-weight:100;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/c39d2b/00000000000000003b9aec29/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.com/af/c39d2b/00000000000000003b9aec29/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.com/af/c39d2b/00000000000000003b9aec29/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/6a336f/00000000000000003b9aec27/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.com/af/6a336f/00000000000000003b9aec27/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.com/af/6a336f/00000000000000003b9aec27/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/04b15d/00000000000000003b9aec28/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.com/af/04b15d/00000000000000003b9aec28/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.com/af/04b15d/00000000000000003b9aec28/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-weight:400;font-style:italic;font-stretch:normal;font-display:auto;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.com/af/2133e5/00000000000000003b9aec23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.com/af/2133e5/00000000000000003b9aec23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.com/af/2133e5/00000000000000003b9aec23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:fira-sans;src:url(https://use.typekit.com/af/70b767/000000000000000000015891/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.com/af/70b767/000000000000000000015891/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.com/af/70b767/000000000000000000015891/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:fira-sans;src:url(https://use.typekit.com/af/ab793c/000000000000000000015893/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.com/af/ab793c/000000000000000000015893/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.com/af/ab793c/000000000000000000015893/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:fira-sans;src:url(https://use.typekit.com/af/053f75/00000000000000000001588f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.com/af/053f75/00000000000000000001588f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.com/af/053f75/00000000000000000001588f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:fira-sans;src:url(https://use.typekit.com/af/c72177/000000000000000000015895/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.com/af/c72177/000000000000000000015895/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.com/af/c72177/000000000000000000015895/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}@font-face{font-family:fira-sans;src:url(https://use.typekit.com/af/b2e814/000000000000000000015880/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.com/af/b2e814/000000000000000000015880/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.com/af/b2e814/000000000000000000015880/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-weight:600;font-style:normal;font-stretch:normal;font-display:auto;}115 </style>116 <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">117 </head>118 <body>119 <!--[if lt IE 8]>120 <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a >upgrade your browser</a> to improve your experience.</p>121 <![endif]-->122 <style>123 .codeWrapper{padding:0 10px;overflow:hidden}.codeWrapper .codeInnerWrapper{position:relative;display:flex;max-width:530px;border:1px solid #DCDCDC;border-radius:6px;background-color:#FFFFFF;color:#727272;flex-direction:row;margin:0 auto 40px;font-family:Courier;font-size:16px;line-height:24px}.codeWrapper .codeInnerWrapper::before{content:'';position:absolute;display:block;width:0;bottom:-14px;margin:0 auto;left:0;right:0;border-width:14px 14px 0;border-style:solid;border-color:#DCDCDC transparent}.codeWrapper .codeInnerWrapper::after{content:'';position:absolute;display:block;width:0;bottom:-13px;margin:0 auto;left:0;right:0;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent}.codeWrapper .codeInnerWrapper .codeLineNumbers{padding:13px;max-width:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(152,152,152,0.1);opacity:0.51}.codeWrapper .codeInnerWrapper .codeSource{flex-grow:1;padding:13px 20px;white-space:pre;overflow:hidden}@media (max-width: 767px){.codeWrapper .codeInnerWrapper .codeSource{overflow-x:scroll}}body{font-family:"proxima-nova",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clearfix{float:none;clear:both}.hidden{display:none;visibility:hidden}.Header img{width:302px}@media (min-width: 768px) and (max-width: 1024px){.Header img{width:226px}}@media (max-width: 768px){.Header img{display:none}}.Header.BlogHome-Header{height:480px;background:#CB5F6F;background:-moz-linear-gradient(top, #CB5F6F 0%, #A66FB1 100%);background:-webkit-linear-gradient(top, #CB5F6F 0%, #A66FB1 100%);background:linear-gradient(to bottom, #CB5F6F 0%, #A66FB1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0)}.Header.FeaturesHome-Header{height:480px;background:#F8A731;background:-moz-linear-gradient(top, #F8A731 0%, #EA8250 100%);background:-webkit-linear-gradient(top, #F8A731 0%, #EA8250 100%);background:linear-gradient(to bottom, #F8A731 0%, #EA8250 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0)}.Header.AboutusHome-Header{height:480px;background:#9B75B0;background:-moz-linear-gradient(top, #9B75B0 0%, #6F7BAC 100%);background:-webkit-linear-gradient(top, #9B75B0 0%, #6F7BAC 100%);background:linear-gradient(to bottom, #9B75B0 0%, #6F7BAC 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0)}.Header.AboutusHome-Header img{width:345px}@media (min-width: 768px) and (max-width: 1024px){.Header.AboutusHome-Header img{width:245px}}.Header.PricingHome-Header{height:480px;background:#07AEC2;background:-moz-linear-gradient(top, #07AEC2 0%, #5567AD 100%);background:-webkit-linear-gradient(top, #07AEC2 0%, #5567AD 100%);background:linear-gradient(to bottom, #07AEC2 0%, #5567AD 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$top', endColorstr='$bottom', GradientType=0)}.Header.PricingHome-Header img{width:416px}@media (min-width: 768px) and (max-width: 1024px){.Header.PricingHome-Header img{width:256px}}.Header .Header--outer-wrapper{background:url("/assets/img/landing/common/hero_bg_pyramids.svg") no-repeat right bottom;background-size:contain;width:100%;height:100%}.Header .Header--wrapper{max-width:1176px;width:100%;margin:0 auto;display:flex;flex-direction:row;height:100%;align-items:center;justify-content:space-between;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 1200px){.Header .Header--wrapper{max-width:90%;min-width:734px}}@media (max-width: 768px){.Header .Header--wrapper{min-width:325px;max-width:90%;width:100%}}.Header .Header--wrapper .Header--content{display:flex;flex-direction:column;justify-content:center;margin-right:200px}@media (min-width: 768px) and (max-width: 1024px){.Header .Header--wrapper .Header--content{margin-right:30px}}@media (max-width: 768px){.Header .Header--wrapper .Header--content{margin-right:0}}.Header .Header--wrapper .Header--content h1{margin-bottom:40px;font-family:"fira-sans","proxima-nova",Helvetica,Arial,sans-serif;font-size:40px;font-weight:500;line-height:50px;text-align:left;color:white}@media (max-width: 768px){.Header .Header--wrapper .Header--content h1{padding:0 20px;font-size:36px;line-height:46px}}.Header .Header--wrapper .Header--content p{max-width:600px;font-family:"proxima-nova",Helvetica,Arial,sans-serif;font-size:22px;opacity:0.75;color:white;line-height:32px}@media (max-width: 768px){.Header .Header--wrapper .Header--content p{padding:0 20px;font-size:20px}}.Homepage--containerOffset{padding-right:40px;padding-left:40px}.Homepage--container{max-width:1176px;margin:0 auto}.Homepage--mobile-cta{display:none;width:100%;font-size:16.6px;color:#FFFFFF;background:#FFC442;text-align:center;border:1px solid rgba(0,0,0,0.15);border-width:1px 0;text-decoration:none;padding:21px 0 16px}.Homepage--mobile-cta:active,.Homepage--mobile-cta:hover,.Homepage--mobile-cta:visited{color:#FFFFFF;text-decoration:none}.Homepage--mobile-cta :active,.Homepage--mobile-cta :hover{background:#FEBE30}a.cta{text-decoration:none;text-align:center;text-decoration:none;display:inline-block;background-color:#F2778A;color:#FFFFFF;font-size:20px;font-weight:600;padding:12px 40px 10px;width:auto;border-radius:4px;letter-spacing:0.13px}a.cta.secondary{background-color:#FFFFFF;color:#727272}h3.title{font-size:32px}.center{text-align:center}@media (max-width: 1200px){.Homepage--containerOffset{padding-right:73px;padding-left:73px}}@media (max-width: 768px){body{overflow-x:hidden}.Homepage--containerOffset{padding-right:25px;padding-left:25px}.Homepage--mobile-cta{display:block}}124 125 126 127main{display:flex;flex-flow:row;flex-wrap:wrap;max-width:1600px;min-height:calc(100vh - 358px - 70px);box-sizing:border-box}main>aside{flex:1;width:360px;padding:32px 0}main>aside>ul>li>a{font-size:18px;font-weight:bold;color:black}main>aside li{font-size:14px;line-height:20px}main>aside li a{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main>aside li a,main>aside li a:visited,main>aside li a:hover{color:#4078c0}main>aside li.active>a{color:black;font-weight:bold}main>aside li.title>a{font-weight:bold}main>aside li.separator>ul{padding:12px 0}main>section{flex:3;width:calc(100% - 360px);padding:32px 32px 32px 32px;box-sizing:border-box}main>section p.citation{font-style:italic}main ul{padding:12px 0 0 12px}main li ul{padding:12px 0 12px 12px}main li ul ul ul{display:none}main li.active>ul{display:block}main td.gutter{padding:0 !important;color:#93a1a1}main td.code{padding:0 !important;width:100%}main .split nav{text-align:right}main .split nav a{padding:6px 16px}main .split nav a.active{background-color:#F7F7F7;border-radius:3px 3px 0 0}@media screen and (min-width: 700px){main>aside{order:1}main>section{order:2}}@media screen and (max-width: 699px){main>aside{width:290px}main>aside ul{text-align:center}main>aside ul li ul{padding-left:0}main>aside,main>section{flex:1 100%}iframe{width:100%}}128 129 130 131@font-face {132 font-family: octicons-link;133 src: url(data:font/woff;charset=utf-8;base64,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) format('woff');134}135 136.markdown-body {137 -ms-text-size-adjust: 100%;138 -webkit-text-size-adjust: 100%;139 line-height: 1.5;140 color: #333;141 /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/142 font-size: 16px;143 line-height: 1.5;144 word-wrap: break-word;145}146 147.markdown-body .pl-c {148 color: #969896;149}150 151.markdown-body .pl-c1,152.markdown-body .pl-s .pl-v {153 color: #0086b3;154}155 156.markdown-body .pl-e,157.markdown-body .pl-en {158 color: #795da3;159}160 161.markdown-body .pl-smi,162.markdown-body .pl-s .pl-s1 {163 color: #333;164}165 166.markdown-body .pl-ent {167 color: #63a35c;168}169 170.markdown-body .pl-k {171 color: #a71d5d;172}173 174.markdown-body .pl-s,175.markdown-body .pl-pds,176.markdown-body .pl-s .pl-pse .pl-s1,177.markdown-body .pl-sr,178.markdown-body .pl-sr .pl-cce,179.markdown-body .pl-sr .pl-sre,180.markdown-body .pl-sr .pl-sra {181 color: #183691;182}183 184.markdown-body .pl-v {185 color: #ed6a43;186}187 188.markdown-body .pl-id {189 color: #b52a1d;190}191 192.markdown-body .pl-ii {193 color: #f8f8f8;194 background-color: #b52a1d;195}196 197.markdown-body .pl-sr .pl-cce {198 font-weight: bold;199 color: #63a35c;200}201 202.markdown-body .pl-ml {203 color: #693a17;204}205 206.markdown-body .pl-mh,207.markdown-body .pl-mh .pl-en,208.markdown-body .pl-ms {209 font-weight: bold;210 color: #1d3e81;211}212 213.markdown-body .pl-mq {214 color: #008080;215}216 217.markdown-body .pl-mi {218 font-style: italic;219 color: #333;220}221 222.markdown-body .pl-mb {223 font-weight: bold;224 color: #333;225}226 227.markdown-body .pl-md {228 color: #bd2c00;229 background-color: #ffecec;230}231 232.markdown-body .pl-mi1 {233 color: #55a532;234 background-color: #eaffea;235}236 237.markdown-body .pl-mdr {238 font-weight: bold;239 color: #795da3;240}241 242.markdown-body .pl-mo {243 color: #1d3e81;244}245 246.markdown-body .octicon {247 display: inline-block;248 vertical-align: text-top;249 fill: currentColor;250}251 252.markdown-body a {253 background-color: transparent;254 -webkit-text-decoration-skip: objects;255}256 257.markdown-body a:active,258.markdown-body a:hover {259 outline-width: 0;260}261 262.markdown-body strong {263 font-weight: inherit;264}265 266.markdown-body strong {267 font-weight: bolder;268}269 270.markdown-body h1 {271 font-size: 2em;272 margin: 0.67em 0;273}274 275.markdown-body img {276 border-style: none;277}278 279.markdown-body svg:not(:root) {280 overflow: hidden;281}282 283.markdown-body code,284.markdown-body kbd,285.markdown-body pre {286 font-family: monospace, monospace;287 font-size: 1em;288}289 290.markdown-body hr {291 box-sizing: content-box;292 height: 0;293 overflow: visible;294}295 296.markdown-body input {297 font: inherit;298 margin: 0;299}300 301.markdown-body input {302 overflow: visible;303}304 305.markdown-body button:-moz-focusring,306.markdown-body [type="button"]:-moz-focusring,307.markdown-body [type="reset"]:-moz-focusring,308.markdown-body [type="submit"]:-moz-focusring {309 outline: 1px dotted ButtonText;310}311 312.markdown-body [type="checkbox"] {313 box-sizing: border-box;314 padding: 0;315}316 317.markdown-body * {318 box-sizing: border-box;319}320 321.markdown-body input {322 font-family: inherit;323 font-size: inherit;324 line-height: inherit;325}326 327.markdown-body a {328 color: #4078c0;329 text-decoration: none;330}331 332.markdown-body a:hover,333.markdown-body a:active {334 text-decoration: underline;335}336 337.markdown-body strong {338 font-weight: 600;339}340 341.markdown-body hr {342 height: 0;343 margin: 15px 0;344 overflow: hidden;345 background: transparent;346 border: 0;347 border-bottom: 1px solid #ddd;348}349 350.markdown-body hr::before {351 display: table;352 content: "";353}354 355.markdown-body hr::after {356 display: table;357 clear: both;358 content: "";359}360 361.markdown-body table {362 border-spacing: 0;363 border-collapse: collapse;364}365 366.markdown-body td,367.markdown-body th {368 padding: 0;369}370 371.markdown-body h1,372.markdown-body h2,373.markdown-body h3,374.markdown-body h4,375.markdown-body h5,376.markdown-body h6 {377 margin-top: 0;378 margin-bottom: 0;379}380 381.markdown-body h1 {382 font-size: 32px;383 font-weight: 600;384}385 386.markdown-body h2 {387 font-size: 24px;388 font-weight: 600;389}390 391.markdown-body h3 {392 font-size: 20px;393 font-weight: 600;394}395 396.markdown-body h4 {397 font-size: 16px;398 font-weight: 600;399}400 401.markdown-body h5 {402 font-size: 14px;403 font-weight: 600;404}405 406.markdown-body h6 {407 font-size: 12px;408 font-weight: 600;409}410 411.markdown-body p {412 margin-top: 0;413 margin-bottom: 10px;414}415 416.markdown-body blockquote {417 margin: 0;418}419 420.markdown-body ul,421.markdown-body ol {422 padding-left: 0;423 margin-top: 0;424 margin-bottom: 0;425}426 427.markdown-body ul{428 list-style-type: disc;429}430 431.markdown-body ol{432 list-style-type: decimal;433}434 435.markdown-body ol ul,436.markdown-body ul ul {437 list-style-type: circle;438}439 440.markdown-body ol ol,441.markdown-body ul ol {442 list-style-type: lower-roman;443}444 445.markdown-body ul ul ol,446.markdown-body ul ol ol,447.markdown-body ol ul ol,448.markdown-body ol ol ol {449 list-style-type: lower-alpha;450}451 452.markdown-body dd {453 margin-left: 0;454}455 456.markdown-body code {457 font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;458 font-size: 12px;459}460 461.markdown-body pre {462 margin-top: 0;463 margin-bottom: 0;464 font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;465}466 467.markdown-body .octicon {468 vertical-align: text-bottom;469}470 471.markdown-body input {472 -webkit-font-feature-settings: "liga" 0;473 font-feature-settings: "liga" 0;474}475 476.markdown-body .form-select::-ms-expand {477 opacity: 0;478}479 480.markdown-body::before {481 display: table;482 content: "";483}484 485.markdown-body::after {486 display: table;487 clear: both;488 content: "";489}490 491.markdown-body>*:first-child {492 margin-top: 0 !important;493}494 495.markdown-body>*:last-child {496 margin-bottom: 0 !important;497}498 499.markdown-body a:not([href]) {500 color: inherit;501 text-decoration: none;502}503 504.markdown-body .anchor {505 float: left;506 padding-right: 4px;507 margin-left: -20px;508 line-height: 1;509}510 511.markdown-body .anchor:focus {512 outline: none;513}514 515.markdown-body p,516.markdown-body blockquote,517.markdown-body ul,518.markdown-body ol,519.markdown-body dl,520.markdown-body table,521.markdown-body pre {522 margin-top: 0;523 margin-bottom: 16px;524}525 526.markdown-body hr {527 height: 0.25em;528 padding: 0;529 margin: 24px 0;530 background-color: #e7e7e7;531 border: 0;532}533 534.markdown-body blockquote {535 padding: 0 1em;536 color: #777;537 border-left: 0.25em solid #ddd;538}539 540.markdown-body blockquote>:first-child {541 margin-top: 0;542}543 544.markdown-body blockquote>:last-child {545 margin-bottom: 0;546}547 548.markdown-body blockquote {549 display: block;550 border-radius: 3px;551 border: 1px solid #ededed;552 border-left-width: 10px;553 position: relative;554 margin: 1em 0;555 padding-left: 20px;556 text-align: left557}558 559.markdown-body blockquote {560 background-color: #f3f8f3;561 border-left-color: #50af51562}563 564.markdown-body blockquote p {565 display: inline-block;566 padding: 0 15px;567 margin: 12px 0 !important;568 word-break: break-word;569 width: 93%;570 vertical-align: middle;571 font-size: 15px572}573 574.markdown-body blockquote p:before {575 text-transform: uppercase;576 display: block;577 font-size: 12px;578 font-weight: 700;579 margin: 2px 0 0580}581 582.markdown-body blockquote p:before {583 content: "tip";584 color: #4d844d585}586 587.markdown-body kbd {588 display: inline-block;589 padding: 3px 5px;590 font-size: 11px;591 line-height: 10px;592 color: #555;593 vertical-align: middle;594 background-color: #fcfcfc;595 border: solid 1px #ccc;596 border-bottom-color: #bbb;597 border-radius: 3px;598 box-shadow: inset 0 -1px 0 #bbb;599}600 601.markdown-body h1,602.markdown-body h2,603.markdown-body h3,604.markdown-body h4,605.markdown-body h5,606.markdown-body h6 {607 margin-top: 24px;608 margin-bottom: 16px;609 font-weight: 600;610 line-height: 1.25;611}612 613.markdown-body h1 .octicon-link,614.markdown-body h2 .octicon-link,615.markdown-body h3 .octicon-link,616.markdown-body h4 .octicon-link,617.markdown-body h5 .octicon-link,618.markdown-body h6 .octicon-link {619 color: #000;620 vertical-align: middle;621 visibility: hidden;622}623 624.markdown-body h1:hover .anchor,625.markdown-body h2:hover .anchor,626.markdown-body h3:hover .anchor,627.markdown-body h4:hover .anchor,628.markdown-body h5:hover .anchor,629.markdown-body h6:hover .anchor {630 text-decoration: none;631}632 633.markdown-body h1:hover .anchor .octicon-link,634.markdown-body h2:hover .anchor .octicon-link,635.markdown-body h3:hover .anchor .octicon-link,636.markdown-body h4:hover .anchor .octicon-link,637.markdown-body h5:hover .anchor .octicon-link,638.markdown-body h6:hover .anchor .octicon-link {639 visibility: visible;640}641 642.markdown-body h1 {643 padding-bottom: 0.3em;644 font-size: 2em;645 border-bottom: 1px solid #eee;646}647 648.markdown-body h2 {649 padding-bottom: 0.3em;650 font-size: 1.5em;651 border-bottom: 1px solid #eee;652}653 654.markdown-body h3 {655 font-size: 1.25em;656}657 658.markdown-body h4 {659 font-size: 1em;660}661 662.markdown-body h5 {663 font-size: 0.875em;664}665 666.markdown-body h6 {667 font-size: 0.85em;668 color: #777;669}670 671.markdown-body ul,672.markdown-body ol {673 padding-left: 2em;674}675 676.markdown-body ul ul,677.markdown-body ul ol,678.markdown-body ol ol,679.markdown-body ol ul {680 margin-top: 0;681 margin-bottom: 0;682}683 684.markdown-body li>p {685 margin-top: 16px;686}687 688.markdown-body li+li {689 margin-top: 0.25em;690}691 692.markdown-body dl {693 padding: 0;694}695 696.markdown-body dl dt {697 padding: 0;698 margin-top: 16px;699 font-size: 1em;700 font-style: italic;701 font-weight: bold;702}703 704.markdown-body dl dd {705 padding: 0 16px;706 margin-bottom: 16px;707}708 709.markdown-body table {710 display: block;711 width: 100%;712 overflow: auto;713 word-break: normal;714 word-break: keep-all;715}716 717.markdown-body table th {718 font-weight: bold;719}720 721.markdown-body table th,722.markdown-body table td {723 padding: 6px 13px;724 border: 1px solid #ddd;725}726 727.markdown-body table tr {728 background-color: #fff;729 border-top: 1px solid #ccc;730}731 732.markdown-body table tr:nth-child(2n) {733 background-color: #f8f8f8;734}735 736.markdown-body img {737 max-width: 100%;738 box-sizing: content-box;739 background-color: #fff;740}741 742.markdown-body code {743 padding: 0;744 padding-top: 0.2em;745 padding-bottom: 0.2em;746 margin: 0;747 font-size: 85%;748 background-color: rgba(0,0,0,0.04);749 border-radius: 3px;750}751 752.markdown-body code::before,753.markdown-body code::after {754 letter-spacing: -0.2em;755 content: "\00a0";756}757 758.markdown-body pre {759 word-wrap: normal;760}761 762.markdown-body pre>code {763 padding: 0;764 margin: 0;765 font-size: 100%;766 word-break: normal;767 white-space: pre;768 background: transparent;769 border: 0;770}771 772.markdown-body .highlight {773 margin-bottom: 16px;774}775 776.markdown-body .highlight pre {777 margin-bottom: 0;778 word-break: normal;779}780 781.markdown-body .highlight pre,782.markdown-body pre {783 padding: 16px;784 overflow: auto;785 font-size: 85%;786 line-height: 1.45;787 background-color: #f7f7f7;788 border-radius: 3px;789}790 791.markdown-body pre code {792 display: inline;793 max-width: auto;794 padding: 0;795 margin: 0;796 overflow: visible;797 line-height: inherit;798 word-wrap: normal;799 background-color: transparent;800 border: 0;801}802 803.markdown-body pre code::before,804.markdown-body pre code::after {805 content: normal;806}807 808.markdown-body .pl-0 {809 padding-left: 0 !important;810}811 812.markdown-body .pl-1 {813 padding-left: 3px !important;814}815 816.markdown-body .pl-2 {817 padding-left: 6px !important;818}819 820.markdown-body .pl-3 {821 padding-left: 12px !important;822}823 824.markdown-body .pl-4 {825 padding-left: 24px !important;826}827 828.markdown-body .pl-5 {829 padding-left: 36px !important;830}831 832.markdown-body .pl-6 {833 padding-left: 48px !important;834}835 836.markdown-body .full-commit .btn-outline:not(:disabled):hover {837 color: #4078c0;838 border: 1px solid #4078c0;839}840 841.markdown-body kbd {842 display: inline-block;843 padding: 3px 5px;844 font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;845 line-height: 10px;846 color: #555;847 vertical-align: middle;848 background-color: #fcfcfc;849 border: solid 1px #ccc;850 border-bottom-color: #bbb;851 border-radius: 3px;852 box-shadow: inset 0 -1px 0 #bbb;853}854 855.markdown-body :checked+.radio-label {856 position: relative;857 z-index: 1;858 border-color: #4078c0;859}860 861.markdown-body .task-list-item {862 list-style-type: none;863}864 865.markdown-body .task-list-item+.task-list-item {866 margin-top: 3px;867}868 869.markdown-body .task-list-item input {870 margin: 0 0.2em 0.25em -1.6em;871 vertical-align: middle;872}873 874.markdown-body hr {875 border-bottom-color: #eee;876}877 878 879 880/**881 * GitHub Gist Theme882 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro883 */884 885.hljs {886 display: block;887 background: white;888 padding: 0.5em;889 color: #333333;890 overflow-x: auto;891}892 893.hljs-comment,894.hljs-meta {895 color: #969896;896}897 898.hljs-string,899.hljs-variable,900.hljs-template-variable,901.hljs-strong,902.hljs-emphasis,903.hljs-quote {904 color: #df5000;905}906 907.hljs-keyword,908.hljs-selector-tag,909.hljs-type {910 color: #a71d5d;911}912 913.hljs-literal,914.hljs-symbol,915.hljs-bullet,916.hljs-attribute {917 color: #0086b3;918}919 920.hljs-section,921.hljs-name {922 color: #63a35c;923}924 925.hljs-tag {926 color: #333333;927}928 929.hljs-title,930.hljs-attr,931.hljs-selector-id,932.hljs-selector-class,933.hljs-selector-attr,934.hljs-selector-pseudo {935 color: #795da3;936}937 938.hljs-addition {939 color: #55a532;940 background-color: #eaffea;941}942 943.hljs-deletion {944 color: #bd2c00;945 background-color: #ffecec;946}947 948.hljs-link {949 text-decoration: underline;950}951 952 953 954.highlight pre code {955 color: #637c84;956}957 958.highlight {959 color: #333333;960 background: #f8f5ec;961}962 963.highlight .c {964 color: #93a1a1;965}966 967 968.highlight .g {969 color: #637c84;970}971 972/* Generic */973 974.highlight .k {975 color: #859900;976}977 978/* Keyword */979 980.highlight .l {981 color: #637c84;982}983 984/* Literal */985 986.highlight .n {987 color: #637c84;988}989 990/* Name */991 992.highlight .o {993 color: #859900;994}995 996/* Operator */997 998.highlight .x {999 color: #cc7a6f;1000}1001 1002/* Other */1003 1004.highlight .p {1005 color: #637c84;1006}1007 1008/* Punctuation */1009 1010.highlight .cm {1011 color: #93a1a1;1012}1013 1014/* Comment.Multiline */1015 1016.highlight .cp {1017 color: #859900;1018}1019 1020/* Comment.Preproc */1021 1022.highlight .c1 {1023 color: #93a1a1;1024}1025 1026/* Comment.Single */1027 1028.highlight .cs {1029 color: #859900;1030}1031 1032/* Comment.Special */1033 1034.highlight .gd {1035 color: #36958e;1036}1037 1038/* Generic.Deleted */1039 1040.highlight .ge {1041 font-style: italic;1042 color: #637c84;1043}1044 1045/* Generic.Emph */1046 1047.highlight .gr {1048 color: #dc322f;1049}1050 1051/* Generic.Error */1052 1053.highlight .gh {1054 color: #cc7a6f;1055}1056 1057/* Generic.Heading */1058 1059.highlight .gi {1060 color: #859900;1061}1062 1063/* Generic.Inserted */1064 1065.highlight .go {1066 color: #637c84;1067}1068 1069/* Generic.Output */1070 1071.highlight .gp {1072 color: #637c84;1073}1074 1075/* Generic.Prompt */1076 1077.highlight .gs {1078 font-weight: bold;1079 color: #637c84;1080}1081 1082/* Generic.Strong */1083 1084.highlight .gu {1085 color: #cc7a6f;1086}1087 1088/* Generic.Subheading */1089 1090.highlight .gt {1091 color: #637c84;1092}1093 1094/* Generic.Traceback */1095 1096.highlight .kc {1097 color: #cc7a6f;1098}1099 1100/* Keyword.Constant */1101 1102.highlight .kd {1103 color: #268bd2;1104}1105 1106/* Keyword.Declaration */1107 1108.highlight .kn {1109 color: #859900;1110}1111 1112/* Keyword.Namespace */1113 1114.highlight .kp {1115 color: #859900;1116}1117 1118/* Keyword.Pseudo */1119 1120.highlight .kr {1121 color: #268bd2;1122}1123 1124/* Keyword.Reserved */1125 1126.highlight .kt {1127 color: #dc322f;1128}1129 1130/* Keyword.Type */1131 1132.highlight .ld {1133 color: #637c84;1134}1135 1136/* Literal.Date */1137 1138.highlight .m {1139 color: #36958e;1140}1141 1142/* Literal.Number */1143 1144.highlight .s {1145 color: #36958e;1146}1147 1148/* Literal.String */1149 1150.highlight .na {1151 color: #637c84;1152}1153 1154/* Name.Attribute */1155 1156.highlight .nb {1157 color: #b58900;1158}1159 1160/* Name.Builtin */1161 1162.highlight .nc {1163 color: #268bd2;1164}1165 1166/* Name.Class */1167 1168.highlight .no {1169 color: #cc7a6f;1170}1171 1172/* Name.Constant */1173 1174.highlight .nd {1175 color: #268bd2;1176}1177 1178/* Name.Decorator */1179 1180.highlight .ni {1181 color: #cc7a6f;1182}1183 1184/* Name.Entity */1185 1186.highlight .ne {1187 color: #cc7a6f;1188}1189 1190/* Name.Exception */1191 1192.highlight .nf {1193 color: #268bd2;1194}1195 1196/* Name.Function */1197 1198.highlight .nl {1199 color: #637c84;1200}