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="han-init" lang="zh-cmn-Hans" prefix="og: http://ogp.me/ns#">3 <head>4 <meta charset="utf-8">5 <meta content="IE=edge" http-equiv="X-UA-Compatible">6 <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">7 <title>8 [Name Redacted]9 </title>10 <meta content="前端" name="keywords">11 <meta content="description" name="description">12 <meta content="" property="og:url">13 <meta content="[Name Redacted]" property="og:site_name">14 <meta content="article" property="og:type">15 <meta content="zh_CN" property="og:locale">16 </head>17 <body class="home" data-mz="home">18 <header class="site-header">19 <div class="container">20 <h1>21 <a title="[Name Redacted]">22 <span class="octicon octicon-mark-github">23 </span>24 [Name Redacted]25 </a>26 </h1>27 <button class="collapsed mobile-visible" onclick="toggleMenu();" type="button">28 <span class="icon-bar">29 </span>30 <span class="icon-bar">31 </span>32 <span class="icon-bar">33 </span>34 </button>35 <nav class="site-header-nav" role="navigation">36 <a class="site-header-nav-item" target title="首页">37 首页38 </a>39 <a class="site-header-nav-item" target title="分类">40 分类41 </a>42 <a class="site-header-nav-item" target title="感谢">43 感谢44 </a>45 <a class="site-header-nav-item" target title="关于">46 关于47 </a>48 </nav>49 </div>50 </header>51 <style>52 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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,menu,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-color: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:0.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{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;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:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}input,select,textarea,button{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol"}body{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#333;background-color:#fff}a{color:#4183c4;text-decoration:none}a:hover,a:active{text-decoration:underline}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}hr:before,.rule:before{display:table;content:""}hr:after,.rule:after{display:table;clear:both;content:""}h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:15px;line-height:1.1}h1{font-size:30px}h2{font-size:21px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:11px}small{font-size:90%}blockquote{margin:0}.lead{margin-bottom:30px;font-size:20px;font-weight:300;color:#555}.text-muted{color:#999}.text-danger{color:#bd2c00}.text-emphasized{font-weight:bold;color:#333}ul,ol{padding:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.container{width:980px;margin-right:auto;margin-left:auto}.container:before{display:table;content:""}.container:after{display:table;clear:both;content:""}.columns{margin-right:-10px;margin-left:-10px}.columns:before{display:table;content:""}.columns:after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.one-third{width:33.333333%}.two-thirds{width:66.666667%}.one-fourth{width:25%}.one-half{width:50%}.three-fourths{width:75%}.one-fifth{width:20%}.four-fifths{width:80%}.single-column{padding-right:10px;padding-left:10px}.table-column{display:table-cell;width:1%;padding-right:10px;padding-left:10px;vertical-align:top}fieldset{padding:0;margin:0;border:0}label{font-size:13px;font-weight:bold}.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="tel"],input[type="url"],textarea{min-height:34px;padding:7px 8px;font-size:13px;color:#333;vertical-align:middle;background-color:#fff;background-repeat:no-repeat;background-position:right center;border:1px solid #ccc;border-radius:3px;outline:none;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075)}.form-control.focus,.form-control:focus,input[type="text"].focus,input[type="text"]:focus,input[type="password"].focus,input[type="password"]:focus,input[type="email"].focus,input[type="email"]:focus,input[type="number"].focus,input[type="number"]:focus,input[type="tel"].focus,input[type="tel"]:focus,input[type="url"].focus,input[type="url"]:focus,textarea.focus,textarea:focus{border-color:#51a7e8;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5)}input.input-contrast,.input-contrast{background-color:#fafafa}input.input-contrast:focus,.input-contrast:focus{background-color:#fff}::-webkit-input-placeholder,:-moz-placeholder{color:#aaa}::-webkit-validation-bubble-message{font-size:12px;color:#fff;background:#9c2400;border:0;border-radius:3px;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1)}input::-webkit-validation-bubble-icon{display:none}::-webkit-validation-bubble-arrow{background-color:#9c2400;border:solid 1px #9c2400;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1)}input.input-mini{min-height:26px;padding-top:4px;padding-bottom:4px;font-size:12px}input.input-large{padding:6px 10px;font-size:16px}.input-block{display:block;width:100%}.input-monospace{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace}dl.form{margin:15px 0}dl.form input[type="text"],dl.form input[type="password"],dl.form input[type="email"],dl.form input[type="url"],dl.form textarea{background-color:#fafafa}dl.form input[type="text"]:focus,dl.form input[type="password"]:focus,dl.form input[type="email"]:focus,dl.form input[type="url"]:focus,dl.form textarea:focus{background-color:#fff}dl.form>dt{margin:0 0 6px}dl.form>dt label{position:relative}dl.form.flattened>dt{float:left;margin:0;line-height:32px}dl.form.flattened>dd{line-height:32px}dl.form>dd input[type="text"],dl.form>dd input[type="password"],dl.form>dd input[type="email"],dl.form>dd input[type="url"]{width:440px;max-width:100%;margin-right:5px;background-position-x:98%}dl.form>dd input.shorter{width:130px}dl.form>dd input.short{width:250px}dl.form>dd input.long{width:100%}dl.form>dd textarea{width:100%;height:200px;min-height:200px}dl.form>dd textarea.short{height:50px;min-height:50px}dl.form>dd h4{margin:4px 0 0}dl.form>dd h4.is-error{color:#bd2c00}dl.form>dd h4.is-success{color:#6cc644}dl.form>dd h4+p.note{margin-top:0}dl.form.required>dt>label:after{padding-left:5px;color:#9f1006;content:"*"}.note{min-height:17px;margin:4px 0 2px;font-size:12px;color:#777}.note .spinner{margin-right:3px;vertical-align:middle}.form-checkbox{padding-left:20px;margin:15px 0;vertical-align:middle}.form-checkbox label em.highlight{position:relative;left:-4px;padding:2px 4px;font-style:normal;background:#fffbdc;border-radius:3px}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio]{float:left;margin:2px 0 0 -20px;vertical-align:middle}.form-checkbox .note{display:block;margin:0;font-size:12px;font-weight:normal;color:#666}dl.form .success,dl.form .error,dl.form .indicator{display:none;font-size:12px;font-weight:bold}dl.form.loading{opacity:0.5}dl.form.loading .indicator{display:inline}dl.form.loading .spinner{display:inline-block;vertical-align:middle}dl.form.successful .success{display:inline;color:#390}dl.form.errored>dt label{color:#900}dl.form.errored .error{display:inline;color:#900}dl.form.errored dd.error,dl.form.errored dd.warning{display:inline-block;padding:5px;font-size:11px;color:#494620;background:#f7ea57;border:1px solid #c0b536;border-top-color:#fff;border-bottom-right-radius:3px;border-bottom-left-radius:3px}dl.form.warn .warning{display:inline;color:#900}dl.form.warn dd.warning{display:inline-block;padding:5px;font-size:11px;color:#494620;background:#f7ea57;border:1px solid #c0b536;border-top-color:#fff;border-bottom-right-radius:3px;border-bottom-left-radius:3px}dl.form .form-note{display:inline-block;padding:5px;margin-top:-1px;font-size:11px;color:#494620;background:#f7ea57;border:1px solid #c0b536;border-top-color:#fff;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.hfields{margin:15px 0}.hfields:before{display:table;content:""}.hfields:after{display:table;clear:both;content:""}.hfields dl.form{float:left;margin:0 30px 0 0}.hfields dl.form>dt label{display:inline-block;margin:5px 0 0;color:#666}.hfields dl.form>dt label img{position:relative;top:-2px}.hfields .btn{float:left;margin:28px 25px 0 -20px}.hfields select{margin-top:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.input-group{display:table}.input-group input{position:relative;width:100%}.input-group input:focus{z-index:2}.input-group input[type="text"]+.btn{margin-left:0}.input-group.inline{display:inline-table}.input-group input,.input-group-button{display:table-cell}.input-group-button{width:1%;vertical-align:middle}.input-group input:first-child,.input-group-button:first-child .btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-button:first-child .btn{margin-right:-1px}.input-group input:last-child,.input-group-button:last-child .btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-button:last-child .btn{margin-left:-1px}.form-actions:before{display:table;content:""}.form-actions:after{display:table;clear:both;content:""}.form-actions .btn{float:right}.form-actions .btn+.btn{margin-right:5px}.form-warning{padding:8px 10px;margin:10px 0;font-size:14px;color:#333;background:#ffffe2;border:1px solid #e7e4c2;border-radius:4px}.form-warning p{margin:0;line-height:1.5}.form-warning strong{color:#000}.form-warning a{font-weight:bold}.status-indicator{font:normal normal 16px/1 "octicons";display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;margin-left:5px}.status-indicator-success:before{color:#6cc644;content:"\f03a"}.status-indicator-failed:before{color:#bd2c00;content:"\f02d"}.clearfix:before{display:table;content:""}.clearfix:after{display:table;clear:both;content:""}.right{float:right}.left{float:left}.centered{display:block;float:none;margin-left:auto;margin-right:auto}.text-right{text-align:right}.text-left{text-align:left}.danger{color:#c00}.mute{color:#000}.text-diff-added{color:#55a532}.text-diff-deleted{color:#bd2c00}.text-open,.text-success{color:#6cc644}.text-closed{color:#bd2c00}.text-reverted{color:#bd2c00}.text-merged{color:#6e5494}.text-renamed{color:#fffa5d}.text-pending{color:#cea61b}.text-error,.text-failure{color:#bd2c00}.muted-link{color:#777}.muted-link:hover{color:#4183c4;text-decoration:none}.hidden{display:none}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:bold;background-color:#fffccc}.error_box{padding:1em;font-weight:bold;background-color:#ffebe8;border:1px solid #dd3c10}.flash-messages{margin-top:15px;margin-bottom:15px}.flash,.flash-global{position:relative;font-size:14px;line-height:1.6;color:#246;background-color:#e2eef9;border:solid 1px #bac6d3}.flash.flash-warn,.flash-global.flash-warn{color:#4c4a42;background-color:#fff9ea;border-color:#dfd8c2}.flash.flash-error,.flash-global.flash-error{color:#911;background-color:#fcdede;border-color:#d2b2b2}.flash .flash-close,.flash-global .flash-close{float:right;padding:17px;margin-top:-15px;margin-right:-15px;margin-left:20px;color:inherit;text-decoration:none;cursor:pointer;opacity:0.6}.flash .flash-close:hover,.flash-global .flash-close:hover{opacity:1}.flash p:last-child,.flash-global p:last-child{margin-bottom:0}.flash .flash-action,.flash-global .flash-action{float:right;margin-top:-4px;margin-left:20px}.flash a,.flash-global a{font-weight:bold}.flash{padding:15px;border-radius:3px}.flash+.flash{margin-top:5px}.flash-with-icon{padding-left:40px}.flash-with-icon>.octicon{float:left;margin-top:3px;margin-left:-25px}.flash-global{padding:10px;margin-top:-1px;border-width:1px 0}.flash-global h2,.flash-global p{margin-top:0;margin-bottom:0;font-size:14px;line-height:1.4}.flash-global .flash-action{margin-top:5px}.flash-title{margin-top:0;margin-bottom:5px}.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.blankslate{position:relative;padding:30px;text-align:center;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:3px;box-shadow:inset 0 0 10px rgba(0,0,0,0.05)}.blankslate.clean-background{background:none;border:0;box-shadow:none}.blankslate.capped{border-radius:0 0 3px 3px}.blankslate.spacious{padding:100px 60px 120px}.blankslate.has-fixed-width{width:485px;margin:0 auto}.blankslate.large-format h3{margin:0.75em 0;font-size:20px}.blankslate.large-format p{font-size:16px}.blankslate.large-format p.has-fixed-width{width:540px;margin:0 auto;text-align:left}.blankslate.large-format .mega-octicon{width:40px;height:40px;font-size:40px;color:#aaa}.blankslate.large-format .octicon-inbox{font-size:48px;line-height:40px}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eee;border-radius:3px}.blankslate>.mega-octicon{color:#aaa}.blankslate .mega-octicon+.mega-octicon{margin-left:10px}.tabnav+.blankslate{margin-top:20px}.blankslate .context-loader.large-format-loader{padding-top:50px}.counter{display:inline-block;padding:2px 5px;font-size:11px;font-weight:bold;line-height:1;color:#777;background-color:#eee;border-radius:20px}.btn{position:relative;display:inline-block;padding:6px 12px;font-size:13px;font-weight:bold;line-height:20px;color:#333;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:#eee;background-image:linear-gradient(#fcfcfc, #eee);border:1px solid #d5d5d5;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none}.btn i{font-style:normal;font-weight:500;opacity:0.6}.btn .octicon{vertical-align:text-top}.btn .counter{text-shadow:none;background-color:#e5e5e5}.btn:focus{text-decoration:none;border-color:#51a7e8;outline:none;box-shadow:0 0 5px rgba(81,167,232,0.5)}.btn:focus:hover,.btn.selected:focus{border-color:#51a7e8}.btn:hover,.btn:active,.btn.zeroclipboard-is-hover,.btn.zeroclipboard-is-active{text-decoration:none;background-color:#ddd;background-image:linear-gradient(#eee, #ddd);border-color:#ccc}.btn:active,.btn.selected,.btn.zeroclipboard-is-active{background-color:#dcdcdc;background-image:none;border-color:#b5b5b5;box-shadow:inset 0 2px 4px rgba(0,0,0,0.15)}.btn.selected:hover{background-color:#cfcfcf}.btn:disabled,.btn:disabled:hover,.btn.disabled,.btn.disabled:hover{color:rgba(102,102,102,0.5);cursor:default;background-color:rgba(229,229,229,0.5);background-image:none;border-color:rgba(197,197,197,0.5);box-shadow:none}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.15);background-color:#60b044;background-image:linear-gradient(#8add6d, #60b044);border-color:#5ca941}.btn-primary .counter{color:#60b044;background-color:#fff}.btn-primary:hover{color:#fff;background-color:#569e3d;background-image:linear-gradient(#79d858, #569e3d);border-color:#4a993e}.btn-primary:active,.btn-primary.selected{text-shadow:0 1px 0 rgba(0,0,0,0.15);background-color:#569e3d;background-image:none;border-color:#418737}.btn-primary.selected:hover{background-color:#4c8b36}.btn-primary:disabled,.btn-primary:disabled:hover,.btn-primary.disabled,.btn-primary.disabled:hover{color:#fefefe;background-color:#add39f;background-image:linear-gradient(#c3ecb4, #add39f);border-color:#b9dcac #b9dcac #a7c89b}.btn-danger{color:#900}.btn-danger:hover{color:#fff;background-color:#b33630;background-image:linear-gradient(#dc5f59, #b33630);border-color:#cd504a}.btn-danger:active,.btn-danger.selected{color:#fff;background-color:#b33630;background-image:none;border-color:#9f312c}.btn-danger.selected:hover{background-color:#9f302b}.btn-danger:disabled,.btn-danger:disabled:hover,.btn-danger.disabled,.btn-danger.disabled:hover{color:#cb7f7f;background-color:#efefef;background-image:linear-gradient(#fefefe, #efefef);border-color:#e1e1e1}.btn-danger:hover .counter,.btn-danger:active .counter,.btn-danger.selected .counter{color:#b33630;background-color:#fff}.btn-outline{color:#4183c4;background-color:#fff;background-image:none;border:1px solid #e5e5e5}.btn-outline .counter{background-color:#eee}.btn-outline:hover,.btn-outline:active,.btn-outline.selected,.btn-outline.zeroclipboard-is-hover,.btn-outline.zeroclipboard-is-active{color:#fff;background-color:#4183c4;background-image:none;border-color:#4183c4}.btn-outline:hover .counter,.btn-outline:active .counter,.btn-outline.selected .counter,.btn-outline.zeroclipboard-is-hover .counter,.btn-outline.zeroclipboard-is-active .counter{color:#4183c4;background-color:#fff}.btn-outline.selected:hover{background-color:#3876b4}.btn-outline:disabled,.btn-outline:disabled:hover,.btn-outline.disabled,.btn-outline.disabled:hover{color:#777;background-color:#fff;background-image:none;border-color:#e5e5e5}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-sm{padding:2px 10px}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a{display:inline-block;height:12px;padding:0 5px;font-size:12px;font-weight:bold;line-height:6px;color:#555;text-decoration:none;vertical-align:middle;background:#ddd;border-radius:1px}.hidden-text-expander a:hover{text-decoration:none;background-color:#ccc}.hidden-text-expander a:active{color:#fff;background-color:#4183c4}.social-count{float:left;padding:2px 7px;font-size:11px;font-weight:bold;line-height:20px;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ddd;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:#4183c4;cursor:pointer}.btn-block{display:block;width:100%;text-align:center}.btn-group{display:inline-block;vertical-align:middle}.btn-group:before{display:table;content:""}.btn-group:after{display:table;clear:both;content:""}.btn-group .btn{position:relative;float:left}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0}.btn-group .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:hover,.btn-group .btn:active,.btn-group .btn.selected{z-index:2}.btn-group .btn:focus{z-index:3}.btn-group .btn+.btn{margin-left:-1px}.btn-group .btn+.button_to,.btn-group .button_to+.btn,.btn-group .button_to+.button_to{margin-left:-1px}.btn-group .button_to{float:left}.btn-group .button_to .btn{border-radius:0}.btn-group .button_to:first-child .btn{border-top-left-radius:3px;border-bottom-left-radius:3px}.btn-group .button_to:last-child .btn{border-top-right-radius:3px;border-bottom-right-radius:3px}.btn-group+.btn-group,.btn-group+.btn{margin-left:5px}.btn-link{display:inline-block;padding:0;font-size:inherit;color:#4183c4;white-space:nowrap;cursor:pointer;background-color:transparent;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none}.btn-link:hover,.btn-link:focus{text-decoration:underline}.btn-link:focus{outline:none}.menu{margin-bottom:15px;list-style:none;background-color:#fff;border:1px solid #d8d8d8;border-radius:3px}.menu-item{position:relative;display:block;padding:8px 10px;text-shadow:0 1px 0 #fff;border-bottom:1px solid #eee}.menu-item:first-child{border-top:0;border-top-right-radius:2px;border-top-left-radius:2px}.menu-item:first-child:before{border-top-left-radius:2px}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.menu-item:last-child:before{border-bottom-left-radius:2px}.menu-item:hover{text-decoration:none;background-color:#f9f9f9}.menu-item.selected{font-weight:bold;color:#222;cursor:default;background-color:#fff}.menu-item.selected:before{position:absolute;top:0;left:0;bottom:0;width:2px;content:"";background-color:#d26911}.menu-item .octicon{margin-right:5px;width:16px;color:#333;text-align:center}.menu-item .counter{float:right;margin-left:5px}.menu-item .menu-warning{float:right;color:#d26911}.menu-item .avatar{float:left;margin-right:5px}.menu-item.alert .counter{color:#bd2c00}.menu-heading{display:block;padding:8px 10px;margin-top:0;margin-bottom:0;font-size:13px;font-weight:bold;line-height:20px;color:#555;background-color:#f7f7f7;border-bottom:1px solid #eee}.menu-heading:hover{text-decoration:none}.menu-heading:first-child{border-top-right-radius:2px;border-top-left-radius:2px}.menu-heading:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px;border-bottom:0}.tabnav{margin-top:0;margin-bottom:15px;border-bottom:1px solid #ddd}.tabnav .counter{margin-left:5px}.tabnav-tabs{margin-bottom:-1px}.tabnav-tab{display:inline-block;padding:8px 12px;font-size:14px;line-height:20px;color:#666;text-decoration:none;border:1px solid transparent;border-bottom:0}.tabnav-tab.selected{color:#333;background-color:#fff;border-color:#ddd;border-radius:3px 3px 0 0}.tabnav-tab:hover{text-decoration:none}.tabnav-extra{display:inline-block;padding-top:10px;margin-left:10px;font-size:12px;color:#666}.tabnav-extra>.octicon{margin-right:2px}a.tabnav-extra:hover{color:#4183c4;text-decoration:none}.tabnav-btn{margin-left:10px}.filter-list{list-style-type:none}.filter-list.small .filter-item{padding:4px 10px;margin:0 0 2px;font-size:12px}.filter-list.pjax-active .filter-item{color:#777;background-color:transparent}.filter-list.pjax-active .filter-item.pjax-active{color:#fff;background-color:#4183c4}.filter-item{position:relative;display:block;padding:8px 10px;margin-bottom:5px;overflow:hidden;font-size:14px;color:#777;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:3px}.filter-item:hover{text-decoration:none;background-color:#eee}.filter-item.selected{color:#fff;background-color:#4183c4}.filter-item.selected .octicon-remove-close{float:right;opacity:0.8}.filter-item .count{float:right;font-weight:bold}.filter-item .bar{position:absolute;top:2px;right:0;bottom:2px;z-index:-1;display:inline-block;background-color:#f1f1f1}.state{display:inline-block;padding:4px 8px;font-weight:bold;line-height:20px;color:#fff;text-align:center;border-radius:3px;background-color:#999}.state-open,.state-proposed,.state-reopened{background-color:#6cc644}.state-merged{background-color:#6e5494}.state-closed{background-color:#bd2c00}.state-renamed{background-color:#fffa5d}.tooltipped{position:relative}.tooltipped:after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;-webkit-font-smoothing:subpixel-antialiased}.tooltipped:before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after{display:inline-block;text-decoration:none}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:5px}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.tooltipped-se:after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw:after{margin-right:-15px}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.tooltipped-ne:after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw:after{margin-right:-15px}.tooltipped-s:after,.tooltipped-n:after{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.tooltipped-e:after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.tooltipped-multiline:after{width:-moz-max-content;width:-webkit-max-content;max-width:250px;word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}@media screen and (min-width: 0\0){.tooltipped-multiline:after{width:250px}}.tooltipped-sticky:before,.tooltipped-sticky:after{display:inline-block}.tooltipped-sticky.tooltipped-multiline:after{display:table-cell}.fullscreen-overlay-enabled.dark-theme .tooltipped:after{color:#000;background:rgba(255,255,255,0.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before,.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before{border-bottom-color:rgba(255,255,255,0.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before,.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before{border-top-color:rgba(255,255,255,0.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before{border-right-color:rgba(255,255,255,0.8)}.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before{border-left-color:rgba(255,255,255,0.8)}.flex-table{display:table}.flex-table-item{display:table-cell;width:1%;white-space:nowrap;vertical-align:middle}.flex-table-item-primary{width:99%}.css-truncate.css-truncate-target,.css-truncate .css-truncate-target{display:inline-block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target,.css-truncate.expandable:hover.css-truncate-target{max-width:10000px !important}53 54 55.collection-head,.side-collection-image{-webkit-box-shadow:inset 0 10px 20px rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(0,0,0,.3)}.collection-card-image,.collection-head,.side-collection-image{text-shadow:0 1px 2px rgba(0,0,0,.3)}.collection-head{padding:1.5rem 0;margin-top:-20px;margin-bottom:20px;background:url(rick.jpg) center #302F2F;box-shadow:inset 0 10px 20px rgba(0,0,0,.1);color:#fff}.collection-head.small{padding:.8rem 0}.collection-head.small .collection-title{padding:10px 0}.collection-head.small .collection-title h1.collection-header{font-size:30px}.collection-head a{color:#fff}.collection-head a:hover{text-decoration:none}.collection-head .collection-title{display:table-cell;padding:20px 0;vertical-align:middle}.collection-head .collection-info{margin:0}.collection-head .collection-info .meta-info{margin-right:15px}.collection-head .collection-info .avatar{background-color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.7)}.collection-head .collection-head .container{position:relative}.collection-head .draft-tag{position:absolute;top:0;left:0}.collection-head .collection-header{margin-top:0;font-size:45px;line-height:1.5;font-weight:400}.collection-head .collection-description{position:relative;font-size:16px}.collection-page .collection-info{margin-top:10px;margin-bottom:20px;font-size:13px;color:#999}.collection-page .column.main{margin-right:260px!important}.collection-page .column.sidebar{width:240px}.collection-page .other-content{padding:20px 0 20px 20px;border-left:1px solid #f1f1f1}.collection-page .other-content .subnav-search{margin-left:0}.collection-page .other-content input.subnav-search-input{width:100%}.collection-page .other-content-title{margin-top:40px}.collection-page .other-content-title:first-child,.collection-search-result-title{margin-top:0}.side-collection-list{margin:0;list-style-type:none}.side-collection-link{display:table;width:100%;height:100px;color:#fff}.collection-card-title,.side-collection-image{height:100%;text-align:center;vertical-align:middle}.side-collection-item-title{font-size:16px;font-weight:100}.side-collection-image{background:url(rick.jpg) center #555;box-shadow:inset 0 10px 20px rgba(0,0,0,.1);color:#fff;display:table-cell;width:100%;margin-bottom:5px;border-radius:3px}.side-collection-list-item{margin-bottom:20px}.collection-tools{list-style-type:none;margin-bottom:10px;font-size:15px}.collection-tools .edit-link{color:#333}.collection-tools .edit-link:hover{color:#4183c4;cursor:pointer}.collection-tools .octicon{margin-right:5px}.collection-tools .select-menu-button{position:relative;display:inline-block;color:#333}.collection-tools .select-menu-button :hover{color:#4183c4;cursor:pointer}.collection-tool{margin-left:20px}.collection-search-results em{padding:.1em;background-color:#faffa6}.collection-search-result{margin-bottom:40px;list-style-type:none}.collection-search-page .search-results-info{line-height:33px;float:right;margin-left:10px;font-size:15px}.collection-listing{text-align:center}.collection-card{position:relative;display:inline-block;width:30%;max-width:313px;margin:0 10px 20px;list-style-type:none;background:#f7f7f7;border:1px solid #ddd;border-radius:3px;overflow:hidden}.collection-card .draft-tag{position:absolute;top:-1px;left:10px}.collection-card-title{padding:0 15px;margin:10px 0;display:table-cell;width:100%;font-size:19px;font-weight:700}.collection-card-body{padding:0 15px;margin:0 0 10px;height:3em;overflow:hidden;font-size:15px;line-height:1.5em}.collection-card-image{position:relative;display:table;width:101%;height:120px;margin:-1px -1px 15px;background:url(rick.jpg) center #555;-webkit-box-shadow:inset 0 10px 20px rgba(0,0,0,.1);box-shadow:inset 0 10px 20px rgba(0,0,0,.1);color:#fff;border-top-right-radius:3px;border-top-left-radius:3px}.collection-card-meta{padding:0 15px;margin-top:5px;margin-bottom:15px;color:#777;font-size:12px}.collection-card-meta .meta-info{margin-right:10px}.collection-card-meta .last-updated{float:right;margin-right:0}56 57 58 59.one-third-column {60 width: 33.333333%;61 float: left;62 padding-left: 10px;63 padding-right: 10px;64}65 66.card-image {67 display: table;68 height: 120px;69 width: 100%;70 border-radius: 4px;71}72 73.card-image .card-image-cell {74 display: table-cell;75 vertical-align: middle;76}77 78.card-image h3 {79 margin: 0;80 font-size: 1.5em;81 color: white;82}83 84.card-image a {85 color: #fff;86}87 88.card-description {89 height: 3em;90 overflow: hidden;91}92 93.card:hover,94.card:active {95 text-decoration: none;96}97 98.card .thumbnail {99 border: 1px solid rgba(0,0,0,0.075);100 border-bottom-color: rgba(0,0,0,0.125);101 border-radius: 4px;102 box-shadow: 0 1px 2px rgba(0,0,0,0.05),0 5px 10px rgba(0,0,0,0.05);103 -webkit-transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;104 transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;105 opacity: 0.8;106 overflow-x: hidden;107}108 109.card .thumbnail:hover{110 border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.15);111 box-shadow:0 2px 4px rgba(0,0,0,0.05),0 10px 18px rgba(0,0,0,0.1);112 opacity: 1;113}114 115.card .thumbnail:hover .card-title a{116 color:#000;117 text-decoration:none;118}119 120.thumbnail {121 display: block;122 padding: 4px;123 margin-bottom: 20px;124 line-height: 1.42857143;125 background-color: #fff;126 border: 1px solid #ddd;127 border-radius: 4px;128 -webkit-transition: border .2s ease-in-out;129 -o-transition: border .2s ease-in-out;130 transition: border .2s ease-in-out131}132 133.thumbnail .caption {134 padding: 9px;135 color: #333;136}137 138.card-text {139 font-size: 0.75em;140 display: inline;141}142 143.card-text .meta-info {144 margin-right: 10px;145}146 147 148 149.repo-list-name,.repo-list-name .prefix,.repo-list-name .slash{font-weight:400}.repo-list{position:relative;padding-left:0}.repo-list .participation-graph{position:absolute;right:0;bottom:0;left:0;z-index:-1}.repo-list .participation-graph.disabled{display:none}.repo-list .participation-graph .bars{position:absolute;bottom:0}.repo-list-item{position:relative;padding-top:30px;padding-bottom:30px;list-style:none;border-bottom:1px solid #eee}.repo-list-name{margin:0 0 8px;font-size:20px;line-height:1.2}.repo-list-name:hover{text-decoration:none;color:#4169E1}.repo-list-name .slash{margin-right:-4px;margin-left:-4px}.repo-list-description{max-width:550px;margin-top:8px;margin-bottom:0;font-size:14px;color:#666}.repo-list-stats{margin-top:6px;float:right;font-size:12px;font-weight:700;color:#888}.repo-list-stats .repo-list-stat-item{margin-left:8px;display:inline-block;color:#888;text-decoration:none}.repo-list-stats .repo-list-stat-item:hover{color:#4183c4}.repo-list-stats .repo-list-stat-item>.octicon{font-size:14px}.repo-list-info{display:inline-block;height:100%;margin-top:0;margin-bottom:0;font-size:12px;color:#888;vertical-align:middle}.repo-list-info .octicon{margin-top:-3px;font-size:12px;vertical-align:middle}.repo-list-meta{display:block;margin-top:8px;margin-bottom:0;font-size:13px;color:#999}.repo-list-meta .avatar{margin-top:-2px}.repo-list-meta a:hover{text-decoration:none}.repo-list-meta .meta-info{margin-right:15px}.repo-list-meta .meta-info a{color:#999}.repo-list-meta .meta-info a:hover,.repo-list-meta .meta-info a:hover{text-decoration: underline}150 151 152 153.boxed-group{position:relative;border-radius:3px;margin-bottom:30px}.boxed-group .counter{color:#fff;background-color:#babec0}.boxed-group.flush .boxed-group-inner{padding:0}.boxed-group.condensed .boxed-group-inner{font-size:12px;padding:0}.boxed-group .heading,.boxed-group>h3{background-color:#f5f5f5;margin:0;border-radius:3px 3px 0 0;border:1px solid #d8d8d8;border-bottom:0;padding:9px 10px 10px;font-size:14px;line-height:17px;display:block}.boxed-group .heading a,.boxed-group>h3 a{color:inherit}.boxed-group .heading a.boxed-group-breadcrumb,.boxed-group>h3 a.boxed-group-breadcrumb{color:#666;font-weight:400;text-decoration:none}.boxed-group .heading .avatar,.boxed-group>h3 .avatar{margin-top:-4px}.boxed-group .tabnav.heading{padding:0}.boxed-group .tabnav.heading .tabnav-tab.selected{border-top:0}.boxed-group .tabnav.heading li:first-child .selected{border-left-color:#fff;border-top-left-radius:3px}.boxed-group .tabnav-tab{border-radius:0;border-top:0}.boxed-group code.heading{font-size:12px}.boxed-group.dangerzone>h3{background-color:#df3e3e;border:1px solid #a00;color:#fff;text-shadow:0 -1px 0 #900}.boxed-group.dangerzone .boxed-group-inner{border-top:0}.boxed-group.condensed>h3{padding:6px 6px 7px;font-size:12px}.boxed-group.condensed>h3 .octicon{padding:0 6px 0 2px}.dashboard-sidebar .boxed-group,.one-half .boxed-group{margin-bottom:20px}.boxed-group .bleed-flush{width:100%;padding:0 10px;margin-left:-10px}.boxed-group .compact{margin-top:10px;margin-bottom:10px}.boxed-group-inner{padding:1px 10px;background:#fff;border:1px solid #d8d8d8;border-bottom-left-radius:3px;border-bottom-right-radius:3px;color:#666;font-size:13px}.boxed-group-inner .help,.boxed-group-inner .tabnav-tab.selected{border-top:1px solid #ddd}.boxed-group-inner .markdown-body{padding:20px 10px 10px;font-size:13px}.boxed-group-inner.markdown-body{padding-top:10px;padding-bottom:10px}.boxed-group-inner.seamless{padding:0}.boxed-group-inner h4{margin:15px 0 -5px;font-size:14px;color:#000}.boxed-group-inner .tabnav{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.boxed-group-inner .help{clear:both;margin:1em -10px 0;padding:1em 10px 1em 35px;color:#999}.boxed-group-inner .help .octicon{margin-left:-25px;margin-right:5px}.boxed-group-inner .flash-global{margin-left:-10px;margin-right:-10px;border-top:0}.boxed-action{float:right;margin-left:10px}.boxed-group-action{float:right;margin:6px 10px 0 0;position:relative;z-index:2}.boxed-group-action.flush{margin-top:0;margin-right:0}.boxed-group-action>button{background-color:transparent;border:0;-webkit-appearance:none}.boxed-group-icon{padding:4px;color:#777}154 155 156.site-header,.site-header-actions .select-menu {157 position: relative158}159 160.markdown-body,body {161 font-family: Arial,"Hiragino Sans GB","冬青黑","Microsoft YaHei","微软雅黑",SimSun,"宋体",Helvetica,Tahoma,Arial sans-serif;162 font-size: 16px;163 line-height: 1.6;164 word-wrap: break-word;165 -webkit-tap-highlight-color: transparent;166 -webkit-font-smoothing: antialiased;167 -webkit-backface-visibility: hidden168}169 170@font-face {171 font-family:octicons;src:font-url(../fonts/octicons.eot?#iefix) format("embedded-opentype"),font-url(../fonts/octicons.woff) format("woff"),font-url(../fonts/octicons.ttf) format("truetype"),font-url(../fonts/octicons.svg#octicons) format("svg");font-weight:400;font-style:normal172}173 174.pagination {175 padding: 20px 0176}177 178.pagination a.active {179 background: #337ab7;180 border-color: #337ab7;181 z-index: 2;182 color: #fff;183 cursor: default184}185 186.text-center {187 text-align: center188}189 190.btn-inline .btn {191 margin: 5px192}193 194.site-header {195 padding-top: 20px;196 padding-bottom: 20px;197 margin-bottom: 20px;198 border-bottom: 1px solid #eee199}200 201.site-header .account-switcher {202 display: inline-block;203 margin-top: -2px;204 margin-bottom: -6px205}206 207.site-header-actions .select-menu:after,.site-header-actions .select-menu:before {208 display: table;209 content: ""210}211 212.site-header ul.site-header-actions {213 z-index: 21;214 float: right;215 margin: 0216}217 218.site-header ul.site-header-actions .feed-icon {219 margin-top: 5px220}221 222.site-header .path-divider {223 margin: 0 .25em224}225 226.site-header h1 {227 float: left228}229 230.site-header h1,.site-header h1 .octicon {231 margin-top: 0;232 margin-bottom: 0;233 font-size: 32px;234 font-weight: 400;235 line-height: 28px;236 vertical-align: top237}238 239.markdown-body dl dt,.markdown-body table th,.pl-mb,.pl-mdr,.pl-mh,.pl-mh .pl-en,.pl-ms,.pl-sr .pl-cce,.site-header h1 strong {240 font-weight: 700241}242 243.site-header h1 a {244 white-space: nowrap;245 color: #333246}247 248.site-header h1 a:hover {249 text-decoration: none250}251 252.site-header h1 .avatar {253 margin-top: -2px;254 margin-right: 9px;255 margin-bottom: -2px256}257 258.site-header-actions>li {259 float: left;260 margin: 0 10px 0 0;261 font-size: 11px;262 color: #333;263 list-style-type: none264}265 266.site-header-actions>li:last-child {267 margin-right: 0268}269 270.site-header-actions .octicon-mute {271 color: #c00272}273 274.site-header-actions .select-menu:after {275 clear: both276}277 278.site-header-actions .select-menu-modal-holder {279 top: 100%280}281 282.site-header-nav {283 float: right;284 margin-bottom: -20px285}286 287.site-header-nav-item {288 display: inline-block;289 padding: 6px 10px 15px;290 margin-left: 1.25rem;291 font-size: 1rem;292 color: #777293}294 295.site-footer:after,.site-footer:before {296 display: table;297 content: ""298}299 300.site-header-nav-item:hover {301 color: #333;302 text-decoration: none303}304 305.site-header-nav-item.selected {306 color: #333;307 padding: 6px 10px 13px;308 border-bottom: 2px solid #d26911309}310 311.site-header-nav-item+.btn-outline {312 margin-top: -1px;313 margin-left: 20px314}315 316.site-footer {317 position: relative;318 margin-top: 40px;319 padding-top: 40px;320 padding-bottom: 40px;321 font-size: 12px;322 line-height: 1.5;323 color: #777;324 border-top: 1px solid #eee325}326 327.markdown-body h1,.markdown-body h2 {328 padding-bottom: .3em;329 border-bottom: 1px solid #eee330}331 332.site-footer .copyright {333 padding-right: 20px334}335 336.site-footer:after {337 clear: both338}339 340.site-footer .octicon-mark-github {341 position: absolute;342 top: 38px;343 left: 50%;344 height: 24px;345 width: 24px;346 margin-left: -12px;347 font-size: 24px;348 color: #ccc349}350 351.site-footer .octicon-mark-github:hover {352 color: #bbb353}354 355.site-footer-links {356 margin: 0;357 list-style: none358}359 360.site-footer-links li {361 display: inline-block;362 line-height: 16px363}364 365.site-footer-links li+li {366 margin-left: 10px367}368 369.share {370 margin: 20px 0371}372 373.markdown-body {374 overflow: hidden375}376 377.markdown-body>:first-child {378 margin-top: 0!important379}380 381.markdown-body>:last-child {382 margin-bottom: 0!important383}384 385.markdown-body a:not([href]) {386 color: inherit;387 text-decoration: none388}389 390.markdown-body .absent {391 color: #c00392}393 394.markdown-body .anchor {395 position: absolute;396 top: 0;397 left: 0;398 display: block;399 padding-right: 6px;400 padding-left: 30px;401 margin-left: -30px402}403 404.markdown-body .anchor:focus {405 outline: 0406}407 408.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {409 position: relative;410 margin-top: 1em;411 margin-bottom: 16px;412 font-weight: 700;413 line-height: 1.4414}415 416.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link {417 display: none;418 color: #000;419 vertical-align: middle420}421 422.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor {423 padding-left: 8px;424 margin-left: -30px;425 text-decoration: none426}427 428.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link {429 display: inline-block430}431 432.markdown-body h1 code,.markdown-body h1 tt,.markdown-body h2 code,.markdown-body h2 tt,.markdown-body h3 code,.markdown-body h3 tt,.markdown-body h4 code,.markdown-body h4 tt,.markdown-body h5 code,.markdown-body h5 tt,.markdown-body h6 code,.markdown-body h6 tt {433 font-size: inherit434}435 436.markdown-body h1 {437 font-size: 2.25em;438 line-height: 1.2439}440 441.markdown-body h1 .anchor {442 line-height: 1443}444 445.markdown-body h2 {446 font-size: 1.75em;447 line-height: 1.225448}449 450.markdown-body h2 .anchor {451 line-height: 1452}453 454.markdown-body h3 {455 font-size: 1.5em;456 line-height: 1.43457}458 459.markdown-body h3 .anchor,.markdown-body h4 .anchor {460 line-height: 1.2461}462 463.markdown-body h4 {464 font-size: 1.25em465}466 467.markdown-body h5 .anchor,.markdown-body h6 .anchor {468 line-height: 1.1469}470 471.markdown-body h5 {472 font-size: 1em473}474 475.markdown-body h6 {476 font-size: 1em;477 color: #777478}479 480.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul {481 margin-top: 0;482 margin-bottom: 16px483}484 485.markdown-body hr {486 height: 4px;487 padding: 0;488 margin: 16px 0;489 background-color: #e7e7e7;490 border: 0491}492 493.markdown-body ol,.markdown-body ul {494 padding-left: 2em495}496 497.markdown-body ol.no-list,.markdown-body ul.no-list {498 padding: 0;499 list-style-type: none500}501 502.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul {503 margin-top: 0;504 margin-bottom: 0505}506 507.markdown-body li>p {508 margin-top: 16px509}510 511.markdown-body dl {512 padding: 0513}514 515.markdown-body dl dt {516 padding: 0;517 margin-top: 16px;518 font-size: 1em;519 font-style: italic520}521 522.markdown-body dl dd {523 padding: 0 16px;524 margin-bottom: 16px525}526 527.markdown-body blockquote {528 padding: 0 15px;529 color: #777;530 border-left: 4px solid #ddd531}532 533.markdown-body blockquote>:first-child {534 margin-top: 0535}536 537.markdown-body blockquote>:last-child {538 margin-bottom: 0539}540 541.markdown-body table {542 display: block;543 width: 100%;544 overflow: auto;545 word-break: normal;546 word-break: keep-all547}548 549.markdown-body table td,.markdown-body table th {550 padding: 6px 13px;551 border: 1px solid #ddd552}553 554.markdown-body table tr {555 background-color: #fff;556 border-top: 1px solid #ccc557}558 559.markdown-body table tr:nth-child(2n) {560 background-color: #f8f8f8561}562 563.markdown-body img {564 max-width: 100%;565 -webkit-box-sizing: border-box;566 -moz-box-sizing: border-box;567 box-sizing: border-box568}569 570.markdown-body .emoji {571 max-width: none572}573 574.markdown-body span.frame {575 display: block;576 overflow: hidden577}578 579.markdown-body span.frame>span {580 display: block;581 float: left;582 width: auto;583 padding: 7px;584 margin: 13px 0 0;585 overflow: hidden;586 border: 1px solid #ddd587}588 589.markdown-body span.frame span img {590 display: block;591 float: left592}593 594.markdown-body span.frame span span {595 display: block;596 padding: 5px 0 0;597 clear: both;598 color: #333599}600 601.markdown-body span.align-center {602 display: block;603 overflow: hidden;604 clear: both605}606 607.markdown-body span.align-center>span {608 display: block;609 margin: 13px auto 0;610 overflow: hidden;611 text-align: center612}613 614.markdown-body span.align-center span img {615 margin: 0 auto;616 text-align: center617}618 619.markdown-body span.align-right {620 display: block;621 overflow: hidden;622 clear: both623}624 625.markdown-body span.align-right>span {626 display: block;627 margin: 13px 0 0;628 overflow: hidden;629 text-align: right630}631 632.markdown-body span.align-right span img {633 margin: 0;634 text-align: right635}636 637.markdown-body span.float-left {638 display: block;639 float: left;640 margin-right: 13px;641 overflow: hidden642}643 644.markdown-body span.float-left span {645 margin: 13px 0 0646}647 648.markdown-body span.float-right {649 display: block;650 float: right;651 margin-left: 13px;652 overflow: hidden653}654 655.markdown-body span.float-right>span {656 display: block;657 margin: 13px auto 0;658 overflow: hidden;659 text-align: right660}661 662.markdown-body code,.markdown-body tt {663 padding: .2em 0;664 margin: 0;665 font-size: 85%;666 background-color: rgba(0,0,0,.04);667 /* border-radius: 3px */668}669 670.markdown-body code:after,.markdown-body code:before,.markdown-body tt:after,.markdown-body tt:before {671 letter-spacing: -.2em;672 content: " "673}674 675.markdown-body code br,.markdown-body tt br {676 display: none677}678 679.markdown-body del code {680 text-decoration: inherit681}682 683.markdown-body pre>code {684 padding: 0;685 margin: 0;686 font-size: 100%;687 word-break: normal;688 white-space: pre;689 background: 0 0;690 border: 0691}692 693.markdown-body .highlight {694 margin-bottom: 16px695}696 697.markdown-body .highlight pre,.markdown-body pre {698 padding: 16px;699 overflow: auto;700 font-size: 85%;701 line-height: 1.45;702 /* background-color: #f7f7f7; */703 /* border-radius: 3px */704}705 706.markdown-body .highlight pre {707 margin-bottom: 0;708 word-break: normal709}710 711.markdown-body pre {712 word-wrap: normal713}714 715.markdown-body pre code,.markdown-body pre tt {716 display: inline;717 max-width: initial;718 padding: 0;719 margin: 0;720 overflow: initial;721 line-height: inherit;722 word-wrap: normal;723 background-color: transparent;724 border: 0725}726 727.markdown-body pre code:after,.markdown-body pre code:before,.markdown-body pre tt:after,.markdown-body pre tt:before {728 content: normal729}730 731.markdown-body kbd {732 display: inline-block;733 padding: 3px 5px;734 font-size: 11px;735 line-height: 10px;736 color: #555;737 vertical-align: middle;738 background-color: #fcfcfc;739 border: 1px solid #ccc;740 border-bottom-color: #bbb;741 /* border-radius: 3px; */742 -webkit-box-shadow: inset 0 -1px 0 #bbb;743 box-shadow: inset 0 -1px 0 #bbb744}745 746.pl-c {747 color: #969896748}749 750.pl-c1,.pl-s .pl-v {751 color: #0086b3752}753 754.pl-e,.pl-en {755 color: #795da3756}757 758.pl-s .pl-s1,.pl-smi {759 color: #333760}761 762.pl-ent {763 color: #63a35c764}765 766.pl-k {767 color: #a71d5d768}769 770.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre {771 color: #183691772}773 774.pl-v {775 color: #ed6a43776}777 778.pl-id {779 color: #b52a1d780}781 782.pl-ii {783 background-color: #b52a1d;784 color: #f8f8f8785}786 787.pl-sr .pl-cce {788 color: #63a35c789}790 791.pl-ml {792 color: #693a17793}794 795.pl-mh,.pl-mh .pl-en,.pl-ms {796 color: #1d3e81797}798 799.pl-mq {800 color: teal801}802 803.pl-mi {804 color: #333;805 font-style: italic806}807 808.pl-mb {809 color: #333810}811 812.pl-md {813 background-color: #ffecec;814 color: #bd2c00815}816 817.pl-mi1 {818 background-color: #eaffea;819 color: #55a532820}821 822.pl-mdr {823 color: #795da3824}825 826.pl-mo {827 color: #1d3e81828}829 830pre {831 border: 1px solid #ccc;832}833 834.tools-wrapper {835 position: fixed;836 right: 1em;837 bottom: 3.4375em;838 z-index: 9;839 width: 2.5em;840}841 842.tools-wrapper a {843 color: #999;844 text-align: center;845 margin-bottom: -1px;846 background: rgba(255, 255, 255, 32);847}848 849.tools-wrapper span.octicon {850 font-size: 1.5em;851}852 853.tools-wrapper .gotop {854 display: none;855}856 857.top-most-flag {858 color: red;859}860 861a.footnote:hover {862 border-bottom: none863}864 865a.footnote::before {866 content: "[";867 padding: 0 2px868}869 870a.footnote::after {871 content: "]";872 padding: 0 2px873}874 875div.footnotes>ol {876 padding-left: 1.5rem;877 font-size: 0.9rem878}879 880div.footnotes>ol p {881 margin-bottom: 0.5rem882}883 884div.footnotes::before {885 content: "";886 display: block;887 margin: 1.5rem 0;888 border: 0;889 border-top: 1px solid #ccc;890 width: 20%891}892 893img + em {894 color: grey;895}896 897.content-header-ad { display:inline-block; width: 320px; height: 50px; }898@media (max-width: 400px) { .content-header-ad { display: none; } }899@media (min-width:500px) { .content-header-ad { width: 468px; height: 60px; } }900@media (min-width:800px) { .content-header-ad { width: 728px; height: 90px; } }901 902 903 904.container {905 width: auto;906 max-width: 1020px;907 padding-left: 20px;908 padding-right: 20px909}910 911.mobile-visible {912 display: none913}914 915@media (max-width:60em) {916 .collection-card {917 width: 45%;918 height: 225px919 }920}921 922@media (max-width:35em) {923 .collection-card {924 width: 100%;925 max-width: 350px;926 margin: 10px auto927 }928}929 930@media (max-width:50em) {931 .mobile-block {932 display: block;933 float: none934 }935 .mobile-hidden {936 display: none937 }938 .mobile-visible {939 display: inline-block940 }941 .mobile-md-section {942 padding: 10px 0943 }944 .column,945 .one-third-column {946 width: 100%!important;947 float: none;948 }949 .home .banner .collection-head {950 padding: 1rem 1rem 1rem 0;951 }952 .home .collection-head .collection-title {953 padding: 0;954 }955 .collection-head .collection-header {956 line-height: 1;957 }958 .collection-head.small .collection-title h1.collection-header {959 font-size: 1.25em;960 }961 .collection-head .collection-info .meta-info,962 .collection-head .collection-info .meta-info .octicon {963 font-size: 0.75em;964 }965 .site-header {966 padding-bottom: 0;967 padding-top: 5px;968 }969 .site-header h1, .site-header h1 .octicon {970 font-size: 1em;971 }972 .site-header .site-header-nav {973 float: right;974 display: none;975 margin-bottom: 0;976 }977 .site-header .site-header-nav .site-header-nav-item {978 padding: 0 .5rem;979 margin-left: 0;980 font-size: 1rem;981 display: block;982 text-align: right;983 }984 .collapsed {985 float: right;986 display: block;987 width: 22px;988 height: 2em;989 background-color: transparent;990 background-image: none;991 border: none;992 padding: 0;993 cursor: pointer;994 outline: none;995 }996 .collapsed:active {997 border: 1px solid transparent;998 }999 1000 .collapsed .icon-bar {1001 display: block;1002 width: 22px;1003 height: 2px;1004 border-radius: 1px;1005 background-color: #563d7c;1006 }1007 1008 .collapsed .icon-bar + .icon-bar {1009 margin-top: 4px;1010 }1011 1012 .mini-repo-list-item .owner.css-truncate-target,1013 .mini-repo-list-item .repo-and-owner.css-truncate-target {1014 max-width: 300px1015 }1016 .markdown-body h1 {1017 font-size: 2rem1018 }1019 .markdown-body h2 {1020 font-size: 1.4rem1021 }1022 .markdown-body h3 {1023 font-size: 1.2rem1024 }1025 .markdown-body h4 {1026 font-size: 1.1em1027 }1028 .markdown-body h5 {1029 font-size: 1em1030 }1031 1032 .tools-wrapper {1033 bottom: 1em;1034 }1035}1036 1037@media (max-width:20em) {1038 .site-header-nav .site-header-nav-item {1039 min-width: 20%1040 }1041 .collection-head .collection-info .meta-info {1042 display: block;1043 margin-top: 15px1044 }1045}1046 1047 1048 1049#post-directory-module {1050 z-index: 999;1051}1052 1053.post-directory {1054 font-size: 14px;1055 background: #fff;1056 overflow: hidden;1057 width: 300px;1058 padding-bottom: 1em;1059 border: 1px solid #efefef;1060 color: #999;1061}1062 1063.post-directory ul,1064.post-directory ol {1065 padding-left: 1.5em;1066 list-style: none;1067}1068 1069.post-directory strong {1070 border-left: 5px solid #999;1071 padding: 2px 5px 2px 15px;1072}1073 1074.post-directory a {1075 text-decoration: none;1076 color: #bababa;1077}1078 1079.post-directory a:hover,1080.post-directory a:active,1081.post-directory a.on {1082 color: #4183c4;1083}1084 1085.posts-list {1086 line-height: 2;1087 color: #555;1088 list-style-type:disc;1089}1090 1091.posts-list::before {1092/* content: " ";*/1093 position: absolute;1094 left: 0;1095 top: 12px;1096 width: 6px;1097 height: 6px;1098 margin-left: -4px;1099 background: #bbb;1100 border-radius: 50%;1101 border: 1px solid #fff;1102 transition-duration: 0.2s;1103 transition-timing-function: ease-in-out;1104 transition-delay: 0s;1105 transition-property: background;1106}1107 1108.posts-list-item {1109 border-bottom: 1px dashed #ccc;1110 margin: 10px;1111 padding: 0;1112}1113 1114.posts-list-item a {1115 font-size: 16px;1116 font-weight: normal;1117 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1118 line-height: inherit;1119 color: #666;1120}1121 1122.posts-list-meta {1123 font-size: 12px;1124 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1125 line-height: 2;1126 color: #555;1127 background: #fff;1128}1129 1130.list-group {1131 padding-left: 0;1132 margin-bottom: 20px;1133}1134 1135.list-group-item {1136 position: relative;1137 display: block;1138 padding: 10px 15px;1139 margin-bottom: -1px;1140 background-color: #fff;1141 border: 1px solid #ddd;1142}1143 1144 1145.list-group-item:first-child {1146 border-top-left-radius: 4px;1147 border-top-right-radius: 4px;1148}1149 1150.list-group-item:last-child {1151 margin-bottom: 0;1152 border-bottom-right-radius: 4px;1153 border-bottom-left-radius: 4px;1154}1155 1156.list-group-item>.badge {1157 float: right;1158}1159 1160.badge {1161 display: inline-block;1162 min-width: 10px;1163 padding: 3px 7px;1164 font-size: 12px;1165 font-weight: 700;1166 line-height: 1;1167 color: #fff;1168 text-align: center;1169 white-space: nowrap;1170 vertical-align: middle;1171 background-color: #777;1172 border-radius: 10px;1173}1174 1175 1176 1177@font-face {1178 font-family: 'octicons';1179 src: url('octicons.eot?#iefix') format('embedded-opentype'),1180 url('octicons.woff') format('woff'),1181 url('octicons.ttf') format('truetype'),1182 url('octicons.svg#octicons') format('svg');1183 font-weight: normal;1184 font-style: normal;1185}1186 1187/*1188 1189.octicon is optimized for 16px.1190.mega-octicon is optimized for 32px but can be used larger.1191 1192*/1193.octicon, .mega-octicon {1194 font: normal normal normal 16px/1 octicons;1195 display: inline-block;1196 text-decoration: none;1197 text-rendering: auto;1198 -webkit-font-smoothing: antialiased;1199 -moz-osx-font-smoothing: grayscale;1200 -webkit-user-select: none;