.emoji { width: 1.5em; height: 1.5em; display: inline-block; background-size: contain; } .ui.header, .ui.menu, .ui.button, h1, h2, h3, h4, h5, input { font-family: "Helvetica Neue", "Meiryo Ui", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; } body { font-family: "Helvetica Neue", "Meiryo Ui", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; background-color: #fff; overflow-y: scroll; } img { border-radius: 3px; } pre, code { font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; } pre.raw, code.raw { padding: 7px 12px; margin: 10px 0; background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; line-height: 1.5; overflow: auto; } pre.wrap, code.wrap { white-space: pre-wrap; /* CSS 3 */ word-break: break-word; } .dont-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .full.height { padding: 0; margin: 0 0 -80px 0; min-height: 100%; } .following.bar { z-index: 900; left: 0; width: 100%; } .following.bar.light { background-color: white; border-bottom: 1px solid #DDDDDD; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); } .following.bar .column .menu { margin-top: 0; } .following.bar .top.menu a.item.brand { padding-left: 0; } .following.bar .brand .ui.mini.image { width: 30px; } .following.bar .top.menu a.item:hover, .following.bar .top.menu .dropdown.item:hover, .following.bar .top.menu .dropdown.item.active { background-color: transparent; } .following.bar .top.menu a.item:hover { color: rgba(0, 0, 0, 0.45); } .following.bar .top.menu .menu { z-index: 900; } .following.bar .icon, .following.bar .octicon { margin-right: 5px !important; } .following.bar .head.link.item { padding-right: 0 !important; } .following.bar .avatar > .ui.image { margin-right: 0; } .following.bar .searchbox { background-color: #f4f4f4 !important; } .following.bar .searchbox:focus { background-color: #e9e9e9 !important; } .following.bar .text .octicon { width: 16px; text-align: center; } .following.bar .right.menu .menu { left: auto; right: 0; } .following.bar .right.menu .dropdown .menu { margin-top: 0; } .ui.left { float: left; } .ui.right { float: right; } .ui.container.fluid.padded { padding: 0 10px 0 10px; } .ui.form .ui.button { font-weight: normal; } .ui .text.red { color: #d95c5c !important; } .ui .text.red a { color: #d95c5c !important; } .ui .text.red a:hover { color: #E67777 !important; } .ui .text.blue { color: #428bca !important; } .ui .text.blue a { color: #15c !important; } .ui .text.blue a:hover { color: #428bca !important; } .ui .text.black { color: #444; } .ui .text.black:hover { color: #000; } .ui .text.grey { color: #767676 !important; } .ui .text.grey a { color: #444 !important; } .ui .text.grey a:hover { color: #000 !important; } .ui .text.light.grey { color: #888 !important; } .ui .text.green { color: #6cc644 !important; } .ui .text.purple { color: #6e5494 !important; } .ui .text.yellow { color: #FBBD08 !important; } .ui .text.gold { color: #a1882b !important; } .ui .text.left { text-align: left !important; } .ui .text.right { text-align: right !important; } .ui .text.small { font-size: 0.75em; } .ui .text.normal { font-weight: normal; } .ui .text.bold { font-weight: bold; } .ui .text.italic { font-style: italic; } .ui .text.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ui .text.thin { font-weight: normal; } .ui .text.middle { vertical-align: middle; } .ui .message { text-align: center; } .ui .header > i + .content { padding-left: 0.75rem; vertical-align: middle; } .ui .warning.header { background-color: #F9EDBE !important; border-color: #F0C36D; } .ui .warning.segment { border-color: #F0C36D; } .ui .info.segment { border: 1px solid #c5d5dd; } .ui .info.segment.top { background-color: #e6f1f6 !important; } .ui .info.segment.top h3, .ui .info.segment.top h4 { margin-top: 0; } .ui .info.segment.top h3:last-child { margin-top: 4px; } .ui .info.segment.top > :last-child { margin-bottom: 0; } .ui .normal.header { font-weight: normal; } .ui .avatar.image { border-radius: 3px; } .ui .form .fake { display: none !important; } .ui .form .sub.field { margin-left: 25px; } .ui .sha.label { font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace; font-size: 13px; padding: 6px 10px 4px 10px; font-weight: normal; margin: 0 6px; } .ui.status.buttons .octicon { margin-right: 4px; } .ui.inline.delete-button { padding: 8px 15px; font-weight: normal; } .overflow.menu .items { max-height: 300px; overflow-y: auto; } .overflow.menu .items .item { position: relative; cursor: pointer; display: block; border: none; height: auto; border-top: none; line-height: 1em; color: rgba(0, 0, 0, 0.8); padding: .71428571em 1.14285714em !important; font-size: 1rem; text-transform: none; font-weight: 400; box-shadow: none; -webkit-touch-callout: none; } .overflow.menu .items .item.active { font-weight: 700; } .overflow.menu .items .item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); z-index: 13; } .scrolling.menu .item.selected { font-weight: 700 !important; } footer { margin-top: 54px !important; height: 40px; background-color: white; border-top: 1px solid #d6d6d6; clear: both; width: 100%; color: #888888; } footer .container { padding-top: 10px; } footer .container .fa { width: 16px; text-align: center; color: #428bca; } footer .container .links > * { border-left: 1px solid #d6d6d6; padding-left: 8px; margin-left: 5px; } footer .container .links > *:first-child { border-left: none; } footer .ui.language .menu { max-height: 500px; overflow-y: auto; margin-bottom: 7px; } .hide { display: none; } .center { text-align: center; } .img-1 { width: 2px !important; height: 2px !important; } .img-2 { width: 4px !important; height: 4px !important; } .img-3 { width: 6px !important; height: 6px !important; } .img-4 { width: 8px !important; height: 8px !important; } .img-5 { width: 10px !important; height: 10px !important; } .img-6 { width: 12px !important; height: 12px !important; } .img-7 { width: 14px !important; height: 14px !important; } .img-8 { width: 16px !important; height: 16px !important; } .img-9 { width: 18px !important; height: 18px !important; } .img-10 { width: 20px !important; height: 20px !important; } .img-11 { width: 22px !important; height: 22px !important; } .img-12 { width: 24px !important; height: 24px !important; } .img-13 { width: 26px !important; height: 26px !important; } .img-14 { width: 28px !important; height: 28px !important; } .img-15 { width: 30px !important; height: 30px !important; } .img-16 { width: 32px !important; height: 32px !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } @media only screen and (max-width: 991px) and (min-width: 768px) { .ui.container { width: 95%; } } /* Overrides some styles of the Highlight.js plugin */ .hljs { background: inherit !important; padding: 0 !important; } .markdown:not(code) { overflow: hidden; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; font-size: 16px; line-height: 1.6 !important; word-wrap: break-word; } .markdown:not(code).file-view { padding: 2em 2em 2em !important; } .markdown:not(code) > *:first-child { margin-top: 0 !important; } .markdown:not(code) > *:last-child { margin-bottom: 0 !important; } .markdown:not(code) a:not([href]) { color: inherit; text-decoration: none; } .markdown:not(code) .absent { color: #c00; } .markdown:not(code) .anchor { position: absolute; top: 0; left: 0; display: block; padding-right: 6px; padding-left: 30px; margin-left: -30px; } .markdown:not(code) .anchor:focus { outline: none; } .markdown:not(code) h1, .markdown:not(code) h2, .markdown:not(code) h3, .markdown:not(code) h4, .markdown:not(code) h5, .markdown:not(code) h6 { position: relative; margin-top: 1em; margin-bottom: 16px; font-weight: bold; line-height: 1.4; } .markdown:not(code) h1:first-of-type, .markdown:not(code) h2:first-of-type, .markdown:not(code) h3:first-of-type, .markdown:not(code) h4:first-of-type, .markdown:not(code) h5:first-of-type, .markdown:not(code) h6:first-of-type { margin-top: 0 !important; } .markdown:not(code) h1 .octicon-link, .markdown:not(code) h2 .octicon-link, .markdown:not(code) h3 .octicon-link, .markdown:not(code) h4 .octicon-link, .markdown:not(code) h5 .octicon-link, .markdown:not(code) h6 .octicon-link { display: none; color: #000; vertical-align: middle; } .markdown:not(code) h1:hover .anchor, .markdown:not(code) h2:hover .anchor, .markdown:not(code) h3:hover .anchor, .markdown:not(code) h4:hover .anchor, .markdown:not(code) h5:hover .anchor, .markdown:not(code) h6:hover .anchor { padding-left: 8px; margin-left: -30px; text-decoration: none; } .markdown:not(code) h1:hover .anchor .octicon-link, .markdown:not(code) h2:hover .anchor .octicon-link, .markdown:not(code) h3:hover .anchor .octicon-link, .markdown:not(code) h4:hover .anchor .octicon-link, .markdown:not(code) h5:hover .anchor .octicon-link, .markdown:not(code) h6:hover .anchor .octicon-link { display: inline-block; } .markdown:not(code) h1 tt, .markdown:not(code) h1 code, .markdown:not(code) h2 tt, .markdown:not(code) h2 code, .markdown:not(code) h3 tt, .markdown:not(code) h3 code, .markdown:not(code) h4 tt, .markdown:not(code) h4 code, .markdown:not(code) h5 tt, .markdown:not(code) h5 code, .markdown:not(code) h6 tt, .markdown:not(code) h6 code { font-size: inherit; } .markdown:not(code) h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid #eee; } .markdown:not(code) h1 .anchor { line-height: 1; } .markdown:not(code) h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid #eee; } .markdown:not(code) h2 .anchor { line-height: 1; } .markdown:not(code) h3 { font-size: 1.5em; line-height: 1.43; } .markdown:not(code) h3 .anchor { line-height: 1.2; } .markdown:not(code) h4 { font-size: 1.25em; } .markdown:not(code) h4 .anchor { line-height: 1.2; } .markdown:not(code) h5 { font-size: 1em; } .markdown:not(code) h5 .anchor { line-height: 1.1; } .markdown:not(code) h6 { font-size: 1em; color: #777; } .markdown:not(code) h6 .anchor { line-height: 1.1; } .markdown:not(code) p, .markdown:not(code) blockquote, .markdown:not(code) ul, .markdown:not(code) ol, .markdown:not(code) dl, .markdown:not(code) table, .markdown:not(code) pre { margin-top: 0; margin-bottom: 16px; } .markdown:not(code) blockquote { margin-left: 0; } .markdown:not(code) hr { height: 4px; padding: 0; margin: 16px 0; background-color: #e7e7e7; border: 0 none; } .markdown:not(code) ul, .markdown:not(code) ol { padding-left: 2em; } .markdown:not(code) ul.no-list, .markdown:not(code) ol.no-list { padding: 0; list-style-type: none; } .markdown:not(code) ul ul, .markdown:not(code) ul ol, .markdown:not(code) ol ol, .markdown:not(code) ol ul { margin-top: 0; margin-bottom: 0; } .markdown:not(code) ol ol, .markdown:not(code) ul ol { list-style-type: lower-roman; } .markdown:not(code) li > p { margin-top: 16px; } .markdown:not(code) dl { padding: 0; } .markdown:not(code) dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } .markdown:not(code) dl dd { padding: 0 16px; margin-bottom: 16px; } .markdown:not(code) blockquote { padding: 0 15px; color: #777; border-left: 4px solid #ddd; } .markdown:not(code) blockquote > :first-child { margin-top: 0; } .markdown:not(code) blockquote > :last-child { margin-bottom: 0; } .markdown:not(code) table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; } .markdown:not(code) table th { font-weight: bold; } .markdown:not(code) table th, .markdown:not(code) table td { padding: 6px 13px !important; border: 1px solid #ddd !important; } .markdown:not(code) table tr { background-color: #fff; border-top: 1px solid #ccc; } .markdown:not(code) table tr:nth-child(2n) { background-color: #f8f8f8; } .markdown:not(code) img { max-width: 100%; box-sizing: border-box; } .markdown:not(code) .emoji { max-width: none; } .markdown:not(code) span.frame { display: block; overflow: hidden; } .markdown:not(code) span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #ddd; } .markdown:not(code) span.frame span img { display: block; float: left; } .markdown:not(code) span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #333; } .markdown:not(code) span.align-center { display: block; overflow: hidden; clear: both; } .markdown:not(code) span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } .markdown:not(code) span.align-center span img { margin: 0 auto; text-align: center; } .markdown:not(code) span.align-right { display: block; overflow: hidden; clear: both; } .markdown:not(code) span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } .markdown:not(code) span.align-right span img { margin: 0; text-align: right; } .markdown:not(code) span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } .markdown:not(code) span.float-left span { margin: 13px 0 0; } .markdown:not(code) span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } .markdown:not(code) span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } .markdown:not(code) code, .markdown:not(code) tt { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; } .markdown:not(code) code:before, .markdown:not(code) code:after, .markdown:not(code) tt:before, .markdown:not(code) tt:after { letter-spacing: -0.2em; content: "\00a0"; } .markdown:not(code) code br, .markdown:not(code) tt br { display: none; } .markdown:not(code) del code { text-decoration: inherit; } .markdown:not(code) pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } .markdown:not(code) .highlight { margin-bottom: 16px; } .markdown:not(code) .highlight pre, .markdown:not(code) pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; } .markdown:not(code) .highlight pre { margin-bottom: 0; word-break: normal; } .markdown:not(code) pre { word-wrap: normal; } .markdown:not(code) pre code, .markdown:not(code) pre tt { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .markdown:not(code) pre code:before, .markdown:not(code) pre code:after, .markdown:not(code) pre tt:before, .markdown:not(code) pre tt:after { content: normal; } .markdown:not(code) kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } .markdown:not(code) input[type="checkbox"] { vertical-align: middle !important; } .markdown:not(code) .csv-data td, .markdown:not(code) .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; } .markdown:not(code) .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; } .markdown:not(code) .csv-data tr { border-top: 0; } .markdown:not(code) .csv-data th { font-weight: bold; background: #f8f8f8; border-top: 0; } .home { padding-bottom: 80px; } .home .logo { max-width: 220px; } .home .hero h1, .home .hero h2 { font-family: 'PT Sans Narrow', sans-serif, 'Microsoft YaHei'; } .home .hero h1 { font-size: 5.5em; } .home .hero h2 { font-size: 3em; } .home .hero .octicon { color: #d9453d; font-size: 40px; width: 50px; } .home .hero.header { font-size: 20px; } .home p.large { font-size: 16px; } .home .stackable { padding-top: 30px; } .home a { color: #d9453d; } .signup { padding-top: 15px; padding-bottom: 80px; } .install { padding-top: 45px; padding-bottom: 80px; } .install form label { text-align: right; width: 320px !important; } .install form input { width: 35% !important; } .install form .field { text-align: left; } .install form .field .help { margin-left: 335px !important; } .install form .field.optional .title { margin-left: 38%; } .install .ui .checkbox { margin-left: 40% !important; } .install .ui .checkbox label { width: auto !important; } .form .help { color: #999999; padding-top: .6em; padding-bottom: .6em; display: inline-block; } .ui.attached.header { background: #f0f0f0; } .ui.attached.header .right { margin-top: -5px; } .ui.attached.header .right .button { padding: 8px 10px; font-weight: normal; } #create-page-form form { margin: auto; width: 800px!important; } #create-page-form form .ui.message { text-align: center; } #create-page-form form .header { padding-left: 280px !important; } #create-page-form form .inline.field > label { text-align: right; width: 250px !important; word-wrap: break-word; } #create-page-form form .help { margin-left: 265px !important; } #create-page-form form .optional .title { margin-left: 250px !important; } #create-page-form form input, #create-page-form form textarea { width: 50%!important; } .user.activate form, .user.forgot.password form, .user.reset.password form, .user.signin form, .user.signup form { margin: auto; width: 800px!important; } .user.activate form .ui.message, .user.forgot.password form .ui.message, .user.reset.password form .ui.message, .user.signin form .ui.message, .user.signup form .ui.message { text-align: center; } .user.activate form .header, .user.forgot.password form .header, .user.reset.password form .header, .user.signin form .header, .user.signup form .header { padding-left: 280px !important; } .user.activate form .inline.field > label, .user.forgot.password form .inline.field > label, .user.reset.password form .inline.field > label, .user.signin form .inline.field > label, .user.signup form .inline.field > label { text-align: right; width: 250px !important; word-wrap: break-word; } .user.activate form .help, .user.forgot.password form .help, .user.reset.password form .help, .user.signin form .help, .user.signup form .help { margin-left: 265px !important; } .user.activate form .optional .title, .user.forgot.password form .optional .title, .user.reset.password form .optional .title, .user.signin form .optional .title, .user.signup form .optional .title { margin-left: 250px !important; } .user.activate form input, .user.forgot.password form input, .user.reset.password form input, .user.signin form input, .user.signup form input, .user.activate form textarea, .user.forgot.password form textarea, .user.reset.password form textarea, .user.signin form textarea, .user.signup form textarea { width: 50%!important; } .user.activate form, .user.forgot.password form, .user.reset.password form, .user.signin form, .user.signup form { width: 700px!important; } .user.activate form .header, .user.forgot.password form .header, .user.reset.password form .header, .user.signin form .header, .user.signup form .header { padding-left: 230px !important; } .user.activate form .inline.field > label, .user.forgot.password form .inline.field > label, .user.reset.password form .inline.field > label, .user.signin form .inline.field > label, .user.signup form .inline.field > label { width: 200px !important; } .repository.new.repo form, .repository.new.migrate form, .repository.new.fork form { margin: auto; width: 800px!important; } .repository.new.repo form .ui.message, .repository.new.migrate form .ui.message, .repository.new.fork form .ui.message { text-align: center; } .repository.new.repo form .header, .repository.new.migrate form .header, .repository.new.fork form .header { padding-left: 280px !important; } .repository.new.repo form .inline.field > label, .repository.new.migrate form .inline.field > label, .repository.new.fork form .inline.field > label { text-align: right; width: 250px !important; word-wrap: break-word; } .repository.new.repo form .help, .repository.new.migrate form .help, .repository.new.fork form .help { margin-left: 265px !important; } .repository.new.repo form .optional .title, .repository.new.migrate form .optional .title, .repository.new.fork form .optional .title { margin-left: 250px !important; } .repository.new.repo form input, .repository.new.migrate form input, .repository.new.fork form input, .repository.new.repo form textarea, .repository.new.migrate form textarea, .repository.new.fork form textarea { width: 50%!important; } .repository.new.repo form .dropdown .dropdown.icon, .repository.new.migrate form .dropdown .dropdown.icon, .repository.new.fork form .dropdown .dropdown.icon { margin-top: -7px !important; } .repository.new.repo form .dropdown .text, .repository.new.migrate form .dropdown .text, .repository.new.fork form .dropdown .text { margin-right: 0!important; } .repository.new.repo form .dropdown .text i, .repository.new.migrate form .dropdown .text i, .repository.new.fork form .dropdown .text i { margin-right: 0!important; } .repository.new.repo .ui.form .selection.dropdown:not(.owner) { width: 50%!important; } .repository.new.repo .ui.form #auto-init { margin-left: 265px !important; } .new.webhook form .help { margin-left: 25px; } .new.webhook .events.fields .column { padding-left: 40px; } .repository { padding-top: 15px; padding-bottom: 80px; } .repository .head .column { padding-top: 5px !important; padding-bottom: 5px !important; } .repository .head .ui.compact.menu { margin-left: 1rem; } .repository .head .ui.header { margin-top: 0; } .repository .head .mega-octicon { width: 30px; font-size: 30px; } .repository .head .ui.huge.breadcrumb { font-weight: 400; font-size: 1.7rem; } .repository .head .fork-flag { margin-left: 38px; margin-top: 3px; display: block; font-size: 12px; white-space: nowrap; } .repository .head .octicon.octicon-repo-forked { margin-top: -1px; font-size: 15px; } .repository .navbar .ui.label { margin-top: -2px; margin-left: 7px; padding: 3px 5px; } .repository .owner.dropdown { min-width: 40% !important; } .repository .metas .menu { max-height: 300px; overflow-x: auto; } .repository .metas .ui.list .hide { display: none!important; } .repository .metas .ui.list .item { padding: 0px; } .repository .metas .ui.list .label.color { padding: 0 8px; margin-right: 5px; } .repository .metas .ui.list a { margin: 2px 0; } .repository .metas .ui.list a .text { color: #444; } .repository .metas .ui.list a .text:hover { color: #000; } .repository .header-wrapper { background-color: #FAFAFA; margin-top: -15px; padding-top: 15px; } .repository .header-wrapper .ui.tabs.divider { border-bottom: none; } .repository .header-wrapper .ui.tabular .octicon { margin-right: 5px; } .repository .filter.menu .label.color { border-radius: 3px; margin-left: 15px; padding: 0 8px; } .repository .filter.menu .octicon { float: left; margin-left: -5px; margin-right: -7px; } .repository .filter.menu .menu { max-height: 300px; overflow-x: auto; right: 0!important; left: auto!important; } .repository .filter.menu .dropdown.item { margin: 1px; padding-right: 0; } .repository .ui.tabs.container { margin-top: 14px; margin-bottom: 0px; } .repository .ui.tabs.container .ui.menu { border-bottom: none; } .repository .ui.tabs.divider { margin-top: 0; margin-bottom: 20px; } .repository #clone-panel { margin-top: -8px; width: 100%; } .repository #clone-panel input { border-radius: 0; padding: 5px 10px; } .repository #clone-panel .clone.button { font-size: 13px; padding: 0 5px; } .repository #clone-panel .clone.button:first-child { border-radius: .28571429rem 0 0 .28571429rem; } .repository #clone-panel .icon.button { padding: 0 10px; } .repository #clone-panel .dropdown .menu { right: 0!important; left: auto!important; } .repository.file.list #repo-desc { font-size: 1.2em; } .repository.file.list .choose.reference .header .icon { font-size: 1.4em; } .repository.file.list #repo-files-table thead th { padding-top: 8px; padding-bottom: 5px; font-weight: normal; } .repository.file.list #repo-files-table thead th:first-child { display: block; position: relative; width: 325%; } .repository.file.list #repo-files-table thead .ui.avatar { margin-bottom: 5px; } .repository.file.list #repo-files-table tbody .octicon { margin-left: 3px; margin-right: 5px; } .repository.file.list #repo-files-table tbody .octicon.octicon-mail-reply { margin-right: 10px; } .repository.file.list #repo-files-table td { padding-top: 8px; padding-bottom: 8px; } .repository.file.list #repo-files-table tr:hover { background-color: #ffffEE; } .repository.file.list #file-content .header .icon { font-size: 1em; margin-top: -2px; } .repository.file.list #file-content .view-raw * { max-width: 100%; } .repository.file.list #file-content .view-raw img { padding: 5px 5px 0 5px; } .repository.file.list #file-content .code-view * { font-size: 12px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; line-height: 20px; } .repository.file.list #file-content .code-view table { width: 100%; } .repository.file.list #file-content .code-view .lines-num { vertical-align: top; text-align: right; color: #999; background: #f5f5f5; width: 1%; } .repository.file.list #file-content .code-view .lines-num span { line-height: 20px; padding: 0 10px; cursor: pointer; display: block; } .repository.file.list #file-content .code-view .lines-num, .repository.file.list #file-content .code-view .lines-code { padding: 0; } .repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .repository.file.list #file-content .code-view .lines-code ol, .repository.file.list #file-content .code-view .lines-num .hljs, .repository.file.list #file-content .code-view .lines-code .hljs { background-color: white; margin: 0; padding: 0 !important; } .repository.file.list #file-content .code-view .lines-num pre li, .repository.file.list #file-content .code-view .lines-code pre li, .repository.file.list #file-content .code-view .lines-num ol li, .repository.file.list #file-content .code-view .lines-code ol li, .repository.file.list #file-content .code-view .lines-num .hljs li, .repository.file.list #file-content .code-view .lines-code .hljs li { padding-left: 5px; } .repository.file.list #file-content .code-view .lines-num pre li.active, .repository.file.list #file-content .code-view .lines-code pre li.active, .repository.file.list #file-content .code-view .lines-num ol li.active, .repository.file.list #file-content .code-view .lines-code ol li.active, .repository.file.list #file-content .code-view .lines-num .hljs li.active, .repository.file.list #file-content .code-view .lines-code .hljs li.active { background: #ffffdd; } .repository.file.list .sidebar { padding-left: 0; } .repository.file.list .sidebar .octicon { width: 16px; } .repository.options #interval { width: 100px!important; min-width: 100px; } .repository.options .danger .item { padding: 20px 15px; } .repository.options .danger .ui.divider { margin: 0; } .repository.new.issue .comment.form .comment .avatar { width: 3em; } .repository.new.issue .comment.form .content { margin-left: 4em; } .repository.new.issue .comment.form .content:before, .repository.new.issue .comment.form .content:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .repository.new.issue .comment.form .content:before { border-right-color: #D4D4D5; border-width: 9px; margin-top: -9px; } .repository.new.issue .comment.form .content:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px; } .repository.new.issue .comment.form .content:after { border-right-color: #fff; } .repository.new.issue .comment.form .content .markdown { font-size: 14px; } .repository.new.issue .comment.form .metas { min-width: 220px; } .repository.new.issue .comment.form .metas .filter.menu { max-height: 300px; overflow-x: auto; } .repository.view.issue .title { padding-bottom: 0!important; } .repository.view.issue .title h1 { font-weight: 300; font-size: 2.3rem; margin-bottom: 5px; } .repository.view.issue .title h1 .ui.input { font-size: 0.5em; vertical-align: top; width: 50%; min-width: 600px; } .repository.view.issue .title h1 .ui.input input { font-size: 1.5em; padding: 6px 10px; } .repository.view.issue .title .index { font-weight: 300; color: #aaa; letter-spacing: -1px; } .repository.view.issue .title .label { margin-right: 10px; } .repository.view.issue .title .edit-zone { margin-top: 10px; } .repository.view.issue .pull-desc code { color: #0166E6; } .repository.view.issue .pull.tabular.menu { margin-bottom: 10px; } .repository.view.issue .pull.tabular.menu .octicon { margin-right: 5px; } .repository.view.issue .pull.tab.segment { border: none; padding: 0; padding-top: 10px; box-shadow: none; background-color: inherit; } .repository.view.issue .pull .merge.box .avatar { margin-left: 10px; margin-top: 10px; } .repository.view.issue .comment-list:before { display: block; content: ""; position: absolute; margin-top: 12px; margin-bottom: 14px; top: 0; bottom: 0; left: 96px; width: 2px; background-color: #f3f3f3; z-index: -1; } .repository.view.issue .comment-list .comment .avatar { width: 3em; } .repository.view.issue .comment-list .comment .tag { color: #767676; margin-top: 3px; padding: 2px 5px; font-size: 12px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } .repository.view.issue .comment-list .comment .actions .item { float: left; } .repository.view.issue .comment-list .comment .actions a.item { margin-top: 6px; margin-left: 10px; } .repository.view.issue .comment-list .comment .content { margin-left: 4em; } .repository.view.issue .comment-list .comment .content .header { font-weight: normal; padding: auto 15px; position: relative; color: #767676; background-color: #f7f7f7; border-bottom: 1px solid #eee; border-top-left-radius: 3px; border-top-right-radius: 3px; } .repository.view.issue .comment-list .comment .content .header:before, .repository.view.issue .comment-list .comment .content .header:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .repository.view.issue .comment-list .comment .content .header:before { border-right-color: #D4D4D5; border-width: 9px; margin-top: -9px; } .repository.view.issue .comment-list .comment .content .header:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px; } .repository.view.issue .comment-list .comment .content .header .text { max-width: 78%; padding-top: 10px; padding-bottom: 10px; } .repository.view.issue .comment-list .comment .content .markdown { font-size: 14px; } .repository.view.issue .comment-list .comment .content .no-content { color: #767676; font-style: italic; } .repository.view.issue .comment-list .comment .content > .bottom.segment { background: #f3f4f5; } .repository.view.issue .comment-list .comment .content > .bottom.segment .ui.images::after { clear: both; content: ' '; display: block; } .repository.view.issue .comment-list .comment .content > .bottom.segment a { display: block; float: left; margin: 5px; padding: 5px; height: 150px; border: solid 1px #eee; border-radius: 3px; max-width: 150px; background-color: #fff; } .repository.view.issue .comment-list .comment .content > .bottom.segment a:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; } .repository.view.issue .comment-list .comment .content > .bottom.segment .ui.image { max-height: 100%; width: auto; margin: 0; vertical-align: middle; } .repository.view.issue .comment-list .comment .ui.form .field:first-child { clear: none; } .repository.view.issue .comment-list .comment .ui.form .tab.segment { border: none; padding: 0; padding-top: 10px; } .repository.view.issue .comment-list .comment .ui.form textarea { height: 200px; font-family: "Consolas", monospace; } .repository.view.issue .comment-list .comment .edit.buttons { margin-top: 10px; } .repository.view.issue .comment-list .event { position: relative; margin: 15px 0 15px 79px; padding-left: 25px; } .repository.view.issue .comment-list .event .octicon { width: 30px; float: left; margin-left: -36px; text-align: center; } .repository.view.issue .comment-list .event .octicon.octicon-circle-slash { margin-top: 5px; font-size: 20px; color: #bd2c00; } .repository.view.issue .comment-list .event .octicon.octicon-primitive-dot { font-size: 30px; color: #6cc644; } .repository.view.issue .comment-list .event .octicon.octicon-bookmark { margin-top: 3px; font-size: 25px; } .repository.view.issue .comment-list .event .detail { font-size: 0.9rem; margin-top: 5px; margin-left: 35px; } .repository.view.issue .comment-list .event .detail .octicon.octicon-git-commit { margin-top: 2px; } .repository.view.issue .ui.segment.metas { margin-top: -3px; } .repository.view.issue .ui.participants img { margin-top: 5px; margin-right: 5px; } .repository .comment.form .ui.comments { margin-top: -12px; max-width: 100%; } .repository .comment.form .content .field:first-child { clear: none; } .repository .comment.form .content .form:before, .repository .comment.form .content .form:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .repository .comment.form .content .form:before { border-right-color: #D4D4D5; border-width: 9px; margin-top: -9px; } .repository .comment.form .content .form:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px; } .repository .comment.form .content .form:after { border-right-color: #fff; } .repository .comment.form .content .tab.segment { border: none; padding: 0; padding-top: 10px; } .repository .comment.form .content textarea { height: 200px; font-family: "Consolas", monospace; } .repository .label.list { list-style: none; padding-top: 15px; } .repository .label.list .item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #AAA; } .repository .label.list .item a { font-size: 15px; padding-top: 5px; padding-right: 10px; color: #666; } .repository .label.list .item a:hover { color: #000; } .repository .label.list .item a.open-issues { margin-right: 30px; } .repository .label.list .item .ui.label { font-size: 1em; } .repository .milestone.list { list-style: none; padding-top: 15px; } .repository .milestone.list > .item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #AAA; } .repository .milestone.list > .item > a { padding-top: 5px; padding-right: 10px; color: #000; } .repository .milestone.list > .item > a:hover { color: #4078c0; } .repository .milestone.list > .item .ui.progress { width: 40%; padding: 0; border: 0; margin: 0; } .repository .milestone.list > .item .ui.progress .bar { height: 20px; } .repository .milestone.list > .item .meta { color: #999; padding-top: 5px; } .repository .milestone.list > .item .meta .issue-stats .octicon { padding-left: 5px; } .repository .milestone.list > .item .meta .overdue { color: red; } .repository .milestone.list > .item .operate { margin-top: -15px; } .repository .milestone.list > .item .operate > a { font-size: 15px; padding-top: 5px; padding-right: 10px; color: #666; } .repository .milestone.list > .item .operate > a:hover { color: #000; } .repository .milestone.list > .item .content { padding-top: 10px; } .repository.new.milestone textarea { height: 200px; } .repository.new.milestone #deadline { width: 150px; } .repository.compare.pull .choose.branch .octicon { padding-right: 10px; } .repository.compare.pull .comment.form .content:before, .repository.compare.pull .comment.form .content:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .repository.compare.pull .comment.form .content:before { border-right-color: #D4D4D5; border-width: 9px; margin-top: -9px; } .repository.compare.pull .comment.form .content:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px; } .repository.compare.pull .comment.form .content:after { border-right-color: #fff; } .repository .filter.dropdown .menu { margin-top: 1px!important; } .repository.commits .header .ui.right .search input { font-weight: normal; padding: 5px 10px; } .repository #commits-table thead th:first-of-type { padding-left: 15px; } .repository #commits-table thead .sha { font-size: 13px; padding: 6px 40px 4px 35px; } .repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) { background-color: rgba(0, 0, 0, 0.02) !important; } .repository .diff-detail-box { margin: 15px 0; line-height: 30px; } .repository .diff-detail-box ol { clear: both; padding-left: 0; margin-top: 5px; margin-bottom: 28px; } .repository .diff-detail-box ol li { list-style: none; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dashed #DDD; padding-left: 6px; } .repository .diff-detail-box span.status { display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: middle; } .repository .diff-detail-box span.status.modify { background-color: #f0db88; } .repository .diff-detail-box span.status.add { background-color: #b4e2b4; } .repository .diff-detail-box span.status.del { background-color: #e9aeae; } .repository .diff-detail-box span.status.rename { background-color: #dad8ff; } .repository .diff-box .count { margin-right: 12px; font-size: 13px; } .repository .diff-box .count .bar { background-color: #bd2c00; height: 12px; width: 40px; display: inline-block; margin: 2px 4px 0 4px; vertical-align: text-top; } .repository .diff-box .count .bar .add { background-color: #55a532; height: 12px; } .repository .diff-box .file { color: #888; } .repository .diff-file-box .header { background-color: #f7f7f7; } .repository .diff-file-box .file-body.file-code .lines-num { text-align: right; color: #A7A7A7; background: #fafafa; width: 1%; } .repository .diff-file-box .file-body.file-code .lines-num span.fold { display: block; text-align: center; } .repository .diff-file-box .file-body.file-code .lines-num-old { border-right: 1px solid #DDD; } .repository .diff-file-box .code-diff { font-size: 12px; } .repository .diff-file-box .code-diff td { padding: 0; padding-left: 10px; border-top: none; } .repository .diff-file-box .code-diff pre { margin: 0; } .repository .diff-file-box .code-diff .lines-num { border-right: 1px solid #d4d4d5; padding: 0 5px; } .repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr.tag-code pre { background-color: #F0F0F0 !important; border-color: #D2CECE!important; padding-top: 4px; padding-bottom: 4px; } .repository .diff-file-box .code-diff tbody tr.tag-code td.halfwidth { width: 50%; } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code { background-color: #eaffea !important; border-color: #c1e9c1 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.add-code pre { background-color: #eaffea !important; border-color: #c1e9c1 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td, .repository .diff-file-box .code-diff tbody tr.del-code pre { background-color: #ffecec !important; border-color: #f1c0c0 !important; } .repository .diff-file-box .code-diff tbody tr.del-code td.halfwidth { width: 50%; } .repository .diff-file-box .code-diff tbody tr.add-code td, .repository .diff-file-box .code-diff tbody tr.add-code pre { background-color: #eaffea !important; border-color: #c1e9c1 !important; } .repository .diff-file-box .code-diff tbody tr.add-code td.halfwidth { width: 50%; } .repository .diff-file-box .code-diff tbody tr .removed-code { background-color: #ff9999; } .repository .diff-file-box .code-diff tbody tr .added-code { background-color: #99ff99; } .repository .diff-file-box.file-content img { max-width: 100%; padding: 5px 5px 0 5px; } .repository .code-view { overflow: auto; overflow-x: auto; overflow-y: hidden; } .repository.quickstart .guide .item { padding: 1em; } .repository.quickstart .guide .item small { font-weight: normal; } .repository.quickstart .guide .clone.button:first-child { border-radius: .28571429rem 0 0 .28571429rem; } .repository.quickstart .guide .ui.action.small.input { width: 100%; } .repository.quickstart .guide #repo-clone-url { border-radius: 0; padding: 5px 10px; font-size: 1.2em; } .repository.release #release-list { border-top: 1px solid #DDD; margin-top: 20px; padding-top: 15px; } .repository.release #release-list > li { list-style: none; } .repository.release #release-list > li .meta, .repository.release #release-list > li .detail { padding-top: 30px; padding-bottom: 40px; } .repository.release #release-list > li .meta { text-align: right; position: relative; } .repository.release #release-list > li .meta .tag:not(.icon) { display: block; margin-top: 15px; } .repository.release #release-list > li .meta .commit { display: block; margin-top: 10px; } .repository.release #release-list > li .detail { border-left: 1px solid #DDD; } .repository.release #release-list > li .detail .author img { margin-bottom: -3px; } .repository.release #release-list > li .detail .download { margin-top: 20px; } .repository.release #release-list > li .detail .download > a .octicon { margin-left: 5px; margin-right: 5px; } .repository.release #release-list > li .detail .download .list { padding-left: 0; border-top: 1px solid #eee; } .repository.release #release-list > li .detail .download .list li { list-style: none; display: block; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee; } .repository.release #release-list > li .detail .dot { width: 9px; height: 9px; background-color: #ccc; z-index: 999; position: absolute; display: block; left: -5px; top: 40px; border-radius: 6px; border: 1px solid #FFF; } .repository.new.release .target { min-width: 500px; } .repository.new.release .target #tag-name { margin-top: -4px; } .repository.new.release .target .at { margin-left: -5px; margin-right: 5px; } .repository.new.release .target .dropdown.icon { margin: 0; padding-top: 3px; } .repository.new.release .target .selection.dropdown { padding-top: 10px; padding-bottom: 10px; } .repository.new.release .prerelease.field { margin-bottom: 0; } .repository.forks .list { margin-top: 0; } .repository.forks .list .item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #DDD; } .repository.forks .list .item .ui.avatar { float: left; margin-right: 5px; } .repository.forks .list .item .link { padding-top: 5px; } .repository.wiki.start .ui.segment { padding-top: 70px; padding-bottom: 100px; } .repository.wiki.start .ui.segment .mega-octicon { font-size: 48px; } .repository.wiki.new .CodeMirror .CodeMirror-code { font-family: "Consolas", monospace; } .repository.wiki.new .CodeMirror .CodeMirror-code .cm-comment { background: inherit; } .repository.wiki.new .editor-preview { background-color: white; } .repository.wiki.view .choose.page { margin-top: -5px; } .repository.wiki.view .ui.sub.header { text-transform: none; } .repository.wiki.view .markdown { padding: 15px 30px; } .repository.wiki.view .markdown h1:first-of-type, .repository.wiki.view .markdown h2:first-of-type, .repository.wiki.view .markdown h3:first-of-type, .repository.wiki.view .markdown h4:first-of-type, .repository.wiki.view .markdown h5:first-of-type, .repository.wiki.view .markdown h6:first-of-type { margin-top: 0; } .repository.settings.collaboration .collaborator.list { padding: 0; } .repository.settings.collaboration .collaborator.list > .item { margin: 0; line-height: 2em; } .repository.settings.collaboration .collaborator.list > .item:not(:last-child) { border-bottom: 1px solid #DDD; } .repository.settings.collaboration #repo-collab-form #search-user-box .results { left: 7px; } .repository.settings.collaboration #repo-collab-form .ui.button { margin-left: 5px; margin-top: -3px; } .user-cards .list { padding: 0; } .user-cards .list .item { list-style: none; width: 32%; margin: 10px 10px 10px 0; padding-bottom: 14px; float: left; } .user-cards .list .item .avatar { width: 48px; height: 48px; float: left; display: block; margin-right: 10px; } .user-cards .list .item .name { margin-top: 0; margin-bottom: 0; font-weight: normal; } .user-cards .list .item .meta { margin-top: 5px; } #search-repo-box .results, #search-user-box .results { padding: 0; position: absolute; } #search-repo-box .results .item, #search-user-box .results .item { padding: 10px 15px; border-bottom: 1px solid #DDD; cursor: pointer; } #search-repo-box .results .item:hover, #search-user-box .results .item:hover { background: rgba(0, 0, 0, 0.05) !important; color: rgba(0, 0, 0, 0.95) !important; } #search-repo-box .results .item img, #search-user-box .results .item img { margin-right: 8px; } .issue.list { list-style: none; padding-top: 15px; } .issue.list > .item { padding-top: 15px; padding-bottom: 10px; border-bottom: 1px dashed #AAA; } .issue.list > .item .title { color: #444; font-size: 15px; font-weight: bold; margin: 0 6px; } .issue.list > .item .title:hover { color: #000; } .issue.list > .item .comment { padding-right: 10px; color: #666; } .issue.list > .item .desc { padding-top: 5px; color: #999; } .issue.list > .item .desc a.milestone { padding-left: 5px; color: #999!important; } .issue.list > .item .desc a.milestone:hover { color: #000!important; } .issue.list > .item .desc .assignee { margin-top: -5px; margin-right: 5px; } .page.buttons { padding-top: 15px; } .ui.comments .dropzone { width: 100%; margin-bottom: 10px; border: 2px dashed #0087F7; box-shadow: none!important; } .ui.comments .dropzone .dz-error-message { top: 140px; } .settings .content { margin-top: 2px; } .settings .content > .header, .settings .content .segment { box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } .settings .key.list .item:not(:first-child) { border-top: 1px solid #eaeaea; } .settings .key.list .ssh-key-state-indicator { float: left; color: gray; padding-left: 10px; padding-top: 10px; } .settings .key.list .ssh-key-state-indicator.active { color: #6cc644; } .settings .key.list .meta { padding-top: 5px; } .settings .key.list .print { color: #767676; } .settings .key.list .activity { color: #666; } .settings .hook.list > .item:not(:first-child) { border-top: 1px solid #eaeaea; } .settings .hook.list .item { padding: 10px 20px; } .settings .hook.list .item .octicon, .settings .hook.list .item .fa { width: 20px; text-align: center; } .settings .hook.list .item a { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .settings .hook.history.list .item { padding-left: 13px; } .settings .hook.history.list .item .meta .ui.right { margin-top: 5px; } .settings .hook.history.list .item .meta .ui.right .time { font-size: 12px; } .settings .hook.history.list .item .info { margin-top: 10px; } .settings .hook.history.list .item .info .tabular.menu .item { font-weight: 500; } .settings .hook.history.list .item .info .tab.segment { border: none; padding: 0; padding-top: 10px; box-shadow: none; } .settings .hook.history.list .item .info .tab.segment > * { color: #666; } .settings .hook.history.list .item .info .tab.segment pre { word-wrap: break-word; } .settings .hook.history.list .item .info .tab.segment pre .hljs { padding: 0; background-color: inherit; } .ui.vertical.menu .header.item { font-size: 1.1em; background: #f0f0f0; } .edit-label.modal .form .column, .new-label.segment .form .column { padding-right: 0; } .edit-label.modal .form .buttons, .new-label.segment .form .buttons { margin-left: auto; padding-top: 15px; } .edit-label.modal .form .color.picker.column, .new-label.segment .form .color.picker.column { width: auto; } .edit-label.modal .form .color.picker.column .color-picker, .new-label.segment .form .color.picker.column .color-picker { height: 35px; width: auto; padding-left: 30px; } .edit-label.modal .form .minicolors-swatch.minicolors-sprite, .new-label.segment .form .minicolors-swatch.minicolors-sprite { top: 10px; left: 10px; width: 15px; height: 15px; } .edit-label.modal .form .precolors, .new-label.segment .form .precolors { padding-left: 0; padding-right: 0; margin: 3px 10px auto 10px; width: 120px; } .edit-label.modal .form .precolors .color, .new-label.segment .form .precolors .color { float: left; width: 15px; height: 15px; } #avatar-arrow:before, #avatar-arrow:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #avatar-arrow:before { border-right-color: #D4D4D5; border-width: 9px; margin-top: -9px; } #avatar-arrow:after { border-right-color: #f7f7f7; border-width: 8px; margin-top: -8px; } #transfer-repo-modal .ui.message, #delete-repo-modal .ui.message { width: 100%!important; } .organization { padding-top: 15px; padding-bottom: 80px; } .organization .head .ui.header .text { vertical-align: middle; font-size: 1.6rem; margin-left: 15px; } .organization .head .ui.header .ui.right { margin-top: 5px; } .organization.new.org form { margin: auto; width: 800px!important; } .organization.new.org form .ui.message { text-align: center; } .organization.new.org form .header { padding-left: 280px !important; } .organization.new.org form .inline.field > label { text-align: right; width: 250px !important; word-wrap: break-word; } .organization.new.org form .help { margin-left: 265px !important; } .organization.new.org form .optional .title { margin-left: 250px !important; } .organization.new.org form input, .organization.new.org form textarea { width: 50%!important; } .organization.options input { min-width: 300px; } .organization.profile #org-avatar { width: 100px; height: 100px; margin-right: 15px; } .organization.profile #org-info .ui.header { font-size: 36px; margin-bottom: 0; } .organization.profile #org-info .desc { font-size: 16px; margin-bottom: 10px; } .organization.profile #org-info .meta .item { display: inline-block; margin-right: 10px; } .organization.profile #org-info .meta .item .icon { margin-right: 5px; } .organization.profile .ui.top.header .ui.right { margin-top: 0; } .organization.profile .teams .item { padding: 10px 15px; } .organization.teams .members .ui.avatar, .organization.profile .members .ui.avatar { width: 48px; height: 48px; margin-right: 5px; } .organization.invite #invite-box { margin: auto; margin-top: 50px; width: 500px !important; } .organization.invite #invite-box #search-user-box input { margin-left: 0; width: 300px; } .organization.invite #invite-box .ui.button { margin-left: 5px; margin-top: -3px; } .organization.members .list .item { margin-left: 0; margin-right: 0; border-bottom: 1px solid #eee; } .organization.members .list .item .ui.avatar { width: 48px; height: 48px; } .organization.members .list .item .meta { line-height: 24px; } .organization.teams .detail .item { padding: 10px 15px; } .organization.teams .detail .item:not(:last-child) { border-bottom: 1px solid #eee; } .organization.teams .repositories .item, .organization.teams .members .item { padding: 10px 20px; line-height: 32px; } .organization.teams .repositories .item:not(:last-child), .organization.teams .members .item:not(:last-child) { border-bottom: 1px solid #DDD; } .organization.teams .repositories .item .button, .organization.teams .members .item .button { padding: 9px 10px; } .organization.teams #add-repo-form input, .organization.teams #add-member-form input { margin-left: 0; } .organization.teams #add-repo-form .ui.button, .organization.teams #add-member-form .ui.button { margin-left: 5px; margin-top: -3px; } .user:not(.icon) { padding-top: 15px; padding-bottom: 80px; } .user.settings .list .item.ui.grid { margin-top: 15px; } .user.settings .email.list .item:not(:first-child) { border-top: 1px solid #eaeaea; height: 50px; } .user.settings .email.list .item:not(:first-child) .button { margin-top: -10px; } .user.profile .ui.card #profile-avatar { height: 290px; } .user.profile .ui.card .username { display: block; } .user.profile .ui.card .extra.content { padding: 0; } .user.profile .ui.card .extra.content ul { margin: 0; padding: 0; } .user.profile .ui.card .extra.content ul li { padding: 10px; list-style: none; } .user.profile .ui.card .extra.content ul li:not(:last-child) { border-bottom: 1px solid #eaeaea; } .user.profile .ui.card .extra.content ul li .octicon { margin-left: 1px; margin-right: 5px; } .user.profile .ui.card .extra.content ul li.follow .ui.button { width: 100%; } .user.profile .ui.repository.list { margin-top: 25px; } .user.followers .header.name { font-size: 20px; line-height: 24px; vertical-align: middle; } .user.followers .follow .ui.button { padding: 8px 15px; } .dashboard { padding-top: 15px; padding-bottom: 80px; } .dashboard.feeds .context.user.menu, .dashboard.issues .context.user.menu { z-index: 101; min-width: 200px; } .dashboard.feeds .context.user.menu .ui.header, .dashboard.issues .context.user.menu .ui.header { font-size: 1rem; text-transform: none; } .dashboard.feeds .filter.menu .item, .dashboard.issues .filter.menu .item { text-align: left; } .dashboard.feeds .filter.menu .item .text, .dashboard.issues .filter.menu .item .text { height: 16px; vertical-align: middle; } .dashboard.feeds .filter.menu .item .text.truncate, .dashboard.issues .filter.menu .item .text.truncate { width: 85%; } .dashboard.feeds .filter.menu .item .floating.label, .dashboard.issues .filter.menu .item .floating.label { top: 7px; left: 90%; width: 15%; } .dashboard.feeds .filter.menu .jump.item, .dashboard.issues .filter.menu .jump.item { margin: 1px; padding-right: 0; } .dashboard.feeds .filter.menu .menu, .dashboard.issues .filter.menu .menu { max-height: 300px; overflow-x: auto; right: 0!important; left: auto!important; } .dashboard.feeds .ui.right .head.menu, .dashboard.issues .ui.right .head.menu { margin-top: -5px; } .dashboard.feeds .ui.right .head.menu .item.active, .dashboard.issues .ui.right .head.menu .item.active { color: #d9453d; } .feeds .news .ui.avatar { margin-top: 13px; } .feeds .news p { line-height: 1em; } .feeds .news .time-since { font-size: 13px; } .feeds .news .issue.title { line-height: 1.1em; width: 80%; } .feeds .news .push.news .content ul { font-size: 13px; list-style: none; padding-left: 10px; } .feeds .news .push.news .content ul img { margin-bottom: -2px; } .feeds .news .push.news .content ul .text.truncate { width: 80%; margin-bottom: -5px; } .feeds .news .commit-id { font-family: Consolas, monospace; } .feeds .news code { padding: 1px; font-size: 85%; background-color: rgba(0, 0, 0, 0.04); border-radius: 3px; word-break: break-all; } .feeds .list .header .ui.label { margin-top: -4px; padding: 4px 5px; font-weight: normal; } .feeds .list .header .plus.icon { margin-top: 5px; } .feeds .list ul { list-style: none; margin: 0; padding-left: 0; } .feeds .list ul li:not(:last-child) { border-bottom: 1px solid #EAEAEA; } .feeds .list ul li.private { background-color: #fcf8e9; } .feeds .list ul li a { padding: 6px 1.2em; display: block; } .feeds .list ul li a .octicon { color: #888; } .feeds .list ul li a .octicon.rear { font-size: 15px; } .feeds .list ul li a .star-num { font-size: 12px; } .feeds .list .repo-owner-name-list .item-name { max-width: 70%; margin-bottom: -4px; } .feeds .list #collaborative-repo-list .owner-and-repo { max-width: 80%; margin-bottom: -5px; } .feeds .list #collaborative-repo-list .owner-name { max-width: 120px; margin-bottom: -5px; } .admin { padding-top: 15px; padding-bottom: 80px; } .admin .table.segment { padding: 0; font-size: 13px; } .admin .table.segment:not(.striped) { padding-top: 5px; } .admin .table.segment:not(.striped) thead th:last-child { padding-right: 5px !important; } .admin .table.segment th { padding-top: 5px; padding-bottom: 5px; } .admin .table.segment:not(.select) th:first-of-type, .admin .table.segment:not(.select) td:first-of-type { padding-left: 15px !important; } .admin .ui.header, .admin .ui.segment { box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } .admin.user .email { max-width: 200px; } .admin dl.admin-dl-horizontal { padding: 20px; margin: 0; } .admin dl.admin-dl-horizontal dd { margin-left: 240px; } .admin dl.admin-dl-horizontal dt { font-weight: bolder; float: left; width: 250px; clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin.config #test-mail-btn { margin-left: 5px; } .explore { padding-top: 15px; padding-bottom: 80px; } .explore .navbar .octicon { width: 16px; text-align: center; } .ui.repository.list .item { padding-bottom: 25px; } .ui.repository.list .item:not(:first-child) { border-top: 1px solid #eee; padding-top: 25px; } .ui.repository.list .item .ui.header { font-size: 1.5rem; padding-bottom: 10px; } .ui.repository.list .item .ui.header .name { word-break: break-all; } .ui.repository.list .item .ui.header .metas { color: #888; font-size: 14px; font-weight: normal; } .ui.repository.list .item .ui.header .metas span:not(:last-child) { margin-right: 5px; } .ui.repository.list .item .time { font-size: 12px; color: #808080; } .ui.user.list .item { padding-bottom: 25px; } .ui.user.list .item:not(:first-child) { border-top: 1px solid #eee; padding-top: 25px; } .ui.user.list .item .ui.avatar.image { width: 40px; height: 40px; } .ui.user.list .item .description { margin-top: 5px; } .ui.user.list .item .description .octicon:not(:first-child) { margin-left: 5px; } .ui.user.list .item .description a { color: #333; } .ui.user.list .item .description a:hover { text-decoration: underline; }