diff options
Diffstat (limited to 'public/less')
| -rw-r--r-- | public/less/_base.less | 748 | ||||
| -rw-r--r-- | public/less/_repository.less | 3381 |
2 files changed, 2070 insertions, 2059 deletions
diff --git a/public/less/_base.less b/public/less/_base.less index a8a8f91a..4a010864 100644 --- a/public/less/_base.less +++ b/public/less/_base.less @@ -1,41 +1,46 @@ @footer-margin: 40px; body:not(.full-width) { - font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; - background-color: #fff; - overflow-y: scroll; - overflow-x: auto; - min-width: 1020px; + font-family: "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; + background-color: #fff; + overflow-y: scroll; + overflow-x: auto; + min-width: 1020px; } .ui.container:not(.fluid) { - width: 980px !important; + width: 980px !important; } -h1, h2, h3, h4, h5, +h1, +h2, +h3, +h4, +h5, .ui.header, .ui.menu, .ui.input input, .ui.button:not(.label) { - font-family: "PingFang SC", 'Hiragino Sans GB', "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; + font-family: "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important; } img { - border-radius: 3px; + border-radius: 3px; } -pre, code { - font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; - &.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; - } - &.wrap { - white-space: pre-wrap; - word-break: break-word; - } +pre, +code { + font-family: Consolas, Liberation Mono, Menlo, monospace; + &.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; + } + &.wrap { + white-space: pre-wrap; + word-break: break-word; + } } .dont-break-out { /* These are technically the same, but use both */ @@ -55,396 +60,397 @@ pre, code { hyphens: auto; } .full.height { - padding: 0; - margin: 0 0 -@footer-margin*2 0; - min-height: 100%; + padding: 0; + margin: 0 0 -@footer-margin*2 0; + min-height: 100%; } .following.bar { - z-index: 900; - left: 0; - width: 100%; - &.light { - background-color: white; - border-bottom: 1px solid #DDDDDD; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); - } - .column .menu { - margin-top: 0; - } - .top.menu a.item.brand { - padding-left: 0; + z-index: 900; + left: 0; + width: 100%; + &.light { + background-color: white; + border-bottom: 1px solid #dddddd; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04); + } + .column .menu { + margin-top: 0; + } + .top.menu a.item.brand { + padding-left: 0; padding-right: 0; - } - .brand .ui.mini.image { - width: 30px; - } - .top.menu a.item:hover, - .top.menu .dropdown.item:hover, - .top.menu .dropdown.item.active { - background-color: transparent; - } - .top.menu a.item:hover { - color: rgba(0,0,0,.45); - } - .top.menu .menu { - z-index: 900; - } - .icon, - .octicon { - margin-right: 5px !important; - } - .head.link.item { - padding-right: 0 !important; - } - .avatar > .ui.image { - margin-right: 0; - } - .avatar .octicon-triangle-down { - margin-top: 6.5px; - } - .searchbox { - background-color: rgb(244, 244, 244) !important; - &:focus { - background-color: rgb(233, 233, 233) !important; - } - } - .text .octicon { - width: 16px; - text-align: center; - } - .right.menu { - .menu { - left: auto; - right: 0; - } - .dropdown .menu { - margin-top: 0; - } - } + } + .brand .ui.mini.image { + width: 30px; + } + .top.menu a.item:hover, + .top.menu .dropdown.item:hover, + .top.menu .dropdown.item.active { + background-color: transparent; + } + .top.menu a.item:hover { + color: rgba(0, 0, 0, 0.45); + } + .top.menu .menu { + z-index: 900; + } + .icon, + .octicon { + margin-right: 5px !important; + } + .head.link.item { + padding-right: 0 !important; + } + .avatar > .ui.image { + margin-right: 0; + } + .avatar .octicon-triangle-down { + margin-top: 6.5px; + } + .searchbox { + background-color: rgb(244, 244, 244) !important; + &:focus { + background-color: rgb(233, 233, 233) !important; + } + } + .text .octicon { + width: 16px; + text-align: center; + } + .right.menu { + .menu { + left: auto; + right: 0; + } + .dropdown .menu { + margin-top: 0; + } + } } .ui { - &.left { - float: left; - } - &.right { - float: right; - } - - &.container { - &.fluid { - &.padded { - padding: 0 10px 0 10px; - } - } - } - - &.form { - .ui.button { - font-weight: normal; - } - .box.field { - padding-left: 27px; - } - } - - &.menu, - &.vertical.menu, - &.segment { - box-shadow: none; - } - - .text { - &.red { - color: #d95c5c !important; - a { - color: #d95c5c !important; - &:hover { - color: #E67777 !important; - } - } - } - &.blue { - color: #428bca !important; - a { - color: #15c !important; - &:hover { - color: #428bca !important; - } - } - } - &.black { - color: #444; - &:hover { - color: #000; - } - } - &.grey { - color: #767676 !important; - a { - color: #444 !important; - &:hover { - color: #000 !important; - } - } - } - &.light.grey { - color: #888 !important; - } - &.green { - color: #6cc644 !important; - } - &.purple { - color: #6e5494 !important; - } - &.yellow { - color: #FBBD08 !important; - } - &.gold { - color: #a1882b !important; - } - - &.left { - text-align: left !important; - } - &.right { - text-align: right !important; - } - &.small { - font-size: 0.75em; - } - &.normal { - font-weight: normal; - } - &.bold { - font-weight: bold; - } - &.italic { - font-style: italic; - } - - &.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: inline-block; - } - - &.thin { - font-weight: normal; - } - - &.middle { - vertical-align: middle; - } - } - - .message { - text-align: center; - } - - .header > i + .content { - padding-left: 0.75rem; - vertical-align: middle; - } - .warning { - &.header { - background-color: #F9EDBE !important; - border-color: #F0C36D; - } - &.segment { - border-color: #F0C36D; - } - } - .info { - &.segment { - border: 1px solid #c5d5dd; - &.top { - background-color: #e6f1f6 !important; - h3, h4 { - margin-top: 0; - } - h3:last-child { - margin-top: 4px; - } - > :last-child { - margin-bottom: 0; - } - } - } - } - - .normal.header { - font-weight: normal; - } - - .avatar.image { - border-radius: 3px; - } - - .form { - .fake { - display: none !important; - } - - .sub.field { - margin-left: 25px; - } - } - - .sha.label { - font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace; - font-size: 13px; - padding: 6px 10px 4px 10px; - font-weight: normal; - margin: 0 6px; - } - - &.status.buttons { - .octicon { - margin-right: 4px; - } - } - - &.inline.delete-button { - padding: 8px 15px; - font-weight: normal; - } + &.left { + float: left; + } + &.right { + float: right; + } + + &.container { + &.fluid { + &.padded { + padding: 0 10px 0 10px; + } + } + } + + &.form { + .ui.button { + font-weight: normal; + } + .box.field { + padding-left: 27px; + } + } + + &.menu, + &.vertical.menu, + &.segment { + box-shadow: none; + } + + .text { + &.red { + color: #d95c5c !important; + a { + color: #d95c5c !important; + &:hover { + color: #e67777 !important; + } + } + } + &.blue { + color: #428bca !important; + a { + color: #15c !important; + &:hover { + color: #428bca !important; + } + } + } + &.black { + color: #444; + &:hover { + color: #000; + } + } + &.grey { + color: #767676 !important; + a { + color: #444 !important; + &:hover { + color: #000 !important; + } + } + } + &.light.grey { + color: #888 !important; + } + &.green { + color: #6cc644 !important; + } + &.purple { + color: #6e5494 !important; + } + &.yellow { + color: #fbbd08 !important; + } + &.gold { + color: #a1882b !important; + } + + &.left { + text-align: left !important; + } + &.right { + text-align: right !important; + } + &.small { + font-size: 0.75em; + } + &.normal { + font-weight: normal; + } + &.bold { + font-weight: bold; + } + &.italic { + font-style: italic; + } + + &.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + } + + &.thin { + font-weight: normal; + } + + &.middle { + vertical-align: middle; + } + } + + .message { + text-align: center; + } + + .header > i + .content { + padding-left: 0.75rem; + vertical-align: middle; + } + .warning { + &.header { + background-color: #f9edbe !important; + border-color: #f0c36d; + } + &.segment { + border-color: #f0c36d; + } + } + .info { + &.segment { + border: 1px solid #c5d5dd; + &.top { + background-color: #e6f1f6 !important; + h3, + h4 { + margin-top: 0; + } + h3:last-child { + margin-top: 4px; + } + > :last-child { + margin-bottom: 0; + } + } + } + } + + .normal.header { + font-weight: normal; + } + + .avatar.image { + border-radius: 3px; + } + + .form { + .fake { + display: none !important; + } + + .sub.field { + margin-left: 25px; + } + } + + .sha.label { + font-family: Consolas, Liberation Mono, Menlo, monospace; + font-size: 13px; + padding: 6px 10px 4px 10px; + font-weight: normal; + margin: 0 6px; + } + + &.status.buttons { + .octicon { + margin-right: 4px; + } + } + + &.inline.delete-button { + padding: 8px 15px; + font-weight: normal; + } } .overflow.menu { - .items { - max-height: 300px; - overflow-y: auto; - .item { - position: relative; - cursor: pointer; - display: block; - border: none; - height: auto; - border-top: none; - line-height: 1em; - color: rgba(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; - &.active { - font-weight: 700; - } - &:hover { - background: rgba(0,0,0,.05); - color: rgba(0,0,0,.8); - z-index: 13; - } - } - } + .items { + max-height: 300px; + overflow-y: auto; + .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: 0.71428571em 1.14285714em !important; + font-size: 1rem; + text-transform: none; + font-weight: 400; + box-shadow: none; + -webkit-touch-callout: none; + &.active { + font-weight: 700; + } + &: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; - } + .item.selected { + font-weight: 700 !important; + } } footer { - margin-top: @footer-margin+14px !important; - height: @footer-margin; - background-color: white; - border-top: 1px solid #d6d6d6; - clear: both; - width: 100%; - color: #888888; - .container { - padding-top: 10px; - .fa { - width: 16px; - text-align: center; - color: #428bca; - } - .links >* { - border-left: 1px solid #d6d6d6; - padding-left: 8px; - margin-left: 5px; - &:first-child { - border-left: none; - } - } - } - - .ui.language .menu { - max-height: 500px; - overflow-y: auto; - margin-bottom: 7px; - } + margin-top: @footer-margin+14px !important; + height: @footer-margin; + background-color: white; + border-top: 1px solid #d6d6d6; + clear: both; + width: 100%; + color: #888888; + .container { + padding-top: 10px; + .fa { + width: 16px; + text-align: center; + color: #428bca; + } + .links > * { + border-left: 1px solid #d6d6d6; + padding-left: 8px; + margin-left: 5px; + &:first-child { + border-left: none; + } + } + } + + .ui.language .menu { + max-height: 500px; + overflow-y: auto; + margin-bottom: 7px; + } } .hide { - display: none; + display: none; } .display { - &.inline { - display: inline; - } + &.inline { + display: inline; + } } .center { - text-align: center; + text-align: center; } .no-padding-left { - padding-left: 0 !important; + padding-left: 0 !important; } .generate-img(16); .generate-img(@n, @i: 1) when (@i =< @n) { - .img-@{i} { - width: (2px * @i) !important; - height: (2px * @i) !important; - } - .generate-img(@n, (@i + 1)); + .img-@{i} { + width: (2px * @i) !important; + height: (2px * @i) !important; + } + .generate-img(@n, (@i + 1)); } // Accessibility .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; + 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; + 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%; - } + .ui.container { + width: 95%; + } } /* Overrides some styles of the Highlight.js plugin */ .hljs { - background: inherit !important; - padding: 0 !important; + background: inherit !important; + padding: 0 !important; } // Reset CSS to prevent UI breaks -.ui.dropdown .menu>.item>.image, -.ui.dropdown .menu>.item>img, -.ui.dropdown>.text>.image, -.ui.dropdown>.text>img { - vertical-align: middle; - margin-top: 0; - margin-bottom: 0; +.ui.dropdown .menu > .item > .image, +.ui.dropdown .menu > .item > img, +.ui.dropdown > .text > .image, +.ui.dropdown > .text > img { + vertical-align: middle; + margin-top: 0; + margin-bottom: 0; } diff --git a/public/less/_repository.less b/public/less/_repository.less index 5ddd1e2a..b02656dc 100644 --- a/public/less/_repository.less +++ b/public/less/_repository.less @@ -1,953 +1,952 @@ .repository { - @mega-octicon-width: 30px; - - padding-top: 15px; - padding-bottom: @footer-margin * 2; - - .head { - .column { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .ui.compact.menu { - margin-left: 1rem; - } - .ui.header { - margin-top: 0; - } - .mega-octicon { - width: @mega-octicon-width; - font-size: 30px; - } - .ui.huge.breadcrumb { - font-weight: 400; - font-size: 1.7rem; - } - .fork-flag { - margin-left: @mega-octicon-width + 8px; - margin-top: 3px; - display: block; - font-size: 12px; - white-space: nowrap; - } - .octicon.octicon-repo-forked { - margin-top: -1px; - font-size: 15px; - } - } - - .navbar { - .ui.label { - margin-top: -2px; - margin-left: 7px; - padding: 3px 5px; - } - } - - .owner.dropdown { - min-width: 40% !important; - } - - .metas { - .menu { - max-height: 300px; - overflow-x: auto; - } - .ui.list { - .hide { - display: none!important; - } - .item { - padding: 0px; - } - .label.color { - padding: 0 8px; - margin-right: 5px; - } - a { - margin: 2px 0; - .text { - color: #444; - &:hover { - color: #000; - } - } - } - } - } - .header-wrapper { - background-color: #FAFAFA; - margin-top: -15px; - padding-top: 15px; - - .ui.tabs.divider { - border-bottom: none; - } - .ui.tabular .octicon { - margin-right: 5px; - } - } - .filter.menu { - .label.color { - border-radius: 3px; - margin-left: 15px; - padding: 0 10px; - } - .octicon { - float: left; - margin-left: -5px; - margin-right: -7px; - width: 16px; - } - .menu { - max-height: 300px; - overflow-x: auto; - right: 0!important; - left: auto!important; - } - .dropdown.item { - margin: 1px; - padding-right: 0; - } - } - - .ui.tabs { - &.container { - margin-top: 14px; - margin-bottom: 0px; - .ui.menu { - border-bottom: none; - } - } - &.divider { - margin-top: 0; - margin-bottom: 20px; - } - } - - #clone-panel { - margin-top: -8px; - margin-left: 5px; - width: auto; - - input { - border-radius: 0; - padding: 5px 10px; - max-width: 190px; - width: 190px; - } - - .clone.button { - font-size: 13px; - padding: 0 5px; - &:first-child { - border-radius: .28571429rem 0 0 .28571429rem; - } - } - .icon.button { - padding: 0 10px; - } - .dropdown .menu { - right: 0!important; - left: auto!important; - } - } - - &.branches:not(.settings) { - .ui.list { - padding: 0; - >.item { - margin: 0; - line-height: 31px; - &:not(:last-child) { - border-bottom: 1px solid #DDD; - } - .column { - padding: 5px 15px; - .octicon { - vertical-align: text-bottom; - } - code { - padding: 4px 0; - font-size: 12px; - } - .ui.text:not(i) { - font-size: 12px; - } - .ui.button { - font-size: 12px; - padding: 8px 10px; - } - } - } - } - } - - &.file.list { - #repo-desc { - font-size: 1.2em; - } - .choose.reference { - .header .icon { - font-size: 1.4em; - } - } - #file-buttons { - font-weight: normal; - - .ui.button { - padding: 8px 10px; - font-weight: normal; - } - } - #git-stats { - padding: 10px; - line-height: 0; - .list { - width: 100%; - .item { - margin-left: 0; - width: 33.33%; - .text b { - font-size: 15px; - } - } - } - } - - #repo-files-table { - thead { - th { - padding-top: 8px; - padding-bottom: 5px; - font-weight: normal; - - &:first-child { - display: block; - position: relative; - width: 325%; - } - } - .ui.avatar { - margin-bottom: 5px; - } - } - tbody { - .octicon { - margin-left: 3px; - margin-right: 5px; - color: #777; - &.octicon-mail-reply { - margin-right: 10px; - } - &.octicon-file-directory, &.octicon-file-submodule { - color: #1e70bf; - } - } - } - td { - padding-top: 8px; - padding-bottom: 8px; - } - tr:hover { - background-color: #ffffEE; - } - } - - #file-content { - .header { - .octicon { - padding-right: 5px; - } - .icon { - font-size: 1em; - margin-top: -2px; - } - .file-actions { - padding-left: 20px; - .btn-octicon { - display: inline-block; - padding: 5px; - margin-left: 5px; - line-height: 1; - color: #767676; - vertical-align: middle; - background: transparent; - border: 0; - outline: none; - } - .btn-octicon:hover { - color: #4078c0; - } - .btn-octicon-danger:hover { - color: #bd2c00; - } - .btn-octicon.disabled { - color: #bbb; - cursor: default; - } - #delete-file-form { - display: inline-block; - } - } - } - .view-raw { - padding: 5px; - * { - max-width: 100%; - } - img { - margin-bottom: -5px; - } - } - - #ipython-notebook { - margin-left: 95px; - padding-top: 1px; - - .nb-notebook { - line-height: 1.5; - } - - .nb-stdout, .nb-stderr { - white-space: pre-wrap; - margin: 1em 0; - padding: 0.1em 0.5em; - } - - .nb-stderr { - background-color: #FAA; - } - - .nb-cell + .nb-cell { - margin-top: 0.5em; - } - - .nb-cell { - position: relative; - - &.nb-heading-cell { - margin-top: 0.5em; - } - - img { - max-width: 100%; - } - } - - .nb-raw-cell { - white-space: pre-wrap; - background-color: #f5f2f0; - font-family: Consolas, Monaco, 'Andale Mono', monospace; - padding: 1em; - margin: .5em 0; - } - - .nb-input:before, - .nb-output:before { - position: absolute; - font-family: monospace; - color: #999; - left: -7.5em; - width: 7em; - text-align: right; - } - .nb-input { - &:before { - content: "In [" attr(data-prompt-number) "]:"; - } - - pre { - background-color: #f7f7f7; - margin-right: 10px; - padding: 5px 10px; - - code { - min-height: 18px; - line-height: 18px; - font-size: 14px; - } - } - } - .nb-output{ - &:before { - content: "Out [" attr(data-prompt-number) "]:"; - } - - pre { - padding: 5px 10px; - font-size: 14px; - } - img { - max-width: 100%; - } - table { - border: 1px solid #000; - border-collapse: collapse; - } - th { - font-weight: bold; - } - th, - td { - border: 1px solid #000; - padding: 0.25em; - text-align: left; - vertical-align: middle; - border-collapse: collapse; - } - } - - .nb-markdown-cell { - margin-top: 10px; - margin-right: 10px; - padding: 10px; - } - - // Fix pandas dataframe formatting - div[style="max-height:1000px;max-width:1500px;overflow:auto;"] { - max-height: none !important; - } - } - - .plain-text { - font-size: 14px; - padding: 15px 15px 10px 15px; - font-family: Consolas; - } - .code-view { - * { - font-size: 12px; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 20px; - } - - table { - width: 100%; - tbody { - tr { - padding: 0 !important; - } - } - } - .lines-num { - vertical-align: top; - text-align: right; - color: #999; - background: #f5f5f5; - width: 42px; - - span { - line-height: 20px; - padding: 0 10px; - cursor: pointer; - display: block; - } - } - .lines-num, - .lines-code { - display: table-cell !important; - padding: 0 !important; - pre, - ol, - .hljs { - background-color: white; - margin: 0; - padding: 0 !important; - li { - display: inline-block; - width: 100%; - &.active { - background: #ffffdd; - } - &:before { - content: ' '; - } - } - } - } - } - } - - .sidebar { - padding-left: 0; - - .octicon { - width: 16px; - } - } - } - - &.file.editor { - .treepath { - width: 100%; - - input { - vertical-align: middle; - box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset; - width: inherit; - padding: 7px 8px; - margin-right: 5px; - } - } - - .tabular.menu { - .octicon { - margin-right: 5px; - } - } - - .commit-form-wrapper { - padding-left: 64px; - .commit-avatar { - float: left; - margin-left: -64px; - width: 3em; - height: auto; - } - .commit-form { - position: relative; - padding: 15px; - margin-bottom: 10px; - border: 1px solid #ddd; - border-radius: 3px; - #avatar-arrow; - &:after { - border-right-color: #fff; - } - - .quick-pull-choice { - .branch-name { - display: inline-block; - padding: 3px 6px; - font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; - color: rgba(0,0,0,0.65); - background-color: rgba(209,227,237,0.45); - border-radius: 3px; - } - .new-branch-name-input { - position: relative; - margin-left: 25px; - input { - width: 240px !important; - padding-left: 26px !important; - } - } - .octicon-git-branch { - position: absolute; - top: 9px; - left: 10px; - color: #b0c4ce; - } - } - } - } - } - - &.options { - #interval { - width: 100px!important; - min-width: 100px; - } - .danger { - .item { - padding: 20px 15px; - } - .ui.divider { - margin: 0; - } - } - } - - @comment-avatar-width: 3em; - &.new.issue { - .comment.form { - .comment { - .avatar { - width: @comment-avatar-width; - } - } - .content { - margin-left: 4em; - #avatar-arrow; - &:after { - border-right-color: #fff; - } - .markdown { - font-size: 14px; - } - } - .metas { - min-width: 220px; - .filter.menu { - max-height: 300px; - overflow-x: auto; - } - } - - } - } - &.view.issue { - .title { - padding-bottom: 0!important; - h1 { - font-weight: 300; - font-size: 2.3rem; - margin-bottom: 5px; - .ui.input { - font-size: 0.5em; - vertical-align: top; - width: 50%; - min-width: 600px; - input { - font-size: 1.5em; - padding: 6px 10px; - } - } - } - .index { - font-weight: 300; - color: #aaa; - letter-spacing: -1px; - } - .label { - margin-right: 10px; - } - .edit-zone { - margin-top: 10px; - } - } - .pull-desc { - code { - color: #0166E6; - } - } - .pull { - &.tabular.menu { - margin-bottom: 10px; - .octicon { - margin-right: 5px; - } - } - &.tab.segment { - border: none; - padding: 0; - padding-top: 10px; - box-shadow: none; - background-color: inherit; - } - .merge.box { - .avatar { - margin-left: 10px; - margin-top: 10px; - } - #commit_description { - height: auto; - } - } - } - .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; - } - .comment { - .avatar { - width: @comment-avatar-width; - } - .tag { - color: #767676; - margin-top: 3px; - padding: 2px 5px; - font-size: 12px; - border: 1px solid rgba(0,0,0,0.1); - border-radius: 3px; - } - .actions { - .item { - float: left; - &.tag { - margin-right: 5px; - } - &.action { - margin-top: 6px; - margin-left: 10px; - } - } - } - .content { - margin-left: 4em; - .header { - #avatar-arrow; - 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; - .text { - max-width: 78%; - padding-top: 10px; - padding-bottom: 10px; - } - } - .markdown { - font-size: 14px; - } - .no-content { - color: #767676; - font-style: italic; - } - > .bottom.segment { - background: #f3f4f5; - .ui.images::after { - clear: both; - content: ' '; - display: block; - } - a { - display: block; - float: left; - margin: 5px; - padding: 5px; - height: 150px; - border: solid 1px #eee; - border-radius: 3px; - max-width: 150px; - background-color: #fff; - &:before { - content:' '; - display: inline-block; - height: 100%; - vertical-align: middle; - } - } - .ui.image { - max-height: 100%; - width: auto; - margin: 0; - vertical-align: middle; - } - span.ui.image { - font-size: 8vw; - color: #000000; - } - span.ui.image:hover { - color: #000000; - } - } - } - - .ui.form { - .field:first-child { - clear: none; - } - .tab.segment { - border: none; - padding: 0; - padding-top: 10px; - } - textarea { - height: 200px; - font-family: "Consolas", monospace; - } - } - - .edit.buttons { - margin-top: 10px; - } - } - .event { - position: relative; - margin: 15px 0 15px 79px; - padding-left: 25px; - .octicon { - width: 30px; - float: left; - text-align: center; - &.octicon-circle-slash { - margin-top: 5px; - margin-left: -34.5px; - font-size: 20px; - color: #bd2c00; - } - &.octicon-primitive-dot { - margin-left: -28.5px; - margin-right: -1px; - font-size: 30px; - color: #6cc644; - } - &.octicon-bookmark { - margin-top: 3px; - margin-left: -31px; - margin-right: -1px; - font-size: 25px; - } - } - .detail { - font-size: 0.9rem; - margin-top: 5px; - margin-left: 35px; - .octicon { - &.octicon-git-commit { - margin-top: 2px; - } - } - } - } - } - .ui.segment.metas { - margin-top: -3px; - } - - .ui.participants { - img { - margin-top: 5px; - margin-right: 5px; - } - } - } - .comment.form { - .ui.comments { - margin-top: -12px; - max-width: 100%; - } - .content { - .field:first-child { - clear: none; - } - .form { - #avatar-arrow; - &:after { - border-right-color: #fff; - } - } - .tab.segment { - border: none; - padding: 0; - padding-top: 10px; - } - textarea { - height: 200px; - font-family: "Consolas", monospace; - } - } - } - - .label.list { - list-style: none; - padding-top: 15px; - >.item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed #AAA; - a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666; - &:hover { - color: #000; - } - &.open-issues { - margin-right: 30px; - } - } - .ui.label { - font-size: 1em; - } - } - } - - .milestone.list { - list-style: none; - padding-top: 15px; - > .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px dashed #AAA; - > a { - padding-top: 5px; - padding-right: 10px; - color: #000; - &:hover { - color: #4078c0; - } - } - .ui.progress { - width: 40%; - padding: 0; - border: 0; - margin: 0; - .bar { - height: 20px; - } - } - .meta { - color: #999; - padding-top: 5px; - .issue-stats .octicon{ - padding-left: 5px; - } - .overdue { - color: red; - } - } - .operate { - margin-top: -15px; - > a { - font-size: 15px; - padding-top: 5px; - padding-right: 10px; - color: #666; - &:hover { - color: #000; - } - } - } - .content { - padding-top: 10px; - } - } - } - &.new.milestone { - textarea { - height: 200px; - } - #deadline { - width: 150px; - } - } - - &.compare.pull { - .choose.branch { - .octicon { - padding-right: 10px; - } - } - .comment.form { - .content { - #avatar-arrow; - &:after { - border-right-color: #fff; - } - } - } - } - - .filter.dropdown .menu { - margin-top: 1px!important; + @mega-octicon-width: 30px; + + padding-top: 15px; + padding-bottom: @footer-margin * 2; + + .head { + .column { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .ui.compact.menu { + margin-left: 1rem; + } + .ui.header { + margin-top: 0; + } + .mega-octicon { + width: @mega-octicon-width; + font-size: 30px; + } + .ui.huge.breadcrumb { + font-weight: 400; + font-size: 1.7rem; + } + .fork-flag { + margin-left: @mega-octicon-width + 8px; + margin-top: 3px; + display: block; + font-size: 12px; + white-space: nowrap; + } + .octicon.octicon-repo-forked { + margin-top: -1px; + font-size: 15px; + } + } + + .navbar { + .ui.label { + margin-top: -2px; + margin-left: 7px; + padding: 3px 5px; + } + } + + .owner.dropdown { + min-width: 40% !important; + } + + .metas { + .menu { + max-height: 300px; + overflow-x: auto; + } + .ui.list { + .hide { + display: none !important; + } + .item { + padding: 0px; + } + .label.color { + padding: 0 8px; + margin-right: 5px; + } + a { + margin: 2px 0; + .text { + color: #444; + &:hover { + color: #000; + } + } + } + } + } + .header-wrapper { + background-color: #fafafa; + margin-top: -15px; + padding-top: 15px; + + .ui.tabs.divider { + border-bottom: none; + } + .ui.tabular .octicon { + margin-right: 5px; + } + } + .filter.menu { + .label.color { + border-radius: 3px; + margin-left: 15px; + padding: 0 10px; + } + .octicon { + float: left; + margin-left: -5px; + margin-right: -7px; + width: 16px; + } + .menu { + max-height: 300px; + overflow-x: auto; + right: 0 !important; + left: auto !important; + } + .dropdown.item { + margin: 1px; + padding-right: 0; + } + } + + .ui.tabs { + &.container { + margin-top: 14px; + margin-bottom: 0px; + .ui.menu { + border-bottom: none; + } + } + &.divider { + margin-top: 0; + margin-bottom: 20px; + } + } + + #clone-panel { + margin-top: -8px; + margin-left: 5px; + width: auto; + + input { + border-radius: 0; + padding: 5px 10px; + max-width: 190px; + width: 190px; + } + + .clone.button { + font-size: 13px; + padding: 0 5px; + &:first-child { + border-radius: 0.28571429rem 0 0 0.28571429rem; + } + } + .icon.button { + padding: 0 10px; + } + .dropdown .menu { + right: 0 !important; + left: auto !important; + } + } + + &.branches:not(.settings) { + .ui.list { + padding: 0; + > .item { + margin: 0; + line-height: 31px; + &:not(:last-child) { + border-bottom: 1px solid #ddd; + } + .column { + padding: 5px 15px; + .octicon { + vertical-align: text-bottom; + } + code { + padding: 4px 0; + font-size: 12px; + } + .ui.text:not(i) { + font-size: 12px; + } + .ui.button { + font-size: 12px; + padding: 8px 10px; + } + } + } + } + } + + &.file.list { + #repo-desc { + font-size: 1.2em; + } + .choose.reference { + .header .icon { + font-size: 1.4em; + } + } + #file-buttons { + font-weight: normal; + + .ui.button { + padding: 8px 10px; + font-weight: normal; + } + } + #git-stats { + padding: 10px; + line-height: 0; + .list { + width: 100%; + .item { + margin-left: 0; + width: 33.33%; + .text b { + font-size: 15px; + } + } + } + } + + #repo-files-table { + thead { + th { + padding-top: 8px; + padding-bottom: 5px; + font-weight: normal; + + &:first-child { + display: block; + position: relative; + width: 325%; + } + } + .ui.avatar { + margin-bottom: 5px; + } + } + tbody { + .octicon { + margin-left: 3px; + margin-right: 5px; + color: #777; + &.octicon-mail-reply { + margin-right: 10px; + } + &.octicon-file-directory, + &.octicon-file-submodule { + color: #1e70bf; + } + } + } + td { + padding-top: 8px; + padding-bottom: 8px; + } + tr:hover { + background-color: #ffffee; + } + } + + #file-content { + .header { + .octicon { + padding-right: 5px; + } + .icon { + font-size: 1em; + margin-top: -2px; + } + .file-actions { + padding-left: 20px; + .btn-octicon { + display: inline-block; + padding: 5px; + margin-left: 5px; + line-height: 1; + color: #767676; + vertical-align: middle; + background: transparent; + border: 0; + outline: none; + } + .btn-octicon:hover { + color: #4078c0; + } + .btn-octicon-danger:hover { + color: #bd2c00; + } + .btn-octicon.disabled { + color: #bbb; + cursor: default; + } + #delete-file-form { + display: inline-block; + } + } + } + .view-raw { + padding: 5px; + * { + max-width: 100%; + } + img { + margin-bottom: -5px; + } + } + + #ipython-notebook { + margin-left: 95px; + padding-top: 1px; + + .nb-notebook { + line-height: 1.5; + } + + .nb-stdout, + .nb-stderr { + white-space: pre-wrap; + margin: 1em 0; + padding: 0.1em 0.5em; + } + + .nb-stderr { + background-color: #faa; + } + + .nb-cell + .nb-cell { + margin-top: 0.5em; + } + + .nb-cell { + position: relative; + + &.nb-heading-cell { + margin-top: 0.5em; + } + + img { + max-width: 100%; + } + } + + .nb-raw-cell { + white-space: pre-wrap; + background-color: #f5f2f0; + font-family: Consolas, Liberation Mono, Menlo, monospace; + padding: 1em; + margin: 0.5em 0; + } + + .nb-input:before, + .nb-output:before { + position: absolute; + font-family: monospace; + color: #999; + left: -7.5em; + width: 7em; + text-align: right; + } + .nb-input { + &:before { + content: "In [" attr(data-prompt-number) "]:"; + } + + pre { + background-color: #f7f7f7; + margin-right: 10px; + padding: 5px 10px; + + code { + min-height: 18px; + line-height: 18px; + font-size: 14px; + } + } + } + .nb-output { + &:before { + content: "Out [" attr(data-prompt-number) "]:"; + } + + pre { + padding: 5px 10px; + font-size: 14px; + } + img { + max-width: 100%; + } + table { + border: 1px solid #000; + border-collapse: collapse; + } + th { + font-weight: bold; + } + th, + td { + border: 1px solid #000; + padding: 0.25em; + text-align: left; + vertical-align: middle; + border-collapse: collapse; + } + } + + .nb-markdown-cell { + margin-top: 10px; + margin-right: 10px; + padding: 10px; + } + + // Fix pandas dataframe formatting + div[style="max-height:1000px;max-width:1500px;overflow:auto;"] { + max-height: none !important; + } + } + + .plain-text { + font-size: 14px; + padding: 15px 15px 10px 15px; + font-family: Consolas; + } + .code-view { + * { + font-size: 12px; + font-family: Consolas, Liberation Mono, Menlo, monospace; + line-height: 20px; + } + + table { + width: 100%; + tbody { + tr { + padding: 0 !important; + } + } + } + .lines-num { + vertical-align: top; + text-align: right; + color: #999; + background: #f5f5f5; + width: 42px; + + span { + line-height: 20px; + padding: 0 10px; + cursor: pointer; + display: block; + } + } + .lines-num, + .lines-code { + display: table-cell !important; + padding: 0 !important; + pre, + ol, + .hljs { + background-color: white; + margin: 0; + padding: 0 !important; + li { + display: inline-block; + width: 100%; + padding-left: 5px; + &.active { + background: #ffffdd; + } + } + } + } + } + } + + .sidebar { + padding-left: 0; + + .octicon { + width: 16px; + } + } + } + + &.file.editor { + .treepath { + width: 100%; + + input { + vertical-align: middle; + box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 2px inset; + width: inherit; + padding: 7px 8px; + margin-right: 5px; + } + } + + .tabular.menu { + .octicon { + margin-right: 5px; + } + } + + .commit-form-wrapper { + padding-left: 64px; + .commit-avatar { + float: left; + margin-left: -64px; + width: 3em; + height: auto; + } + .commit-form { + position: relative; + padding: 15px; + margin-bottom: 10px; + border: 1px solid #ddd; + border-radius: 3px; + #avatar-arrow; + &:after { + border-right-color: #fff; + } + + .quick-pull-choice { + .branch-name { + display: inline-block; + padding: 3px 6px; + font: 12px Consolas, Liberation Mono, Menlo, monospace; + color: rgba(0, 0, 0, 0.65); + background-color: rgba(209, 227, 237, 0.45); + border-radius: 3px; + } + .new-branch-name-input { + position: relative; + margin-left: 25px; + input { + width: 240px !important; + padding-left: 26px !important; + } + } + .octicon-git-branch { + position: absolute; + top: 9px; + left: 10px; + color: #b0c4ce; + } + } + } + } + } + + &.options { + #interval { + width: 100px !important; + min-width: 100px; + } + .danger { + .item { + padding: 20px 15px; + } + .ui.divider { + margin: 0; + } + } + } + + @comment-avatar-width: 3em; + &.new.issue { + .comment.form { + .comment { + .avatar { + width: @comment-avatar-width; + } + } + .content { + margin-left: 4em; + #avatar-arrow; + &:after { + border-right-color: #fff; + } + .markdown { + font-size: 14px; + } + } + .metas { + min-width: 220px; + .filter.menu { + max-height: 300px; + overflow-x: auto; + } + } + } + } + &.view.issue { + .title { + padding-bottom: 0 !important; + h1 { + font-weight: 300; + font-size: 2.3rem; + margin-bottom: 5px; + .ui.input { + font-size: 0.5em; + vertical-align: top; + width: 50%; + min-width: 600px; + input { + font-size: 1.5em; + padding: 6px 10px; + } + } + } + .index { + font-weight: 300; + color: #aaa; + letter-spacing: -1px; + } + .label { + margin-right: 10px; + } + .edit-zone { + margin-top: 10px; + } + } + .pull-desc { + code { + color: #0166e6; + } + } + .pull { + &.tabular.menu { + margin-bottom: 10px; + .octicon { + margin-right: 5px; + } + } + &.tab.segment { + border: none; + padding: 0; + padding-top: 10px; + box-shadow: none; + background-color: inherit; + } + .merge.box { + .avatar { + margin-left: 10px; + margin-top: 10px; + } + #commit_description { + height: auto; + } + } + } + .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; + } + .comment { + .avatar { + width: @comment-avatar-width; + } + .tag { + color: #767676; + margin-top: 3px; + padding: 2px 5px; + font-size: 12px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 3px; + } + .actions { + .item { + float: left; + &.tag { + margin-right: 5px; + } + &.action { + margin-top: 6px; + margin-left: 10px; + } + } + } + .content { + margin-left: 4em; + .header { + #avatar-arrow; + 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; + .text { + max-width: 78%; + padding-top: 10px; + padding-bottom: 10px; + } + } + .markdown { + font-size: 14px; + } + .no-content { + color: #767676; + font-style: italic; + } + > .bottom.segment { + background: #f3f4f5; + .ui.images::after { + clear: both; + content: " "; + display: block; + } + a { + display: block; + float: left; + margin: 5px; + padding: 5px; + height: 150px; + border: solid 1px #eee; + border-radius: 3px; + max-width: 150px; + background-color: #fff; + &:before { + content: " "; + display: inline-block; + height: 100%; + vertical-align: middle; + } + } + .ui.image { + max-height: 100%; + width: auto; + margin: 0; + vertical-align: middle; + } + span.ui.image { + font-size: 8vw; + color: #000000; + } + span.ui.image:hover { + color: #000000; + } + } + } + + .ui.form { + .field:first-child { + clear: none; + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + } + textarea { + height: 200px; + font-family: Consolas, Liberation Mono, Menlo, monospace; + } + } + + .edit.buttons { + margin-top: 10px; + } + } + .event { + position: relative; + margin: 15px 0 15px 79px; + padding-left: 25px; + .octicon { + width: 30px; + float: left; + text-align: center; + &.octicon-circle-slash { + margin-top: 5px; + margin-left: -34.5px; + font-size: 20px; + color: #bd2c00; + } + &.octicon-primitive-dot { + margin-left: -28.5px; + margin-right: -1px; + font-size: 30px; + color: #6cc644; + } + &.octicon-bookmark { + margin-top: 3px; + margin-left: -31px; + margin-right: -1px; + font-size: 25px; + } + } + .detail { + font-size: 0.9rem; + margin-top: 5px; + margin-left: 35px; + .octicon { + &.octicon-git-commit { + margin-top: 2px; + } + } + } + } + } + .ui.segment.metas { + margin-top: -3px; + } + + .ui.participants { + img { + margin-top: 5px; + margin-right: 5px; + } + } + } + .comment.form { + .ui.comments { + margin-top: -12px; + max-width: 100%; + } + .content { + .field:first-child { + clear: none; + } + .form { + #avatar-arrow; + &:after { + border-right-color: #fff; + } + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + } + textarea { + height: 200px; + font-family: Consolas, Liberation Mono, Menlo, monospace; + } + } + } + + .label.list { + list-style: none; + padding-top: 15px; + > .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px dashed #aaa; + a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666; + &:hover { + color: #000; + } + &.open-issues { + margin-right: 30px; + } + } + .ui.label { + font-size: 1em; + } + } + } + + .milestone.list { + list-style: none; + padding-top: 15px; + > .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px dashed #aaa; + > a { + padding-top: 5px; + padding-right: 10px; + color: #000; + &:hover { + color: #4078c0; + } + } + .ui.progress { + width: 40%; + padding: 0; + border: 0; + margin: 0; + .bar { + height: 20px; + } + } + .meta { + color: #999; + padding-top: 5px; + .issue-stats .octicon { + padding-left: 5px; + } + .overdue { + color: red; + } + } + .operate { + margin-top: -15px; + > a { + font-size: 15px; + padding-top: 5px; + padding-right: 10px; + color: #666; + &:hover { + color: #000; + } + } + } + .content { + padding-top: 10px; + } + } + } + &.new.milestone { + textarea { + height: 200px; + } + #deadline { + width: 150px; + } + } + + &.compare.pull { + .choose.branch { + .octicon { + padding-right: 10px; + } + } + .comment.form { + .content { + #avatar-arrow; + &:after { + border-right-color: #fff; + } + } + } + } + + .filter.dropdown .menu { + margin-top: 1px !important; } &.diff { @@ -956,786 +955,792 @@ } } - &.commits { - .header { - .ui.right { - .search { - input { - font-weight: normal; - padding: 5px 10px; - } - } - } - } - } - #commits-table { - thead { - th:first-of-type { - padding-left: 15px; - } - .sha { - font-size: 13px; - padding: 6px 40px 4px 35px; - } - } - &.ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, .02)!important; - } - } - - .diff-detail-box { - margin: 15px 0; - line-height: 30px; - ol { - clear: both; - padding-left: 0; - margin-top: 5px; - margin-bottom: 28px; - li { - list-style: none; - padding-bottom: 4px; - margin-bottom: 4px; - border-bottom: 1px dashed #DDD; - padding-left: 6px; - } - } - span.status{ - display: inline-block; - width: 12px; - height: 12px; - margin-right: 8px; - vertical-align: middle; - &.modify { - background-color: #f0db88; - } - &.add { - background-color: #b4e2b4; - } - &.del { - background-color: #e9aeae; - } - &.rename { - background-color: #dad8ff; - } - } - } - .diff-box { - .count { - margin-right: 12px; - font-size: 13px; - - .bar { - background-color: #bd2c00; - height: 12px; - width: 40px; - display: inline-block; - margin: 2px 4px 0 4px; - vertical-align: text-top; - .add { - background-color: #55a532; - height: 12px; - } - } - } - .file { - color: #888; - } - } - .diff-file-box { - .header { - background-color: #f7f7f7; - } - .file-body.file-code { - .lines-num { - text-align: right; - color: #A7A7A7; - background: #fafafa; - width: 1%; - - span.fold { - display: block; - text-align: center; - } - } - .lines-num-old { - border-right: 1px solid #DDD; - } - } - .code-diff { - font-size: 12px; - - td { - padding: 0; - padding-left: 10px; - border-top: none; - } - pre { - margin: 0; - } - .lines-num { - border-right: 1px solid #d4d4d5; - padding: 0 5px; - user-select: none; - - &::before { - content: attr(data-line-number); - } - - &.lines-num-old, &.lines-num-new { - cursor: pointer; - &:hover { - color: #383636; - } - } - } - tbody { - tr { - - &.tag-code { - td { - background-color: #F0F0F0 !important; - border-color: #D2CECE!important; - padding-top: 4px; - padding-bottom: 4px; - } - td.halfwidth { - width: 50%; - } - } - &.same-code { - td.active { - background-color: #ffffdd !important; - } - } - &.del-code { - // Duplicate here to enforce add code color. - td.add-code { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; - pre { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; - - } - } - td { - background-color: #ffecec !important; - border-color: #f1c0c0 !important; - } - td.active { - background-color: #ffffdd !important; - } - - td.halfwidth { - width: 50%; - } - } - &.add-code { - td { - background-color: #eaffea !important; - border-color: #c1e9c1 !important; - } - td.halfwidth { - width: 50%; - } - td.active { - background-color: #ffffdd !important; - } - } - - .removed-code { - background-color: #ff9999; - } - .added-code { - background-color: #99ff99; - } - } - } - } - &.file-content { - img { - max-width: 100%; - padding: 5px 5px 0 5px; - } - } - } - .code-view { - overflow: auto; - overflow-x: auto; - overflow-y: hidden; - - table { - width: 100%; - border-spacing: 0; - } - } - - &.quickstart { - .guide { - .item { - padding: 1em; - small { - font-weight: normal; - } - } - .clone.button:first-child { - border-radius: .28571429rem 0 0 .28571429rem; - } - .ui.action.small.input { - width: 100%; - } - #repo-clone-url { - border-radius: 0; - padding: 5px 10px; - font-size: 1.2em; - } - } - } - - &.release { - #release-list { - border-top: 1px solid #DDD; - margin-top: 20px; - padding-top: 15px; - - >li { - list-style: none; - - .meta, - .detail { - padding-top: 30px; - padding-bottom: 40px; - } - .meta { - text-align: right; - position: relative; - - .tag:not(.icon) { - display: block; - margin-top: 6px; - } - .commit { - display: block; - margin-top: 6px; - } - } - .detail { - border-left: 1px solid #DDD; - - .author { - img { - margin-bottom: -3px; - } - } - .download { - margin-top: 20px; - - >a { - .octicon { - margin-left: 5px; - margin-right: 5px; - } - } - - .list { - padding-left: 0; - border-top: 1px solid #eee; - - li { - list-style: none; - display: block; - padding-top: 8px; - padding-bottom: 8px; - border-bottom: 1px solid #eee; - } - } - } - .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; - } - } - } - } - } - &.new.release { - .target { - min-width: 500px; - - #tag-name { - margin-top: -4px; - } - - .at { - margin-left: -5px; - margin-right: 5px; - } - .dropdown.icon { - margin: 0; - padding-top: 3px; - } - .selection.dropdown { - padding-top: 10px; - padding-bottom: 10px; - } - } - .prerelease.field { - margin-bottom: 0; - } - } - - &.forks { - .list { - margin-top: 0; - - .item { - padding-top: 10px; - padding-bottom: 10px; - border-bottom: 1px solid #DDD; - - .ui.avatar { - float: left; - margin-right: 5px; - } - .link { - padding-top: 5px; - } - } - } - } - - &.wiki { - &.start { - .ui.segment { - padding-top: 70px; - padding-bottom: 100px; - - .mega-octicon { - font-size: 48px; - } - } - } - - &.new { - .CodeMirror { - .CodeMirror-code { - font-family: "Consolas", monospace; - .cm-comment { - background: inherit; - } - } - } - - .editor-preview { - background-color: white; - } - } - - &.view { - .choose.page { - margin-top: -5px; - } - - .ui.sub.header { - text-transform: none; - } - .markdown { - padding-left: 25px; - margin-left: -25px; - - h1, h2, h3, h4, h5, h6 { - &:first-of-type { - margin-top: 0; - } - } - } - } - } - - &.settings { - &.collaboration { - .collaborator.list { - padding: 0; - - >.item { - margin: 0; - line-height: 2em; - - &:not(:last-child) { - border-bottom: 1px solid #DDD; - } - } - } - - #repo-collab-form { - #search-user-box { - .results { - left: 7px; - } - } - .ui.button { - margin-left: 5px; - margin-top: -3px; - } - } - } - - &.settings.branches { - .protected-branches { - .selection.dropdown { - width: 300px; - } - .item { - border: 1px solid #eaeaea; - padding: 10px 15px; - - &:not(:last-child) { - border-bottom: 0; - } - } - } - .branch-protection { - .help { - margin-left: 26px; - padding-top: 0; - } - .fields { - margin-left: 20px; - display: block; - } - .whitelist { - margin-left: 26px; - - .dropdown img { - display: inline-block; - } - } - } - } - - &.webhooks { - .types { - .menu .item { - padding: 10px !important; - } - } - - .logo.item img { - margin-top: -4px; - } - } - - &.webhook { - .text.desc { - margin-top: 5px; - } - .events { - .column { - padding-bottom: 0; - } - .help { - font-size: 13px; - margin-left: 26px; - padding-top: 0; - } - } - } - } + &.commits { + .header { + .ui.right { + .search { + input { + font-weight: normal; + padding: 5px 10px; + } + } + } + } + } + #commits-table { + thead { + th:first-of-type { + padding-left: 15px; + } + .sha { + font-size: 13px; + padding: 6px 40px 4px 35px; + } + } + &.ui.basic.striped.table tbody tr:nth-child(2n) { + background-color: rgba(0, 0, 0, 0.02) !important; + } + } + + .diff-detail-box { + margin: 15px 0; + line-height: 30px; + ol { + clear: both; + padding-left: 0; + margin-top: 5px; + margin-bottom: 28px; + li { + list-style: none; + padding-bottom: 4px; + margin-bottom: 4px; + border-bottom: 1px dashed #ddd; + padding-left: 6px; + } + } + span.status { + display: inline-block; + width: 12px; + height: 12px; + margin-right: 8px; + vertical-align: middle; + &.modify { + background-color: #f0db88; + } + &.add { + background-color: #b4e2b4; + } + &.del { + background-color: #e9aeae; + } + &.rename { + background-color: #dad8ff; + } + } + } + .diff-box { + .count { + margin-right: 12px; + font-size: 13px; + + .bar { + background-color: #bd2c00; + height: 12px; + width: 40px; + display: inline-block; + margin: 2px 4px 0 4px; + vertical-align: text-top; + .add { + background-color: #55a532; + height: 12px; + } + } + } + .file { + color: #888; + } + } + .diff-file-box { + .header { + background-color: #f7f7f7; + } + .file-body.file-code { + .lines-num { + text-align: right; + color: #a7a7a7; + background: #fafafa; + width: 1%; + + span.fold { + display: block; + text-align: center; + } + } + .lines-num-old { + border-right: 1px solid #ddd; + } + } + .code-diff { + font-size: 12px; + + td { + padding: 0; + padding-left: 10px; + border-top: none; + } + pre { + margin: 0; + } + .lines-num { + border-right: 1px solid #d4d4d5; + padding: 0 5px; + user-select: none; + + &::before { + content: attr(data-line-number); + font: Consolas, Liberation Mono, Menlo, monospace; + } + + &.lines-num-old, + &.lines-num-new { + cursor: pointer; + &:hover { + color: #383636; + } + } + } + tbody { + tr { + &.tag-code { + td { + background-color: #f0f0f0 !important; + border-color: #d2cece !important; + padding-top: 4px; + padding-bottom: 4px; + } + td.halfwidth { + width: 50%; + } + } + &.same-code { + td.active { + background-color: #ffffdd !important; + } + } + &.del-code { + // Duplicate here to enforce add code color. + td.add-code { + background-color: #eaffea !important; + border-color: #c1e9c1 !important; + pre { + background-color: #eaffea !important; + border-color: #c1e9c1 !important; + } + } + td { + background-color: #ffecec !important; + border-color: #f1c0c0 !important; + } + td.active { + background-color: #ffffdd !important; + } + + td.halfwidth { + width: 50%; + } + } + &.add-code { + td { + background-color: #eaffea !important; + border-color: #c1e9c1 !important; + } + td.halfwidth { + width: 50%; + } + td.active { + background-color: #ffffdd !important; + } + } + + .removed-code { + background-color: #ff9999; + } + .added-code { + background-color: #99ff99; + } + } + } + } + &.file-content { + img { + max-width: 100%; + padding: 5px 5px 0 5px; + } + } + } + .code-view { + overflow: auto; + overflow-x: auto; + overflow-y: hidden; + + table { + width: 100%; + border-spacing: 0; + } + } + + &.quickstart { + .guide { + .item { + padding: 1em; + small { + font-weight: normal; + } + } + .clone.button:first-child { + border-radius: 0.28571429rem 0 0 0.28571429rem; + } + .ui.action.small.input { + width: 100%; + } + #repo-clone-url { + border-radius: 0; + padding: 5px 10px; + font-size: 1.2em; + } + } + } + + &.release { + #release-list { + border-top: 1px solid #ddd; + margin-top: 20px; + padding-top: 15px; + + > li { + list-style: none; + + .meta, + .detail { + padding-top: 30px; + padding-bottom: 40px; + } + .meta { + text-align: right; + position: relative; + + .tag:not(.icon) { + display: block; + margin-top: 6px; + } + .commit { + display: block; + margin-top: 6px; + } + } + .detail { + border-left: 1px solid #ddd; + + .author { + img { + margin-bottom: -3px; + } + } + .download { + margin-top: 20px; + + > a { + .octicon { + margin-left: 5px; + margin-right: 5px; + } + } + + .list { + padding-left: 0; + border-top: 1px solid #eee; + + li { + list-style: none; + display: block; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px solid #eee; + } + } + } + .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; + } + } + } + } + } + &.new.release { + .target { + min-width: 500px; + + #tag-name { + margin-top: -4px; + } + + .at { + margin-left: -5px; + margin-right: 5px; + } + .dropdown.icon { + margin: 0; + padding-top: 3px; + } + .selection.dropdown { + padding-top: 10px; + padding-bottom: 10px; + } + } + .prerelease.field { + margin-bottom: 0; + } + } + + &.forks { + .list { + margin-top: 0; + + .item { + padding-top: 10px; + padding-bottom: 10px; + border-bottom: 1px solid #ddd; + + .ui.avatar { + float: left; + margin-right: 5px; + } + .link { + padding-top: 5px; + } + } + } + } + + &.wiki { + &.start { + .ui.segment { + padding-top: 70px; + padding-bottom: 100px; + + .mega-octicon { + font-size: 48px; + } + } + } + + &.new { + .CodeMirror { + .CodeMirror-code { + font-family: Consolas, Liberation Mono, Menlo, monospace; + .cm-comment { + background: inherit; + } + } + } + + .editor-preview { + background-color: white; + } + } + + &.view { + .choose.page { + margin-top: -5px; + } + + .ui.sub.header { + text-transform: none; + } + .markdown { + padding-left: 25px; + margin-left: -25px; + + h1, + h2, + h3, + h4, + h5, + h6 { + &:first-of-type { + margin-top: 0; + } + } + } + } + } + + &.settings { + &.collaboration { + .collaborator.list { + padding: 0; + + > .item { + margin: 0; + line-height: 2em; + + &:not(:last-child) { + border-bottom: 1px solid #ddd; + } + } + } + + #repo-collab-form { + #search-user-box { + .results { + left: 7px; + } + } + .ui.button { + margin-left: 5px; + margin-top: -3px; + } + } + } + + &.settings.branches { + .protected-branches { + .selection.dropdown { + width: 300px; + } + .item { + border: 1px solid #eaeaea; + padding: 10px 15px; + + &:not(:last-child) { + border-bottom: 0; + } + } + } + .branch-protection { + .help { + margin-left: 26px; + padding-top: 0; + } + .fields { + margin-left: 20px; + display: block; + } + .whitelist { + margin-left: 26px; + + .dropdown img { + display: inline-block; + } + } + } + } + + &.webhooks { + .types { + .menu .item { + padding: 10px !important; + } + } + + .logo.item img { + margin-top: -4px; + } + } + + &.webhook { + .text.desc { + margin-top: 5px; + } + .events { + .column { + padding-bottom: 0; + } + .help { + font-size: 13px; + margin-left: 26px; + padding-top: 0; + } + } + } + } } // End of .repository // Should apply organization webhooks page .webhook .hook.history.list { - .right.menu { - .redelivery.button { - font-size: 12px; - margin-top: 6px; - height: 30px; - .octicon { - font: normal normal normal 13px/1 Octicons; - width: 12px; - } - } - } + .right.menu { + .redelivery.button { + font-size: 12px; + margin-top: 6px; + height: 30px; + .octicon { + font: normal normal normal 13px/1 Octicons; + width: 12px; + } + } + } } &.user-cards { - .list { - padding: 0; - - .item { - list-style: none; - width: 32%; - margin: 10px 10px 10px 0; - padding-bottom: 14px; - float: left; - - .avatar { - width: 48px; - height: 48px; - float: left; - display: block; - margin-right: 10px; - } - .name { - margin-top: 0; - margin-bottom: 0; - font-weight: normal; - } - .meta { - margin-top: 5px; - } - } - } + .list { + padding: 0; + + .item { + list-style: none; + width: 32%; + margin: 10px 10px 10px 0; + padding-bottom: 14px; + float: left; + + .avatar { + width: 48px; + height: 48px; + float: left; + display: block; + margin-right: 10px; + } + .name { + margin-top: 0; + margin-bottom: 0; + font-weight: normal; + } + .meta { + margin-top: 5px; + } + } + } } #search-repo-box, #search-user-box { - .results { - padding: 0; - position: absolute; - - .item { - padding: 10px 15px; - border-bottom: 1px solid #DDD; - cursor: pointer; - - &:hover { - background: rgba(0,0,0,.05)!important; - color: rgba(0,0,0,.95)!important; - } - img { - margin-right: 8px; - } - } - } + .results { + padding: 0; + position: absolute; + + .item { + padding: 10px 15px; + border-bottom: 1px solid #ddd; + cursor: pointer; + + &:hover { + background: rgba(0, 0, 0, 0.05) !important; + color: rgba(0, 0, 0, 0.95) !important; + } + img { + margin-right: 8px; + } + } + } } .issue.list { - list-style: none; - padding-top: 15px; - >.item { - padding-top: 15px; - padding-bottom: 10px; - border-bottom: 1px dashed #AAA; - .title { - color: #444; - font-size: 15px; - font-weight: bold; - margin: 0 6px; - &:hover { - color: #000; - } - } - .comment { - padding-right: 10px; - color: #666; - } - .desc { - padding-top: 5px; - color: #999; - a.milestone { - padding-left: 5px; - color: #999!important; - &:hover { - color: #000!important; - } - } - .assignee { - margin-top: -5px; - margin-right: 5px; - } - } - } + list-style: none; + padding-top: 15px; + > .item { + padding-top: 15px; + padding-bottom: 10px; + border-bottom: 1px dashed #aaa; + .title { + color: #444; + font-size: 15px; + font-weight: bold; + margin: 0 6px; + &:hover { + color: #000; + } + } + .comment { + padding-right: 10px; + color: #666; + } + .desc { + padding-top: 5px; + color: #999; + a.milestone { + padding-left: 5px; + color: #999 !important; + &:hover { + color: #000 !important; + } + } + .assignee { + margin-top: -5px; + margin-right: 5px; + } + } + } } .page.buttons { - padding-top: 15px; + padding-top: 15px; } .ui.form { - .dropzone { - width: 100%; - margin-bottom: 10px; - border: 2px dashed #0087F7; - box-shadow: none!important; - .dz-error-message { - top: 140px; - } - } + .dropzone { + width: 100%; + margin-bottom: 10px; + border: 2px dashed #0087f7; + box-shadow: none !important; + .dz-error-message { + top: 140px; + } + } } .settings { - .content { - margin-top: 2px; - } - .key.list { - .item:not(:first-child) { - border-top: 1px solid #eaeaea; - } - .ssh-key-state-indicator { - float: left; - color: gray; - padding-left: 10px; - padding-top: 10px; - &.active { - color: #6cc644; - } - } - .meta { - padding-top: 5px; - } - .print { - color: #767676; - } - .activity { - color: #666; - } - } - .hook.list { - > .item:not(:first-child) { - border-top: 1px solid #eaeaea; - } - .item { - padding: 10px 20px; - .octicon, - .fa { - width: 20px; - text-align: center; - } - a { - .dont-break-out; - } - } - } - .hook.history.list { - .item { - padding-left: 13px; - .meta { - .ui.right { - margin-top: 5px; - .time { - font-size: 12px; - } - } - } - .info { - margin-top: 10px; - .tabular.menu { - .item { - font-weight: 500; - } - } - .tab.segment { - border: none; - padding: 0; - padding-top: 10px; - box-shadow: none; - > * { - color: #666; - } - pre { - word-wrap: break-word; - .hljs { - padding: 0; - background-color: inherit; - } - } - } - } - } - } + .content { + margin-top: 2px; + } + .key.list { + .item:not(:first-child) { + border-top: 1px solid #eaeaea; + } + .ssh-key-state-indicator { + float: left; + color: gray; + padding-left: 10px; + padding-top: 10px; + &.active { + color: #6cc644; + } + } + .meta { + padding-top: 5px; + } + .print { + color: #767676; + } + .activity { + color: #666; + } + } + .hook.list { + > .item:not(:first-child) { + border-top: 1px solid #eaeaea; + } + .item { + padding: 10px 20px; + .octicon, + .fa { + width: 20px; + text-align: center; + } + a { + .dont-break-out; + } + } + } + .hook.history.list { + .item { + padding-left: 13px; + .meta { + .ui.right { + margin-top: 5px; + .time { + font-size: 12px; + } + } + } + .info { + margin-top: 10px; + .tabular.menu { + .item { + font-weight: 500; + } + } + .tab.segment { + border: none; + padding: 0; + padding-top: 10px; + box-shadow: none; + > * { + color: #666; + } + pre { + word-wrap: break-word; + .hljs { + padding: 0; + background-color: inherit; + } + } + } + } + } + } } .ui.vertical.menu { - .header.item { - font-size: 1.1em; - background: #f0f0f0; - } + .header.item { + font-size: 1.1em; + background: #f0f0f0; + } } .edit-label.modal, .new-label.segment { - .form { - .column { - padding-right: 0; - } - .buttons { - margin-left: auto; - padding-top: 15px; - } - .color.picker.column { - width: auto; - .color-picker { - height: 35px; - width: auto; - padding-left: 30px; - } - } - .minicolors-swatch.minicolors-sprite { - top: 10px; - left: 10px; - width: 15px; - height: 15px; - } - .precolors { - padding-left: 0; - padding-right: 0; - margin: 3px 10px auto 10px; - width: 120px; - .color { - float: left; - width: 15px; - height: 15px; - } - } - } + .form { + .column { + padding-right: 0; + } + .buttons { + margin-left: auto; + padding-top: 15px; + } + .color.picker.column { + width: auto; + .color-picker { + height: 35px; + width: auto; + padding-left: 30px; + } + } + .minicolors-swatch.minicolors-sprite { + top: 10px; + left: 10px; + width: 15px; + height: 15px; + } + .precolors { + padding-left: 0; + padding-right: 0; + margin: 3px 10px auto 10px; + width: 120px; + .color { + float: left; + width: 15px; + height: 15px; + } + } + } } #avatar-arrow { - &:before, &:after { - right: 100%; - top: 20px; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; - } - &:before { - border-right-color: #D4D4D5; - border-width: 9px; - margin-top: -9px; - } - &:after { - border-right-color: #f7f7f7; - border-width: 8px; - margin-top: -8px; - } + &:before, + &:after { + right: 100%; + top: 20px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + } + &:before { + border-right-color: #d4d4d5; + border-width: 9px; + margin-top: -9px; + } + &:after { + border-right-color: #f7f7f7; + border-width: 8px; + margin-top: -8px; + } } #transfer-repo-modal, #delete-repo-modal { - .ui.message { - width: 100%!important; - } + .ui.message { + width: 100% !important; + } } // generate .tab-size-{i} from 1 to 16 .generate-tab-size(16); .generate-tab-size(@n, @i: 1) when (@i =< @n) { - .tab-size-@{i} { - tab-size: @i !important; - -moz-tab-size: @i !important; - } - .generate-tab-size(@n, (@i + 1)); + .tab-size-@{i} { + tab-size: @i !important; + -moz-tab-size: @i !important; + } + .generate-tab-size(@n, (@i + 1)); } |