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 码志9 </title>10 <meta content="码志, Zhuang Ma, [Name Redacted], mazhuang, 闷骚的程序员" name="keywords">11 <meta content="[Name Redacted]的个人博客，公众号：闷骚的程序员" name="description">12 <meta content="" property="og:url">13 <meta content="码志" 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="码志">22 <span class="octicon octicon-mark-github">23 </span>24 码志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="mobile-hidden site-header-nav-item" target title="归档">43 归档44 </a>45 <a class="mobile-hidden site-header-nav-item" target title="开源">46 开源47 </a>48 <a class="site-header-nav-item" target title="片段">49 片段50 </a>51 <a class="site-header-nav-item" target title="维基">52 维基53 </a>54 <a class="mobile-hidden site-header-nav-item" target title="链接">55 链接56 </a>57 <a class="site-header-nav-item" target title="关于">58 关于59 </a>60 <a class="mobile-hidden">61 <span class="octicon octicon-rss" style="color:orange;">62 </span>63 </a>64 </nav>65 </div>66 </header>67 <style>68 /*! 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}69 70 71.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(../../images/octicons-bg.png) 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(../../images/octicons-bg.png) 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(../../images/octicons-bg.png) 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}72 73 74 75.one-third-column {76 width: 33.333333%;77 float: left;78 padding-left: 10px;79 padding-right: 10px;80}81 82.card-image {83 display: table;84 height: 120px;85 width: 100%;86 border-radius: 4px;87}88 89.card-image .card-image-cell {90 display: table-cell;91 vertical-align: middle;92}93 94.card-image h3 {95 margin: 0;96 font-size: 1.5em;97 color: white;98}99 100.card-image a {101 color: #fff;102}103 104.card-description {105 height: 3em;106 overflow: hidden;107}108 109.card:hover,110.card:active {111 text-decoration: none;112}113 114.card .thumbnail {115 border: 1px solid rgba(0,0,0,0.075);116 border-bottom-color: rgba(0,0,0,0.125);117 border-radius: 4px;118 box-shadow: 0 1px 2px rgba(0,0,0,0.05),0 5px 10px rgba(0,0,0,0.05);119 -webkit-transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;120 transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;121 opacity: 0.8;122 overflow-x: hidden;123}124 125.card .thumbnail:hover{126 border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.15);127 box-shadow:0 2px 4px rgba(0,0,0,0.05),0 10px 18px rgba(0,0,0,0.1);128 opacity: 1;129}130 131.card .thumbnail:hover .card-title a{132 color:#000;133 text-decoration:none;134}135 136.thumbnail {137 display: block;138 padding: 4px;139 margin-bottom: 20px;140 line-height: 1.42857143;141 background-color: #fff;142 border: 1px solid #ddd;143 border-radius: 4px;144 -webkit-transition: border .2s ease-in-out;145 -o-transition: border .2s ease-in-out;146 transition: border .2s ease-in-out147}148 149.thumbnail .caption {150 padding: 9px;151 color: #333;152}153 154.card-text {155 font-size: 0.75em;156 display: inline;157}158 159.card-text .meta-info {160 margin-right: 10px;161}162 163 164 165.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}166 167 168 169.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}170 171 172.site-header,.site-header-actions .select-menu {173 position: relative174}175 176.markdown-body,body {177 font-family: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";178 font-size: 16px;179 line-height: 1.6;180 word-wrap: break-word;181 -webkit-tap-highlight-color: transparent;182 -webkit-font-smoothing: antialiased;183 -webkit-backface-visibility: hidden184}185 186@font-face {187 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:normal188}189 190.pagination {191 padding: 20px 0192}193 194.pagination a.active {195 background: #337ab7;196 border-color: #337ab7;197 z-index: 2;198 color: #fff;199 cursor: default200}201 202.text-center {203 text-align: center204}205 206.btn-inline .btn {207 margin: 5px208}209 210.site-header {211 padding-top: 20px;212 padding-bottom: 20px;213 margin-bottom: 20px;214 border-bottom: 1px solid #eee215}216 217.site-header .account-switcher {218 display: inline-block;219 margin-top: -2px;220 margin-bottom: -6px221}222 223.site-header-actions .select-menu:after,.site-header-actions .select-menu:before {224 display: table;225 content: ""226}227 228.site-header ul.site-header-actions {229 z-index: 21;230 float: right;231 margin: 0232}233 234.site-header ul.site-header-actions .feed-icon {235 margin-top: 5px236}237 238.site-header .path-divider {239 margin: 0 .25em240}241 242.site-header h1 {243 float: left244}245 246.site-header h1,.site-header h1 .octicon {247 margin-top: 0;248 margin-bottom: 0;249 font-size: 32px;250 font-weight: 400;251 line-height: 28px;252 vertical-align: top253}254 255.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 {256 font-weight: 700257}258 259.site-header h1 a {260 white-space: nowrap;261 color: #333262}263 264.site-header h1 a:hover {265 text-decoration: none266}267 268.site-header h1 .avatar {269 margin-top: -2px;270 margin-right: 9px;271 margin-bottom: -2px272}273 274.site-header-actions>li {275 float: left;276 margin: 0 10px 0 0;277 font-size: 11px;278 color: #333;279 list-style-type: none280}281 282.site-header-actions>li:last-child {283 margin-right: 0284}285 286.site-header-actions .octicon-mute {287 color: #c00288}289 290.site-header-actions .select-menu:after {291 clear: both292}293 294.site-header-actions .select-menu-modal-holder {295 top: 100%296}297 298.site-header-nav {299 float: right;300 margin-bottom: -20px301}302 303.site-header-nav-item {304 display: inline-block;305 padding: 6px 10px 15px;306 margin-left: 1.25rem;307 font-size: 1rem;308 color: #777309}310 311.site-footer:after,.site-footer:before {312 display: table;313 content: ""314}315 316.site-header-nav-item:hover {317 color: #333;318 text-decoration: none319}320 321.site-header-nav-item.selected {322 color: #333;323 padding: 6px 10px 13px;324 border-bottom: 2px solid #d26911325}326 327.site-header-nav-item+.btn-outline {328 margin-top: -1px;329 margin-left: 20px330}331 332.site-footer {333 position: relative;334 margin-top: 40px;335 padding-top: 40px;336 padding-bottom: 40px;337 font-size: 12px;338 line-height: 1.5;339 color: #777;340 border-top: 1px solid #eee341}342 343.markdown-body h1,.markdown-body h2 {344 padding-bottom: .3em;345 border-bottom: 1px solid #eee346}347 348.site-footer .copyright {349 padding-right: 20px350}351 352.site-footer:after {353 clear: both354}355 356.site-footer .octicon-mark-github {357 position: absolute;358 top: 38px;359 left: 50%;360 height: 24px;361 width: 24px;362 margin-left: -12px;363 font-size: 24px;364 color: #ccc365}366 367.site-footer .octicon-mark-github:hover {368 color: #bbb369}370 371.site-footer-links {372 margin: 0;373 list-style: none374}375 376.site-footer-links li {377 display: inline-block;378 line-height: 16px379}380 381.site-footer-links li+li {382 margin-left: 10px383}384 385.share {386 margin: 20px 0387}388 389.markdown-body {390 overflow: hidden391}392 393.markdown-body>:first-child {394 margin-top: 0!important395}396 397.markdown-body>:last-child {398 margin-bottom: 0!important399}400 401.markdown-body a:not([href]) {402 color: inherit;403 text-decoration: none404}405 406.markdown-body .absent {407 color: #c00408}409 410.markdown-body .anchor {411 position: absolute;412 top: 0;413 left: 0;414 display: block;415 padding-right: 6px;416 padding-left: 30px;417 margin-left: -30px418}419 420.markdown-body .anchor:focus {421 outline: 0422}423 424.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {425 position: relative;426 margin-top: 1em;427 margin-bottom: 16px;428 font-weight: 700;429 line-height: 1.4430}431 432.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 {433 display: none;434 color: #000;435 vertical-align: middle436}437 438.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 {439 padding-left: 8px;440 margin-left: -30px;441 text-decoration: none442}443 444.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 {445 display: inline-block446}447 448.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 {449 font-size: inherit450}451 452.markdown-body h1 {453 font-size: 2.25em;454 line-height: 1.2455}456 457.markdown-body h1 .anchor {458 line-height: 1459}460 461.markdown-body h2 {462 font-size: 1.75em;463 line-height: 1.225464}465 466.markdown-body h2 .anchor {467 line-height: 1468}469 470.markdown-body h3 {471 font-size: 1.5em;472 line-height: 1.43473}474 475.markdown-body h3 .anchor,.markdown-body h4 .anchor {476 line-height: 1.2477}478 479.markdown-body h4 {480 font-size: 1.25em481}482 483.markdown-body h5 .anchor,.markdown-body h6 .anchor {484 line-height: 1.1485}486 487.markdown-body h5 {488 font-size: 1em489}490 491.markdown-body h6 {492 font-size: 1em;493 color: #777494}495 496.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul {497 margin-top: 0;498 margin-bottom: 16px499}500 501.markdown-body hr {502 height: 4px;503 padding: 0;504 margin: 16px 0;505 background-color: #e7e7e7;506 border: 0507}508 509.markdown-body ol,.markdown-body ul {510 padding-left: 2em511}512 513.markdown-body ol.no-list,.markdown-body ul.no-list {514 padding: 0;515 list-style-type: none516}517 518.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul {519 margin-top: 0;520 margin-bottom: 0521}522 523.markdown-body li>p {524 margin-top: 16px525}526 527.markdown-body dl {528 padding: 0529}530 531.markdown-body dl dt {532 padding: 0;533 margin-top: 16px;534 font-size: 1em;535 font-style: italic536}537 538.markdown-body dl dd {539 padding: 0 16px;540 margin-bottom: 16px541}542 543.markdown-body blockquote {544 padding: 0 15px;545 color: #777;546 border-left: 4px solid #ddd547}548 549.markdown-body blockquote>:first-child {550 margin-top: 0551}552 553.markdown-body blockquote>:last-child {554 margin-bottom: 0555}556 557.markdown-body table {558 display: block;559 width: 100%;560 overflow: auto;561 word-break: normal;562 word-break: keep-all563}564 565.markdown-body table td,.markdown-body table th {566 padding: 6px 13px;567 border: 1px solid #ddd568}569 570.markdown-body table tr {571 background-color: #fff;572 border-top: 1px solid #ccc573}574 575.markdown-body table tr:nth-child(2n) {576 background-color: #f8f8f8577}578 579.markdown-body img {580 max-width: 100%;581 -webkit-box-sizing: border-box;582 -moz-box-sizing: border-box;583 box-sizing: border-box584}585 586.markdown-body .emoji {587 max-width: none588}589 590.markdown-body span.frame {591 display: block;592 overflow: hidden593}594 595.markdown-body span.frame>span {596 display: block;597 float: left;598 width: auto;599 padding: 7px;600 margin: 13px 0 0;601 overflow: hidden;602 border: 1px solid #ddd603}604 605.markdown-body span.frame span img {606 display: block;607 float: left608}609 610.markdown-body span.frame span span {611 display: block;612 padding: 5px 0 0;613 clear: both;614 color: #333615}616 617.markdown-body span.align-center {618 display: block;619 overflow: hidden;620 clear: both621}622 623.markdown-body span.align-center>span {624 display: block;625 margin: 13px auto 0;626 overflow: hidden;627 text-align: center628}629 630.markdown-body span.align-center span img {631 margin: 0 auto;632 text-align: center633}634 635.markdown-body span.align-right {636 display: block;637 overflow: hidden;638 clear: both639}640 641.markdown-body span.align-right>span {642 display: block;643 margin: 13px 0 0;644 overflow: hidden;645 text-align: right646}647 648.markdown-body span.align-right span img {649 margin: 0;650 text-align: right651}652 653.markdown-body span.float-left {654 display: block;655 float: left;656 margin-right: 13px;657 overflow: hidden658}659 660.markdown-body span.float-left span {661 margin: 13px 0 0662}663 664.markdown-body span.float-right {665 display: block;666 float: right;667 margin-left: 13px;668 overflow: hidden669}670 671.markdown-body span.float-right>span {672 display: block;673 margin: 13px auto 0;674 overflow: hidden;675 text-align: right676}677 678.markdown-body code,.markdown-body tt {679 font-family: monospace, Consolas, "Liberation Mono", Menlo, Courier;680 padding: 0 2px 0 2px;681 margin: 0;682 font-size: 100%;683 background-color: #f8f8f8;684 color: #393a34;685 -webkit-border-radius: 3px;686 border-radius: 3px;687 border: solid 1px #dddddd;688}689 690.markdown-body code br,.markdown-body tt br {691 display: none692}693 694.markdown-body del code {695 text-decoration: inherit696}697 698.markdown-body pre>code {699 padding: 0;700 margin: 0;701 font-size: 100%;702 word-break: normal;703 white-space: pre;704 background: 0 0;705 border: 0706}707 708.markdown-body .highlight {709 margin-bottom: 16px710}711 712.markdown-body .highlight pre,.markdown-body pre {713 padding: 16px;714 overflow: auto;715 font-size: 85%;716 line-height: 1.45;717 /* background-color: #f7f7f7; */718 /* border-radius: 3px */719}720 721.markdown-body .highlight pre {722 margin-bottom: 0;723 word-break: normal724}725 726.markdown-body pre {727 word-wrap: normal728}729 730.markdown-body pre code,.markdown-body pre tt {731 display: inline;732 max-width: initial;733 padding: 0;734 margin: 0;735 overflow: initial;736 line-height: inherit;737 word-wrap: normal;738 background-color: transparent;739 border: 0740}741 742.markdown-body pre code:after,.markdown-body pre code:before,.markdown-body pre tt:after,.markdown-body pre tt:before {743 content: normal744}745 746.markdown-body kbd {747 display: inline-block;748 padding: 3px 5px;749 font-size: 11px;750 line-height: 10px;751 color: #555;752 vertical-align: middle;753 background-color: #fcfcfc;754 border: 1px solid #ccc;755 border-bottom-color: #bbb;756 /* border-radius: 3px; */757 -webkit-box-shadow: inset 0 -1px 0 #bbb;758 box-shadow: inset 0 -1px 0 #bbb759}760 761.pl-c {762 color: #969896763}764 765.pl-c1,.pl-s .pl-v {766 color: #0086b3767}768 769.pl-e,.pl-en {770 color: #795da3771}772 773.pl-s .pl-s1,.pl-smi {774 color: #333775}776 777.pl-ent {778 color: #63a35c779}780 781.pl-k {782 color: #a71d5d783}784 785.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre {786 color: #183691787}788 789.pl-v {790 color: #ed6a43791}792 793.pl-id {794 color: #b52a1d795}796 797.pl-ii {798 background-color: #b52a1d;799 color: #f8f8f8800}801 802.pl-sr .pl-cce {803 color: #63a35c804}805 806.pl-ml {807 color: #693a17808}809 810.pl-mh,.pl-mh .pl-en,.pl-ms {811 color: #1d3e81812}813 814.pl-mq {815 color: teal816}817 818.pl-mi {819 color: #333;820 font-style: italic821}822 823.pl-mb {824 color: #333825}826 827.pl-md {828 background-color: #ffecec;829 color: #bd2c00830}831 832.pl-mi1 {833 background-color: #eaffea;834 color: #55a532835}836 837.pl-mdr {838 color: #795da3839}840 841.pl-mo {842 color: #1d3e81843}844 845pre {846 border: 1px solid #ccc;847}848 849.tools-wrapper {850 position: fixed;851 right: 1em;852 bottom: 3.4375em;853 z-index: 9;854 width: 2.5em;855}856 857.tools-wrapper a {858 color: #999;859 text-align: center;860 margin-bottom: -1px;861 background: rgba(255, 255, 255, 32);862}863 864.tools-wrapper span.octicon {865 font-size: 1.5em;866}867 868.tools-wrapper .gotop {869 display: none;870}871 872.top-most-flag {873 color: red;874}875 876a.footnote:hover {877 border-bottom: none878}879 880a.footnote::before {881 content: "[";882 padding: 0 2px883}884 885a.footnote::after {886 content: "]";887 padding: 0 2px888}889 890div.footnotes>ol {891 padding-left: 1.5rem;892 font-size: 0.9rem893}894 895div.footnotes>ol p {896 margin-bottom: 0.5rem897}898 899div.footnotes::before {900 content: "";901 display: block;902 margin: 1.5rem 0;903 border: 0;904 border-top: 1px solid #ccc;905 width: 20%906}907 908img + em {909 color: grey;910 display: block;911}912 913.content-header-ad { display:inline-block; width: 320px; height: 50px; }914@media (max-width: 400px) { .content-header-ad { display: none; } }915@media (min-width:500px) { .content-header-ad { width: 468px; height: 60px; } }916@media (min-width:800px) { .content-header-ad { width: 728px; height: 90px; } }917 918 919 920.container {921 width: auto;922 max-width: 1020px;923 padding-left: 20px;924 padding-right: 20px925}926 927.mobile-visible {928 display: none929}930 931@media (max-width:60em) {932 .collection-card {933 width: 45%;934 height: 225px935 }936}937 938@media (max-width:35em) {939 .collection-card {940 width: 100%;941 max-width: 350px;942 margin: 10px auto943 }944}945 946@media (max-width:50em) {947 .mobile-block {948 display: block;949 float: none950 }951 .mobile-hidden {952 display: none953 }954 .mobile-visible {955 display: inline-block956 }957 .mobile-md-section {958 padding: 10px 0959 }960 .column,961 .one-third-column {962 width: 100%!important;963 float: none;964 }965 .home .banner .collection-head {966 padding: 1rem 1rem 1rem 0;967 }968 .home .collection-head .collection-title {969 padding: 0;970 }971 .collection-head .collection-header {972 line-height: 1;973 }974 .collection-head.small .collection-title h1.collection-header {975 font-size: 1.25em;976 }977 .collection-head .collection-info .meta-info,978 .collection-head .collection-info .meta-info .octicon {979 font-size: 0.75em;980 }981 .site-header {982 padding-bottom: 0;983 padding-top: 5px;984 }985 .site-header h1, .site-header h1 .octicon {986 font-size: 1em;987 }988 .site-header .site-header-nav {989 float: right;990 display: none;991 margin-bottom: 0;992 }993 .site-header .site-header-nav .site-header-nav-item {994 padding: 0 .5rem;995 margin-left: 0;996 font-size: 1rem;997 text-align: right;998 }999 .collapsed {1000 float: right;1001 display: block;1002 width: 22px;1003 height: 2em;1004 background-color: transparent;1005 background-image: none;1006 border: none;1007 padding: 0;1008 cursor: pointer;1009 outline: none;1010 }1011 .collapsed:active {1012 border: 1px solid transparent;1013 }1014 1015 .collapsed .icon-bar {1016 display: block;1017 width: 22px;1018 height: 2px;1019 border-radius: 1px;1020 background-color: #563d7c;1021 }1022 1023 .collapsed .icon-bar + .icon-bar {1024 margin-top: 4px;1025 }1026 1027 .mini-repo-list-item .owner.css-truncate-target,1028 .mini-repo-list-item .repo-and-owner.css-truncate-target {1029 max-width: 300px1030 }1031 .markdown-body h1 {1032 font-size: 2rem1033 }1034 .markdown-body h2 {1035 font-size: 1.4rem1036 }1037 .markdown-body h3 {1038 font-size: 1.2rem1039 }1040 .markdown-body h4 {1041 font-size: 1.1em1042 }1043 .markdown-body h5 {1044 font-size: 1em1045 }1046 1047 .tools-wrapper {1048 bottom: 1em;1049 }1050}1051 1052@media (max-width:20em) {1053 .site-header-nav .site-header-nav-item {1054 min-width: 20%1055 }1056 .collection-head .collection-info .meta-info {1057 display: block;1058 margin-top: 15px1059 }1060}1061 1062 1063 1064#post-directory-module {1065 z-index: 999;1066}1067 1068.post-directory {1069 font-size: 14px;1070 background: #fff;1071 overflow: hidden;1072 width: 300px;1073 padding-bottom: 1em;1074 border: 1px solid #efefef;1075 color: #999;1076}1077 1078.post-directory ul,1079.post-directory ol {1080 padding-left: 1.5em;1081 list-style: none;1082}1083 1084.post-directory strong {1085 border-left: 5px solid #999;1086 padding: 2px 5px 2px 15px;1087}1088 1089.post-directory a {1090 text-decoration: none;1091 color: #bababa;1092}1093 1094.post-directory a:hover,1095.post-directory a:active,1096.post-directory a.on {1097 color: #4183c4;1098}1099 1100.posts-list {1101 line-height: 2;1102 color: #555;1103 list-style-type:disc;1104}1105 1106.posts-list::before {1107/* content: " ";*/1108 position: absolute;1109 left: 0;1110 top: 12px;1111 width: 6px;1112 height: 6px;1113 margin-left: -4px;1114 background: #bbb;1115 border-radius: 50%;1116 border: 1px solid #fff;1117 transition-duration: 0.2s;1118 transition-timing-function: ease-in-out;1119 transition-delay: 0s;1120 transition-property: background;1121}1122 1123.posts-list-item {1124 border-bottom: 1px dashed #ccc;1125 margin: 10px;1126 padding: 0;1127}1128 1129.posts-list-item a {1130 font-size: 16px;1131 font-weight: normal;1132 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1133 line-height: inherit;1134 color: #666;1135}1136 1137.posts-list-meta {1138 font-size: 12px;1139 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1140 line-height: 2;1141 color: #555;1142 background: #fff;1143}1144 1145.list-group {1146 padding-left: 0;1147 margin-bottom: 20px;1148}1149 1150.list-group-item {1151 position: relative;1152 display: block;1153 padding: 10px 15px;1154 margin-bottom: -1px;1155 background-color: #fff;1156 border: 1px solid #ddd;1157}1158 1159 1160.list-group-item:first-child {1161 border-top-left-radius: 4px;1162 border-top-right-radius: 4px;1163}1164 1165.list-group-item:last-child {1166 margin-bottom: 0;1167 border-bottom-right-radius: 4px;1168 border-bottom-left-radius: 4px;1169}1170 1171.list-group-item>.badge {1172 float: right;1173}1174 1175.badge {1176 display: inline-block;1177 min-width: 10px;1178 padding: 3px 7px;1179 font-size: 12px;1180 font-weight: 700;1181 line-height: 1;1182 color: #fff;1183 text-align: center;1184 white-space: nowrap;1185 vertical-align: middle;1186 background-color: #777;1187 border-radius: 10px;1188}1189 1190 1191 1192@font-face {1193 font-family: 'octicons';1194 src: url('octicons.eot?#iefix') format('embedded-opentype'),1195 url('octicons.woff') format('woff'),1196 url('octicons.ttf') format('truetype'),1197 url('octicons.svg#octicons') format('svg');1198 font-weight: normal;1199 font-style: normal;1200}