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 <style>5 /*! 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}6 7 8.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}9 10 11 12.one-third-column {13 width: 33.333333%;14 float: left;15 padding-left: 10px;16 padding-right: 10px;17}18 19.card-image {20 display: table;21 height: 120px;22 width: 100%;23 border-radius: 4px;24}25 26.card-image .card-image-cell {27 display: table-cell;28 vertical-align: middle;29}30 31.card-image h3 {32 margin: 0;33 font-size: 1.5em;34 color: white;35}36 37.card-image a {38 color: #fff;39}40 41.card-description {42 height: 3em;43 overflow: hidden;44}45 46.card:hover,47.card:active {48 text-decoration: none;49}50 51.card .thumbnail {52 border: 1px solid rgba(0,0,0,0.075);53 border-bottom-color: rgba(0,0,0,0.125);54 border-radius: 4px;55 box-shadow: 0 1px 2px rgba(0,0,0,0.05),0 5px 10px rgba(0,0,0,0.05);56 -webkit-transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;57 transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;58 opacity: 0.8;59 overflow-x: hidden;60}61 62.card .thumbnail:hover{63 border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.15);64 box-shadow:0 2px 4px rgba(0,0,0,0.05),0 10px 18px rgba(0,0,0,0.1);65 opacity: 1;66}67 68.card .thumbnail:hover .card-title a{69 color:#000;70 text-decoration:none;71}72 73.thumbnail {74 display: block;75 padding: 4px;76 margin-bottom: 20px;77 line-height: 1.42857143;78 background-color: #fff;79 border: 1px solid #ddd;80 border-radius: 4px;81 -webkit-transition: border .2s ease-in-out;82 -o-transition: border .2s ease-in-out;83 transition: border .2s ease-in-out84}85 86.thumbnail .caption {87 padding: 9px;88 color: #333;89}90 91.card-text {92 font-size: 0.75em;93 display: inline;94}95 96.card-text .meta-info {97 margin-right: 10px;98}99 100 101 102.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}103 104 105 106.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}107 108 109.site-header,.site-header-actions .select-menu {110 position: relative111}112 113.markdown-body,body {114 font-family: Arial,"Hiragino Sans GB","冬青黑","Microsoft YaHei","微软雅黑",SimSun,"宋体",Helvetica,Tahoma,Arial sans-serif;115 font-size: 16px;116 line-height: 1.6;117 word-wrap: break-word;118 -webkit-tap-highlight-color: transparent;119 -webkit-font-smoothing: antialiased;120 -webkit-backface-visibility: hidden121}122 123@font-face {124 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:normal125}126 127.pagination {128 padding: 20px 0129}130 131.pagination a.active {132 background: #337ab7;133 border-color: #337ab7;134 z-index: 2;135 color: #fff;136 cursor: default137}138 139.text-center {140 text-align: center141}142 143.btn-inline .btn {144 margin: 5px145}146 147.site-header {148 padding-top: 20px;149 padding-bottom: 20px;150 margin-bottom: 20px;151 border-bottom: 1px solid #eee152}153 154.site-header .account-switcher {155 display: inline-block;156 margin-top: -2px;157 margin-bottom: -6px158}159 160.site-header-actions .select-menu:after,.site-header-actions .select-menu:before {161 display: table;162 content: ""163}164 165.site-header ul.site-header-actions {166 z-index: 21;167 float: right;168 margin: 0169}170 171.site-header ul.site-header-actions .feed-icon {172 margin-top: 5px173}174 175.site-header .path-divider {176 margin: 0 .25em177}178 179.site-header h1 {180 float: left181}182 183.site-header h1,.site-header h1 .octicon {184 margin-top: 0;185 margin-bottom: 0;186 font-size: 32px;187 font-weight: 400;188 line-height: 28px;189 vertical-align: top190}191 192.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 {193 font-weight: 700194}195 196.site-header h1 a {197 white-space: nowrap;198 color: #333199}200 201.site-header h1 a:hover {202 text-decoration: none203}204 205.site-header h1 .avatar {206 margin-top: -2px;207 margin-right: 9px;208 margin-bottom: -2px209}210 211.site-header-actions>li {212 float: left;213 margin: 0 10px 0 0;214 font-size: 11px;215 color: #333;216 list-style-type: none217}218 219.site-header-actions>li:last-child {220 margin-right: 0221}222 223.site-header-actions .octicon-mute {224 color: #c00225}226 227.site-header-actions .select-menu:after {228 clear: both229}230 231.site-header-actions .select-menu-modal-holder {232 top: 100%233}234 235.site-header-nav {236 float: right;237 margin-bottom: -20px238}239 240.site-header-nav-item {241 display: inline-block;242 padding: 6px 10px 15px;243 margin-left: 1.25rem;244 font-size: 1rem;245 color: #777246}247 248.site-footer:after,.site-footer:before {249 display: table;250 content: ""251}252 253.site-header-nav-item:hover {254 color: #333;255 text-decoration: none256}257 258.site-header-nav-item.selected {259 color: #333;260 padding: 6px 10px 13px;261 border-bottom: 2px solid #d26911262}263 264.site-header-nav-item+.btn-outline {265 margin-top: -1px;266 margin-left: 20px267}268 269.site-footer {270 position: relative;271 margin-top: 40px;272 padding-top: 40px;273 padding-bottom: 40px;274 font-size: 12px;275 line-height: 1.5;276 color: #777;277 border-top: 1px solid #eee278}279 280.markdown-body h1,.markdown-body h2 {281 padding-bottom: .3em;282 border-bottom: 1px solid #eee283}284 285.site-footer .copyright {286 padding-right: 20px287}288 289.site-footer:after {290 clear: both291}292 293.site-footer .octicon-mark-github {294 position: absolute;295 top: 38px;296 left: 50%;297 height: 24px;298 width: 24px;299 margin-left: -12px;300 font-size: 24px;301 color: #ccc302}303 304.site-footer .octicon-mark-github:hover {305 color: #bbb306}307 308.site-footer-links {309 margin: 0;310 list-style: none311}312 313.site-footer-links li {314 display: inline-block;315 line-height: 16px316}317 318.site-footer-links li+li {319 margin-left: 10px320}321 322.share {323 margin: 20px 0324}325 326.markdown-body {327 overflow: hidden328}329 330.markdown-body>:first-child {331 margin-top: 0!important332}333 334.markdown-body>:last-child {335 margin-bottom: 0!important336}337 338.markdown-body a:not([href]) {339 color: inherit;340 text-decoration: none341}342 343.markdown-body .absent {344 color: #c00345}346 347.markdown-body .anchor {348 position: absolute;349 top: 0;350 left: 0;351 display: block;352 padding-right: 6px;353 padding-left: 30px;354 margin-left: -30px355}356 357.markdown-body .anchor:focus {358 outline: 0359}360 361.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {362 position: relative;363 margin-top: 1em;364 margin-bottom: 16px;365 font-weight: 700;366 line-height: 1.4367}368 369.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 {370 display: none;371 color: #000;372 vertical-align: middle373}374 375.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 {376 padding-left: 8px;377 margin-left: -30px;378 text-decoration: none379}380 381.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 {382 display: inline-block383}384 385.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 {386 font-size: inherit387}388 389.markdown-body h1 {390 font-size: 2.25em;391 line-height: 1.2392}393 394.markdown-body h1 .anchor {395 line-height: 1396}397 398.markdown-body h2 {399 font-size: 1.75em;400 line-height: 1.225401}402 403.markdown-body h2 .anchor {404 line-height: 1405}406 407.markdown-body h3 {408 font-size: 1.5em;409 line-height: 1.43410}411 412.markdown-body h3 .anchor,.markdown-body h4 .anchor {413 line-height: 1.2414}415 416.markdown-body h4 {417 font-size: 1.25em418}419 420.markdown-body h5 .anchor,.markdown-body h6 .anchor {421 line-height: 1.1422}423 424.markdown-body h5 {425 font-size: 1em426}427 428.markdown-body h6 {429 font-size: 1em;430 color: #777431}432 433.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul {434 margin-top: 0;435 margin-bottom: 16px436}437 438.markdown-body hr {439 height: 4px;440 padding: 0;441 margin: 16px 0;442 background-color: #e7e7e7;443 border: 0444}445 446.markdown-body ol,.markdown-body ul {447 padding-left: 2em448}449 450.markdown-body ol.no-list,.markdown-body ul.no-list {451 padding: 0;452 list-style-type: none453}454 455.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul {456 margin-top: 0;457 margin-bottom: 0458}459 460.markdown-body li>p {461 margin-top: 16px462}463 464.markdown-body dl {465 padding: 0466}467 468.markdown-body dl dt {469 padding: 0;470 margin-top: 16px;471 font-size: 1em;472 font-style: italic473}474 475.markdown-body dl dd {476 padding: 0 16px;477 margin-bottom: 16px478}479 480.markdown-body blockquote {481 padding: 0 15px;482 color: #777;483 border-left: 4px solid #ddd484}485 486.markdown-body blockquote>:first-child {487 margin-top: 0488}489 490.markdown-body blockquote>:last-child {491 margin-bottom: 0492}493 494.markdown-body table {495 display: block;496 width: 100%;497 overflow: auto;498 word-break: normal;499 word-break: keep-all500}501 502.markdown-body table td,.markdown-body table th {503 padding: 6px 13px;504 border: 1px solid #ddd505}506 507.markdown-body table tr {508 background-color: #fff;509 border-top: 1px solid #ccc510}511 512.markdown-body table tr:nth-child(2n) {513 background-color: #f8f8f8514}515 516.markdown-body img {517 max-width: 100%;518 -webkit-box-sizing: border-box;519 -moz-box-sizing: border-box;520 box-sizing: border-box521}522 523.markdown-body .emoji {524 max-width: none525}526 527.markdown-body span.frame {528 display: block;529 overflow: hidden530}531 532.markdown-body span.frame>span {533 display: block;534 float: left;535 width: auto;536 padding: 7px;537 margin: 13px 0 0;538 overflow: hidden;539 border: 1px solid #ddd540}541 542.markdown-body span.frame span img {543 display: block;544 float: left545}546 547.markdown-body span.frame span span {548 display: block;549 padding: 5px 0 0;550 clear: both;551 color: #333552}553 554.markdown-body span.align-center {555 display: block;556 overflow: hidden;557 clear: both558}559 560.markdown-body span.align-center>span {561 display: block;562 margin: 13px auto 0;563 overflow: hidden;564 text-align: center565}566 567.markdown-body span.align-center span img {568 margin: 0 auto;569 text-align: center570}571 572.markdown-body span.align-right {573 display: block;574 overflow: hidden;575 clear: both576}577 578.markdown-body span.align-right>span {579 display: block;580 margin: 13px 0 0;581 overflow: hidden;582 text-align: right583}584 585.markdown-body span.align-right span img {586 margin: 0;587 text-align: right588}589 590.markdown-body span.float-left {591 display: block;592 float: left;593 margin-right: 13px;594 overflow: hidden595}596 597.markdown-body span.float-left span {598 margin: 13px 0 0599}600 601.markdown-body span.float-right {602 display: block;603 float: right;604 margin-left: 13px;605 overflow: hidden606}607 608.markdown-body span.float-right>span {609 display: block;610 margin: 13px auto 0;611 overflow: hidden;612 text-align: right613}614 615.markdown-body code,.markdown-body tt {616 padding: .2em 0;617 margin: 0;618 font-size: 85%;619 background-color: rgba(0,0,0,.04);620 /* border-radius: 3px */621}622 623.markdown-body code:after,.markdown-body code:before,.markdown-body tt:after,.markdown-body tt:before {624 letter-spacing: -.2em;625 content: " "626}627 628.markdown-body code br,.markdown-body tt br {629 display: none630}631 632.markdown-body del code {633 text-decoration: inherit634}635 636.markdown-body pre>code {637 padding: 0;638 margin: 0;639 font-size: 100%;640 word-break: normal;641 white-space: pre;642 background: 0 0;643 border: 0644}645 646.markdown-body .highlight {647 margin-bottom: 16px648}649 650.markdown-body .highlight pre,.markdown-body pre {651 padding: 16px;652 overflow: auto;653 font-size: 85%;654 line-height: 1.45;655 /* background-color: #f7f7f7; */656 /* border-radius: 3px */657}658 659.markdown-body .highlight pre {660 margin-bottom: 0;661 word-break: normal662}663 664.markdown-body pre {665 word-wrap: normal666}667 668.markdown-body pre code,.markdown-body pre tt {669 display: inline;670 max-width: initial;671 padding: 0;672 margin: 0;673 overflow: initial;674 line-height: inherit;675 word-wrap: normal;676 background-color: transparent;677 border: 0678}679 680.markdown-body pre code:after,.markdown-body pre code:before,.markdown-body pre tt:after,.markdown-body pre tt:before {681 content: normal682}683 684.markdown-body kbd {685 display: inline-block;686 padding: 3px 5px;687 font-size: 11px;688 line-height: 10px;689 color: #555;690 vertical-align: middle;691 background-color: #fcfcfc;692 border: 1px solid #ccc;693 border-bottom-color: #bbb;694 /* border-radius: 3px; */695 -webkit-box-shadow: inset 0 -1px 0 #bbb;696 box-shadow: inset 0 -1px 0 #bbb697}698 699.pl-c {700 color: #969896701}702 703.pl-c1,.pl-s .pl-v {704 color: #0086b3705}706 707.pl-e,.pl-en {708 color: #795da3709}710 711.pl-s .pl-s1,.pl-smi {712 color: #333713}714 715.pl-ent {716 color: #63a35c717}718 719.pl-k {720 color: #a71d5d721}722 723.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre {724 color: #183691725}726 727.pl-v {728 color: #ed6a43729}730 731.pl-id {732 color: #b52a1d733}734 735.pl-ii {736 background-color: #b52a1d;737 color: #f8f8f8738}739 740.pl-sr .pl-cce {741 color: #63a35c742}743 744.pl-ml {745 color: #693a17746}747 748.pl-mh,.pl-mh .pl-en,.pl-ms {749 color: #1d3e81750}751 752.pl-mq {753 color: teal754}755 756.pl-mi {757 color: #333;758 font-style: italic759}760 761.pl-mb {762 color: #333763}764 765.pl-md {766 background-color: #ffecec;767 color: #bd2c00768}769 770.pl-mi1 {771 background-color: #eaffea;772 color: #55a532773}774 775.pl-mdr {776 color: #795da3777}778 779.pl-mo {780 color: #1d3e81781}782 783pre {784 border: 1px solid #ccc;785}786 787.tools-wrapper {788 position: fixed;789 right: 1em;790 bottom: 3.4375em;791 z-index: 9;792 width: 2.5em;793}794 795.tools-wrapper a {796 color: #999;797 text-align: center;798 margin-bottom: -1px;799 background: rgba(255, 255, 255, 32);800}801 802.tools-wrapper span.octicon {803 font-size: 1.5em;804}805 806.tools-wrapper .gotop {807 display: none;808}809 810.top-most-flag {811 color: red;812}813 814a.footnote:hover {815 border-bottom: none816}817 818a.footnote::before {819 content: "[";820 padding: 0 2px821}822 823a.footnote::after {824 content: "]";825 padding: 0 2px826}827 828div.footnotes>ol {829 padding-left: 1.5rem;830 font-size: 0.9rem831}832 833div.footnotes>ol p {834 margin-bottom: 0.5rem835}836 837div.footnotes::before {838 content: "";839 display: block;840 margin: 1.5rem 0;841 border: 0;842 border-top: 1px solid #ccc;843 width: 20%844}845 846img + em {847 color: grey;848}849 850.content-header-ad { display:inline-block; width: 320px; height: 50px; }851@media (max-width: 400px) { .content-header-ad { display: none; } }852@media (min-width:500px) { .content-header-ad { width: 468px; height: 60px; } }853@media (min-width:800px) { .content-header-ad { width: 728px; height: 90px; } }854 855 856 857.container {858 width: auto;859 max-width: 1020px;860 padding-left: 20px;861 padding-right: 20px862}863 864.mobile-visible {865 display: none866}867 868@media (max-width:60em) {869 .collection-card {870 width: 45%;871 height: 225px872 }873}874 875@media (max-width:35em) {876 .collection-card {877 width: 100%;878 max-width: 350px;879 margin: 10px auto880 }881}882 883@media (max-width:50em) {884 .mobile-block {885 display: block;886 float: none887 }888 .mobile-hidden {889 display: none890 }891 .mobile-visible {892 display: inline-block893 }894 .mobile-md-section {895 padding: 10px 0896 }897 .column,898 .one-third-column {899 width: 100%!important;900 float: none;901 }902 .home .banner .collection-head {903 padding: 1rem 1rem 1rem 0;904 }905 .home .collection-head .collection-title {906 padding: 0;907 }908 .collection-head .collection-header {909 line-height: 1;910 }911 .collection-head.small .collection-title h1.collection-header {912 font-size: 1.25em;913 }914 .collection-head .collection-info .meta-info,915 .collection-head .collection-info .meta-info .octicon {916 font-size: 0.75em;917 }918 .site-header {919 padding-bottom: 0;920 padding-top: 5px;921 }922 .site-header h1, .site-header h1 .octicon {923 font-size: 1em;924 }925 .site-header .site-header-nav {926 float: right;927 display: none;928 margin-bottom: 0;929 }930 .site-header .site-header-nav .site-header-nav-item {931 padding: 0 .5rem;932 margin-left: 0;933 font-size: 1rem;934 display: block;935 text-align: right;936 }937 .collapsed {938 float: right;939 display: block;940 width: 22px;941 height: 2em;942 background-color: transparent;943 background-image: none;944 border: none;945 padding: 0;946 cursor: pointer;947 outline: none;948 }949 .collapsed:active {950 border: 1px solid transparent;951 }952 953 .collapsed .icon-bar {954 display: block;955 width: 22px;956 height: 2px;957 border-radius: 1px;958 background-color: #563d7c;959 }960 961 .collapsed .icon-bar + .icon-bar {962 margin-top: 4px;963 }964 965 .mini-repo-list-item .owner.css-truncate-target,966 .mini-repo-list-item .repo-and-owner.css-truncate-target {967 max-width: 300px968 }969 .markdown-body h1 {970 font-size: 2rem971 }972 .markdown-body h2 {973 font-size: 1.4rem974 }975 .markdown-body h3 {976 font-size: 1.2rem977 }978 .markdown-body h4 {979 font-size: 1.1em980 }981 .markdown-body h5 {982 font-size: 1em983 }984 985 .tools-wrapper {986 bottom: 1em;987 }988}989 990@media (max-width:20em) {991 .site-header-nav .site-header-nav-item {992 min-width: 20%993 }994 .collection-head .collection-info .meta-info {995 display: block;996 margin-top: 15px997 }998}999 1000 1001 1002#post-directory-module {1003 z-index: 999;1004}1005 1006.post-directory {1007 font-size: 14px;1008 background: #fff;1009 overflow: hidden;1010 width: 300px;1011 padding-bottom: 1em;1012 border: 1px solid #efefef;1013 color: #999;1014}1015 1016.post-directory ul,1017.post-directory ol {1018 padding-left: 1.5em;1019 list-style: none;1020}1021 1022.post-directory strong {1023 border-left: 5px solid #999;1024 padding: 2px 5px 2px 15px;1025}1026 1027.post-directory a {1028 text-decoration: none;1029 color: #bababa;1030}1031 1032.post-directory a:hover,1033.post-directory a:active,1034.post-directory a.on {1035 color: #4183c4;1036}1037 1038.posts-list {1039 line-height: 2;1040 color: #555;1041 list-style-type:disc;1042}1043 1044.posts-list::before {1045/* content: " ";*/1046 position: absolute;1047 left: 0;1048 top: 12px;1049 width: 6px;1050 height: 6px;1051 margin-left: -4px;1052 background: #bbb;1053 border-radius: 50%;1054 border: 1px solid #fff;1055 transition-duration: 0.2s;1056 transition-timing-function: ease-in-out;1057 transition-delay: 0s;1058 transition-property: background;1059}1060 1061.posts-list-item {1062 border-bottom: 1px dashed #ccc;1063 margin: 10px;1064 padding: 0;1065}1066 1067.posts-list-item a {1068 font-size: 16px;1069 font-weight: normal;1070 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1071 line-height: inherit;1072 color: #666;1073}1074 1075.posts-list-meta {1076 font-size: 12px;1077 font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif;1078 line-height: 2;1079 color: #555;1080 background: #fff;1081}1082 1083.list-group {1084 padding-left: 0;1085 margin-bottom: 20px;1086}1087 1088.list-group-item {1089 position: relative;1090 display: block;1091 padding: 10px 15px;1092 margin-bottom: -1px;1093 background-color: #fff;1094 border: 1px solid #ddd;1095}1096 1097 1098.list-group-item:first-child {1099 border-top-left-radius: 4px;1100 border-top-right-radius: 4px;1101}1102 1103.list-group-item:last-child {1104 margin-bottom: 0;1105 border-bottom-right-radius: 4px;1106 border-bottom-left-radius: 4px;1107}1108 1109.list-group-item>.badge {1110 float: right;1111}1112 1113.badge {1114 display: inline-block;1115 min-width: 10px;1116 padding: 3px 7px;1117 font-size: 12px;1118 font-weight: 700;1119 line-height: 1;1120 color: #fff;1121 text-align: center;1122 white-space: nowrap;1123 vertical-align: middle;1124 background-color: #777;1125 border-radius: 10px;1126}1127 1128 1129 1130@font-face {1131 font-family: 'octicons';1132 src: url('octicons.eot?#iefix') format('embedded-opentype'),1133 url('octicons.woff') format('woff'),1134 url('octicons.ttf') format('truetype'),1135 url('octicons.svg#octicons') format('svg');1136 font-weight: normal;1137 font-style: normal;1138}1139 1140/*1141 1142.octicon is optimized for 16px.1143.mega-octicon is optimized for 32px but can be used larger.1144 1145*/1146.octicon, .mega-octicon {1147 font: normal normal normal 16px/1 octicons;1148 display: inline-block;1149 text-decoration: none;1150 text-rendering: auto;1151 -webkit-font-smoothing: antialiased;1152 -moz-osx-font-smoothing: grayscale;1153 -webkit-user-select: none;1154 -moz-user-select: none;1155 -ms-user-select: none;1156 user-select: none;1157}1158.mega-octicon { font-size: 32px; }1159 1160.octicon-alert:before { content: '\f02d'} /* */1161.octicon-arrow-down:before { content: '\f03f'} /* */1162.octicon-arrow-left:before { content: '\f040'} /* */1163.octicon-arrow-right:before { content: '\f03e'} /* */1164.octicon-arrow-small-down:before { content: '\f0a0'} /* */1165.octicon-arrow-small-left:before { content: '\f0a1'} /* */1166.octicon-arrow-small-right:before { content: '\f071'} /* */1167.octicon-arrow-small-up:before { content: '\f09f'} /* */1168.octicon-arrow-up:before { content: '\f03d'} /* */1169.octicon-microscope:before,1170.octicon-beaker:before { content: '\f0dd'} /* */1171.octicon-bell:before { content: '\f0de'} /* */1172.octicon-book:before { content: '\f007'} /* */1173.octicon-bookmark:before { content: '\f07b'} /* */1174.octicon-briefcase:before { content: '\f0d3'} /* */1175.octicon-broadcast:before { content: '\f048'} /* */1176.octicon-browser:before { content: '\f0c5'} /* */1177.octicon-bug:before { content: '\f091'} /* */1178.octicon-calendar:before { content: '\f068'} /* */1179.octicon-check:before { content: '\f03a'} /* */1180.octicon-checklist:before { content: '\f076'} /* */1181.octicon-chevron-down:before { content: '\f0a3'} /* */1182.octicon-chevron-left:before { content: '\f0a4'} /* */1183.octicon-chevron-right:before { content: '\f078'} /* */1184.octicon-chevron-up:before { content: '\f0a2'} /* */1185.octicon-circle-slash:before { content: '\f084'} /* */1186.octicon-circuit-board:before { content: '\f0d6'} /* */1187.octicon-clippy:before { content: '\f035'} /* */1188.octicon-clock:before { content: '\f046'} /* */1189.octicon-cloud-download:before { content: '\f00b'} /* */1190.octicon-cloud-upload:before { content: '\f00c'} /* */1191.octicon-code:before { content: '\f05f'} /* */1192.octicon-color-mode:before { content: '\f065'} /* */1193.octicon-comment-add:before,1194.octicon-comment:before { content: '\f02b'} /* */1195.octicon-comment-discussion:before { content: '\f04f'} /* */1196.octicon-credit-card:before { content: '\f045'} /* */1197.octicon-dash:before { content: '\f0ca'} /* */1198.octicon-dashboard:before { content: '\f07d'} /* */1199.octicon-database:before { content: '\f096'} /* */1200.octicon-clone:before,