SALT-NLP/Design2Code-HARD
This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA 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 "easy" version of the Design2Code testset 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.
6379
1<!DOCTYPE html>2<html class="wf-spoqahansans-n4-active wf-active wf-source-han-serif-sc-n4-active wf-source-han-serif-sc-n7-active wf-source-han-serif-sc-n9-active">3 <head>4 <title>5 [Name Redacted]'s blog – 个人技术公众号：[Name Redacted] 分享编程资源 | 学习路线6 </title>7 <meta charset="utf-8">8 <meta content="text/html; charset=utf-8" http-equiv="Content-Type">9 <meta content="IE=edge" http-equiv="X-UA-Compatible">10 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">11 <meta content="个人技术公众号：[Name Redacted] 分享编程资源 | 学习路线" name="description">12 <meta content="个人技术公众号：[Name Redacted] 分享编程资源 | 学习路线" property="og:description">13 <meta content="[Name Redacted]'s blog" name="author">14 <!-- Async font loading -->15 <!--[if lt IE 9]>16 17 <![endif]-->18 <!-- -->19 <!-- Created with Jekyll Now - http://github.com/barryclark/jekyll-now -->20 <style>21 @charset "UTF-8";22/***************/23/* MEYER RESET */24/***************/25html, body, div, span, applet, object, iframe,26h1, h2, h3, h4, h5, h6, p, blockquote, pre,27a, abbr, acronym, address, big, cite, code,28del, dfn, em, img, ins, kbd, q, s, samp,29small, strike, strong, sub, sup, tt, var,30b, u, i, center,31dl, dt, dd, ol, ul, li,32fieldset, form, label, legend,33table, caption, tbody, tfoot, thead, tr, th, td,34article, aside, canvas, details, embed,35figure, figcaption, footer, header, hgroup,36menu, nav, output, ruby, section, summary,37time, mark, audio, video {38 margin: 0;39 padding: 0;40 border: 0;41 font-size: 100%;42 font: inherit;43 vertical-align: baseline;44}45 46article, aside, details, figcaption, figure,47footer, header, hgroup, menu, nav, section {48 display: block;49}50 51body {52 line-height: 1;53}54 55ol, ul, dl {56 list-style: none;57}58 59blockquote, q {60 quotes: none;61}62 63blockquote:before, blockquote:after,64q:before, q:after {65 content: '';66 content: none;67}68 69table {70 border-collapse: collapse;71 border-spacing: 0;72}73 74*, *:before, *:after {75 -moz-box-sizing: border-box;76 -webkit-box-sizing: border-box;77 box-sizing: border-box;78}79 80/**************/81/* BASE RULES */82/**************/83html {84 font-size: 16px;85}86 87body {88 font-family: "Noto Serif", "PT Serif", source-han-serif-sc, "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif TC", "Source Han Serif TW", "Source Han Serif", "Songti SC", SimSon, serif;89 color: #343a40;90 line-height: 1.7em;91}92 93.container {94 margin: 0 auto;95 max-width: 1000px;96 padding: 0 20px;97 width: 100%;98}99 100h1, h2, h3, h4, h5, h6 {101 line-height: 2em;102 margin: 1em 0 16px;103 padding: 0;104}105@media screen and (max-width: 1200px) {106 h1, h2, h3, h4, h5, h6 {107 line-height: 1.6em;108 }109}110 111h1, h2, h3, h5 {112 font-weight: bold;113}114 115h1 {116 font-size: 30px;117}118h1 a {119 color: inherit;120}121 122h2 {123 font-size: 24px;124}125 126h3 {127 font-size: 20px;128}129 130h4 {131 font-size: 20px;132 color: #868e96;133}134 135h6 {136 color: #868e96;137}138 139p {140 color: #343a40;141 margin: 1em 0;142}143 144a {145 color: #1b6ec2;146 text-decoration: none;147 cursor: pointer;148 -webkit-transition: all 0.5s;149 -moz-transition: all 0.5s;150 -ms-transition: all 0.5s;151 -o-transition: all 0.5s;152 transition: all 0.5s;153}154a:hover, a:active {155 color: #228ae6;156}157 158em, i {159 font-style: italic;160}161 162strong, b {163 font-weight: bold;164}165 166sub {167 vertical-align: sub;168 font-size: smaller;169}170 171sup {172 vertical-align: super;173 font-size: smaller;174}175 176hr {177 border: 0;178 border-top: 1px solid #f1f3f5;179 margin: 1.5em auto;180}181 182ol > li:before, ul > li:before {183 position: absolute;184 width: 1.4em;185 margin-left: -1.4em;186 display: inline-block;187 box-sizing: border-box;188 text-align: right;189}190 191ul > li:before {192 content: "\2022";193 padding-right: 0.3em;194 font-family: inherit;195 font-size: 1.4em;196 line-height: 1.2;197}198 199ol {200 counter-reset: section;201}202ol > li:before {203 counter-increment: section;204 content: counter(section) ".";205 padding-right: 0.3em;206 font-family: inherit;207 font-size: 1em;208 line-height: inherit;209}210 211ol > li, ul > li {212 margin: 0 auto 0.4em 1.4em;213 line-height: 1.55;214}215ol > li > ol,216ol > li > ul, ul > li > ol,217ul > li > ul {218 margin-top: 0.4em;219}220 221li > ol > li,222li > ul > li {223 font-size: 0.95em;224 margin: 0 auto 0.38em 1.33em;225}226 227dt {228 float: left;229 width: 180px;230 overflow: auto;231 clear: left;232 text-align: right;233 white-space: nowrap;234 font-weight: bold;235 margin-bottom: 0.4em;236}237@media screen and (max-width: 1200px) {238 dt {239 width: 120px;240 }241}242 243dd {244 margin-left: 200px;245 margin-bottom: 0.4em;246}247@media screen and (max-width: 1200px) {248 dd {249 margin-left: 140px;250 }251}252 253table {254 margin-bottom: 1rem;255 width: 100%;256 border: 1px solid #e9ecef;257 border-collapse: collapse;258}259 260td, th {261 padding: .25rem .5rem;262 border: 1px solid #e9ecef;263}264 265tbody tr:nth-child(odd) td,266tbody tr:nth-child(odd) th {267 background-color: #f1f3f5;268}269 270blockquote {271 font-weight: 300;272 padding: 0 0 0 1.4rem;273 margin: 0 2rem 1rem 0;274 border-left: 0.2em solid #dee2e6;275}276blockquote p {277 color: #868e96;278}279blockquote p:last-child {280 margin-bottom: 0;281}282 283a.footnote, .post p a.footnote, .post ol a.footnote, .post ul a.footnote {284 margin: 0 3px;285 padding: 0 2px;286 font-size: 14px;287 text-align: center;288 border: 1px solid #f1f3f5;289 border-radius: 2px;290 -webkit-text-stroke: 0.25px;291 -webkit-transition: 0.2s ease-out all;292 text-decoration: none;293}294a.footnote:hover, .post p a.footnote:hover, .post ol a.footnote:hover, .post ul a.footnote:hover {295 background: #f1f3f5;296}297 298.footnotes {299 border-top: 1px solid #f1f3f5;300 font-size: 14px;301}302 303img {304 display: block;305 max-width: 100%;306 margin: 0 0 1em;307 border-radius: 5px;308}309 310.gmnoprint img {311 max-width: none;312}313 314::-moz-selection {315 background: #dee2e6;316}317 318::selection {319 background: #dee2e6;320}321 322.clearfix:before,323.clearfix:after {324 content: " ";325 display: table;326}327 328.clearfix:after {329 clear: both;330}331 332.center {333 text-align: center;334}335.center-image {336 margin: 0 auto;337 display: block;338}339 340.right {341 text-align: right;342}343 344/*********************/345/* LAYOUT / SECTIONS */346/*********************/347.wrapper-sidebar {348 width: 30%;349 -webkit-background-size: cover;350 background-size: cover;351 background-color: #f8f9fa;352 height: 100%;353 top: 0;354 left: 0;355 position: fixed;356 z-index: 4;357 border-right: 1px solid #f1f3f5;358}359@media screen and (max-width: 1200px) {360 .wrapper-sidebar {361 width: 100%;362 height: auto;363 padding-bottom: 24px;364 position: relative;365 border-bottom: 1px solid #f1f3f5;366 border-right: 0;367 }368}369 370.sidebar {371 padding: 20px 0;372}373@media screen and (max-width: 1200px) {374 .sidebar {375 text-align: center;376 }377}378 379.site-info {380 text-align: center;381 margin: 100px auto 0;382}383@media screen and (max-width: 1200px) {384 .site-info {385 float: none;386 display: block;387 margin: 0 auto;388 }389}390.site-info .site-avatar {391 margin: 0 auto;392 display: block;393 max-width: 200px;394 max-height: 200px;395}396@media screen and (max-width: 1200px) {397 .site-info .site-avatar {398 max-width: 120px;399 max-height: 120px;400 }401}402.site-info .site-avatar img {403 display: inline-block;404 border-radius: 2px;405}406 407.site-name {408 margin: 0 auto;409 color: #343a40;410 cursor: pointer;411 font-family: "Noto Serif", "PT Serif", source-han-serif-sc, "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif TC", "Source Han Serif TW", "Source Han Serif", "Songti SC", SimSon, serif;412 font-weight: 700;413 font-size: 28px;414 letter-spacing: 1px;415}416 417.site-description {418 margin: 15px auto;419 color: #868e96;420 font-size: 16px;421}422@media screen and (max-width: 1200px) {423 .site-description {424 margin: 10px auto;425 }426}427 428.navlist {429 text-align: center;430}431 432nav {433 display: block;434 margin-top: 23px;435 font-family: "Noto Serif", "PT Serif", source-han-serif-sc, "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif TC", "Source Han Serif TW", "Source Han Serif", "Songti SC", SimSon, serif;436 font-weight: 500;437 font-size: 18px;438}439@media screen and (max-width: 1200px) {440 nav {441 margin-top: 9px;442 font-size: 16px;443 }444}445nav a {446 margin: 0 10px;447 text-align: right;448 font-weight: 300;449 letter-spacing: 1px;450}451@media screen and (max-width: 1200px) {452 nav a {453 margin: 0 10px;454 color: #1b6ec2;455 }456}457 458.wrapper-content {459 float: right;460 width: 70%;461}462@media screen and (max-width: 1200px) {463 .wrapper-content {464 float: none;465 width: 100%;466 }467}468 469.posts .tag {470 display: inline;471 font-weight: 300;472 font-size: 14px;473}474.posts .tag li:before {475 content: '';476}477.posts .tag li {478 display: inline;479 margin: 0;480}481.posts .tag li > a {482 margin: 3px 3px 3px 0;483 padding: .5px 4px;484 color: #343a40;485 background-color: #e9ecef;486 border-radius: 3px;487}488.posts .tag li > a:hover {489 color: #1b6ec2;490 background-color: #e8f7ff;491}492 493.posts > .post {494 padding-bottom: 2em;495 border-bottom: 1px solid #f1f3f5;496}497 498.posts > .post:last-child {499 padding-bottom: 1em;500 border-bottom: none;501}502 503.date {504 font-weight: 300;505 font-size: 14px;506 color: #868e96;507 margin-right: 4px;508}509 510.post h1 {511 margin-bottom: .1em;512}513.post .comments {514 margin-top: 10px;515}516.post .read-more {517 font-size: 15px;518}519 520.toc {521 width: 240px;522 height: 100%;523 left: 30%;524 position: fixed;525 z-index: 4;526 padding: 60px 20px 0 20px;527}528.toc:before {529 content: "目录";530 margin: 0 0 1em 1em;531 font-weight: 700;532 font-size: 1.2em;533 display: block;534 padding-bottom: 0.6em;535 border-bottom: 3px double #f1f3f5;536}537.toc li:before {538 content: "";539}540@media screen and (max-width: 1200px) {541 .toc {542 display: none;543 }544}545 546@media screen and (max-width: 2200px) and (min-width: 1200px) {547 .withtoc {548 padding-left: 260px;549 }550}551.pagination {552 border-top: 1px solid #f1f3f5;553 font-weight: 300;554 padding: 40px 0;555 width: 100%;556 display: inline-block;557}558@media screen and (max-width: 1200px) {559 .pagination {560 font-size: 14px;561 padding: 24px 0;562 }563}564.pagination > .prev {565 float: left;566 width: 50%;567}568.pagination > .prev a {569 color: #868e96;570 border: 1px solid #f1f3f5;571 padding: 10px 20px;572 background: #f8f9fa;573}574.pagination > .prev a:hover, .pagination > .prev a:focus {575 color: #228ae6;576 border: 1px solid #228ae6;577 background-color: #e8f7ff;578}579.pagination > .next {580 float: right;581 text-align: right;582 width: 50%;583}584.pagination > .next a {585 color: #868e96;586 border: 1px solid #f1f3f5;587 padding: 10px 20px;588 background: #f8f9fa;589}590.pagination > .next a:hover, .pagination > .next a:focus {591 color: #228ae6;592 border: 1px solid #228ae6;593 background-color: #e8f7ff;594}595 596.archive a {597 color: #343a40;598}599.archive time {600 color: #868e96;601 font-size: 14px;602 font-weight: 300;603 margin-left: 3px;604}605 606.tags > .label > li:before {607 content: "";608}609.tags > .label > li {610 margin: 0;611 font-size: 14px;612 font-weight: 300;613 display: inline;614}615.tags > .label > li > a {616 display: inline-block;617 margin: 1px;618 color: #343a40;619 background-color: #e9ecef;620 border-radius: 3px;621}622.tags > .label > li > a:hover {623 background-color: #e8f7ff;624}625.tags > .label > li > a span {626 float: left;627 padding: .5px 5px;628}629.tags > .label > li > a span.count {630 background-color: #868e961a;631 border-radius: 0 3px 3px 0;632}633 634.tags > .tag a {635 color: #343a40;636}637.tags > .tag time {638 color: #868e96;639 font-size: 14px;640 font-weight: 300;641 margin-left: 3px;642}643 644.wrapper-footer-desktop {645 margin-top: 50px;646 border-top: 1px solid #e9ecef;647 background-color: #f8f9fa;648 position: absolute;649 clear: both;650 width: 100%;651 bottom: 0;652}653@media screen and (max-width: 1200px) {654 .wrapper-footer-desktop {655 display: none;656 }657}658 659.wrapper-footer-mobile {660 display: none;661}662@media screen and (max-width: 1200px) {663 .wrapper-footer-mobile {664 display: block;665 width: 100%;666 border-top: 1px solid #e9ecef;667 background-color: #f8f9fa;668 }669}670 671footer {672 padding: 20px 0;673 text-align: center;674}675footer p {676 font-size: 14px;677 color: #868e96;678}679footer .svg-icon {680 display: block;681 font-size: 0;682 list-style: none;683 margin: 0;684 text-align: center;685}686footer .svg-icon li {687 display: inline-block;688 margin: 10px;689}690footer .svg-icon svg {691 height: 20px;692 width: 20px;693 fill: #868e96;694}695footer .svg-icon svg:hover {696 fill: #228ae6;697}698footer .svg-icon em {699 font-size: 18px;700 line-height: 1.5;701 margin-top: -.75em;702 position: absolute;703 text-align: center;704 top: 50%;705 right: 0;706 bottom: 0;707 left: 0;708}709 710pre, code {711 font-family: "Menlo", "Courier New", "Monaco", "Spoqa Han Sans", monospace;712}713 714code.highlighter-rouge {715 font-size: 90%;716 color: #364fc7;717 background-color: #f1f3f5;718 padding: .1em .2em;719 border-radius: 3px;720}721 722pre.highlight {723 font-size: 14px;724 padding: .45em .45em .45em .625em;725 border: 1px solid #dee2e6;726 border-radius: 3px;727 margin: 1em 0;728 overflow: scroll;729}730 731.highlight {732 background: #f8f9fa;733}734 735.highlight .c {736 color: #999988;737 font-style: italic;738}739 740/* Comment */741.highlight .err {742 color: #a61717;743 background-color: #e3d2d2;744}745 746/* Error */747.highlight .k {748 font-weight: bold;749}750 751/* Keyword */752.highlight .o {753 font-weight: bold;754}755 756/* Operator */757.highlight .cm {758 color: #999988;759 font-style: italic;760}761 762/* Comment.Multiline */763.highlight .cp {764 color: #999999;765 font-weight: bold;766}767 768/* Comment.Preproc */769.highlight .c1 {770 color: #999988;771 font-style: italic;772}773 774/* Comment.Single */775.highlight .cs {776 color: #999999;777 font-weight: bold;778 font-style: italic;779}780 781/* Comment.Special */782.highlight .gd {783 color: #000000;784 background-color: #ffdddd;785}786 787/* Generic.Deleted */788.highlight .gd .x {789 color: #000000;790 background-color: #ffaaaa;791}792 793/* Generic.Deleted.Specific */794.highlight .ge {795 font-style: italic;796}797 798/* Generic.Emph */799.highlight .gr {800 color: #aa0000;801}802 803/* Generic.Error */804.highlight .gh {805 color: #999999;806}807 808/* Generic.Heading */809.highlight .gi {810 color: #000000;811 background-color: #ddffdd;812}813 814/* Generic.Inserted */815.highlight .gi .x {816 color: #000000;817 background-color: #aaffaa;818}819 820/* Generic.Inserted.Specific */821.highlight .go {822 color: #888888;823}824 825/* Generic.Output */826.highlight .gp {827 color: #555555;828}829 830/* Generic.Prompt */831.highlight .gs {832 font-weight: bold;833}834 835/* Generic.Strong */836.highlight .gu {837 color: #aaaaaa;838}839 840/* Generic.Subheading */841.highlight .gt {842 color: #aa0000;843}844 845/* Generic.Traceback */846.highlight .kc {847 font-weight: bold;848}849 850/* Keyword.Constant */851.highlight .kd {852 font-weight: bold;853}854 855/* Keyword.Declaration */856.highlight .kp {857 font-weight: bold;858}859 860/* Keyword.Pseudo */861.highlight .kr {862 font-weight: bold;863}864 865/* Keyword.Reserved */866.highlight .kt {867 color: #445588;868 font-weight: bold;869}870 871/* Keyword.Type */872.highlight .m {873 color: #009999;874}875 876/* Literal.Number */877.highlight .s {878 color: #d14;879}880 881/* Literal.String */882.highlight .na {883 color: #008080;884}885 886/* Name.Attribute */887.highlight .nb {888 color: #0086B3;889}890 891/* Name.Builtin */892.highlight .nc {893 color: #445588;894 font-weight: bold;895}896 897/* Name.Class */898.highlight .no {899 color: #008080;900}901 902/* Name.Constant */903.highlight .ni {904 color: #800080;905}906 907/* Name.Entity */908.highlight .ne {909 color: #990000;910 font-weight: bold;911}912 913/* Name.Exception */914.highlight .nf {915 color: #990000;916 font-weight: bold;917}918 919/* Name.Function */920.highlight .nn {921 color: #555555;922}923 924/* Name.Namespace */925.highlight .nt {926 color: #000080;927}928 929/* Name.Tag */930.highlight .nv {931 color: #008080;932}933 934/* Name.Variable */935.highlight .ow {936 font-weight: bold;937}938 939/* Operator.Word */940.highlight .w {941 color: #bbbbbb;942}943 944/* Text.Whitespace */945.highlight .mf {946 color: #009999;947}948 949/* Literal.Number.Float */950.highlight .mh {951 color: #009999;952}953 954/* Literal.Number.Hex */955.highlight .mi {956 color: #009999;957}958 959/* Literal.Number.Integer */960.highlight .mo {961 color: #009999;962}963 964/* Literal.Number.Oct */965.highlight .sb {966 color: #d14;967}968 969/* Literal.String.Backtick */970.highlight .sc {971 color: #d14;972}973 974/* Literal.String.Char */975.highlight .sd {976 color: #d14;977}978 979/* Literal.String.Doc */980.highlight .s2 {981 color: #d14;982}983 984/* Literal.String.Double */985.highlight .se {986 color: #d14;987}988 989/* Literal.String.Escape */990.highlight .sh {991 color: #d14;992}993 994/* Literal.String.Heredoc */995.highlight .si {996 color: #d14;997}998 999/* Literal.String.Interpol */1000.highlight .sx {1001 color: #d14;1002}1003 1004/* Literal.String.Other */1005.highlight .sr {1006 color: #009926;1007}1008 1009/* Literal.String.Regex */1010.highlight .s1 {1011 color: #d14;1012}1013 1014/* Literal.String.Single */1015.highlight .ss {1016 color: #990073;1017}1018 1019/* Literal.String.Symbol */1020.highlight .bp {1021 color: #999999;1022}1023 1024/* Name.Builtin.Pseudo */1025.highlight .vc {1026 color: #008080;1027}1028 1029/* Name.Variable.Class */1030.highlight .vg {1031 color: #008080;1032}1033 1034/* Name.Variable.Global */1035.highlight .vi {1036 color: #008080;1037}1038 1039/* Name.Variable.Instance */1040.highlight .il {1041 color: #009999;1042}1043 1044/* Literal.Number.Integer.Long */1045@font-face {1046 font-family: octicons-link;1047 src: url(data:font/woff;charset=utf-8;base64,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) format("woff");1048}1049.markdown-body {1050 color: #343a40;1051 font-family: "Noto Serif", "PT Serif", source-han-serif-sc, "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif TC", "Source Han Serif TW", "Source Han Serif", "Songti SC", SimSon, serif;1052 font-size: 14px;1053 line-height: 1.5;1054 word-wrap: break-word;1055}1056.markdown-body .octicon {1057 display: inline-block;1058 vertical-align: text-top;1059 fill: currentColor;1060 vertical-align: text-bottom;1061}1062 1063.markdown-body .pl-c {1064 color: #6a737d;1065}1066.markdown-body .pl-c1,1067.markdown-body .pl-s .pl-v {1068 color: #1b6ec2;1069}1070.markdown-body .pl-e,1071.markdown-body .pl-en {1072 color: #6f42c1;1073}1074.markdown-body .pl-smi,1075.markdown-body .pl-s .pl-s1 {1076 color: #24292e;1077}1078.markdown-body .pl-ent {1079 color: #22863a;1080}1081.markdown-body .pl-k {1082 color: #d73a49;1083}1084.markdown-body .pl-s,1085.markdown-body .pl-pds,1086.markdown-body .pl-s .pl-pse .pl-s1,1087.markdown-body .pl-sr,1088.markdown-body .pl-sr .pl-cce,1089.markdown-body .pl-sr .pl-sre,1090.markdown-body .pl-sr .pl-sra {1091 color: #032f62;1092}1093.markdown-body .pl-v,1094.markdown-body .pl-smw {1095 color: #e36209;1096}1097.markdown-body .pl-bu {1098 color: #b31d28;1099}1100.markdown-body .pl-ii {1101 color: #fafbfc;1102 background-color: #b31d28;1103}1104.markdown-body .pl-c2 {1105 color: #fafbfc;1106 background-color: #d73a49;1107}1108.markdown-body .pl-c2::before {1109 content: "^M";1110}1111.markdown-body .pl-sr .pl-cce {1112 font-weight: bold;1113 color: #22863a;1114}1115.markdown-body .pl-ml {1116 color: #735c0f;1117}1118.markdown-body .pl-mh,1119.markdown-body .pl-mh .pl-en,1120.markdown-body .pl-ms {1121 font-weight: bold;1122 color: #1b6ec2;1123}1124.markdown-body .pl-mi {1125 font-style: italic;1126 color: #24292e;1127}1128.markdown-body .pl-mb {1129 font-weight: bold;1130 color: #24292e;1131}1132.markdown-body .pl-md {1133 color: #b31d28;1134 background-color: #ffeef0;1135}1136.markdown-body .pl-mi1 {1137 color: #22863a;1138 background-color: #f0fff4;1139}1140.markdown-body .pl-mc {1141 color: #e36209;1142 background-color: #ffebda;1143}1144.markdown-body .pl-mi2 {1145 color: #f6f8fa;1146 background-color: #1b6ec2;1147}1148.markdown-body .pl-mdr {1149 font-weight: bold;1150 color: #6f42c1;1151}1152.markdown-body .pl-ba {1153 color: #586069;1154}1155.markdown-body .pl-sg {1156 color: #959da5;1157}1158.markdown-body .pl-corl {1159 text-decoration: underline;1160 color: #032f62;1161}1162.markdown-body .pl-0 {1163 padding-left: 0 !important;1164}1165.markdown-body .pl-1 {1166 padding-left: 4px !important;1167}1168.markdown-body .pl-2 {1169 padding-left: 8px !important;1170}1171.markdown-body .pl-3 {1172 padding-left: 16px !important;1173}1174.markdown-body .pl-4 {1175 padding-left: 24px !important;1176}1177.markdown-body .pl-5 {1178 padding-left: 32px !important;1179}1180.markdown-body .pl-6 {1181 padding-left: 40px !important;1182}1183 1184.markdown-body kbd {1185 display: inline-block;1186 padding: 3px 5px;1187 font-size: 11px;1188 line-height: 10px;1189 color: #444d56;1190 vertical-align: middle;1191 background-color: #fafbfc;1192 border: solid 1px #c6cbd1;1193 border-bottom-color: #959da5;1194 border-radius: 3px;1195 -webkit-box-shadow: inset 0 -1px 0 #959da5;1196 box-shadow: inset 0 -1px 0 #959da5;1197}1198 1199.markdown-body code {1200 padding: 0;