.PHONY: css
css: npm
- npx stylelint public/less
- npx lessc --clean-css="--s0 -b" public/less/index.less public/css/index.css
- $(foreach file, $(filter-out public/less/themes/_base.less, $(wildcard public/less/themes/*)),npx lessc --clean-css="--s0 -b" public/less/themes/$(notdir $(file)) > public/css/theme-$(notdir $(call strip-suffix,$(file))).css;)
+ npx stylelint web_src/less
+ npx lessc --clean-css="--s0 -b" web_src/less/index.less public/css/index.css
+ $(foreach file, $(filter-out web_src/less/themes/_base.less, $(wildcard web_src/less/themes/*)),npx lessc --clean-css="--s0 -b" web_src/less/themes/$(notdir $(file)) > public/css/theme-$(notdir $(call strip-suffix,$(file))).css;)
npx postcss --use autoprefixer --no-map --replace public/css/*
@diff=$$(git diff public/css/*); \
+++ /dev/null
-.admin {
- padding-top: 15px;
-
- .table.segment {
- padding: 0;
- font-size: 13px;
-
- &:not(.striped) {
- padding-top: 5px;
-
- thead {
- th:last-child {
- padding-right: 5px !important;
- }
- }
- }
-
- th {
- padding-top: 5px;
- padding-bottom: 5px;
- }
-
- &:not(.select) {
- th,
- td {
- &:first-of-type {
- padding-left: 15px !important;
- }
- }
- }
- }
-
- .ui.header,
- .ui.segment {
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
- }
-
- &.user {
- .email {
- max-width: 200px;
- }
- }
-
- dl.admin-dl-horizontal {
- padding: 20px;
- margin: 0;
-
- dd {
- margin-left: 275px;
- }
-
- dt {
- font-weight: bolder;
- float: left;
- width: 285px;
- clear: left;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
-
- &.config {
- #test-mail-btn {
- margin-left: 5px;
- }
- }
-
- code,
- pre {
- white-space: pre-wrap;
- word-wrap: break-word;
- }
-}
+++ /dev/null
-@font-face {
- font-family: 'Lato';
- src: url('../vendor/assets/lato-fonts/lato-regular.eot');
- src: url('../vendor/assets/lato-fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-regular.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-regular.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-regular.ttf') format('truetype');
- font-weight: 400;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Lato';
- src: url('../vendor/assets/lato-fonts/lato-italic.eot');
- src: url('../vendor/assets/lato-fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-italic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-italic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-italic.ttf') format('truetype');
- font-weight: 400;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'Lato';
- src: url('../vendor/assets/lato-fonts/lato-bold.eot');
- src: url('../vendor/assets/lato-fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bold.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bold.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bold.ttf') format('truetype');
- font-weight: 700;
- font-style: normal;
-}
-
-@font-face {
- font-family: 'Lato';
- src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot');
- src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bolditalic.ttf') format('truetype');
- font-weight: 700;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'Yu Gothic';
- src: local('Yu Gothic Medium');
- font-weight: 400;
-}
-
-@font-face {
- font-family: 'Yu Gothic';
- src: local('Yu Gothic Bold');
- font-weight: 700;
-}
-
-@default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial;
-@monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console';
-
-.override-fonts(@fonts) {
- textarea {
- font-family: @fonts, sans-serif;
- }
-
- .markdown:not(code) {
- font-family: @fonts, sans-serif;
- }
-
- /* We're going to just override the semantic fonts here */
- h1,
- h2,
- h3,
- h4,
- h5 {
- font-family: Lato, @fonts, sans-serif;
- }
-
- .home .hero h1,
- .home .hero h2 {
- font-family: 'PT Sans Narrow', Lato, @fonts, sans-serif;
- }
-
- .ui.accordion .title:not(.ui),
- .ui.button,
- .ui.card > .content > .header.ui.card > .content > .header,
- .ui.category.search > .results .category > .name,
- .ui.form input:not([type]),
- .ui.form input[type="date"],
- .ui.form input[type="datetime-local"],
- .ui.form input[type="email"],
- .ui.form input[type="file"],
- .ui.form input[type="number"],
- .ui.form input[type="password"],
- .ui.form input[type="search"],
- .ui.form input[type="tel"],
- .ui.form input[type="text"],
- .ui.form input[type="time"],
- .ui.form input[type="url"],
- .ui.header,
- .ui.items > .item > .content > .header,
- .ui.list .list > .item .header,
- .ui.list > .item .header,
- .ui.menu,
- .ui.message .header,
- .ui.modal > .header,
- .ui.popup > .header,
- .ui.search > .results .result .title,
- .ui.search > .results > .message .header,
- body,
- .ui.input > input,
- .ui.input input,
- .ui.statistics .statistic > .value,
- .ui.statistic > .value,
- .ui.statistics .statistic > .label,
- .ui.statistic > .label,
- .ui.steps .step .title,
- .ui.text.container,
- .ui.language > .menu > .item& {
- font-family: Lato, @fonts, sans-serif;
- }
-}
-
-.override-fonts(@default-fonts);
-
-body {
- background-color: #ffffff;
- overflow-y: auto;
- -webkit-font-smoothing: antialiased;
- display: flex;
- flex-direction: column;
-}
-
-@ja-fonts: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Source Han Sans JP', 'Noto Sans CJK JP', 'Droid Sans Japanese', 'Meiryo', 'MS PGothic';
-:lang(ja) {
- .override-fonts(@default-fonts, @ja-fonts;);
-}
-
-@zh-CN-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'Heiti SC', SimHei;
-:lang(zh-CN) {
- .override-fonts(@default-fonts, @zh-CN-fonts;);
-}
-
-@zh-TW-fonts: 'PingFang TC', 'Hiragino Sans TC', 'Source Han Sans TW', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU;
-:lang(zh-TW) {
- .override-fonts(@default-fonts, @zh-TW-fonts;);
-}
-
-@zh-HK-fonts: 'PingFang HK', 'Hiragino Sans TC', 'Source Han Sans HK', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU_HKSCS, PMingLiU;
-:lang(zh-HK) {
- .override-fonts(@default-fonts, @zh-HK-fonts;);
-}
-
-@ko-fonts: 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', 'Gulim', 'Dotum', 'Nanum Gothic', 'Source Han Sans KR', 'Noto Sans CJK KR';
-:lang(ko) {
- .override-fonts(@default-fonts, @ko-fonts;);
-}
-
-img {
- border-radius: 3px;
-}
-
-table {
- border-collapse: collapse;
-}
-
-a {
- cursor: pointer;
-}
-
-.rounded {
- border-radius: 0.28571429rem !important;
-}
-
-.wrap {
- word-wrap: break-word;
- word-break: break-all;
-}
-
-pre,
-code,
-.mono {
- font: 12px @monospaced-fonts, monospace;
-
- &.raw {
- padding: 7px 12px;
- margin: 10px 0;
- background-color: #f8f8f8;
- border: 1px solid #dddddd;
- border-radius: 3px;
- font-size: 13px;
- line-height: 1.5;
- overflow: auto;
- }
-
- &.wrap {
- white-space: pre-wrap;
- word-break: break-all;
- overflow-wrap: break-word;
- word-wrap: break-word;
- }
-}
-
-.dont-break-out {
- overflow-wrap: break-word;
- word-wrap: break-word;
- word-break: break-all;
- hyphens: auto;
-}
-
-.full.height {
- flex-grow: 1;
- padding-bottom: 80px;
-}
-
-.following.bar {
- z-index: 900;
- left: 0;
- margin: 0 !important;
-
- &.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;
- }
-
- .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;
- }
-
- .octicon {
- &.fitted {
- margin-right: 0;
- }
-
- margin-right: 0.75em;
- }
-
- .searchbox {
- background-color: #f4f4f4 !important;
-
- &:focus {
- background-color: #e9e9e9 !important;
- }
- }
-
- .text .octicon {
- width: 16px;
- text-align: center;
- }
-
- #navbar {
- width: 100vw;
- min-height: 52px;
- padding: 0 0.5rem;
- }
-
- #navbar .brand {
- margin: 0;
- }
-
- @media only screen and (max-width: 767px) {
- #navbar:not(.shown) > *:not(:first-child) {
- display: none;
- }
- }
-}
-
-.right.stackable.menu {
- // responsive fix: this makes sure that the right menu when the page
- // is on mobile view will have elements stacked on top of each other.
- // no, stackable won't work on right menus.
- margin-left: auto;
- display: flex;
- align-items: inherit;
- flex-direction: inherit;
-}
-
-.ui {
- &.left {
- float: left;
- }
-
- &.right {
- float: right;
- }
-
- &.button,
- &.menu .item {
- user-select: auto;
- }
-
- &.container {
- &.fluid {
- &.padded {
- padding: 0 10px 0 10px;
- }
- }
- }
-
- &.form {
- .ui.button {
- font-weight: normal;
- }
- }
-
- &.floating.label {
- z-index: 10;
- }
-
- &.transparent.label {
- background-color: transparent;
- }
-
- &.nopadding {
- padding: 0;
- }
-
- &.menu,
- &.vertical.menu,
- &.segment {
- box-shadow: none;
- }
-
- /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */
- /* This fixes the commit graph button on the commits page */
-
- .menu:not(.vertical) .item > .button.compact {
- padding: 0.58928571em 1.125em;
- }
-
- .menu:not(.vertical) .item > .button.small {
- font-size: 0.92857143rem;
- }
-
- &.menu .ui.dropdown.item .menu .item {
- width: 100%;
- }
-
- &.dropdown .menu > .item > .floating.label {
- z-index: 11;
- }
-
- &.dropdown .menu .menu > .item > .floating.label {
- z-index: 21;
- }
-
- .text {
- &.red {
- color: #d95c5c !important;
-
- a {
- color: #d95c5c !important;
-
- &:hover {
- color: #e67777 !important;
- }
- }
- }
-
- &.blue {
- color: #428bca !important;
-
- a {
- color: #1155cc !important;
-
- &:hover {
- color: #428bca !important;
- }
- }
- }
-
- &.black {
- color: #444444;
-
- &:hover {
- color: #000000;
- }
- }
-
- &.grey {
- color: #767676 !important;
-
- a {
- color: #444444 !important;
-
- &:hover {
- color: #000000 !important;
- }
- }
- }
-
- &.light.grey {
- color: #888888 !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;
- }
-
- &.nopadding {
- padding: 0;
- }
-
- &.nomargin {
- margin: 0;
- }
- }
-
- .message {
- text-align: center;
- }
-
- &.bottom.attached.message {
- font-weight: bold;
- text-align: left;
- color: black;
-
- .pull-right {
- color: black;
- }
-
- & > span,
- .pull-right > span {
- color: #21ba45;
- }
- }
-
- .header > i + .content {
- padding-left: 0.75rem;
- vertical-align: middle;
- }
-
- .warning {
- &.header {
- background-color: #f9edbe !important;
- border-color: #efc16b;
- }
-
- &.segment {
- border-color: #efc16b;
- }
- }
-
- .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: @monospaced-fonts, monospace;
- font-size: 13px;
- padding: 6px 10px 4px 10px;
- font-weight: normal;
- margin: 0 6px;
- }
-
- .button.truncate {
- display: inline-block;
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top;
- white-space: nowrap;
- margin-right: 6px;
- }
-
- &.status.buttons {
- .octicon {
- margin-right: 4px;
- }
- }
-
- &.inline.delete-button {
- padding: 8px 15px;
- font-weight: normal;
- }
-
- .background {
- &.red {
- background-color: #d95c5c !important;
- }
-
- &.blue {
- background-color: #428bca !important;
- }
-
- &.black {
- background-color: #444444;
- }
-
- &.grey {
- background-color: #767676 !important;
- }
-
- &.light.grey {
- background-color: #888888 !important;
- }
-
- &.green {
- background-color: #6cc644 !important;
- }
-
- &.purple {
- background-color: #6e5494 !important;
- }
-
- &.yellow {
- background-color: #fbbf09 !important;
- }
-
- &.gold {
- background-color: #a1882b !important;
- }
- }
-
- .migrate {
- color: #888888 !important;
- opacity: 0.5;
- a {
- color: #444444 !important;
-
- &:hover {
- color: #000000 !important;
- }
- }
- }
-
- .border {
- border: 1px solid;
- &.red {
- border-color: #d95c5c !important;
- }
-
- &.blue {
- border-color: #428bca !important;
- }
-
- &.black {
- border-color: #444444;
- }
-
- &.grey {
- border-color: #767676 !important;
- }
-
- &.light.grey {
- border-color: #888888 !important;
- }
-
- &.green {
- border-color: #6cc644 !important;
- }
-
- &.purple {
- border-color: #6e5494 !important;
- }
-
- &.yellow {
- border-color: #fbbd08 !important;
- }
-
- &.gold {
- border-color: #a1882b !important;
- }
- }
-
- .branch-tag-choice {
- line-height: 20px;
- }
-
- &.pagination.menu {
- @media only screen and (max-width: 767px) {
- .item:not(.active):not(.navigation),
- .item.navigation span.navigation_label {
- display: none;
- }
- }
- }
-}
-
-.file-comment {
- font: 12px @monospaced-fonts, monospace;
- color: rgba(0, 0, 0, 0.87);
-}
-
-.ui.floating.dropdown {
- .overflow.menu {
- .scrolling.menu.items {
- border-radius: 0 !important;
- box-shadow: none !important;
- border-bottom: 1px solid rgba(34, 36, 38, 0.15);
- }
- }
-}
-
-.user-menu > .item {
- width: 100%;
- border-radius: 0 !important;
-}
-
-.scrolling.menu {
- .item.selected {
- font-weight: 700 !important;
- }
-}
-
-footer {
- background-color: white;
- border-top: 1px solid #d6d6d6;
- width: 100%;
- flex-basis: 40px;
- color: #888888;
-
- .container {
- width: 100vw !important;
- padding: 0 0.5rem;
-
- .fa {
- width: 16px;
- text-align: center;
- color: #428bca;
- }
-
- .links > * {
- border-left: 1px solid #d6d6d6;
- padding-left: 8px;
- margin-left: 5px;
-
- &:first-child {
- border-left: 0;
- }
- }
- }
-
- .ui.language .menu {
- max-height: 500px;
- overflow-y: auto;
- margin-bottom: 7px;
- }
-
- .ui {
- &.left,
- &.right {
- line-height: 40px;
- }
- }
-}
-
-.hide {
- display: none;
-
- &.show-outdated {
- display: none !important;
- }
-
- &.hide-outdated {
- display: none !important;
- }
-}
-
-.center {
- text-align: center;
-}
-
-.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));
-}
-
-// Conditional display
-@media only screen and (min-width: 768px) {
- .mobile-only,
- .ui.button.mobile-only {
- display: none;
- }
-
- // has the same behaviour of sr-only, hiding the content for
- // non-screenreaders, but is shown on mobile devices.
- .sr-mobile-only {
- .sr-only();
- }
-}
-
-@media only screen and (max-width: 767px) {
- .not-mobile {
- display: none;
- }
-}
-
-// Accessibility
-.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;
-}
-
-.ui.menu.new-menu {
- justify-content: center !important;
- padding-top: 15px !important;
- margin-top: -15px !important;
- margin-bottom: 15px !important;
- background-color: #fafafa !important;
- border-width: 1px !important;
-}
-
-@media only screen and (max-width: 1200px) {
- .ui.menu.new-menu {
- overflow-x: auto !important;
- justify-content: left !important;
- padding-bottom: 5px;
- }
-
- .ui.menu.new-menu::-webkit-scrollbar {
- height: 8px;
- display: none;
- }
-
- .ui.menu.new-menu:hover::-webkit-scrollbar {
- display: block;
- }
-
- .ui.menu.new-menu::-webkit-scrollbar-track {
- background: rgba(0, 0, 0, 0.01);
- }
-
- .ui.menu.new-menu::-webkit-scrollbar-thumb {
- background: rgba(0, 0, 0, 0.2);
- }
-
- .ui.menu.new-menu:after {
- position: absolute;
- margin-top: -15px;
- display: block;
- background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
- content: ' ';
- right: 0;
- height: 53px;
- z-index: 1000;
- width: 60px;
- clear: none;
- visibility: visible;
- }
-
- .ui.menu.new-menu a.item:last-child {
- padding-right: 30px !important;
- }
-}
-
-[v-cloak] {
- display: none !important;
-}
-
-.repos-search {
- padding-bottom: 0 !important;
-}
-
-.repos-filter {
- margin-top: 0 !important;
- border-bottom-width: 0 !important;
- margin-bottom: 2px !important;
-}
-
-#user-heatmap {
- width: 107%; // Fixes newest contributions not showing
- text-align: center;
-
- svg:not(:root) {
- overflow: inherit;
- padding: 0 !important;
- }
-
- @media only screen and (max-width: 1200px) {
- & {
- display: none;
- }
- }
-
- .total-contributions {
- text-align: left;
- font-weight: 500;
- margin-top: 0;
- }
-}
-
-.heatmap-color-0 {
- background-color: #f4f4f4;
-}
-
-.heatmap-color-1 {
- background-color: #d8efbf;
-}
-
-.heatmap-color-2 {
- background-color: #9fdb81;
-}
-
-.heatmap-color-3 {
- background-color: #66c74b;
-}
-
-.heatmap-color-4 {
- background-color: #609926;
-}
-
-.heatmap-color-5 {
- background-color: #025900;
-}
-
-.archived-icon {
- color: lighten(#000000, 70%) !important;
-}
-
-.oauth2-authorize-application-box {
- margin-top: 3em !important;
-}
-
-/* Tab color tweaks */
-.ui.tabular.menu .item {
- color: rgba(0, 0, 0, 0.5);
-}
-
-.ui.tabular.menu .item:hover {
- color: rgba(0, 0, 0, 0.8);
-}
-
-.ui.tabular.menu .item.active {
- color: rgba(0, 0, 0, 0.9);
-}
-
-/* multiple radio or checkboxes as inline element */
-.inline-grouped-list {
- display: inline-block;
- vertical-align: top;
-
- > .ui {
- display: block;
- margin-top: 5px;
- margin-bottom: 10px;
-
- &:first-child {
- margin-top: 1px;
- }
- }
-}
-
-i.icons .icon:first-child {
- margin-right: 0;
-}
-
-i.icon.centerlock {
- top: 1.5em;
-}
-
-.ui.label > .detail .icons {
- margin-right: 0.25em;
-}
-
-.ui.label > .detail .icons .icon {
- margin-right: 0;
-}
-
-.lines-num {
- vertical-align: top;
- text-align: right !important;
- color: #999999;
- background: #f5f5f5;
- width: 1%;
- user-select: none;
-
- span {
- &:before {
- content: attr(data-line-number);
- line-height: 20px !important;
- padding: 0 10px;
- cursor: pointer;
- display: block;
- }
- }
-}
-
-.lines-num,
-.lines-code {
- padding: 0 !important;
-
- pre,
- ol,
- .hljs {
- background-color: white;
- margin: 0;
- padding: 0 !important;
-
- li {
- display: block;
- width: 100%;
-
- &:before {
- content: ' ';
- }
- }
- }
-}
-
-.lines-commit {
- vertical-align: top;
- color: #999999;
- padding: 0 !important;
- background: #f5f5f5;
- width: 1%;
- -moz-user-select: none;
- -ms-user-select: none;
- -webkit-user-select: none;
- user-select: none;
-
- .blame-info {
- width: 350px;
- max-width: 350px;
- display: block;
- user-select: none;
- padding: 0 0 0 10px;
-
- .blame-data {
- display: flex;
- font-family: @default-fonts;
-
- .blame-message {
- flex-grow: 2;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- line-height: 20px;
- }
-
- .blame-time,
- .blame-avatar {
- flex-shrink: 0;
- }
- }
- }
-
- .ui.avatar.image {
- height: 18px;
- width: 18px;
- }
-}
-
-.lines-num,
-.lines-code,
-.lines-commit {
- .bottom-line {
- border-bottom: 1px solid #eaecef;
- }
-}
-
-.code-view {
- overflow: auto;
- overflow-x: auto;
- overflow-y: hidden;
-
- *:not(.fa):not(.octicon):not(.icon) {
- font-size: 12px;
- font-family: @monospaced-fonts, monospace;
- line-height: 20px;
- }
-
- table {
- width: 100%;
- }
-
- .active {
- background: #fff866;
- }
-}
+++ /dev/null
-.dashboard {
- padding-top: 15px;
-
- &.feeds,
- &.issues {
- .context.user.menu {
- z-index: 101;
- min-width: 200px;
-
- .ui.header {
- font-size: 1rem;
- text-transform: none;
- }
- }
-
- .filter.menu {
- width: initial;
-
- .item {
- text-align: left;
-
- .text {
- height: 16px;
- vertical-align: middle;
-
- &.truncate {
- width: 85%;
- }
- }
-
- .floating.label {
- top: 7px;
- left: 90%;
- width: 15%;
-
- @media only screen and (max-width: 768px) {
- top: 10px;
- left: auto;
- width: auto;
- right: 13px;
- }
- }
- }
-
- // Sort
- .jump.item {
- margin: 1px;
- padding-right: 0;
- }
-
- .menu {
- max-height: 300px;
- overflow-x: auto;
- right: 0 !important;
- left: auto !important;
- }
-
- @media only screen and (max-width: 768px) {
- width: 100%;
- }
- }
-
- .right.stackable.menu > .item.active {
- color: #d9453d;
- }
- }
-
- /* Accomodate for Semantic's 1px hacks on .attached elements */
-
- .dashboard-repos {
- margin: 0 1px;
- }
-
- .dashboard-navbar {
- width: 100vw;
- padding: 0 0.5rem;
- }
-}
-
-&.feeds {
- .news {
- > .ui.grid {
- margin-left: auto;
- margin-right: auto;
- }
-
- .ui.avatar {
- margin-top: 13px;
- }
-
- .time-since {
- font-size: 13px;
- }
-
- .issue.title {
- width: 80%;
- }
-
- .push.news .content ul {
- font-size: 13px;
- list-style: none;
- padding-left: 10px;
-
- img {
- margin-bottom: -2px;
- }
-
- .text.truncate {
- width: 80%;
- margin-bottom: -5px;
- }
- }
-
- .commit-id {
- font-family: @monospaced-fonts, monospace;
- }
-
- code {
- padding: 1px;
- font-size: 85%;
- background-color: rgba(0, 0, 0, 0.04);
- border-radius: 3px;
- word-break: break-all;
- }
- }
-
- .list {
- .header {
- .ui.label {
- margin-top: -4px;
- padding: 4px 5px;
- font-weight: normal;
- }
-
- .plus.icon {
- margin-top: 5px;
- }
- }
-
- ul {
- list-style: none;
- margin: 0;
- padding-left: 0;
-
- li {
- &:not(:last-child) {
- border-bottom: 1px solid #ebebeb;
- }
-
- &.private {
- background-color: #fcf8e9;
- }
-
- a {
- padding: 6px 1.2em;
- display: block;
-
- .octicon {
- color: #888888;
-
- &.rear {
- font-size: 15px;
- }
- }
-
- .star-num {
- font-size: 12px;
- }
- }
- }
- }
-
- .repo-owner-name-list {
- .item-name {
- max-width: 70%;
- margin-bottom: -4px;
- }
- }
-
- #collaborative-repo-list {
- .owner-and-repo {
- max-width: 80%;
- margin-bottom: -5px;
- }
-
- .owner-name {
- max-width: 120px;
- margin-bottom: -5px;
- }
- }
- }
-}
+++ /dev/null
-.CodeMirror {
- font: 14px @monospaced-fonts, monospace;
-
- &.cm-s-default {
- border-radius: 3px;
- padding: 0 !important;
- }
-
- .cm-comment {
- background: inherit !important;
- }
-}
-
-.repository.file.editor .tab[data-tab="write"] {
- padding: 0 !important;
-}
-
-.repository.file.editor .tab[data-tab="write"] .editor-toolbar {
- border: 0 !important;
-}
-
-.repository.file.editor .tab[data-tab="write"] .CodeMirror {
- border-left: 0;
- border-right: 0;
- border-bottom: 0;
-}
+++ /dev/null
-.emoji {\r
- width: 1.5em;\r
- height: 1.5em;\r
- display: inline-block;\r
- background-size: contain;\r
-}\r
-\r
-.ui.label .emoji {\r
- height: 1.2em !important;\r
-}\r
+++ /dev/null
-.explore {
- padding-top: 15px;
-
- .navbar {
- justify-content: center;
- padding-top: 15px !important;
- margin-top: -15px !important;
- margin-bottom: 15px !important;
- background-color: #fafafa !important;
- border-width: 1px !important;
-
- .octicon {
- width: 16px;
- text-align: center;
- margin-right: 5px;
- }
- }
-}
-
-.ui.repository.list {
- .item {
- padding-bottom: 25px;
-
- &:not(:first-child) {
- border-top: 1px solid #eeeeee;
- padding-top: 25px;
- }
-
- .ui.header {
- font-size: 1.5rem;
- padding-bottom: 10px;
-
- .name {
- word-break: break-all;
- }
-
- .metas {
- color: #888888;
- font-size: 14px;
- font-weight: normal;
-
- span:not(:last-child) {
- margin-right: 5px;
- }
- }
- }
-
- .time {
- font-size: 12px;
- color: #808080;
- }
-
- .ui.tags {
- margin-bottom: 1em;
- }
-
- .ui.avatar.image {
- width: 24px;
- height: 24px;
- }
- }
-}
-
-.ui.repository.branches {
- .info {
- font-size: 12px;
- color: #808080;
- display: flex;
- white-space: pre;
- .commit-message {
- max-width: 72em;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- }
- .overflow-visible {
- overflow: visible;
- }
-}
-
-.ui.user.list {
- .item {
- padding-bottom: 25px;
-
- &:not(:first-child) {
- border-top: 1px solid #eeeeee;
- padding-top: 25px;
- }
-
- .ui.avatar.image {
- width: 40px;
- height: 40px;
- }
-
- .description {
- margin-top: 5px;
-
- .octicon:not(:first-child) {
- margin-left: 5px;
- }
-
- a {
- color: #333333;
-
- &:hover {
- text-decoration: underline;
- }
- }
- }
- }
-}
+++ /dev/null
-.form {
- .help {
- color: #999999;
- padding-top: 0.6em;
- padding-bottom: 0.6em;
- display: inline-block;
- }
-}
-
-.ui.attached.header {
- background: #f0f0f0;
-
- .right {
- margin-top: -5px;
-
- .button {
- padding: 8px 10px;
- font-weight: normal;
- }
- }
-}
-
-@create-page-form-input-padding: 250px !important;
-#create-page-form {
- form {
- margin: auto;
-
- .ui.message {
- text-align: center;
- }
-
- @media only screen and (min-width: 768px) {
- width: 800px !important;
-
- .header {
- padding-left: @create-page-form-input-padding+30px;
- }
-
- .inline.field > label {
- text-align: right;
- width: @create-page-form-input-padding;
- word-wrap: break-word;
- }
-
- .help {
- margin-left: @create-page-form-input-padding+15px;
- }
-
- .optional .title {
- margin-left: @create-page-form-input-padding;
- }
-
- input,
- textarea {
- width: 50% !important;
- }
- }
-
- @media only screen and (max-width: 767px) {
- .optional .title {
- margin-left: 15px;
- }
-
- .inline.field > label {
- display: block;
- }
- }
- }
-}
-
-.signin {
- .oauth2 {
- div {
- display: inline-block;
-
- p {
- margin: 10px 5px 0 0;
- float: left;
- }
- }
-
- a {
- margin-right: 3px;
-
- &:last-child {
- margin-right: 0;
- }
- }
-
- img {
- width: 32px;
- height: 32px;
-
- &.openidConnect {
- width: auto;
- }
- }
- }
-}
-
-@media only screen and (min-width: 768px) {
- .g-recaptcha {
- margin: 0 auto !important;
- width: 304px;
- padding-left: 30px;
- }
-}
-
-@media screen and (max-height: 575px) {
- #rc-imageselect,
- .g-recaptcha {
- transform: scale(0.77);
- transform-origin: 0 0;
- }
-}
-
-.user.activate,
-.user.forgot.password,
-.user.reset.password,
-.user.signin,
-.user.signup {
- @input-padding: 200px;
- #create-page-form;
-
- form {
- width: 700px !important;
-
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
-
- .inline.field > label {
- width: @input-padding;
- }
-
- .inline.field > label,
- input {
- @media only screen and (max-width: 768px) {
- width: 100% !important;
- }
- }
-
- input[type=number] {
- -moz-appearance: textfield;
- }
-
- input::-webkit-outer-spin-button,
- input::-webkit-inner-spin-button {
- -webkit-appearance: none;
- margin: 0;
- }
- }
-}
-
-.repository {
- &.new.repo,
- &.new.migrate,
- &.new.fork {
- #create-page-form;
-
- form {
- .dropdown {
- .dropdown.icon {
- margin-top: -7px !important;
- padding-bottom: 5px;
- }
-
- .text {
- margin-right: 0 !important;
-
- i {
- margin-right: 0 !important;
- }
- }
- }
-
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
-
- @media only screen and (max-width: 768px) {
- label,
- input,
- .selection.dropdown {
- width: 100% !important;
- }
-
- .field button,
- .field a {
- margin-bottom: 1em;
- width: 100%;
- }
- }
- }
- }
-
- &.new.repo {
- .ui.form {
- @media only screen and (min-width: 768px) {
- #auto-init {
- margin-left: @create-page-form-input-padding+15px;
- }
- }
-
- .selection.dropdown:not(.owner) {
- width: 50% !important;
-
- @media only screen and (max-width: 768px) {
- width: 100% !important;
- }
- }
- }
- }
-}
-
-.new.webhook {
- form {
- .help {
- margin-left: 25px;
- }
- }
-
- .events.fields {
- .column {
- padding-left: 40px;
- }
- }
-}
-
-.githook {
- textarea {
- font-family: @monospaced-fonts, monospace;
- }
-}
-
-.new.org .ui.form {
- @media only screen and (max-width: 768px) {
- .field button,
- .field a {
- margin-bottom: 1em;
- width: 100%;
- }
-
- .field input {
- width: 100% !important;
- }
- }
-}
+++ /dev/null
-.home {
- .logo {
- max-width: 220px;
- }
-
- .hero {
- @media only screen and (max-width: 767px) {
- h1 {
- font-size: 3.5em;
- }
-
- h2 {
- font-size: 2em;
- }
- }
-
- @media only screen and (min-width: 768px) {
- h1 {
- font-size: 5.5em;
- }
-
- h2 {
- font-size: 3em;
- }
- }
-
- .octicon {
- color: #5aa509;
- font-size: 40px;
- width: 50px;
- }
-
- &.header {
- font-size: 20px;
- }
- }
-
- p.large {
- font-size: 16px;
- }
-
- .stackable {
- padding-top: 30px;
- }
-
- a {
- color: #5aa509;
- }
-}
-
-.signup {
- padding-top: 15px;
-}
-
-footer {
- .ui.container .left,
- .ui.container .right {
- @media only screen and (max-width: 880px) {
- display: block;
- text-align: center;
- float: none;
- }
- }
-}
+++ /dev/null
-.install {
- padding-top: 45px;
-
- form {
- @input-padding: 320px !important;
-
- label {
- text-align: right;
- width: @input-padding;
- }
-
- input {
- width: 35% !important;
- }
-
- .field {
- text-align: left;
-
- .help {
- margin-left: @input-padding+15px;
- }
-
- &.optional .title {
- margin-left: 38%;
- }
- }
- }
-
- .ui {
- .checkbox {
- margin-left: 40% !important;
-
- label {
- width: auto !important;
- }
- }
- }
-}
+++ /dev/null
-.markdown:not(code) {
- overflow: hidden;
- font-size: 16px;
- line-height: 1.6 !important;
- word-wrap: break-word;
-
- &.ui.segment {
- padding: 3em;
- }
-
- &.file-view {
- padding: 2em 2em 2em !important;
- }
-
- > *:first-child {
- margin-top: 0 !important;
- }
-
- > *:last-child {
- margin-bottom: 0 !important;
- }
-
- a:not([href]) {
- color: inherit;
- text-decoration: none;
- }
-
- .absent {
- color: #cc0000;
- }
-
- .anchor {
- position: absolute;
- top: 0;
- left: 0;
- display: block;
- padding-right: 6px;
- padding-left: 30px;
- margin-left: -30px;
- }
-
- .anchor:focus {
- outline: none;
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- position: relative;
- margin-top: 1em;
- margin-bottom: 16px;
- font-weight: bold;
- line-height: 1.4;
-
- &:first-of-type {
- margin-top: 0 !important;
- }
- }
-
- h1 .octicon-link,
- h2 .octicon-link,
- h3 .octicon-link,
- h4 .octicon-link,
- h5 .octicon-link,
- h6 .octicon-link {
- display: none;
- color: #000000;
- vertical-align: middle;
- }
-
- h1:hover .anchor,
- h2:hover .anchor,
- h3:hover .anchor,
- h4:hover .anchor,
- h5:hover .anchor,
- h6:hover .anchor {
- padding-left: 8px;
- margin-left: -30px;
- text-decoration: none;
- }
-
- h1:hover .anchor .octicon-link,
- h2:hover .anchor .octicon-link,
- h3:hover .anchor .octicon-link,
- h4:hover .anchor .octicon-link,
- h5:hover .anchor .octicon-link,
- h6:hover .anchor .octicon-link {
- display: inline-block;
- }
-
- h1 tt,
- h1 code,
- h2 tt,
- h2 code,
- h3 tt,
- h3 code,
- h4 tt,
- h4 code,
- h5 tt,
- h5 code,
- h6 tt,
- h6 code {
- font-size: inherit;
- }
-
- h1 {
- padding-bottom: 0.3em;
- font-size: 2.25em;
- line-height: 1.2;
- border-bottom: 1px solid #eeeeee;
- }
-
- h1 .anchor {
- line-height: 1;
- }
-
- h2 {
- padding-bottom: 0.3em;
- font-size: 1.75em;
- line-height: 1.225;
- border-bottom: 1px solid #eeeeee;
- }
-
- h2 .anchor {
- line-height: 1;
- }
-
- h3 {
- font-size: 1.5em;
- line-height: 1.43;
- }
-
- h3 .anchor {
- line-height: 1.2;
- }
-
- h4 {
- font-size: 1.25em;
- }
-
- h4 .anchor {
- line-height: 1.2;
- }
-
- h5 {
- font-size: 1em;
- }
-
- h5 .anchor {
- line-height: 1.1;
- }
-
- h6 {
- font-size: 1em;
- color: #777777;
- }
-
- h6 .anchor {
- line-height: 1.1;
- }
-
- p,
- blockquote,
- ul,
- ol,
- dl,
- table,
- pre {
- margin-top: 0;
- margin-bottom: 16px;
- }
-
- hr {
- height: 4px;
- padding: 0;
- margin: 16px 0;
- background-color: #e7e7e7;
- border: 0;
- }
-
- ul,
- ol {
- padding-left: 2em;
- }
-
- ul.no-list,
- ol.no-list {
- padding: 0;
- list-style-type: none;
- }
-
- ul ul,
- ul ol,
- ol ol,
- ol ul {
- margin-top: 0;
- margin-bottom: 0;
- }
-
- ol ol,
- ul ol {
- list-style-type: lower-roman;
- }
-
- li > p {
- margin-top: 0;
- }
-
- dl {
- padding: 0;
- }
-
- dl dt {
- padding: 0;
- margin-top: 16px;
- font-size: 1em;
- font-style: italic;
- font-weight: bold;
- }
-
- dl dd {
- padding: 0 16px;
- margin-bottom: 16px;
- }
-
- blockquote {
- margin-left: 0;
- padding: 0 15px;
- color: #777777;
- border-left: 4px solid #dddddd;
- }
-
- blockquote > :first-child {
- margin-top: 0;
- }
-
- blockquote > :last-child {
- margin-bottom: 0;
- }
-
- table {
- width: auto;
- overflow: auto;
- word-break: keep-all;
- display: block;
- }
-
- table th {
- font-weight: bold;
- }
-
- table th,
- table td {
- padding: 6px 13px !important;
- border: 1px solid #dddddd !important;
- }
-
- table tr {
- background-color: #ffffff;
- border-top: 1px solid #cccccc;
- }
-
- table tr:nth-child(2n) {
- background-color: #f8f8f8;
- }
-
- img {
- max-width: 100%;
- box-sizing: border-box;
- }
-
- .emoji {
- max-width: none;
- }
-
- span.frame {
- display: block;
- overflow: hidden;
- }
-
- span.frame > span {
- display: block;
- float: left;
- width: auto;
- padding: 7px;
- margin: 13px 0 0;
- overflow: hidden;
- border: 1px solid #dddddd;
- }
-
- span.frame span img {
- display: block;
- float: left;
- }
-
- span.frame span span {
- display: block;
- padding: 5px 0 0;
- clear: both;
- color: #333333;
- }
-
- span.align-center {
- display: block;
- overflow: hidden;
- clear: both;
- }
-
- span.align-center > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: center;
- }
-
- span.align-center span img {
- margin: 0 auto;
- text-align: center;
- }
-
- span.align-right {
- display: block;
- overflow: hidden;
- clear: both;
- }
-
- span.align-right > span {
- display: block;
- margin: 13px 0 0;
- overflow: hidden;
- text-align: right;
- }
-
- span.align-right span img {
- margin: 0;
- text-align: right;
- }
-
- span.float-left {
- display: block;
- float: left;
- margin-right: 13px;
- overflow: hidden;
- }
-
- span.float-left span {
- margin: 13px 0 0;
- }
-
- span.float-right {
- display: block;
- float: right;
- margin-left: 13px;
- overflow: hidden;
- }
-
- span.float-right > span {
- display: block;
- margin: 13px auto 0;
- overflow: hidden;
- text-align: right;
- }
-
- code,
- tt {
- padding: 0.2em 0;
- margin: 0;
- font-size: 85%;
- background-color: rgba(0, 0, 0, 0.04);
- border-radius: 3px;
- }
-
- code:before,
- code:after,
- tt:before,
- tt:after {
- letter-spacing: -0.2em;
- content: "\00a0";
- }
-
- code br,
- tt br {
- display: none;
- }
-
- del code {
- text-decoration: inherit;
- }
-
- pre > code {
- padding: 0;
- margin: 0;
- font-size: 100%;
- word-break: normal;
- white-space: pre;
- background: transparent;
- border: 0;
- }
-
- .highlight {
- margin-bottom: 16px;
- }
-
- .highlight pre,
- pre {
- padding: 16px;
- overflow: auto;
- font-size: 85%;
- line-height: 1.45;
- background-color: #f7f7f7;
- border-radius: 3px;
- }
-
- .highlight pre {
- margin-bottom: 0;
- word-break: normal;
- }
-
- pre {
- word-wrap: normal;
- }
-
- pre 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;
- }
-
- pre code:before,
- pre code:after,
- pre tt:before,
- pre tt:after {
- content: normal;
- }
-
- kbd {
- display: inline-block;
- padding: 3px 5px;
- font-size: 11px;
- line-height: 10px;
- color: #555555;
- vertical-align: middle;
- background-color: #fcfcfc;
- border: solid 1px #cccccc;
- border-bottom-color: #bbbbbb;
- border-radius: 3px;
- box-shadow: inset 0 -1px 0 #bbbbbb;
- }
-
- input[type="checkbox"] {
- vertical-align: middle !important;
- }
-
- .csv-data td,
- .csv-data th {
- padding: 5px;
- overflow: hidden;
- font-size: 12px;
- line-height: 1;
- text-align: left;
- white-space: nowrap;
- }
-
- .csv-data .blob-num {
- padding: 10px 8px 9px;
- text-align: right;
- background: #ffffff;
- border: 0;
- }
-
- .csv-data tr {
- border-top: 0;
- }
-
- .csv-data th {
- font-weight: bold;
- background: #f8f8f8;
- border-top: 0;
- }
-
- .ui.list .list,
- ol.ui.list ol,
- ul.ui.list ul {
- padding-left: 2em;
- }
-}
-
-.repository.wiki.revisions {
- .ui.container > .ui.stackable.grid {
- -ms-flex-direction: row-reverse;
- flex-direction: row-reverse;
-
- > .header {
- margin-top: 0;
-
- .sub.header {
- padding-left: 52px;
- word-break: break-word;
- }
- }
- }
-}
-
-.file-revisions-btn {
- display: block;
- float: left;
- margin-bottom: 2px !important;
- padding: 11px !important;
- margin-right: 10px !important;
-
- i {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
-}
+++ /dev/null
-.organization {
- padding-top: 15px;
-
- .head {
- .ui.header {
- .text {
- vertical-align: middle;
- font-size: 1.6rem;
- margin-left: 15px;
- }
-
- .ui.right {
- margin-top: 5px;
- }
- }
- }
-
- &.new.org {
- #create-page-form;
-
- form {
- .header {
- padding-left: 0 !important;
- text-align: center;
- }
- }
- }
-
- &.options {
- input {
- min-width: 300px;
- }
- }
-
- &.profile {
- #org-avatar {
- width: 100px;
- height: 100px;
- margin-right: 15px;
- }
-
- #org-info {
- .ui.header {
- font-size: 36px;
- margin-bottom: 0;
- }
-
- .desc {
- font-size: 16px;
- margin-bottom: 10px;
- }
-
- .meta {
- .item {
- display: inline-block;
- margin-right: 10px;
-
- .icon {
- margin-right: 5px;
- }
- }
- }
- }
-
- .ui.top.header {
- .ui.right {
- margin-top: 0;
- }
- }
-
- .teams {
- .item {
- padding: 10px 15px;
- }
- }
- }
-
- &.teams,
- &.profile {
- .members {
- .ui.avatar {
- width: 48px;
- height: 48px;
- margin-right: 5px;
- }
- }
- }
-
- &.invite {
- #invite-box {
- margin: 50px auto auto;
- width: 500px !important;
-
- #search-user-box {
- input {
- margin-left: 0;
- width: 300px;
- }
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
- }
-
- &.members {
- .list {
- .item {
- margin-left: 0;
- margin-right: 0;
- border-bottom: 1px solid #eeeeee;
-
- .ui.avatar {
- width: 48px;
- height: 48px;
- }
-
- .meta {
- line-height: 24px;
- }
- }
- }
- }
-
- &.teams {
- .detail {
- .item {
- padding: 10px 15px;
-
- &:not(:last-child) {
- border-bottom: 1px solid #eeeeee;
- }
- }
- }
-
- .repositories,
- .members {
- .item {
- padding: 10px 20px;
- line-height: 32px;
-
- &:not(:last-child) {
- border-bottom: 1px solid #dddddd;
- }
-
- .button {
- padding: 9px 10px;
- }
- }
- }
-
- #add-repo-form,
- #repo-multiple-form,
- #add-member-form {
- input {
- margin-left: 0;
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
-
- #repo-top-segment {
- height: 60px;
- }
- }
-}
+++ /dev/null
-.repository {
- @mega-octicon-width: 30px;
-
- padding-top: 15px;
-
- .repo-header {
- .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.5rem;
-
- i.mega-octicon {
- position: relative;
- top: 5px;
- }
-
- i.octicon-lock {
- margin-left: 5px;
- }
- }
-
- .fork-flag {
- margin-left: @mega-octicon-width + 6px;
- margin-top: 3px;
- display: block;
- font-size: 12px;
- white-space: nowrap;
- }
-
- .octicon.octicon-repo-forked {
- margin-top: -1px;
- font-size: 15px;
- }
-
- .button {
- margin-top: 2px;
- margin-bottom: 2px;
- }
- }
-
- .tabs {
- .navbar {
- justify-content: initial;
- }
- }
-
- .navbar {
- display: flex;
- justify-content: space-between;
-
- .ui.label {
- margin-left: 7px;
- padding: 3px 5px;
- }
- }
-
- .owner.dropdown {
- min-width: 40% !important;
- }
-
- #file-buttons {
- /* The reason for the !important is that Semantic itself has
- margin-left: 0 !important on right items on mobile, which is mostly
- to make sure elements which on menus would otherwise be on the right
- align correctly with other elements when stacked.
- Unfortunately, this brings some weird alignment on this particular
- element, so we need to override it. */
- margin-left: auto !important;
- font-weight: normal;
-
- .ui.button {
- padding: 8px 10px;
- font-weight: normal;
- }
- }
-
- .metas {
- .menu {
- max-height: 300px;
- overflow-x: auto;
- }
-
- .ui.list {
- .hide {
- display: none !important;
- }
-
- .item {
- padding: 0;
- }
-
- .label.color {
- padding: 0 8px;
- margin-right: 5px;
- }
-
- a {
- margin: 2px 0;
-
- .text {
- color: #444444;
-
- &:hover {
- color: #000000;
- }
- }
- }
- }
-
- #deadlineForm input {
- width: 12.8rem;
- border-radius: 4px 0 0 4px;
- border-right: 0;
- white-space: nowrap;
- }
- }
-
- .header-wrapper {
- background-color: #fafafa;
- margin-top: -15px;
- padding-top: 15px;
-
- .ui.tabs.divider {
- border-bottom: 0;
- }
-
- .ui.tabular .octicon {
- margin-right: 5px;
- }
- }
-
- .filter.menu {
- .label.color {
- border-radius: 3px;
- margin-left: 15px;
- padding: 0 8px;
- }
-
- .octicon {
- float: left;
- margin: 5px -7px 0 -5px;
- width: 16px;
- }
-
- &.labels .octicon {
- margin: -2px -7px 0 -5px;
- }
-
- &.labels {
- .label-filter .menu .info {
- display: inline-block;
- padding: 9px 7px 7px 7px;
- text-align: center;
- border-bottom: 1px solid #cccccc;
- font-size: 12px;
-
- code {
- border: 1px solid #cccccc;
- border-radius: 3px;
- padding: 3px 2px 1px 2px;
- font-size: 11px;
- }
- }
- }
-
- .text {
- margin-left: 0.9em;
- }
-
- .menu {
- max-height: 300px;
- overflow-x: auto;
- right: 0 !important;
- left: auto !important;
- }
-
- .dropdown.item {
- margin: 1px;
- padding-right: 0;
- }
- }
-
- .select-label {
- .item {
- max-width: 250px;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .desc {
- padding-left: 16px;
- }
- }
-
- .ui.tabs {
- &.container {
- margin-top: 14px;
- margin-bottom: 0;
-
- .ui.menu {
- border-bottom: 0;
- }
- }
-
- &.divider {
- margin-top: 0;
- margin-bottom: 20px;
- }
- }
-
- #clone-panel {
- width: 350px;
-
- @media only screen and (max-width: 768px) {
- width: 100%;
- }
-
- input {
- border-radius: 0;
- padding: 5px 10px;
- width: 50%;
- }
-
- .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;
- }
- }
-
- &.file.list {
- .repo-description {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- #repo-desc {
- font-size: 1.2em;
- }
-
- .choose.reference {
- .header .icon {
- font-size: 1.4em;
- }
- }
-
- .repo-path {
-
- .section,
- .divider {
- display: inline;
- }
- }
-
- #file-buttons {
- font-weight: normal;
-
- .ui.button {
- padding: 8px 10px;
- font-weight: normal;
- }
-
- .ui.tiny.blue.buttons {
- @media only screen and (max-width: 768px) {
- width: 100%;
- }
- }
- }
-
- #repo-files-table {
- thead {
- th {
- padding-top: 8px;
- padding-bottom: 5px;
- font-weight: normal;
- }
-
- .ui.avatar {
- margin-bottom: 5px;
- }
-
- .commit-summary a {
- text-decoration: underline;
- text-decoration-style: dashed;
-
- &:hover {
- text-decoration-style: solid;
- }
-
- &.default-link {
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;
- text-decoration-style: solid;
- }
- }
- }
- }
-
- tbody {
- .octicon {
- margin-left: 3px;
- margin-right: 5px;
- color: #777777;
-
- &.octicon-mail-reply {
- margin-right: 10px;
- }
-
- &.octicon-file-directory,
- &.octicon-file-submodule,
- &.octicon-file-symlink-directory {
- color: #1e70bf;
- }
- }
- }
-
- td {
- padding-top: 8px;
- padding-bottom: 8px;
- overflow: initial;
-
- &.name {
- max-width: 150px;
- }
-
- &.message {
- max-width: 400px;
- }
-
- &.age {
- width: 120px;
- }
-
- .truncate {
- display: inline-block;
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: top;
- white-space: nowrap;
- }
- }
-
- td.message .isSigned {
- cursor: default;
- }
-
- tr:hover {
- background-color: #ffffee;
- }
-
- .jumpable-path {
- color: #888888;
- }
- }
-
- .non-diff-file-content {
- .header {
- .icon {
- font-size: 1em;
- }
-
- .file-actions {
- margin-bottom: -5px;
-
- .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: #bbbbbb;
- cursor: default;
- }
-
- #delete-file-form {
- display: inline-block;
- }
- }
- }
-
- .view-raw {
- padding: 5px;
-
- * {
- max-width: 100%;
- }
-
- img {
- padding: 5px 5px 0 5px;
- }
- }
-
- .plain-text {
- padding: 1em 2em 1em 2em;
-
- pre {
- word-break: break-word;
- white-space: pre-wrap;
- }
- }
-
- .csv {
- overflow-x: auto;
- padding: 0 !important;
- }
-
- pre {
- overflow: auto;
- }
- }
-
- .sidebar {
- padding-left: 0;
-
- .octicon {
- width: 16px;
- }
- }
- }
-
- &.file.editor {
- .treepath {
- width: 100%;
-
- input {
- vertical-align: middle;
- box-shadow: rgba(0, 0, 0, 0.0745098) 0 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 #dddddd;
- border-radius: 3px;
- #avatar-arrow;
-
- &:after {
- border-right-color: #ffffff;
- }
-
- .quick-pull-choice {
- .branch-name {
- display: inline-block;
- padding: 3px 6px;
- font: 12px @monospaced-fonts, 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;
-
- .comment textarea {
- max-height: none !important;
- }
-
- &.new.issue {
- .comment.form {
- .comment {
- .avatar {
- width: @comment-avatar-width;
- }
- }
-
- .content {
- margin-left: 4em;
- #avatar-arrow;
-
- &:after {
- border-right-color: #ffffff;
- }
-
- .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: #aaaaaa;
- 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: 0;
- padding: 10px 0 0;
- box-shadow: none;
- background-color: inherit;
- }
-
- .merge.box {
- .avatar {
- margin-left: 10px;
- margin-top: 10px;
- }
- }
-
- .review-item {
-
- .avatar,
- .type-icon {
- float: none;
- display: inline-block;
- text-align: center;
- vertical-align: middle;
-
- .octicon {
- width: 23px;
- font-size: 23px;
- margin-top: 0.45em;
- }
- }
-
- .text {
- margin: 0.3em 0 0.5em 0.5em;
- }
-
- .type-icon {
- float: right;
- margin-right: 1em;
- }
-
- .divider {
- margin: 0.5rem 0;
- }
-
- .review-content {
- padding: 1em 0 1em 3.8em;
- }
- }
- }
-
- .comment-list {
- &:not(.prevent-before-timeline):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;
- }
-
- .timeline-line {
- position: relative;
- display: block;
- width: 100%;
- max-width: 100%;
-
- &:before {
- display: block;
- content: "";
- position: absolute;
- margin-top: 12px;
- margin-bottom: 14px;
- top: 0;
- bottom: 0;
- left: 82px;
- 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;
- &.pending {
- color: black;
- background-color: #fffbb2;
- margin-left: 5px;
- }
- }
-
- .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 #eeeeee;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
-
- .text {
- max-width: 78%;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- }
-
- > .merge-section {
- border-top: 1px solid #d4d4d5;
- background-color: #f7f7f7;
- }
-
- .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 #eeeeee;
- border-radius: 3px;
- max-width: 150px;
- background-color: #ffffff;
-
- &: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: 128px;
- color: #000000;
- }
-
- span.ui.image:hover {
- color: #000000;
- }
- }
- }
-
- .ui.form {
- .field:first-child {
- clear: none;
- }
-
- .tab.segment {
- border: 0;
- padding: 10px 0 0;
- }
-
- textarea {
- height: 200px;
- font-family: @monospaced-fonts, monospace;
- }
- }
-
- .edit.buttons {
- margin-top: 10px;
- }
- }
-
- .event {
- position: relative;
- margin: 15px 0 15px 79px;
- padding-left: 25px;
-
- & > .octicon:not(.issue-symbol) {
- text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
- }
-
- & > .octicon.issue-symbol {
- font-size: 20px;
- margin-left: -35px;
- margin-right: -1px;
- margin-top: 0 !important;
- height: 28px;
- width: 28px;
- border-radius: 50%;
- text-align: center;
- line-height: 28px;
- background: #eee;
-
- &::before {
- width: 15px;
- display: inline-block;
- }
-
- &.octicon-key::before {
- width: 18px;
- }
-
- &.octicon-circle-slash::before {
- width: 17px;
- }
-
- &.octicon-comment {
- font-size: 21px;
- line-height: 33px;
-
- &::before {
- width: 20px;
- }
- }
- }
-
- .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-top: -1px;
- margin-left: -28.5px;
- margin-right: -1px;
- font-size: 30px;
- color: #6cc644;
- }
-
- &.octicon-bookmark {
- margin-top: 2px;
- margin-left: -31px;
- margin-right: -1px;
- font-size: 25px;
- }
-
- &.octicon-eye {
- margin-top: 3px;
- margin-left: -36px;
- margin-right: 0;
- font-size: 22px;
- }
-
- &.octicon-x {
- margin-left: -33px;
- 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;
- }
- }
-
- .ui.depending {
- .item.is-closed {
- .title {
- text-decoration: line-through;
- }
- }
- }
- }
-
- .comment.form {
- .ui.comments {
- margin-top: -12px;
- max-width: 100%;
- }
-
- .content {
- .field:first-child {
- clear: none;
- }
-
- .form {
- #avatar-arrow;
-
- &:after {
- border-right-color: #ffffff;
- }
- }
-
- .tab.segment {
- border: 0;
- padding: 10px 0 0;
- }
-
- textarea {
- height: 200px;
- font-family: @monospaced-fonts, monospace;
- }
- }
- }
-
- .label.list {
- list-style: none;
- padding-top: 15px;
-
- .item {
- padding-top: 10px;
- padding-bottom: 10px;
- border-bottom: 1px dashed #aaaaaa;
-
- a {
- font-size: 15px;
- padding-top: 5px;
- padding-right: 10px;
- color: #666666;
-
- &:hover {
- color: #000000;
- }
-
- &.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 #aaaaaa;
-
- > a {
- padding-top: 5px;
- padding-right: 10px;
- color: #000000;
-
- &:hover {
- color: #4078c0;
- }
- }
-
- .ui.progress {
- width: 40%;
- padding: 0;
- border: 0;
- margin: 0;
-
- .bar {
- height: 20px;
- }
- }
-
- .meta {
- color: #999999;
- 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: #666666;
-
- &:hover {
- color: #000000;
- }
- }
- }
-
- .content {
- padding-top: 10px;
- }
- }
- }
-
- &.new.milestone {
- textarea {
- height: 200px;
- }
-
- #deadline {
- width: 150px;
- }
- }
-
- &.compare.pull {
- .show-form-container {
- text-align: left;
- }
-
- .choose.branch {
- .octicon {
- padding-right: 10px;
- }
- }
-
- .comment.form {
- .content {
- #avatar-arrow;
-
- &:after {
- border-right-color: #ffffff;
- }
- }
- }
- }
-
- .filter.dropdown .menu {
- margin-top: 1px !important;
- }
-
- &.branches {
- .commit-divergence {
- .bar-group {
- position: relative;
- float: left;
- padding-bottom: 6px;
- width: 90px;
-
- &:last-child {
- border-left: 1px solid #b4b4b4;
- }
- }
-
- .count {
- margin: 0 3px;
-
- &.count-ahead {
- text-align: left;
- }
-
- &.count-behind {
- text-align: right;
- }
- }
-
- .bar {
- height: 4px;
- position: absolute;
- background-color: #d4d4d5;
-
- &.bar-behind {
- right: 0;
- }
-
- &.bar-ahead {
- left: 0;
- }
- }
- }
- }
-
- &.commits {
- .header {
- .search {
- input {
- font-weight: normal;
- padding: 5px 10px;
- }
- }
- }
- }
-
- #commits-table {
- thead {
- th:first-of-type {
- padding-left: 15px;
- }
-
- .sha {
- &td {
- text-align: center;
- }
-
- width: 140px;
- }
- }
-
- td.sha .sha.label {
- margin: 0;
- }
-
- td.message {
- text-overflow: unset;
- }
-
- &.ui.basic.striped.table tbody tr:nth-child(2n) {
- background-color: rgba(0, 0, 0, 0.02) !important;
- }
- }
-
- #commits-table td.sha .sha.label,
- #repo-files-table .sha.label {
- border: 1px solid #bbbbbb;
-
- .detail.icon {
- background: #fafafa;
- margin: -6px -10px -4px 0;
- padding: 5px 3px 5px 6px;
- border-left: 1px solid #bbbbbb;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- &.isSigned.isWarning {
- border: 1px solid #db2828;
- background: fade(#db2828, 10%);
-
- .detail.icon {
- border-left: 1px solid fade(#db2828, 50%);
- }
- }
-
- &.isSigned.isVerified {
- border: 1px solid #21ba45;
- background: fade(#21ba45, 10%);
-
- .detail.icon {
- border-left: 1px solid #21ba45;
- }
-
- &:hover {
- background: fade(#21ba45, 30%) !important;
- }
- }
- }
-
- .diff-detail-box {
- padding: 7px 0;
- background: #ffffff;
- line-height: 30px;
-
- > div:after {
- clear: both;
- content: "";
- display: block;
- }
-
- 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;
- }
- }
-
- .detail-files {
- background: #ffffff;
- margin: 0;
- }
- }
-
- .diff-box .header {
- display: flex;
- align-items: center;
-
- .count {
- margin-right: 12px;
- font-size: 13px;
- flex: 0 0 auto;
-
- .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 {
- flex: 1;
- color: #888888;
- word-break: break-all;
- }
-
- .button {
- margin: -5px 0 -5px 12px;
- padding: 8px 10px;
- flex: 0 0 auto;
- }
- }
-
- .diff-file-box {
- .header {
- background-color: #f7f7f7;
- }
-
- .file-body.file-code {
- .lines-num {
- text-align: right;
- color: #a6a6a6;
- background: #fafafa;
- width: 1%;
- min-width: 50px;
- user-select: none;
- vertical-align: top;
-
- span.fold {
- display: block;
- text-align: center;
- }
- }
-
- .lines-num-old {
- border-right: 1px solid #dddddd;
- }
- }
-
- .code-diff {
- font-size: 12px;
-
- td {
- padding: 0 0 0 10px !important;
- border-top: 0;
- }
-
- .lines-num {
- border-color: #d4d4d5;
- border-right-width: 1px;
- border-right-style: solid;
- padding: 0 5px !important;
- }
-
- tbody {
- tr {
- td.halfwidth {
- // halfwidth is used in split view - and in that case, 1% of each
- width: 49%;
- }
-
- td.center {
- text-align: center;
- }
-
- .removed-code {
- background-color: #ff9999;
- }
-
- .added-code {
- background-color: #99ff99;
- }
-
- [data-line-num]::before {
- content: attr(data-line-num);
- text-align: right;
- }
-
- .lines-type-marker {
- width: 10px;
- min-width: 10px;
- user-select: none;
- }
-
- [data-type-marker]::before {
- content: attr(data-type-marker);
- text-align: right;
- display: inline-block;
- }
- }
- }
- }
-
- .code-diff-unified tbody tr {
- &.del-code td {
- background-color: #ffe0e0 !important;
- border-color: #f1c0c0 !important;
- }
-
- &.add-code td {
- background-color: #d6fcd6 !important;
- border-color: #c1e9c1 !important;
- }
- }
-
- .code-diff-split {
-
- table,
- tbody {
- width: 100%;
- }
-
- tbody tr {
-
- // light gray for empty lines before / after commit
- &.add-code td:nth-child(1),
- &.add-code td:nth-child(2),
- &.add-code td:nth-child(3),
- &.del-code td:nth-child(4),
- &.del-code td:nth-child(5),
- &.del-code td:nth-child(6) {
- background-color: #fafafa;
- }
-
- &.del-code td:nth-child(1),
- &.del-code td:nth-child(2),
- &.del-code td:nth-child(3),
- td.del-code {
- background-color: #ffe0e0 !important;
- border-color: #f1c0c0 !important;
- }
-
- &.add-code td:nth-child(4),
- &.add-code td:nth-child(5),
- &.add-code td:nth-child(6),
- td.add-code {
- background-color: #d6fcd6 !important;
- border-color: #c1e9c1 !important;
- }
-
- td:nth-child(4) {
- border-left-width: 1px;
- border-left-style: solid;
- }
- }
- }
-
- &.file-content {
- img {
- max-width: 100%;
- padding: 5px 5px 0 5px;
- }
- img.emoji {
- padding: 0;
- }
-
- clear: right;
- }
- }
-
- .diff-stats {
-
- clear: both;
- margin-bottom: 5px;
- max-height: 400px;
- overflow: auto;
- padding-left: 0;
-
- li {
- list-style: none;
- padding-bottom: 4px;
- margin-bottom: 4px;
- border-bottom: 1px dashed #dddddd;
- padding-left: 6px;
- }
-
- .diff-counter {
- margin-right: 15px;
-
- .del {
- color: red;
- }
- .add {
- color: green;
- }
- }
- }
-
- .repo-search-result {
- padding-top: 10px;
- padding-bottom: 10px;
-
- .lines-num a {
- color: inherit;
- }
- }
-
- &.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 #dddddd;
- 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: 15px;
- }
-
- .commit {
- display: block;
- margin-top: 10px;
- }
- }
-
- .detail {
- border-left: 1px solid #dddddd;
-
- .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 #eeeeee;
-
- li {
- list-style: none;
- display: block;
- padding-top: 8px;
- padding-bottom: 8px;
- border-bottom: 1px solid #eeeeee;
- }
- }
- }
-
- .dot {
- width: 9px;
- height: 9px;
- background-color: #cccccc;
- z-index: 999;
- position: absolute;
- display: block;
- left: -5px;
- top: 40px;
- border-radius: 6px;
- border: 1px solid #ffffff;
- }
- }
- }
- }
- }
-
- &.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;
- }
-
- .field {
-
- button,
- input {
- @media only screen and (max-width: 438px) {
- width: 100%;
- }
- }
-
- button {
- @media only screen and (max-width: 768px) {
- margin-bottom: 1em;
- }
- }
- }
- }
-
- &.forks {
- .list {
- margin-top: 0;
-
- .item {
- padding-top: 10px;
- padding-bottom: 10px;
- border-bottom: 1px solid #dddddd;
-
- .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: @monospaced-fonts, monospace;
-
- .cm-comment {
- background: inherit;
- }
- }
- }
-
- .editor-preview {
- background-color: white;
- }
- }
-
- &.view {
- .choose.page {
- margin-top: -5px;
- }
-
- .ui.sub.header {
- text-transform: none;
- }
-
- > .markdown {
- padding: 15px 30px;
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- &:first-of-type {
- margin-top: 0;
- }
- }
- }
- }
-
- @media only screen and (max-width: 767px) {
- .dividing.header .stackable.grid .button {
- margin-top: 2px;
- margin-bottom: 2px;
- }
- }
- }
-
- &.settings {
- &.collaboration {
- .collaborator.list {
- padding: 0;
-
- > .item {
- margin: 0;
- line-height: 2em;
-
- &:not(:last-child) {
- border-bottom: 1px solid #dddddd;
- }
- }
- }
-
- #repo-collab-form {
- #search-user-box {
- .results {
- left: 7px;
- }
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
-
- #repo-collab-team-form {
- #search-team-box {
- .results {
- left: 7px;
- }
- }
-
- .ui.button {
- margin-left: 5px;
- margin-top: -3px;
- }
- }
- }
-
- &.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;
- }
- }
- }
- }
-
- &.webhook {
- .events {
- .column {
- padding-bottom: 0;
- }
-
- .help {
- font-size: 13px;
- margin-left: 26px;
- padding-top: 0;
- }
- }
- }
- }
-
- .ui.attached.isSigned.isVerified {
- &:not(.positive) {
- border-left: 1px solid #a3c293;
- border-right: 1px solid #a3c293;
- }
-
- &.top:not(.positive) {
- border-top: 1px solid #a3c293;
- }
-
- &:not(.positive):last-child {
- border-bottom: 1px solid #a3c293;
- }
- }
-
- .ui.segment.sub-menu {
- padding: 7px;
- line-height: 0;
-
- .list {
- width: 100%;
- display: flex;
-
- .item {
- width: 100%;
- border-radius: 3px;
-
- a {
- color: black;
-
- &:hover {
- color: #666666;
- }
- }
-
- &.active {
- background: rgba(0, 0, 0, 0.05);
- }
- }
- }
- }
-
- .segment.reactions,
- .select-reaction {
- &.dropdown .menu {
- right: 0 !important;
- left: auto !important;
-
- > .header {
- margin: 0.75rem 0 0.5rem;
- }
-
- > .item {
- float: left;
- padding: 0.5rem 0.5rem !important;
-
- img.emoji {
- margin-right: 0;
- }
- }
- }
- }
-
- .segment.reactions {
- padding: 0.3em 1em;
-
- .ui.label {
- padding: 0.4em;
-
- &.disabled {
- cursor: default;
- }
-
- > img {
- height: 1.5em !important;
- }
- }
-
- .select-reaction {
- float: none;
-
- &:not(.active) a {
- display: none;
- }
- }
-
- &:hover .select-reaction a {
- display: block;
- }
- }
-
- .ui.fluid.action.input {
- .ui.search.action.input {
- flex: auto;
- }
- }
-}
-
-// End of .repository
-
-&.user-cards {
- .list {
- padding: 0;
- display: flex;
- flex-wrap: wrap;
-
- .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 {
- .result {
- .image {
- float: left;
- margin-right: 8px;
- width: 2em;
- height: 2em;
- }
-
- .content {
- margin: 6px 0;
- }
- }
- }
-}
-
-#search-team-box {
- .results {
- .result {
- .content {
- margin: 6px 0;
- }
- }
- }
-}
-
-#issue-filters.hide {
- display: none;
-}
-
-#issue-actions {
- margin-top: -1rem !important; // counteract padding from Semantic
-}
-
-#issue-actions.hide {
- display: none;
-}
-
-.ui.checkbox.issue-checkbox {
- vertical-align: middle;
-}
-
-.issue.list {
- list-style: none;
-
- > .item {
- padding-top: 15px;
- padding-bottom: 10px;
- border-bottom: 1px dashed #aaaaaa;
-
- .title {
- color: #444444;
- font-size: 15px;
- font-weight: bold;
- margin: 0 6px;
-
- &:hover {
- color: #000000;
- }
- }
-
- .comment {
- padding-right: 10px;
- color: #666666;
- }
-
- .desc {
- padding-top: 5px;
- color: #999999;
-
- .checklist {
- padding-left: 5px;
-
- .progress-bar {
- margin-left: 2px;
- width: 80px;
- height: 6px;
- display: inline-block;
- background-color: #eeeeee;
- overflow: hidden;
- border-radius: 3px;
- vertical-align: 2px !important;
-
- .progress {
- background-color: #cccccc;
- display: block;
- height: 100%;
- }
- }
- }
-
- .due-date {
- padding-left: 5px;
- }
-
- a.milestone {
- margin-left: 5px;
- color: #999999 !important;
-
- &:hover {
- color: #000000 !important;
- }
- }
-
- a.ref {
- margin-left: 8px;
- color: #999999 !important;
-
- &:hover {
- color: #000000 !important;
- }
-
- span {
- margin-right: -4px;
- }
- }
-
- .assignee {
- margin-top: -5px;
- margin-right: 5px;
- }
-
- .overdue {
- color: red;
- }
- }
- }
-}
-
-.page.buttons {
- padding-top: 15px;
-}
-
-.ui.form {
- .dropzone {
- width: 100%;
- margin-bottom: 10px;
- border: 2px dashed #0087f5;
- box-shadow: none !important;
-
- .dz-error-message {
- top: 140px;
- }
- }
-}
-
-.settings {
- .content {
- margin-top: 2px;
-
- > .header,
- .segment {
- box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
- }
- }
-
- .list {
- > .item {
- .green:not(.ui.button) {
- color: #21ba45;
- }
-
- &:not(:first-child) {
- border-top: 1px solid #eaeaea;
- padding: 1rem;
- margin: 15px -1rem -1rem -1rem;
- }
-
- > .mega-octicon {
- display: table-cell;
- }
-
- > .mega-octicon + .content {
- display: table-cell;
- padding: 0 0 0 0.5em;
- vertical-align: top;
- }
-
- .info {
- margin-top: 10px;
-
- .tab.segment {
- border: 0;
- padding: 10px 0 0;
- }
- }
- }
-
- &.key {
- .meta {
- padding-top: 5px;
- color: #666666;
- }
- }
-
- &.email {
- > .item:not(:first-child) {
- min-height: 60px;
- }
- }
-
- &.collaborator {
- > .item {
- padding: 0;
- }
- }
- }
-}
-
-.ui.vertical.menu {
- .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;
- }
- }
- }
-}
-
-#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: #d3d3d4;
- 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;
- }
-}
-
-// 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;
- }
-
- .generate-tab-size(@n, (@i + 1));
-}
-
-.stats-table {
- display: table;
- width: 100%;
-
- .table-cell {
- display: table-cell;
-
- &.tiny {
- height: 0.5em;
- }
- }
-}
-
-tbody.commit-list {
- vertical-align: baseline;
-}
-
-.commit-list .message-wrapper {
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: calc(100% - 50px);
- display: inline-block;
- vertical-align: middle;
-}
-
-.commit-list .commit-summary a {
- text-decoration: underline;
- text-decoration-style: dashed;
-
- &:hover {
- text-decoration-style: solid;
- }
-
- &.default-link {
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;
- text-decoration-style: solid;
- }
- }
-}
-
-.commit-list .commit-status-link {
- display: inline-block;
- vertical-align: middle;
-}
-
-.commit-body {
- white-space: pre-wrap;
-}
-
-.git-notes {
- &.top {
- text-align: left;
- }
-
- .commit-body {
- margin: 0;
- }
-}
-
-@media only screen and (max-width: 767px) {
- .ui.stackable.menu {
- &.mobile--margin-between-items > .item {
- margin-top: 5px;
- margin-bottom: 5px;
- }
-
- &.mobile--no-negative-margins {
- margin-left: 0;
- margin-right: 0;
- }
- }
-}
-
-#topic_edit {
- margin-top: 5px;
-}
-
-#repo-topics {
- margin-top: 5px;
-}
-
-.repo-topic {
- cursor: pointer;
-}
-
-#new-dependency-drop-list {
- &.ui.selection.dropdown {
- min-width: 0;
- width: 100%;
- border-radius: 4px 0 0 4px;
- border-right: 0;
- white-space: nowrap;
- }
-
- .text {
- width: 100%;
- overflow: hidden;
- }
-}
-
-#manage_topic {
- font-size: 12px;
-}
-
-.label + #manage_topic {
- margin-left: 5px;
-}
-
-.repo-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
-}
-
-.repo-header .repo-buttons {
- display: flex;
- align-items: center;
-}
-
-.repo-buttons .disabled-repo-button .label {
- opacity: 0.5;
-}
-
-.repo-buttons .disabled-repo-button a.button {
- opacity: 0.5;
- cursor: not-allowed;
-}
-
-.repo-buttons .disabled-repo-button a.button:hover {
- background: none !important;
- color: rgba(0, 0, 0, 0.6) !important;
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
-}
-
-.repo-buttons .ui.labeled.button > .label {
- border-left: 0 !important;
- margin: 0 !important;
-}
-
-.tag-code,
-.tag-code td {
- background-color: #f0f0f0 !important;
- border-color: #d3cfcf !important;
- padding-top: 8px;
- padding-bottom: 8px;
-}
-
-.issue-keyword {
- border-bottom: 1px dotted #959da5;
- display: inline-block;
-}
-
-.file-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 8px 12px !important;
-}
-
-.file-info {
- display: flex;
- align-items: center;
-}
-
-.file-info-entry + .file-info-entry {
- border-left: 1px solid currentColor;
- margin-left: 8px;
- padding-left: 8px;
-}
-
-.title_wip_desc {
- margin-top: 1em;
-}
+++ /dev/null
-.ui.button.add-code-comment {
- font-size: 14px;
- height: 16px;
- padding: 2px 0 0;
- position: relative;
- width: 16px;
- z-index: 5;
- float: left;
- margin: -2px -10px -2px -20px;
- opacity: 0;
- transition: transform 0.1s ease-in-out;
- transform: scale(1, 1);
-
- &:hover {
- transform: scale(1.2, 1.2);
- }
-}
-
-.focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
-.focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
- opacity: 1;
-}
-
-.comment-code-cloud {
- padding: 4px;
- position: relative;
- border: 1px solid #f1f1f1;
- margin: 13px 10px 5px auto;
-
- &:before {
- content: " ";
- width: 0;
- height: 0;
- border-left: 13px solid transparent;
- border-right: 13px solid transparent;
- border-bottom: 13px solid #f1f1f1;
- left: 20px;
- position: absolute;
- top: -13px;
- }
-
- .attached {
- &.tab {
- border: 0;
- padding: 0;
- margin: 0;
-
- &.markdown {
- padding: 1em;
- min-height: 168px;
- }
- }
-
- &.header {
- padding: 0.1rem 1rem;
- }
- }
-
- .right.menu.options .item {
- padding: 0.85714286em 0.442857em;
- cursor: pointer;
- }
-
- .ui.form textarea {
- border: 0;
- }
-
- .ui.attached.tabular.menu {
- background: #f7f7f7;
- border: 1px solid #d4d4d5;
- padding-top: 5px;
- padding-left: 5px;
- margin-top: 0;
- }
-
- .footer {
- border-top: 1px solid #f1f1f1;
- margin-top: 10px;
-
- .markdown-info {
- display: inline-block;
- margin: 5px 0;
- font-size: 12px;
- color: rgba(0, 0, 0, 0.6);
- }
-
- .ui.right.floated {
- padding-top: 6px;
- }
-
- &:after {
- clear: both;
- content: "";
- display: block;
- }
- }
-
- button.comment-form-reply {
- margin: 0.5em 0.5em 0.5em 4.5em;
- }
-
- form.comment-form-reply {
- margin: 0 0 0 4em;
- }
-}
-
-.file-comment {
- font: 12px @monospaced-fonts, monospace;
- color: rgba(0, 0, 0, 0.87);
-}
+++ /dev/null
-.tribute-container {
- box-shadow: 0 1px 3px 1px #c7c7c7;
-
- ul {
- background: #ffffff;
- }
-
- li {
- padding: 8px 12px;
- border-bottom: 1px solid #dcdcdc;
-
- img {
- display: inline-block;
- vertical-align: middle;
- width: 28px;
- height: 28px;
- margin-right: 5px;
- }
-
- span.fullname {
- font-weight: normal;
- font-size: 0.8rem;
- margin-left: 3px;
- }
- }
-
- li.highlight,
- li:hover {
- background: #2185d0;
- color: #ffffff;
- }
-}
+++ /dev/null
-.user {
- &:not(.icon) {
- padding-top: 15px;
- }
-
- &.profile {
- .ui.card {
- .username {
- display: block;
- }
-
- .extra.content {
- padding: 0;
-
- ul {
- margin: 0;
- padding: 0;
-
- li {
- padding: 10px;
- list-style: none;
-
- &:not(:last-child) {
- border-bottom: 1px solid #eaeaea;
- }
-
- .octicon,
- .fa {
- margin-left: 1px;
- margin-right: 5px;
- }
-
- &.follow {
- .ui.button {
- width: 100%;
- }
- }
- }
- }
- }
-
- #profile-avatar {
- @media only screen and (max-width: 768px) {
- height: 250px;
- overflow: hidden;
-
- img {
- max-height: 768px;
- max-width: 768px;
- }
- }
- }
-
- @media only screen and (max-width: 768px) {
- width: 100%;
- }
- }
-
- .ui.repository.list {
- margin-top: 25px;
- }
-
- #loading-heatmap {
- margin-bottom: 1em;
- }
- }
-
- &.followers {
- .header.name {
- font-size: 20px;
- line-height: 24px;
- vertical-align: middle;
- }
-
- .follow {
- .ui.button {
- padding: 8px 15px;
- }
- }
- }
-
- &.notification {
- .octicon {
- float: left;
- font-size: 2em;
-
- &.green {
- color: #21ba45;
- }
-
- &.red {
- color: #d01919;
- }
-
- &.purple {
- color: #a333c8;
- }
-
- &.blue {
- color: #2185d0;
- }
- }
-
- .content {
- float: left;
- margin-left: 7px;
- }
-
- table {
- form {
- display: inline-block;
- }
-
- button {
- padding: 3px 3px 3px 5px;
- }
-
- tr {
- cursor: pointer;
- }
- }
- }
-
- &.link-account:not(.icon) {
- padding-top: 15px;
- padding-bottom: 5px;
- }
-
- &.settings {
- .iconFloat {
- float: left;
- }
- }
-}
-
-.user-orgs {
- display: flex;
- flex-flow: row wrap;
- padding: 0;
- margin: -3px !important;
-
- li {
- display: flex;
- border-bottom: 0 !important;
- padding: 3px !important;
- width: 20%;
- max-width: 60px;
- }
-}
+++ /dev/null
-@import "_tribute";
-@import "_emojify";
-@import "_base";
-@import "_markdown";
-@import "_home";
-@import "_install";
-@import "_form";
-@import "_repository";
-@import "_editor";
-@import "_organization";
-@import "_user";
-@import "_dashboard";
-@import "_admin";
-@import "_explore";
-@import "_review";
+++ /dev/null
-// TODO: Instead of having each theme file define each
-// CSS/LESS item in this file and then overide
-// in the theme files
+++ /dev/null
-@import "_base";
-
-.hljs {
- display: block;
- overflow-x: auto;
- padding: 0.5em;
- color: #bababa;
-}
-
-.hljs-strong,
-.hljs-emphasis {
- color: #a8a8a2;
-}
-
-.hljs-bullet,
-.hljs-quote,
-.hljs-link,
-.hljs-number,
-.hljs-regexp,
-.hljs-literal {
- color: #6896ba;
-}
-
-.hljs-code,
-.hljs-selector-class {
- color: #a6e22e;
-}
-
-.hljs-emphasis {
- font-style: italic;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-section,
-.hljs-attribute,
-.hljs-name,
-.hljs-variable {
- color: #cb7832;
-}
-
-.hljs-params {
- color: #b9b9b9;
-}
-
-.hljs-string {
- color: #6a8759;
-}
-
-.hljs-subst,
-.hljs-type,
-.hljs-built_in,
-.hljs-builtin-name,
-.hljs-symbol,
-.hljs-selector-id,
-.hljs-selector-attr,
-.hljs-selector-pseudo,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-addition {
- color: #e0c46c;
-}
-
-.hljs-comment,
-.hljs-deletion,
-.hljs-meta {
- color: #7f7f7f;
-}
-
-.repository .ui.segment.sub-menu .list .item a {
- color: #dbdbdb;
-}
-
-.ui.horizontal.segments > .segment {
- background-color: #383c4a;
-}
-
-body {
- background: #383c4a;
- color: #9e9e9e;
-}
-
-/* firefox scroll bars */
-
-* {
- scrollbar-width: thin;
- scrollbar-color: #87ab63 rgba(255, 255, 255, 0.1);
-}
-
-/* webkit scrollbars */
-
-::-webkit-scrollbar {
- -webkit-appearance: none !important;
- width: 10px !important;
- height: 10px !important;
-}
-
-::-webkit-scrollbar-track {
- border-radius: 0 !important;
- background: rgba(255, 255, 255, 0.1) !important;
-}
-
-::-webkit-scrollbar-thumb {
- cursor: pointer !important;
- border-radius: 5px !important;
- -webkit-transition: color 0.2s ease !important;
- transition: color 0.2s ease !important;
- background: #87ab63 !important;
-}
-
-::-webkit-scrollbar-thumb:window-inactive {
- background: #87ab63 !important;
-}
-
-::-webkit-scrollbar-thumb:hover {
- background: #87ab63 !important;
-}
-
-a {
- color: #87ab63;
-}
-
-a:hover {
- color: #a0cc75;
-}
-
-.ui.card > .extra a:not(.ui):hover,
-.ui.cards > .card > .extra a:not(.ui):hover {
- color: #a0cc75;
-}
-
-.ui.breadcrumb a:hover {
- color: #a0cc75;
-}
-
-.ui.breadcrumb a {
- color: #87ab63;
-}
-
-.repository .metas .ui.list a .text {
- color: #87ab63;
-}
-
-.repository .metas .ui.list a .text:hover {
- color: #a0cc75;
-}
-
-.repository .label.list .item a {
- color: #87ab63;
-}
-
-.repository .label.list .item a:hover {
- color: #a0cc75;
-}
-
-.repository .milestone.list > .item > a {
- color: #87ab63;
-}
-
-.repository .milestone.list > .item > a:hover {
- color: #a0cc75;
-}
-
-.repository.release #release-list {
- border-top: 1px solid #4c505c;
-}
-
-.repository .milestone.list > .item .operate > a {
- color: #87ab63;
-}
-
-.repository .milestone.list > .item .operate > a:hover {
- color: #a0cc75;
-}
-
-.ui.green.progress .bar {
- background-color: #668844;
-}
-
-.ui.progress.success .bar {
- background-color: #7b9e57 !important;
-}
-
-.following.bar.light {
- background: #2e323e;
- border-bottom: 1px solid #313131;
-}
-
-.ui.secondary.menu .active.item {
- color: #dbdbdb;
-}
-
-.ui.secondary.menu .item {
- color: #9e9e9e;
-}
-
-.following.bar .top.menu a.item:hover {
- color: #ffffff;
-}
-
-.repository.view.issue .comment-list .comment .content > .bottom.segment a {
- border: solid 1px #353945;
- background-color: #353945;
-}
-
-.ui.attached.header {
- background: #404552;
- border: 1px solid #404552;
- color: #dbdbdb;
-}
-
-.ui.attached.table {
- border: 1px solid #304251;
- background: #304251;
-}
-
-.feeds .list ul li:not(:last-child) {
- border-bottom: 1px solid #333640;
-}
-
-.feeds .list ul li.private {
- background: #353945;
- border: 1px solid #333640;
-}
-
-.ui.secondary.menu .dropdown.item:hover,
-.ui.secondary.menu .link.item:hover,
-.ui.secondary.menu .active.item:hover,
-.ui.secondary.menu a.item:hover {
- color: #ffffff;
-}
-
-.ui.menu .ui.dropdown .menu > .item {
- background: #2c303a !important;
- color: #9e9e9e !important;
-}
-
-.ui.secondary.menu .dropdown.item > .menu,
-.ui.text.menu .dropdown.item > .menu {
- border: 1px solid #434444;
-}
-
-footer {
- background: #2e323e;
- border-top: 1px solid #313131;
-}
-
-.ui.menu .dropdown.item .menu {
- background: #2c303a;
-}
-
-.ui.menu .ui.dropdown .menu > .item:hover,
-.ui.menu .ui.dropdown .menu > .selected.item {
- color: #ffffff !important;
-}
-
-.ui.dropdown .menu > .header {
- color: #dbdbdb;
-}
-
-.ui.red.label,
-.ui.red.labels .label {
- background-color: #7d3434 !important;
- border-color: #8a2121 !important;
-}
-
-.ui.menu {
- background: #404552;
- border: 1px solid #353945;
-}
-
-.ui.menu .active.item:hover,
-.ui.vertical.menu .active.item:hover {
- color: #dbdbdb;
- background: #4b5162;
-}
-
-.ui.link.menu .item:hover,
-.ui.menu .dropdown.item:hover,
-.ui.menu .link.item:hover,
-.ui.menu a.item:hover {
- color: #dbdbdb;
- background: #454b5a;
-}
-
-.ui.menu .active.item {
- background: #4b5162;
- color: #dbdbdb;
-}
-
-.ui.input input {
- background: #404552;
- border: 2px solid #353945;
- color: #dbdbdb;
-}
-
-.ui.input input:focus,
-.ui.input.focus input {
- background: #404552;
- border: 2px solid #353945;
- color: #dbdbdb;
-}
-
-.ui.accordion .title:not(.ui) {
- color: #dbdbdb;
-}
-
-.ui.label {
- color: #dbdbdb;
- background-color: #404552;
-}
-
-.issue.list > .item .title {
- color: #87ab63;
-}
-
-.issue.list > .item .title:hover {
- color: #a0cc75;
-}
-
-.issue.list > .item {
- border-bottom: 1px dashed #475767;
-}
-
-.ui.green.label,
-.ui.green.labels .label,
-.ui.basic.green.label {
- background-color: #2d693b !important;
- border-color: #2d693b !important;
-}
-
-.ui.basic.green.labels a.label:hover,
-a.ui.basic.green.label:hover {
- background-color: #16ab39 !important;
- border-color: #16ab39 !important;
- color: #ffffff !important;
-}
-
-.issue.list > .item .comment {
- color: #129c92;
-}
-
-.ui.basic.button,
-.ui.basic.buttons .button {
- color: #797979 !important;
-}
-
-.ui.basic.red.active.button,
-.ui.basic.red.buttons .active.button {
- box-shadow: 0 0 0 1px #c75252 inset !important;
- color: #c75252 !important;
-}
-
-.ui.basic.button:focus,
-.ui.basic.button:hover,
-.ui.basic.buttons .button:focus,
-.ui.basic.buttons .button:hover {
- background: transparent !important;
- color: #dbdbdb !important;
-}
-
-.ui.menu .item {
- background: #404552;
- color: #9e9e9e;
-}
-
-.ui.menu .item.disabled,
-.ui.menu .item.disabled:hover {
- color: #626773;
-}
-
-.ui.pagination.menu .active.item {
- color: #dbdbdb;
- background-color: #87ab63;
-}
-
-.repository .header-wrapper {
- background-color: #2a2e3a;
-}
-
-.ui.tabular.menu .active.item {
- background: #383c4a;
- color: #dbdbdb;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- border-top: 0;
-}
-
-.ui.tabular.menu .item {
- color: #9e9e9e;
-}
-
-.ui.tabular.menu .item:hover {
- color: #dbdbdb;
-}
-
-.ui.header,
-.ui.breadcrumb .divider {
- color: #9e9e9e;
-}
-
-.ui.blue.label,
-.ui.blue.labels .label {
- background-color: #26577b !important;
- border-color: #26577b !important;
-}
-
-.ui.menu .item > .label {
- background: #565454;
-}
-
-.ui.blue.button,
-.ui.blue.buttons .button {
- background-color: #87ab63;
-}
-
-.ui.blue.button:hover,
-.ui.blue.buttons .button:hover {
- background-color: #a0cc75;
-}
-
-.ui.form input:not([type]),
-.ui.form input[type="text"],
-.ui.form input[type="email"],
-.ui.form input[type="search"],
-.ui.form input[type="password"],
-.ui.form input[type="date"],
-.ui.form input[type="datetime-local"],
-.ui.form input[type="tel"],
-.ui.form input[type="time"],
-.ui.form input[type="url"],
-.ui.form input[type="number"] {
- color: #9e9e9e;
- background: #404552;
- border: 2px solid #353945;
-}
-
-.ui.form input:not([type]):focus,
-.ui.form input[type="text"]:focus,
-.ui.form input[type="email"]:focus,
-.ui.form input[type="search"]:focus,
-.ui.form input[type="password"]:focus,
-.ui.form input[type="date"]:focus,
-.ui.form input[type="datetime-local"]:focus,
-.ui.form input[type="tel"]:focus,
-.ui.form input[type="time"]:focus,
-.ui.form input[type="url"]:focus,
-.ui.form input[type="number"]:focus {
- background: #404552;
- border: 2px solid #4b505f;
- color: #dbdbdb;
-}
-
-.ui.action.input:not([class*="left action"]) input:focus {
- border-right-color: #4b505f !important;
-}
-
-.ui.green.button,
-.ui.green.buttons .button {
- background-color: #87ab63;
-}
-
-.ui.green.button:hover,
-.ui.green.buttons .button:hover {
- background-color: #a0cc75;
-}
-
-.ui.button {
- background: #383c4a;
- border: 1px solid #4c505c;
- color: #dbdbdb;
-}
-
-.ui.labeled.button:not([class*="left labeled"]) > .label,
-.ui[class*="left labeled"].button > .button {
- background: #404552;
- border: 1px solid #4c505c;
- color: #87ab63;
-}
-
-.ui.button:hover {
- background-color: #404552;
- color: #dbdbdb;
-}
-
-.ui.table thead th {
- background: #404552;
- color: #dbdbdb;
-}
-
-.repository.file.list #repo-files-table tr:hover {
- background-color: #393d4a;
-}
-
-.ui.table {
- color: #a5a5a5 !important;
- border-color: #4c505c;
- background: #353945;
-}
-
-.ui.table tbody tr {
- border-color: #333640;
- background: #2a2e3a;
-}
-
-.ui .text.grey {
- color: #808084 !important;
-}
-
-.ui.attached.table.segment {
- background: #353945;
- color: #dbdbdb !important;
-}
-
-.markdown:not(code) h2 {
- border-bottom: 1px solid #304251;
-}
-
-.hljs,
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-subst {
- color: #9daccc;
-}
-
-.markdown:not(code) .highlight pre,
-.markdown:not(code) pre {
- background-color: #2a2e3a;
- border: 1px solid #404552;
-}
-
-.markdown:not(code) table tr:nth-child(2n) {
- background-color: #2a2e39;
-}
-
-.markdown:not(code) table tr:nth-child(2n-1) {
- background-color: #383b44;
-}
-
-.markdown:not(code) table thead tr:nth-child(2n-1) {
- background-color: #464c5d !important;
-}
-
-.markdown:not(code) table td,
-.markdown:not(code) table th {
- border-color: #4c505c !important;
-}
-
-.repository.file.editor.edit,
-.repository.wiki.new .CodeMirror {
- border-right: 1px solid rgba(187, 187, 187, 0.6);
- border-left: 1px solid rgba(187, 187, 187, 0.6);
- border-bottom: 1px solid rgba(187, 187, 187, 0.6);
-
- .editor-preview,
- .editor-preview-side {
- background: #353945;
-
- .markdown:not(code).ui.segment {
- border-width: 0;
- }
- }
-}
-
-.ui.dropdown .menu {
- background: #2c303a;
-}
-
-.ui.dropdown .menu > .message:not(.ui) {
- color: #636363;
-}
-
-.ui.input {
- color: #dbdbdb;
-}
-
-.overflow.menu .items .item {
- color: #9d9d9d;
-}
-
-.overflow.menu .items .item:hover {
- color: #dbdbdb;
-}
-
-.ui.segment {
- background: #353945;
- color: #9e9e9e !important;
- border: 1px solid #404552;
-}
-
-.ui.active.button:active,
-.ui.button:active,
-.ui.button:focus {
- background-color: #2e3e4e;
- color: #dbdbdb;
-}
-
-.ui.dropdown .menu .selected.item,
-.ui.dropdown.selected {
- color: #dbdbdb;
-}
-
-.ui.dropdown .menu > .item:hover {
- color: #dbdbdb;
-}
-
-.ui.dropdown .menu > .item {
- color: #9e9e9e;
-}
-
-.ui.attached.segment {
- border: 1px solid #404552;
-}
-
-.repository.view.issue .comment-list .comment .content > .bottom.segment {
- background: #353945;
-}
-
-.repository.view.issue .comment-list .comment .content .header {
- color: #dbdbdb;
- background-color: #404552;
- border-bottom: 1px solid #353944;
-}
-
-.repository.view.issue .comment-list .comment .content .merge-section {
- background-color: #404552;
- border-top: 1px solid #353944;
-}
-
-.repository.view.issue .comment-list .event > .octicon.issue-symbol {
- background: #3b4954;
-}
-
-.repository.view.issue .comment-list .event > .octicon:not(.issue-symbol) {
- text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a;
-}
-
-.ui .text.grey a {
- color: #dbdbdb !important;
-}
-
-.ui.comments .comment .actions a {
- color: #dbdbdb;
-}
-
-.repository.view.issue .comment-list .comment .content .header:after {
- border-right-color: #404552;
-}
-
-.repository.new.issue .comment.form .content:after {
- border-right-color: #353945;
-}
-
-.repository.view.issue .comment-list .comment .content .header:before {
- border-right-color: #404552;
-}
-
-.repository.new.issue .comment.form .content:before {
- border-right-color: #353945;
-}
-
-.repository.view.issue .comment-list:not(.prevent-before-timeline):before,
-.repository.view.issue .comment-list .timeline-line:before {
- background-color: #3b4954;
-}
-
-.repository .comment.form .content .form:after {
- border-right-color: #313c47;
-}
-
-.repository .comment.form .content .form:before {
- border-right-color: #313c47;
-}
-
-.ui .text.grey a:hover {
- color: #dbdbdb !important;
-}
-
-.ui.basic.green.active.button,
-.ui.basic.green.buttons .active.button {
- color: #13ae38 !important;
-}
-
-.ui.form textarea,
-.ui.form textarea:focus {
- color: #dbdbdb;
- background: #404552;
- border: 2px solid #353945;
-}
-
-.ui.form textarea:focus {
- border: 1px solid #456580;
-}
-
-.ui .info.segment.top {
- background-color: #404552 !important;
-}
-
-.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
- background-color: #3c2626 !important;
- border-color: #634343 !important;
-}
-
-.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
- background-color: #283e2d !important;
- border-color: #314a37 !important;
-}
-
-.repository .diff-file-box .code-diff tbody tr .added-code {
- background-color: #3a523a;
-}
-
-.hljs-title,
-.hljs-section,
-.hljs-selector-id {
- color: #986c88;
-}
-
-.hljs-string,
-.hljs-doctag {
- color: #8ab398;
-}
-
-.repository .diff-file-box .code-diff tbody tr .removed-code {
- background-color: #5f3737;
-}
-
-.tag-code,
-.tag-code td {
- background: #242637 !important;
- border-color: transparent !important;
-}
-
-.ui.vertical.menu .active.item {
- background: #4b5162;
-}
-
-.ui.vertical.menu .item {
- background: #353945;
-}
-
-.ui.vertical.menu .header.item {
- background: #404552;
-}
-
-.ui.vertical.menu {
- background: #353945;
- border: 1px solid #333640;
-}
-
-.ui.repository.list .item:not(:first-child) {
- border-top: 1px solid #4c505c;
-}
-
-.ui .text.blue {
- color: #87ab63 !important;
-}
-
-.ui.selection.active.dropdown,
-.ui.selection.active.dropdown .menu {
- border-color: #4e5361;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
-}
-
-.ui.selection.active.dropdown:hover,
-.ui.selection.active.dropdown:hover .menu {
- border-color: #4e5361;
- box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
-}
-
-.ui.selection.dropdown {
- background: #404552;
- border: 1px solid #404552;
- color: #9e9e9e;
-}
-
-.ui.menu .ui.dropdown .menu > .active.item {
- color: #dbdbdb !important;
-}
-
-.ui.tabular.menu {
- border-bottom: 1px solid #313c47;
-}
-
-.ui.card,
-.ui.cards > .card {
- background: #353945;
- box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
-}
-
-.ui.card > .content > .header,
-.ui.cards > .card > .content > .header {
- color: #dbdbdb;
-}
-
-.ui.card > .extra a:not(.ui),
-.ui.cards > .card > .extra a:not(.ui) {
- color: #87ab63;
-}
-
-.ui .text.black {
- color: #9e9e9e;
-}
-
-.ui .text.black:hover {
- color: #dbdbdb;
-}
-
-.ui.secondary.segment {
- background: #353945;
-}
-
-.ui.secondary.pointing.menu .active.item {
- color: #dbdbdb;
- border: 0;
- background: #383c4a;
-}
-
-.ui.user.list .item:not(:first-child) {
- border-top: 1px solid #4c505c;
-}
-
-.ui.secondary.pointing.menu .active.item:hover {
- border-color: #af8b4c;
- color: #dbdbdb;
- background: #4b5162;
-}
-
-.ui.secondary.pointing.menu .dropdown.item:hover,
-.ui.secondary.pointing.menu .link.item:hover,
-.ui.secondary.pointing.menu a.item:hover {
- color: #dbdbdb;
-}
-
-.ui.checkbox label,
-.ui.checkbox + label,
-.ui.form .field > label {
- color: #9e9e9e;
-}
-
-.ui.form .inline.field > label,
-.ui.form .inline.field > p,
-.ui.form .inline.fields .field > label,
-.ui.form .inline.fields .field > p,
-.ui.form .inline.fields > label {
- color: #9e9e9e;
-}
-
-.user.settings .email.list .item:not(:first-child) {
- border-top: 1px solid #3f4451;
-}
-
-.explore .navbar {
- background-color: #2a2e3a !important;
-}
-
-.ui.menu.new-menu {
- background-color: #2a2e3a !important;
-
- @media only screen and (max-width: 1200px) {
- &:after {
- background-image: linear-gradient(to right, rgba(42, 46, 42, 0), rgba(42, 46, 42, 1) 100%);
- }
- }
-}
-
-input {
- background: #2e323e;
-}
-
-.settings .key.list .item:not(:first-child) {
- border-top: 1px solid #404552;
-}
-
-.ui.attached.info.message,
-.ui.info.message {
- box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
-}
-
-.ui.bottom.attached.message {
- background-color: #2c662d;
- color: #87ab63;
-}
-
-.ui.bottom.attached.message .pull-right {
- color: #87ab63;
-}
-
-.ui.info.message {
- background-color: #2c3b4a;
- color: #9ebcc5;
-}
-
-.ui .warning.header {
- background-color: #5d3a22 !important;
- border-color: #794f31;
-}
-
-.ui.red.message {
- background-color: rgba(80, 23, 17, 0.6);
- color: #f9cbcb;
- box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
-}
-
-.ui.red.button,
-.ui.red.buttons .button {
- background-color: #7d3434;
-}
-
-.ui.red.button:hover,
-.ui.red.buttons .button:hover {
- background-color: #984646;
-}
-
-.ui.checkbox label:hover,
-.ui.checkbox + label:hover {
- color: #dbdbdb !important;
-}
-
-.ui.checkbox input:checked ~ .box:after,
-.ui.checkbox input:checked ~ label:after {
- color: #7f98ad;
-}
-
-.ui.checkbox input:checked ~ .box:before,
-.ui.checkbox input:checked ~ label:before {
- background: #304251;
- opacity: 1;
- color: #7f98ad;
- border-color: #304251;
-}
-
-.ui.checkbox .box:hover::before,
-.ui.checkbox label:hover::before {
- background: #304251;
-}
-
-.ui.checkbox .box:before,
-.ui.checkbox label:before {
- background: #304251;
- border: 1px solid #304251;
-}
-
-.ui.checkbox label:before {
- border-color: #476075;
-}
-
-.ui.checkbox .box:active::before,
-.ui.checkbox label:active::before {
- background: #304251;
- border-color: rgba(34, 36, 38, 0.35);
-}
-
-.ui.checkbox input:focus ~ .box:before,
-.ui.checkbox input:focus ~ label:before {
- border-color: #304251;
- background: #304251;
-}
-
-.ui.checkbox input:checked:focus ~ .box:before,
-.ui.checkbox input:checked:focus ~ label:before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
- border-color: #304251;
- background: #304251;
-}
-
-.ui.checkbox input:checked:focus ~ .box:after,
-.ui.checkbox input:checked:focus ~ label:after,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
-.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
- color: #7f98ad;
-}
-
-.ui.checkbox input:focus ~ .box:after,
-.ui.checkbox input:focus ~ label,
-.ui.checkbox input:focus ~ label:after {
- color: #9a9a9a;
-}
-
-.ui.selection.dropdown:hover {
- border: 1px solid #456580;
-}
-
-.ui.selection.dropdown .menu > .item {
- border-top: 1px solid #313c47;
-}
-
-.ui.selection.visible.dropdown > .text:not(.default) {
- color: #9e9e9e;
-}
-
-.ui.negative.message {
- background-color: rgba(80, 23, 17, 0.6);
- color: #f9cbcb;
- box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
-}
-
-.hljs-tag,
-.hljs-name,
-.hljs-attribute {
- color: #ef5e77;
-}
-
-.user.profile .ui.card .extra.content ul li:not(:last-child) {
- border-bottom: 1px solid #4c505c;
-}
-
-.hljs-number,
-.hljs-literal,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-tag .hljs-attr {
- color: #bd84bf;
-}
-
-.ui.form .dropzone {
- border: 2px dashed #4c505c;
-}
-
-.ui.basic.red.button,
-.ui.basic.red.buttons .button {
- box-shadow: 0 0 0 1px #a04141 inset !important;
- color: #a04141 !important;
-}
-
-.ui.list .list > .item .header,
-.ui.list > .item .header {
- color: #dedede;
-}
-
-.ui.list .list > .item .description,
-.ui.list > .item .description {
- color: #9e9e9e;
-}
-
-.ui.user.list .item .description a {
- color: #668cb1;
-}
-
-.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
-.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
- color: #7c9b5e;
-}
-
-.ui.blue.button:focus,
-.ui.blue.buttons .button:focus {
- background-color: #a27558;
-}
-
-.ui.basic.blue.button:hover,
-.ui.basic.blue.buttons .button:hover {
- box-shadow: 0 0 0 1px #87ab63 inset !important;
- color: #87ab63 !important;
-}
-
-.ui.basic.blue.button:focus,
-.ui.basic.blue.buttons .button:focus {
- box-shadow: 0 0 0 1px #87ab63 inset !important;
- color: #87ab63 !important;
-}
-
-.lines-commit {
- background: #2e323e !important;
-}
-
-.bottom-line {
- border-color: #4e525e !important;
-}
-
-.lines-num {
- background: #2e323e !important;
- color: #9e9e9e !important;
- border-color: #2d2d2d !important;
-}
-
-.lines-num pre,
-.lines-code pre,
-.lines-num ol,
-.lines-code ol,
-.lines-num .hljs,
-.lines-code .hljs {
- background-color: #2a2e3a !important;
-}
-
-.code-view .active {
- background: #554a00;
-}
-
-a.ui.label:hover,
-a.ui.labels .label:hover {
- background-color: #505667 !important;
- color: #dbdbdb !important;
-}
-
-.repository #commits-table td.sha .sha.label,
-.repository #repo-files-table .sha.label {
- border-color: #888;
-}
-
-.repository #commits-table td.sha .sha.label.isSigned .detail.icon,
-.repository #repo-files-table .sha.label.isSigned .detail.icon {
- background: none;
- border-left-color: #888;
-}
-
-.repository .label.list .item {
- border-bottom: 1px dashed #4c505c;
-}
-
-.ui.basic.blue.button,
-.ui.basic.blue.buttons .button {
- box-shadow: 0 0 0 1px #87ab63 inset !important;
- color: #87ab63 !important;
-}
-
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1),
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) {
- background-color: #2a2e3a;
-}
-
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6),
-.repository .diff-file-box .code-diff-split tbody tr td.add-code {
- background-color: #283e2d !important;
- border-color: #314a37 !important;
-}
-
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1),
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
-.repository .diff-file-box .code-diff-split tbody tr td.del-code {
- background-color: #3c2626 !important;
- border-color: #634343 !important;
-}
-
-.ui.blue.button:active,
-.ui.blue.buttons .button:active {
- background-color: #a27558;
-}
-
-#git-graph-container li a {
- color: #c79575;
-}
-
-#git-graph-container li .author {
- color: #c79575;
-}
-
-.ui.header .sub.header {
- color: #9e9e9e;
-}
-
-.ui.dividing.header {
- border-bottom: 1px solid #4c505c;
-}
-
-.ui.modal > .header {
- background: #404552;
- color: #dbdbdb;
-}
-
-.ui.modal > .actions {
- background: #404552;
- border-top: 1px solid #404552;
-}
-
-.ui.modal > .content {
- background: #383c4a;
-}
-
-.editor-toolbar {
- background-color: #404552;
-
- a {
- color: #87ab63 !important;
- }
-}
-
-.repository .diff-detail-box {
- background-color: #383c4a;
-
- .detail-files {
- background-color: inherit;
- }
-}
-
-.comment-code-cloud {
- .ui.attached.tabular.menu {
- background: none transparent;
- border: 0;
- }
-
- .footer .markdown-info {
- color: inherit;
- }
-}
-
-.file-comment {
- color: #888888;
-}
-
-.ui.comments .comment {
- .author {
- color: #dbdbdb;
- }
-
- .metadata {
- color: #808084;
- }
-
- .text {
- color: #9e9e9e;
- }
-}
-
-.xdsoft_datetimepicker {
- background: #2a2e39;
- border: 1px solid #4c505c;
- color: #9e9e9e;
-
- .xdsoft_mounthpicker {
- height: 36px;
- background: #464c5d;
- margin: -2px -8px 2px;
- padding: 2px 8px 0;
-
- button {
- background-image: none;
- text-indent: 0;
- text-align: center;
- color: #9e9e9e;
-
- &.xdsoft_prev::before {
- content: "\f0d9";
- font: normal normal normal 14px/1 FontAwesome, serif;
- font-size: 1.7em;
- }
-
- &.xdsoft_next::before {
- content: "\f0da";
- font: normal normal normal 14px/1 FontAwesome, serif;
- font-size: 1.7em;
- }
-
- &.xdsoft_today_button::before {
- content: "\f015";
- font: normal normal normal 14px/1 FontAwesome, serif;
- font-size: 1.4em;
- }
- }
-
- & > div.xdsoft_label {
- background: #464c5d;
-
- i {
- line-height: 14px;
- background-image: none;
- text-indent: 0;
- text-align: center;
-
- ::before {
- content: "\f0dd";
- font: normal normal normal 14px/1 FontAwesome, serif;
- font-size: 0.7em;
- }
- }
-
- .xdsoft_select {
- background: #353945;
- }
- }
- }
-
- .xdsoft_datepicker .xdsoft_calendar {
- td,
- th {
- border-color: #4c505c;
- background-color: #2a2e39;
- }
-
- td.xdsoft_other_month,
- td.xdsoft_disabled {
- opacity: 0.8;
- background: #a0cc75;
- color: #000000;
- }
-
- }
-}
-
-.heatmap(@heat) {
- @heatmap-cold: #2d303b;
- @heatmap-hot: #a0cc75;
- background-color: mix(@heatmap-hot, @heatmap-cold, @heat);
-}
-
-.heatmap-color-0 {
- .heatmap(0%);
-}
-
-.heatmap-color-1 {
- .heatmap(20%);
-}
-
-.heatmap-color-2 {
- .heatmap(40%);
-}
-
-.heatmap-color-3 {
- .heatmap(60%);
-}
-
-.heatmap-color-4 {
- .heatmap(80%);
-}
-
-.heatmap-color-5 {
- .heatmap(100%);
-}
-
-/* code mirror dark theme */
-
-.CodeMirror {
- color: #9daccc;
- background-color: #2b2b2b;
- border-top: 0;
-
- div.CodeMirror-cursor {
- border-left: 1px solid #9e9e9e;
- }
-
- .CodeMirror-gutters {
- background-color: #2b2b2b;
- }
-
- ::selection,
- ::-moz-selection,
- .CodeMirror-selected {
- background: #42402f !important;
- }
-
- &.cm-s-default,
- &.cm-s-paper {
- .cm-property {
- color: #a0cc75;
- }
-
- .cm-header {
- color: #9daccc;
- }
-
- .cm-quote {
- color: #009900;
- }
-
- .cm-keyword {
- color: #cc8a61;
- }
-
- .cm-atom {
- color: #ef5e77;
- }
-
- .cm-number {
- color: #ff5656;
- }
-
- .cm-def {
- color: #e4e4e4;
- }
-
- .cm-variable-2 {
- color: #00bdbf;
- }
-
- .cm-variable-3 {
- color: #008855;
- }
-
- .cm-comment {
- color: #8e9ab3;
- }
-
- .cm-string {
- color: #a77272;
- }
-
- .cm-string-2 {
- color: #ff5500;
- }
-
- .cm-meta,
- .cm-qualifier {
- color: #ffb176;
- }
-
- .cm-builtin {
- color: #b7c951;
- }
-
- .cm-bracket {
- color: #999977;
- }
-
- .cm-tag {
- color: #f1d273;
- }
-
- .cm-attribute {
- color: #bfcc70;
- }
-
- .cm-hr {
- color: #999999;
- }
-
- .cm-url {
- color: #c5cfd0;
- }
-
- .cm-link {
- color: #d8c792;
- }
-
- .cm-error {
- /* color: #ff6e00; */
- color: #dbdbeb;
- }
- }
-}
--- /dev/null
+.admin {
+ padding-top: 15px;
+
+ .table.segment {
+ padding: 0;
+ font-size: 13px;
+
+ &:not(.striped) {
+ padding-top: 5px;
+
+ thead {
+ th:last-child {
+ padding-right: 5px !important;
+ }
+ }
+ }
+
+ th {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ }
+
+ &:not(.select) {
+ th,
+ td {
+ &:first-of-type {
+ padding-left: 15px !important;
+ }
+ }
+ }
+ }
+
+ .ui.header,
+ .ui.segment {
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ }
+
+ &.user {
+ .email {
+ max-width: 200px;
+ }
+ }
+
+ dl.admin-dl-horizontal {
+ padding: 20px;
+ margin: 0;
+
+ dd {
+ margin-left: 275px;
+ }
+
+ dt {
+ font-weight: bolder;
+ float: left;
+ width: 285px;
+ clear: left;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ }
+
+ &.config {
+ #test-mail-btn {
+ margin-left: 5px;
+ }
+ }
+
+ code,
+ pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ }
+}
--- /dev/null
+@font-face {
+ font-family: 'Lato';
+ src: url('../vendor/assets/lato-fonts/lato-regular.eot');
+ src: url('../vendor/assets/lato-fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-regular.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-regular.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-regular.ttf') format('truetype');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Lato';
+ src: url('../vendor/assets/lato-fonts/lato-italic.eot');
+ src: url('../vendor/assets/lato-fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-italic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-italic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-italic.ttf') format('truetype');
+ font-weight: 400;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Lato';
+ src: url('../vendor/assets/lato-fonts/lato-bold.eot');
+ src: url('../vendor/assets/lato-fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bold.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bold.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bold.ttf') format('truetype');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Lato';
+ src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot');
+ src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bolditalic.ttf') format('truetype');
+ font-weight: 700;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Yu Gothic';
+ src: local('Yu Gothic Medium');
+ font-weight: 400;
+}
+
+@font-face {
+ font-family: 'Yu Gothic';
+ src: local('Yu Gothic Bold');
+ font-weight: 700;
+}
+
+@default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial;
+@monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console';
+
+.override-fonts(@fonts) {
+ textarea {
+ font-family: @fonts, sans-serif;
+ }
+
+ .markdown:not(code) {
+ font-family: @fonts, sans-serif;
+ }
+
+ /* We're going to just override the semantic fonts here */
+ h1,
+ h2,
+ h3,
+ h4,
+ h5 {
+ font-family: Lato, @fonts, sans-serif;
+ }
+
+ .home .hero h1,
+ .home .hero h2 {
+ font-family: 'PT Sans Narrow', Lato, @fonts, sans-serif;
+ }
+
+ .ui.accordion .title:not(.ui),
+ .ui.button,
+ .ui.card > .content > .header.ui.card > .content > .header,
+ .ui.category.search > .results .category > .name,
+ .ui.form input:not([type]),
+ .ui.form input[type="date"],
+ .ui.form input[type="datetime-local"],
+ .ui.form input[type="email"],
+ .ui.form input[type="file"],
+ .ui.form input[type="number"],
+ .ui.form input[type="password"],
+ .ui.form input[type="search"],
+ .ui.form input[type="tel"],
+ .ui.form input[type="text"],
+ .ui.form input[type="time"],
+ .ui.form input[type="url"],
+ .ui.header,
+ .ui.items > .item > .content > .header,
+ .ui.list .list > .item .header,
+ .ui.list > .item .header,
+ .ui.menu,
+ .ui.message .header,
+ .ui.modal > .header,
+ .ui.popup > .header,
+ .ui.search > .results .result .title,
+ .ui.search > .results > .message .header,
+ body,
+ .ui.input > input,
+ .ui.input input,
+ .ui.statistics .statistic > .value,
+ .ui.statistic > .value,
+ .ui.statistics .statistic > .label,
+ .ui.statistic > .label,
+ .ui.steps .step .title,
+ .ui.text.container,
+ .ui.language > .menu > .item& {
+ font-family: Lato, @fonts, sans-serif;
+ }
+}
+
+.override-fonts(@default-fonts);
+
+body {
+ background-color: #ffffff;
+ overflow-y: auto;
+ -webkit-font-smoothing: antialiased;
+ display: flex;
+ flex-direction: column;
+}
+
+@ja-fonts: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Source Han Sans JP', 'Noto Sans CJK JP', 'Droid Sans Japanese', 'Meiryo', 'MS PGothic';
+:lang(ja) {
+ .override-fonts(@default-fonts, @ja-fonts;);
+}
+
+@zh-CN-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'Heiti SC', SimHei;
+:lang(zh-CN) {
+ .override-fonts(@default-fonts, @zh-CN-fonts;);
+}
+
+@zh-TW-fonts: 'PingFang TC', 'Hiragino Sans TC', 'Source Han Sans TW', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU;
+:lang(zh-TW) {
+ .override-fonts(@default-fonts, @zh-TW-fonts;);
+}
+
+@zh-HK-fonts: 'PingFang HK', 'Hiragino Sans TC', 'Source Han Sans HK', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU_HKSCS, PMingLiU;
+:lang(zh-HK) {
+ .override-fonts(@default-fonts, @zh-HK-fonts;);
+}
+
+@ko-fonts: 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', 'Gulim', 'Dotum', 'Nanum Gothic', 'Source Han Sans KR', 'Noto Sans CJK KR';
+:lang(ko) {
+ .override-fonts(@default-fonts, @ko-fonts;);
+}
+
+img {
+ border-radius: 3px;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+a {
+ cursor: pointer;
+}
+
+.rounded {
+ border-radius: 0.28571429rem !important;
+}
+
+.wrap {
+ word-wrap: break-word;
+ word-break: break-all;
+}
+
+pre,
+code,
+.mono {
+ font: 12px @monospaced-fonts, monospace;
+
+ &.raw {
+ padding: 7px 12px;
+ margin: 10px 0;
+ background-color: #f8f8f8;
+ border: 1px solid #dddddd;
+ border-radius: 3px;
+ font-size: 13px;
+ line-height: 1.5;
+ overflow: auto;
+ }
+
+ &.wrap {
+ white-space: pre-wrap;
+ word-break: break-all;
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ }
+}
+
+.dont-break-out {
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ word-break: break-all;
+ hyphens: auto;
+}
+
+.full.height {
+ flex-grow: 1;
+ padding-bottom: 80px;
+}
+
+.following.bar {
+ z-index: 900;
+ left: 0;
+ margin: 0 !important;
+
+ &.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;
+ }
+
+ .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;
+ }
+
+ .octicon {
+ &.fitted {
+ margin-right: 0;
+ }
+
+ margin-right: 0.75em;
+ }
+
+ .searchbox {
+ background-color: #f4f4f4 !important;
+
+ &:focus {
+ background-color: #e9e9e9 !important;
+ }
+ }
+
+ .text .octicon {
+ width: 16px;
+ text-align: center;
+ }
+
+ #navbar {
+ width: 100vw;
+ min-height: 52px;
+ padding: 0 0.5rem;
+ }
+
+ #navbar .brand {
+ margin: 0;
+ }
+
+ @media only screen and (max-width: 767px) {
+ #navbar:not(.shown) > *:not(:first-child) {
+ display: none;
+ }
+ }
+}
+
+.right.stackable.menu {
+ // responsive fix: this makes sure that the right menu when the page
+ // is on mobile view will have elements stacked on top of each other.
+ // no, stackable won't work on right menus.
+ margin-left: auto;
+ display: flex;
+ align-items: inherit;
+ flex-direction: inherit;
+}
+
+.ui {
+ &.left {
+ float: left;
+ }
+
+ &.right {
+ float: right;
+ }
+
+ &.button,
+ &.menu .item {
+ user-select: auto;
+ }
+
+ &.container {
+ &.fluid {
+ &.padded {
+ padding: 0 10px 0 10px;
+ }
+ }
+ }
+
+ &.form {
+ .ui.button {
+ font-weight: normal;
+ }
+ }
+
+ &.floating.label {
+ z-index: 10;
+ }
+
+ &.transparent.label {
+ background-color: transparent;
+ }
+
+ &.nopadding {
+ padding: 0;
+ }
+
+ &.menu,
+ &.vertical.menu,
+ &.segment {
+ box-shadow: none;
+ }
+
+ /* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */
+ /* This fixes the commit graph button on the commits page */
+
+ .menu:not(.vertical) .item > .button.compact {
+ padding: 0.58928571em 1.125em;
+ }
+
+ .menu:not(.vertical) .item > .button.small {
+ font-size: 0.92857143rem;
+ }
+
+ &.menu .ui.dropdown.item .menu .item {
+ width: 100%;
+ }
+
+ &.dropdown .menu > .item > .floating.label {
+ z-index: 11;
+ }
+
+ &.dropdown .menu .menu > .item > .floating.label {
+ z-index: 21;
+ }
+
+ .text {
+ &.red {
+ color: #d95c5c !important;
+
+ a {
+ color: #d95c5c !important;
+
+ &:hover {
+ color: #e67777 !important;
+ }
+ }
+ }
+
+ &.blue {
+ color: #428bca !important;
+
+ a {
+ color: #1155cc !important;
+
+ &:hover {
+ color: #428bca !important;
+ }
+ }
+ }
+
+ &.black {
+ color: #444444;
+
+ &:hover {
+ color: #000000;
+ }
+ }
+
+ &.grey {
+ color: #767676 !important;
+
+ a {
+ color: #444444 !important;
+
+ &:hover {
+ color: #000000 !important;
+ }
+ }
+ }
+
+ &.light.grey {
+ color: #888888 !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;
+ }
+
+ &.nopadding {
+ padding: 0;
+ }
+
+ &.nomargin {
+ margin: 0;
+ }
+ }
+
+ .message {
+ text-align: center;
+ }
+
+ &.bottom.attached.message {
+ font-weight: bold;
+ text-align: left;
+ color: black;
+
+ .pull-right {
+ color: black;
+ }
+
+ & > span,
+ .pull-right > span {
+ color: #21ba45;
+ }
+ }
+
+ .header > i + .content {
+ padding-left: 0.75rem;
+ vertical-align: middle;
+ }
+
+ .warning {
+ &.header {
+ background-color: #f9edbe !important;
+ border-color: #efc16b;
+ }
+
+ &.segment {
+ border-color: #efc16b;
+ }
+ }
+
+ .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: @monospaced-fonts, monospace;
+ font-size: 13px;
+ padding: 6px 10px 4px 10px;
+ font-weight: normal;
+ margin: 0 6px;
+ }
+
+ .button.truncate {
+ display: inline-block;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+ white-space: nowrap;
+ margin-right: 6px;
+ }
+
+ &.status.buttons {
+ .octicon {
+ margin-right: 4px;
+ }
+ }
+
+ &.inline.delete-button {
+ padding: 8px 15px;
+ font-weight: normal;
+ }
+
+ .background {
+ &.red {
+ background-color: #d95c5c !important;
+ }
+
+ &.blue {
+ background-color: #428bca !important;
+ }
+
+ &.black {
+ background-color: #444444;
+ }
+
+ &.grey {
+ background-color: #767676 !important;
+ }
+
+ &.light.grey {
+ background-color: #888888 !important;
+ }
+
+ &.green {
+ background-color: #6cc644 !important;
+ }
+
+ &.purple {
+ background-color: #6e5494 !important;
+ }
+
+ &.yellow {
+ background-color: #fbbf09 !important;
+ }
+
+ &.gold {
+ background-color: #a1882b !important;
+ }
+ }
+
+ .migrate {
+ color: #888888 !important;
+ opacity: 0.5;
+ a {
+ color: #444444 !important;
+
+ &:hover {
+ color: #000000 !important;
+ }
+ }
+ }
+
+ .border {
+ border: 1px solid;
+ &.red {
+ border-color: #d95c5c !important;
+ }
+
+ &.blue {
+ border-color: #428bca !important;
+ }
+
+ &.black {
+ border-color: #444444;
+ }
+
+ &.grey {
+ border-color: #767676 !important;
+ }
+
+ &.light.grey {
+ border-color: #888888 !important;
+ }
+
+ &.green {
+ border-color: #6cc644 !important;
+ }
+
+ &.purple {
+ border-color: #6e5494 !important;
+ }
+
+ &.yellow {
+ border-color: #fbbd08 !important;
+ }
+
+ &.gold {
+ border-color: #a1882b !important;
+ }
+ }
+
+ .branch-tag-choice {
+ line-height: 20px;
+ }
+
+ &.pagination.menu {
+ @media only screen and (max-width: 767px) {
+ .item:not(.active):not(.navigation),
+ .item.navigation span.navigation_label {
+ display: none;
+ }
+ }
+ }
+}
+
+.file-comment {
+ font: 12px @monospaced-fonts, monospace;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.floating.dropdown {
+ .overflow.menu {
+ .scrolling.menu.items {
+ border-radius: 0 !important;
+ box-shadow: none !important;
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+ }
+ }
+}
+
+.user-menu > .item {
+ width: 100%;
+ border-radius: 0 !important;
+}
+
+.scrolling.menu {
+ .item.selected {
+ font-weight: 700 !important;
+ }
+}
+
+footer {
+ background-color: white;
+ border-top: 1px solid #d6d6d6;
+ width: 100%;
+ flex-basis: 40px;
+ color: #888888;
+
+ .container {
+ width: 100vw !important;
+ padding: 0 0.5rem;
+
+ .fa {
+ width: 16px;
+ text-align: center;
+ color: #428bca;
+ }
+
+ .links > * {
+ border-left: 1px solid #d6d6d6;
+ padding-left: 8px;
+ margin-left: 5px;
+
+ &:first-child {
+ border-left: 0;
+ }
+ }
+ }
+
+ .ui.language .menu {
+ max-height: 500px;
+ overflow-y: auto;
+ margin-bottom: 7px;
+ }
+
+ .ui {
+ &.left,
+ &.right {
+ line-height: 40px;
+ }
+ }
+}
+
+.hide {
+ display: none;
+
+ &.show-outdated {
+ display: none !important;
+ }
+
+ &.hide-outdated {
+ display: none !important;
+ }
+}
+
+.center {
+ text-align: center;
+}
+
+.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));
+}
+
+// Conditional display
+@media only screen and (min-width: 768px) {
+ .mobile-only,
+ .ui.button.mobile-only {
+ display: none;
+ }
+
+ // has the same behaviour of sr-only, hiding the content for
+ // non-screenreaders, but is shown on mobile devices.
+ .sr-mobile-only {
+ .sr-only();
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .not-mobile {
+ display: none;
+ }
+}
+
+// Accessibility
+.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;
+}
+
+.ui.menu.new-menu {
+ justify-content: center !important;
+ padding-top: 15px !important;
+ margin-top: -15px !important;
+ margin-bottom: 15px !important;
+ background-color: #fafafa !important;
+ border-width: 1px !important;
+}
+
+@media only screen and (max-width: 1200px) {
+ .ui.menu.new-menu {
+ overflow-x: auto !important;
+ justify-content: left !important;
+ padding-bottom: 5px;
+ }
+
+ .ui.menu.new-menu::-webkit-scrollbar {
+ height: 8px;
+ display: none;
+ }
+
+ .ui.menu.new-menu:hover::-webkit-scrollbar {
+ display: block;
+ }
+
+ .ui.menu.new-menu::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.01);
+ }
+
+ .ui.menu.new-menu::-webkit-scrollbar-thumb {
+ background: rgba(0, 0, 0, 0.2);
+ }
+
+ .ui.menu.new-menu:after {
+ position: absolute;
+ margin-top: -15px;
+ display: block;
+ background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
+ content: ' ';
+ right: 0;
+ height: 53px;
+ z-index: 1000;
+ width: 60px;
+ clear: none;
+ visibility: visible;
+ }
+
+ .ui.menu.new-menu a.item:last-child {
+ padding-right: 30px !important;
+ }
+}
+
+[v-cloak] {
+ display: none !important;
+}
+
+.repos-search {
+ padding-bottom: 0 !important;
+}
+
+.repos-filter {
+ margin-top: 0 !important;
+ border-bottom-width: 0 !important;
+ margin-bottom: 2px !important;
+}
+
+#user-heatmap {
+ width: 107%; // Fixes newest contributions not showing
+ text-align: center;
+
+ svg:not(:root) {
+ overflow: inherit;
+ padding: 0 !important;
+ }
+
+ @media only screen and (max-width: 1200px) {
+ & {
+ display: none;
+ }
+ }
+
+ .total-contributions {
+ text-align: left;
+ font-weight: 500;
+ margin-top: 0;
+ }
+}
+
+.heatmap-color-0 {
+ background-color: #f4f4f4;
+}
+
+.heatmap-color-1 {
+ background-color: #d8efbf;
+}
+
+.heatmap-color-2 {
+ background-color: #9fdb81;
+}
+
+.heatmap-color-3 {
+ background-color: #66c74b;
+}
+
+.heatmap-color-4 {
+ background-color: #609926;
+}
+
+.heatmap-color-5 {
+ background-color: #025900;
+}
+
+.archived-icon {
+ color: lighten(#000000, 70%) !important;
+}
+
+.oauth2-authorize-application-box {
+ margin-top: 3em !important;
+}
+
+/* Tab color tweaks */
+.ui.tabular.menu .item {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.ui.tabular.menu .item:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+
+.ui.tabular.menu .item.active {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+/* multiple radio or checkboxes as inline element */
+.inline-grouped-list {
+ display: inline-block;
+ vertical-align: top;
+
+ > .ui {
+ display: block;
+ margin-top: 5px;
+ margin-bottom: 10px;
+
+ &:first-child {
+ margin-top: 1px;
+ }
+ }
+}
+
+i.icons .icon:first-child {
+ margin-right: 0;
+}
+
+i.icon.centerlock {
+ top: 1.5em;
+}
+
+.ui.label > .detail .icons {
+ margin-right: 0.25em;
+}
+
+.ui.label > .detail .icons .icon {
+ margin-right: 0;
+}
+
+.lines-num {
+ vertical-align: top;
+ text-align: right !important;
+ color: #999999;
+ background: #f5f5f5;
+ width: 1%;
+ user-select: none;
+
+ span {
+ &:before {
+ content: attr(data-line-number);
+ line-height: 20px !important;
+ padding: 0 10px;
+ cursor: pointer;
+ display: block;
+ }
+ }
+}
+
+.lines-num,
+.lines-code {
+ padding: 0 !important;
+
+ pre,
+ ol,
+ .hljs {
+ background-color: white;
+ margin: 0;
+ padding: 0 !important;
+
+ li {
+ display: block;
+ width: 100%;
+
+ &:before {
+ content: ' ';
+ }
+ }
+ }
+}
+
+.lines-commit {
+ vertical-align: top;
+ color: #999999;
+ padding: 0 !important;
+ background: #f5f5f5;
+ width: 1%;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+
+ .blame-info {
+ width: 350px;
+ max-width: 350px;
+ display: block;
+ user-select: none;
+ padding: 0 0 0 10px;
+
+ .blame-data {
+ display: flex;
+ font-family: @default-fonts;
+
+ .blame-message {
+ flex-grow: 2;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: 20px;
+ }
+
+ .blame-time,
+ .blame-avatar {
+ flex-shrink: 0;
+ }
+ }
+ }
+
+ .ui.avatar.image {
+ height: 18px;
+ width: 18px;
+ }
+}
+
+.lines-num,
+.lines-code,
+.lines-commit {
+ .bottom-line {
+ border-bottom: 1px solid #eaecef;
+ }
+}
+
+.code-view {
+ overflow: auto;
+ overflow-x: auto;
+ overflow-y: hidden;
+
+ *:not(.fa):not(.octicon):not(.icon) {
+ font-size: 12px;
+ font-family: @monospaced-fonts, monospace;
+ line-height: 20px;
+ }
+
+ table {
+ width: 100%;
+ }
+
+ .active {
+ background: #fff866;
+ }
+}
--- /dev/null
+.dashboard {
+ padding-top: 15px;
+
+ &.feeds,
+ &.issues {
+ .context.user.menu {
+ z-index: 101;
+ min-width: 200px;
+
+ .ui.header {
+ font-size: 1rem;
+ text-transform: none;
+ }
+ }
+
+ .filter.menu {
+ width: initial;
+
+ .item {
+ text-align: left;
+
+ .text {
+ height: 16px;
+ vertical-align: middle;
+
+ &.truncate {
+ width: 85%;
+ }
+ }
+
+ .floating.label {
+ top: 7px;
+ left: 90%;
+ width: 15%;
+
+ @media only screen and (max-width: 768px) {
+ top: 10px;
+ left: auto;
+ width: auto;
+ right: 13px;
+ }
+ }
+ }
+
+ // Sort
+ .jump.item {
+ margin: 1px;
+ padding-right: 0;
+ }
+
+ .menu {
+ max-height: 300px;
+ overflow-x: auto;
+ right: 0 !important;
+ left: auto !important;
+ }
+
+ @media only screen and (max-width: 768px) {
+ width: 100%;
+ }
+ }
+
+ .right.stackable.menu > .item.active {
+ color: #d9453d;
+ }
+ }
+
+ /* Accomodate for Semantic's 1px hacks on .attached elements */
+
+ .dashboard-repos {
+ margin: 0 1px;
+ }
+
+ .dashboard-navbar {
+ width: 100vw;
+ padding: 0 0.5rem;
+ }
+}
+
+&.feeds {
+ .news {
+ > .ui.grid {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .ui.avatar {
+ margin-top: 13px;
+ }
+
+ .time-since {
+ font-size: 13px;
+ }
+
+ .issue.title {
+ width: 80%;
+ }
+
+ .push.news .content ul {
+ font-size: 13px;
+ list-style: none;
+ padding-left: 10px;
+
+ img {
+ margin-bottom: -2px;
+ }
+
+ .text.truncate {
+ width: 80%;
+ margin-bottom: -5px;
+ }
+ }
+
+ .commit-id {
+ font-family: @monospaced-fonts, monospace;
+ }
+
+ code {
+ padding: 1px;
+ font-size: 85%;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 3px;
+ word-break: break-all;
+ }
+ }
+
+ .list {
+ .header {
+ .ui.label {
+ margin-top: -4px;
+ padding: 4px 5px;
+ font-weight: normal;
+ }
+
+ .plus.icon {
+ margin-top: 5px;
+ }
+ }
+
+ ul {
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+
+ li {
+ &:not(:last-child) {
+ border-bottom: 1px solid #ebebeb;
+ }
+
+ &.private {
+ background-color: #fcf8e9;
+ }
+
+ a {
+ padding: 6px 1.2em;
+ display: block;
+
+ .octicon {
+ color: #888888;
+
+ &.rear {
+ font-size: 15px;
+ }
+ }
+
+ .star-num {
+ font-size: 12px;
+ }
+ }
+ }
+ }
+
+ .repo-owner-name-list {
+ .item-name {
+ max-width: 70%;
+ margin-bottom: -4px;
+ }
+ }
+
+ #collaborative-repo-list {
+ .owner-and-repo {
+ max-width: 80%;
+ margin-bottom: -5px;
+ }
+
+ .owner-name {
+ max-width: 120px;
+ margin-bottom: -5px;
+ }
+ }
+ }
+}
--- /dev/null
+.CodeMirror {
+ font: 14px @monospaced-fonts, monospace;
+
+ &.cm-s-default {
+ border-radius: 3px;
+ padding: 0 !important;
+ }
+
+ .cm-comment {
+ background: inherit !important;
+ }
+}
+
+.repository.file.editor .tab[data-tab="write"] {
+ padding: 0 !important;
+}
+
+.repository.file.editor .tab[data-tab="write"] .editor-toolbar {
+ border: 0 !important;
+}
+
+.repository.file.editor .tab[data-tab="write"] .CodeMirror {
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+}
--- /dev/null
+.emoji {\r
+ width: 1.5em;\r
+ height: 1.5em;\r
+ display: inline-block;\r
+ background-size: contain;\r
+}\r
+\r
+.ui.label .emoji {\r
+ height: 1.2em !important;\r
+}\r
--- /dev/null
+.explore {
+ padding-top: 15px;
+
+ .navbar {
+ justify-content: center;
+ padding-top: 15px !important;
+ margin-top: -15px !important;
+ margin-bottom: 15px !important;
+ background-color: #fafafa !important;
+ border-width: 1px !important;
+
+ .octicon {
+ width: 16px;
+ text-align: center;
+ margin-right: 5px;
+ }
+ }
+}
+
+.ui.repository.list {
+ .item {
+ padding-bottom: 25px;
+
+ &:not(:first-child) {
+ border-top: 1px solid #eeeeee;
+ padding-top: 25px;
+ }
+
+ .ui.header {
+ font-size: 1.5rem;
+ padding-bottom: 10px;
+
+ .name {
+ word-break: break-all;
+ }
+
+ .metas {
+ color: #888888;
+ font-size: 14px;
+ font-weight: normal;
+
+ span:not(:last-child) {
+ margin-right: 5px;
+ }
+ }
+ }
+
+ .time {
+ font-size: 12px;
+ color: #808080;
+ }
+
+ .ui.tags {
+ margin-bottom: 1em;
+ }
+
+ .ui.avatar.image {
+ width: 24px;
+ height: 24px;
+ }
+ }
+}
+
+.ui.repository.branches {
+ .info {
+ font-size: 12px;
+ color: #808080;
+ display: flex;
+ white-space: pre;
+ .commit-message {
+ max-width: 72em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+ .overflow-visible {
+ overflow: visible;
+ }
+}
+
+.ui.user.list {
+ .item {
+ padding-bottom: 25px;
+
+ &:not(:first-child) {
+ border-top: 1px solid #eeeeee;
+ padding-top: 25px;
+ }
+
+ .ui.avatar.image {
+ width: 40px;
+ height: 40px;
+ }
+
+ .description {
+ margin-top: 5px;
+
+ .octicon:not(:first-child) {
+ margin-left: 5px;
+ }
+
+ a {
+ color: #333333;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+ }
+}
--- /dev/null
+.form {
+ .help {
+ color: #999999;
+ padding-top: 0.6em;
+ padding-bottom: 0.6em;
+ display: inline-block;
+ }
+}
+
+.ui.attached.header {
+ background: #f0f0f0;
+
+ .right {
+ margin-top: -5px;
+
+ .button {
+ padding: 8px 10px;
+ font-weight: normal;
+ }
+ }
+}
+
+@create-page-form-input-padding: 250px !important;
+#create-page-form {
+ form {
+ margin: auto;
+
+ .ui.message {
+ text-align: center;
+ }
+
+ @media only screen and (min-width: 768px) {
+ width: 800px !important;
+
+ .header {
+ padding-left: @create-page-form-input-padding+30px;
+ }
+
+ .inline.field > label {
+ text-align: right;
+ width: @create-page-form-input-padding;
+ word-wrap: break-word;
+ }
+
+ .help {
+ margin-left: @create-page-form-input-padding+15px;
+ }
+
+ .optional .title {
+ margin-left: @create-page-form-input-padding;
+ }
+
+ input,
+ textarea {
+ width: 50% !important;
+ }
+ }
+
+ @media only screen and (max-width: 767px) {
+ .optional .title {
+ margin-left: 15px;
+ }
+
+ .inline.field > label {
+ display: block;
+ }
+ }
+ }
+}
+
+.signin {
+ .oauth2 {
+ div {
+ display: inline-block;
+
+ p {
+ margin: 10px 5px 0 0;
+ float: left;
+ }
+ }
+
+ a {
+ margin-right: 3px;
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+
+ img {
+ width: 32px;
+ height: 32px;
+
+ &.openidConnect {
+ width: auto;
+ }
+ }
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .g-recaptcha {
+ margin: 0 auto !important;
+ width: 304px;
+ padding-left: 30px;
+ }
+}
+
+@media screen and (max-height: 575px) {
+ #rc-imageselect,
+ .g-recaptcha {
+ transform: scale(0.77);
+ transform-origin: 0 0;
+ }
+}
+
+.user.activate,
+.user.forgot.password,
+.user.reset.password,
+.user.signin,
+.user.signup {
+ @input-padding: 200px;
+ #create-page-form;
+
+ form {
+ width: 700px !important;
+
+ .header {
+ padding-left: 0 !important;
+ text-align: center;
+ }
+
+ .inline.field > label {
+ width: @input-padding;
+ }
+
+ .inline.field > label,
+ input {
+ @media only screen and (max-width: 768px) {
+ width: 100% !important;
+ }
+ }
+
+ input[type=number] {
+ -moz-appearance: textfield;
+ }
+
+ input::-webkit-outer-spin-button,
+ input::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
+ }
+}
+
+.repository {
+ &.new.repo,
+ &.new.migrate,
+ &.new.fork {
+ #create-page-form;
+
+ form {
+ .dropdown {
+ .dropdown.icon {
+ margin-top: -7px !important;
+ padding-bottom: 5px;
+ }
+
+ .text {
+ margin-right: 0 !important;
+
+ i {
+ margin-right: 0 !important;
+ }
+ }
+ }
+
+ .header {
+ padding-left: 0 !important;
+ text-align: center;
+ }
+
+ @media only screen and (max-width: 768px) {
+ label,
+ input,
+ .selection.dropdown {
+ width: 100% !important;
+ }
+
+ .field button,
+ .field a {
+ margin-bottom: 1em;
+ width: 100%;
+ }
+ }
+ }
+ }
+
+ &.new.repo {
+ .ui.form {
+ @media only screen and (min-width: 768px) {
+ #auto-init {
+ margin-left: @create-page-form-input-padding+15px;
+ }
+ }
+
+ .selection.dropdown:not(.owner) {
+ width: 50% !important;
+
+ @media only screen and (max-width: 768px) {
+ width: 100% !important;
+ }
+ }
+ }
+ }
+}
+
+.new.webhook {
+ form {
+ .help {
+ margin-left: 25px;
+ }
+ }
+
+ .events.fields {
+ .column {
+ padding-left: 40px;
+ }
+ }
+}
+
+.githook {
+ textarea {
+ font-family: @monospaced-fonts, monospace;
+ }
+}
+
+.new.org .ui.form {
+ @media only screen and (max-width: 768px) {
+ .field button,
+ .field a {
+ margin-bottom: 1em;
+ width: 100%;
+ }
+
+ .field input {
+ width: 100% !important;
+ }
+ }
+}
--- /dev/null
+.home {
+ .logo {
+ max-width: 220px;
+ }
+
+ .hero {
+ @media only screen and (max-width: 767px) {
+ h1 {
+ font-size: 3.5em;
+ }
+
+ h2 {
+ font-size: 2em;
+ }
+ }
+
+ @media only screen and (min-width: 768px) {
+ h1 {
+ font-size: 5.5em;
+ }
+
+ h2 {
+ font-size: 3em;
+ }
+ }
+
+ .octicon {
+ color: #5aa509;
+ font-size: 40px;
+ width: 50px;
+ }
+
+ &.header {
+ font-size: 20px;
+ }
+ }
+
+ p.large {
+ font-size: 16px;
+ }
+
+ .stackable {
+ padding-top: 30px;
+ }
+
+ a {
+ color: #5aa509;
+ }
+}
+
+.signup {
+ padding-top: 15px;
+}
+
+footer {
+ .ui.container .left,
+ .ui.container .right {
+ @media only screen and (max-width: 880px) {
+ display: block;
+ text-align: center;
+ float: none;
+ }
+ }
+}
--- /dev/null
+.install {
+ padding-top: 45px;
+
+ form {
+ @input-padding: 320px !important;
+
+ label {
+ text-align: right;
+ width: @input-padding;
+ }
+
+ input {
+ width: 35% !important;
+ }
+
+ .field {
+ text-align: left;
+
+ .help {
+ margin-left: @input-padding+15px;
+ }
+
+ &.optional .title {
+ margin-left: 38%;
+ }
+ }
+ }
+
+ .ui {
+ .checkbox {
+ margin-left: 40% !important;
+
+ label {
+ width: auto !important;
+ }
+ }
+ }
+}
--- /dev/null
+.markdown:not(code) {
+ overflow: hidden;
+ font-size: 16px;
+ line-height: 1.6 !important;
+ word-wrap: break-word;
+
+ &.ui.segment {
+ padding: 3em;
+ }
+
+ &.file-view {
+ padding: 2em 2em 2em !important;
+ }
+
+ > *:first-child {
+ margin-top: 0 !important;
+ }
+
+ > *:last-child {
+ margin-bottom: 0 !important;
+ }
+
+ a:not([href]) {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ .absent {
+ color: #cc0000;
+ }
+
+ .anchor {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: block;
+ padding-right: 6px;
+ padding-left: 30px;
+ margin-left: -30px;
+ }
+
+ .anchor:focus {
+ outline: none;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ position: relative;
+ margin-top: 1em;
+ margin-bottom: 16px;
+ font-weight: bold;
+ line-height: 1.4;
+
+ &:first-of-type {
+ margin-top: 0 !important;
+ }
+ }
+
+ h1 .octicon-link,
+ h2 .octicon-link,
+ h3 .octicon-link,
+ h4 .octicon-link,
+ h5 .octicon-link,
+ h6 .octicon-link {
+ display: none;
+ color: #000000;
+ vertical-align: middle;
+ }
+
+ h1:hover .anchor,
+ h2:hover .anchor,
+ h3:hover .anchor,
+ h4:hover .anchor,
+ h5:hover .anchor,
+ h6:hover .anchor {
+ padding-left: 8px;
+ margin-left: -30px;
+ text-decoration: none;
+ }
+
+ h1:hover .anchor .octicon-link,
+ h2:hover .anchor .octicon-link,
+ h3:hover .anchor .octicon-link,
+ h4:hover .anchor .octicon-link,
+ h5:hover .anchor .octicon-link,
+ h6:hover .anchor .octicon-link {
+ display: inline-block;
+ }
+
+ h1 tt,
+ h1 code,
+ h2 tt,
+ h2 code,
+ h3 tt,
+ h3 code,
+ h4 tt,
+ h4 code,
+ h5 tt,
+ h5 code,
+ h6 tt,
+ h6 code {
+ font-size: inherit;
+ }
+
+ h1 {
+ padding-bottom: 0.3em;
+ font-size: 2.25em;
+ line-height: 1.2;
+ border-bottom: 1px solid #eeeeee;
+ }
+
+ h1 .anchor {
+ line-height: 1;
+ }
+
+ h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.75em;
+ line-height: 1.225;
+ border-bottom: 1px solid #eeeeee;
+ }
+
+ h2 .anchor {
+ line-height: 1;
+ }
+
+ h3 {
+ font-size: 1.5em;
+ line-height: 1.43;
+ }
+
+ h3 .anchor {
+ line-height: 1.2;
+ }
+
+ h4 {
+ font-size: 1.25em;
+ }
+
+ h4 .anchor {
+ line-height: 1.2;
+ }
+
+ h5 {
+ font-size: 1em;
+ }
+
+ h5 .anchor {
+ line-height: 1.1;
+ }
+
+ h6 {
+ font-size: 1em;
+ color: #777777;
+ }
+
+ h6 .anchor {
+ line-height: 1.1;
+ }
+
+ p,
+ blockquote,
+ ul,
+ ol,
+ dl,
+ table,
+ pre {
+ margin-top: 0;
+ margin-bottom: 16px;
+ }
+
+ hr {
+ height: 4px;
+ padding: 0;
+ margin: 16px 0;
+ background-color: #e7e7e7;
+ border: 0;
+ }
+
+ ul,
+ ol {
+ padding-left: 2em;
+ }
+
+ ul.no-list,
+ ol.no-list {
+ padding: 0;
+ list-style-type: none;
+ }
+
+ ul ul,
+ ul ol,
+ ol ol,
+ ol ul {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ ol ol,
+ ul ol {
+ list-style-type: lower-roman;
+ }
+
+ li > p {
+ margin-top: 0;
+ }
+
+ dl {
+ padding: 0;
+ }
+
+ dl dt {
+ padding: 0;
+ margin-top: 16px;
+ font-size: 1em;
+ font-style: italic;
+ font-weight: bold;
+ }
+
+ dl dd {
+ padding: 0 16px;
+ margin-bottom: 16px;
+ }
+
+ blockquote {
+ margin-left: 0;
+ padding: 0 15px;
+ color: #777777;
+ border-left: 4px solid #dddddd;
+ }
+
+ blockquote > :first-child {
+ margin-top: 0;
+ }
+
+ blockquote > :last-child {
+ margin-bottom: 0;
+ }
+
+ table {
+ width: auto;
+ overflow: auto;
+ word-break: keep-all;
+ display: block;
+ }
+
+ table th {
+ font-weight: bold;
+ }
+
+ table th,
+ table td {
+ padding: 6px 13px !important;
+ border: 1px solid #dddddd !important;
+ }
+
+ table tr {
+ background-color: #ffffff;
+ border-top: 1px solid #cccccc;
+ }
+
+ table tr:nth-child(2n) {
+ background-color: #f8f8f8;
+ }
+
+ img {
+ max-width: 100%;
+ box-sizing: border-box;
+ }
+
+ .emoji {
+ max-width: none;
+ }
+
+ span.frame {
+ display: block;
+ overflow: hidden;
+ }
+
+ span.frame > span {
+ display: block;
+ float: left;
+ width: auto;
+ padding: 7px;
+ margin: 13px 0 0;
+ overflow: hidden;
+ border: 1px solid #dddddd;
+ }
+
+ span.frame span img {
+ display: block;
+ float: left;
+ }
+
+ span.frame span span {
+ display: block;
+ padding: 5px 0 0;
+ clear: both;
+ color: #333333;
+ }
+
+ span.align-center {
+ display: block;
+ overflow: hidden;
+ clear: both;
+ }
+
+ span.align-center > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: center;
+ }
+
+ span.align-center span img {
+ margin: 0 auto;
+ text-align: center;
+ }
+
+ span.align-right {
+ display: block;
+ overflow: hidden;
+ clear: both;
+ }
+
+ span.align-right > span {
+ display: block;
+ margin: 13px 0 0;
+ overflow: hidden;
+ text-align: right;
+ }
+
+ span.align-right span img {
+ margin: 0;
+ text-align: right;
+ }
+
+ span.float-left {
+ display: block;
+ float: left;
+ margin-right: 13px;
+ overflow: hidden;
+ }
+
+ span.float-left span {
+ margin: 13px 0 0;
+ }
+
+ span.float-right {
+ display: block;
+ float: right;
+ margin-left: 13px;
+ overflow: hidden;
+ }
+
+ span.float-right > span {
+ display: block;
+ margin: 13px auto 0;
+ overflow: hidden;
+ text-align: right;
+ }
+
+ code,
+ tt {
+ padding: 0.2em 0;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(0, 0, 0, 0.04);
+ border-radius: 3px;
+ }
+
+ code:before,
+ code:after,
+ tt:before,
+ tt:after {
+ letter-spacing: -0.2em;
+ content: "\00a0";
+ }
+
+ code br,
+ tt br {
+ display: none;
+ }
+
+ del code {
+ text-decoration: inherit;
+ }
+
+ pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 100%;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0;
+ }
+
+ .highlight {
+ margin-bottom: 16px;
+ }
+
+ .highlight pre,
+ pre {
+ padding: 16px;
+ overflow: auto;
+ font-size: 85%;
+ line-height: 1.45;
+ background-color: #f7f7f7;
+ border-radius: 3px;
+ }
+
+ .highlight pre {
+ margin-bottom: 0;
+ word-break: normal;
+ }
+
+ pre {
+ word-wrap: normal;
+ }
+
+ pre 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;
+ }
+
+ pre code:before,
+ pre code:after,
+ pre tt:before,
+ pre tt:after {
+ content: normal;
+ }
+
+ kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font-size: 11px;
+ line-height: 10px;
+ color: #555555;
+ vertical-align: middle;
+ background-color: #fcfcfc;
+ border: solid 1px #cccccc;
+ border-bottom-color: #bbbbbb;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #bbbbbb;
+ }
+
+ input[type="checkbox"] {
+ vertical-align: middle !important;
+ }
+
+ .csv-data td,
+ .csv-data th {
+ padding: 5px;
+ overflow: hidden;
+ font-size: 12px;
+ line-height: 1;
+ text-align: left;
+ white-space: nowrap;
+ }
+
+ .csv-data .blob-num {
+ padding: 10px 8px 9px;
+ text-align: right;
+ background: #ffffff;
+ border: 0;
+ }
+
+ .csv-data tr {
+ border-top: 0;
+ }
+
+ .csv-data th {
+ font-weight: bold;
+ background: #f8f8f8;
+ border-top: 0;
+ }
+
+ .ui.list .list,
+ ol.ui.list ol,
+ ul.ui.list ul {
+ padding-left: 2em;
+ }
+}
+
+.repository.wiki.revisions {
+ .ui.container > .ui.stackable.grid {
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+
+ > .header {
+ margin-top: 0;
+
+ .sub.header {
+ padding-left: 52px;
+ word-break: break-word;
+ }
+ }
+ }
+}
+
+.file-revisions-btn {
+ display: block;
+ float: left;
+ margin-bottom: 2px !important;
+ padding: 11px !important;
+ margin-right: 10px !important;
+
+ i {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+}
--- /dev/null
+.organization {
+ padding-top: 15px;
+
+ .head {
+ .ui.header {
+ .text {
+ vertical-align: middle;
+ font-size: 1.6rem;
+ margin-left: 15px;
+ }
+
+ .ui.right {
+ margin-top: 5px;
+ }
+ }
+ }
+
+ &.new.org {
+ #create-page-form;
+
+ form {
+ .header {
+ padding-left: 0 !important;
+ text-align: center;
+ }
+ }
+ }
+
+ &.options {
+ input {
+ min-width: 300px;
+ }
+ }
+
+ &.profile {
+ #org-avatar {
+ width: 100px;
+ height: 100px;
+ margin-right: 15px;
+ }
+
+ #org-info {
+ .ui.header {
+ font-size: 36px;
+ margin-bottom: 0;
+ }
+
+ .desc {
+ font-size: 16px;
+ margin-bottom: 10px;
+ }
+
+ .meta {
+ .item {
+ display: inline-block;
+ margin-right: 10px;
+
+ .icon {
+ margin-right: 5px;
+ }
+ }
+ }
+ }
+
+ .ui.top.header {
+ .ui.right {
+ margin-top: 0;
+ }
+ }
+
+ .teams {
+ .item {
+ padding: 10px 15px;
+ }
+ }
+ }
+
+ &.teams,
+ &.profile {
+ .members {
+ .ui.avatar {
+ width: 48px;
+ height: 48px;
+ margin-right: 5px;
+ }
+ }
+ }
+
+ &.invite {
+ #invite-box {
+ margin: 50px auto auto;
+ width: 500px !important;
+
+ #search-user-box {
+ input {
+ margin-left: 0;
+ width: 300px;
+ }
+ }
+
+ .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+ }
+ }
+ }
+
+ &.members {
+ .list {
+ .item {
+ margin-left: 0;
+ margin-right: 0;
+ border-bottom: 1px solid #eeeeee;
+
+ .ui.avatar {
+ width: 48px;
+ height: 48px;
+ }
+
+ .meta {
+ line-height: 24px;
+ }
+ }
+ }
+ }
+
+ &.teams {
+ .detail {
+ .item {
+ padding: 10px 15px;
+
+ &:not(:last-child) {
+ border-bottom: 1px solid #eeeeee;
+ }
+ }
+ }
+
+ .repositories,
+ .members {
+ .item {
+ padding: 10px 20px;
+ line-height: 32px;
+
+ &:not(:last-child) {
+ border-bottom: 1px solid #dddddd;
+ }
+
+ .button {
+ padding: 9px 10px;
+ }
+ }
+ }
+
+ #add-repo-form,
+ #repo-multiple-form,
+ #add-member-form {
+ input {
+ margin-left: 0;
+ }
+
+ .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+ }
+ }
+
+ #repo-top-segment {
+ height: 60px;
+ }
+ }
+}
--- /dev/null
+.repository {
+ @mega-octicon-width: 30px;
+
+ padding-top: 15px;
+
+ .repo-header {
+ .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.5rem;
+
+ i.mega-octicon {
+ position: relative;
+ top: 5px;
+ }
+
+ i.octicon-lock {
+ margin-left: 5px;
+ }
+ }
+
+ .fork-flag {
+ margin-left: @mega-octicon-width + 6px;
+ margin-top: 3px;
+ display: block;
+ font-size: 12px;
+ white-space: nowrap;
+ }
+
+ .octicon.octicon-repo-forked {
+ margin-top: -1px;
+ font-size: 15px;
+ }
+
+ .button {
+ margin-top: 2px;
+ margin-bottom: 2px;
+ }
+ }
+
+ .tabs {
+ .navbar {
+ justify-content: initial;
+ }
+ }
+
+ .navbar {
+ display: flex;
+ justify-content: space-between;
+
+ .ui.label {
+ margin-left: 7px;
+ padding: 3px 5px;
+ }
+ }
+
+ .owner.dropdown {
+ min-width: 40% !important;
+ }
+
+ #file-buttons {
+ /* The reason for the !important is that Semantic itself has
+ margin-left: 0 !important on right items on mobile, which is mostly
+ to make sure elements which on menus would otherwise be on the right
+ align correctly with other elements when stacked.
+ Unfortunately, this brings some weird alignment on this particular
+ element, so we need to override it. */
+ margin-left: auto !important;
+ font-weight: normal;
+
+ .ui.button {
+ padding: 8px 10px;
+ font-weight: normal;
+ }
+ }
+
+ .metas {
+ .menu {
+ max-height: 300px;
+ overflow-x: auto;
+ }
+
+ .ui.list {
+ .hide {
+ display: none !important;
+ }
+
+ .item {
+ padding: 0;
+ }
+
+ .label.color {
+ padding: 0 8px;
+ margin-right: 5px;
+ }
+
+ a {
+ margin: 2px 0;
+
+ .text {
+ color: #444444;
+
+ &:hover {
+ color: #000000;
+ }
+ }
+ }
+ }
+
+ #deadlineForm input {
+ width: 12.8rem;
+ border-radius: 4px 0 0 4px;
+ border-right: 0;
+ white-space: nowrap;
+ }
+ }
+
+ .header-wrapper {
+ background-color: #fafafa;
+ margin-top: -15px;
+ padding-top: 15px;
+
+ .ui.tabs.divider {
+ border-bottom: 0;
+ }
+
+ .ui.tabular .octicon {
+ margin-right: 5px;
+ }
+ }
+
+ .filter.menu {
+ .label.color {
+ border-radius: 3px;
+ margin-left: 15px;
+ padding: 0 8px;
+ }
+
+ .octicon {
+ float: left;
+ margin: 5px -7px 0 -5px;
+ width: 16px;
+ }
+
+ &.labels .octicon {
+ margin: -2px -7px 0 -5px;
+ }
+
+ &.labels {
+ .label-filter .menu .info {
+ display: inline-block;
+ padding: 9px 7px 7px 7px;
+ text-align: center;
+ border-bottom: 1px solid #cccccc;
+ font-size: 12px;
+
+ code {
+ border: 1px solid #cccccc;
+ border-radius: 3px;
+ padding: 3px 2px 1px 2px;
+ font-size: 11px;
+ }
+ }
+ }
+
+ .text {
+ margin-left: 0.9em;
+ }
+
+ .menu {
+ max-height: 300px;
+ overflow-x: auto;
+ right: 0 !important;
+ left: auto !important;
+ }
+
+ .dropdown.item {
+ margin: 1px;
+ padding-right: 0;
+ }
+ }
+
+ .select-label {
+ .item {
+ max-width: 250px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+
+ .desc {
+ padding-left: 16px;
+ }
+ }
+
+ .ui.tabs {
+ &.container {
+ margin-top: 14px;
+ margin-bottom: 0;
+
+ .ui.menu {
+ border-bottom: 0;
+ }
+ }
+
+ &.divider {
+ margin-top: 0;
+ margin-bottom: 20px;
+ }
+ }
+
+ #clone-panel {
+ width: 350px;
+
+ @media only screen and (max-width: 768px) {
+ width: 100%;
+ }
+
+ input {
+ border-radius: 0;
+ padding: 5px 10px;
+ width: 50%;
+ }
+
+ .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;
+ }
+ }
+
+ &.file.list {
+ .repo-description {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ #repo-desc {
+ font-size: 1.2em;
+ }
+
+ .choose.reference {
+ .header .icon {
+ font-size: 1.4em;
+ }
+ }
+
+ .repo-path {
+
+ .section,
+ .divider {
+ display: inline;
+ }
+ }
+
+ #file-buttons {
+ font-weight: normal;
+
+ .ui.button {
+ padding: 8px 10px;
+ font-weight: normal;
+ }
+
+ .ui.tiny.blue.buttons {
+ @media only screen and (max-width: 768px) {
+ width: 100%;
+ }
+ }
+ }
+
+ #repo-files-table {
+ thead {
+ th {
+ padding-top: 8px;
+ padding-bottom: 5px;
+ font-weight: normal;
+ }
+
+ .ui.avatar {
+ margin-bottom: 5px;
+ }
+
+ .commit-summary a {
+ text-decoration: underline;
+ text-decoration-style: dashed;
+
+ &:hover {
+ text-decoration-style: solid;
+ }
+
+ &.default-link {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: solid;
+ }
+ }
+ }
+ }
+
+ tbody {
+ .octicon {
+ margin-left: 3px;
+ margin-right: 5px;
+ color: #777777;
+
+ &.octicon-mail-reply {
+ margin-right: 10px;
+ }
+
+ &.octicon-file-directory,
+ &.octicon-file-submodule,
+ &.octicon-file-symlink-directory {
+ color: #1e70bf;
+ }
+ }
+ }
+
+ td {
+ padding-top: 8px;
+ padding-bottom: 8px;
+ overflow: initial;
+
+ &.name {
+ max-width: 150px;
+ }
+
+ &.message {
+ max-width: 400px;
+ }
+
+ &.age {
+ width: 120px;
+ }
+
+ .truncate {
+ display: inline-block;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ vertical-align: top;
+ white-space: nowrap;
+ }
+ }
+
+ td.message .isSigned {
+ cursor: default;
+ }
+
+ tr:hover {
+ background-color: #ffffee;
+ }
+
+ .jumpable-path {
+ color: #888888;
+ }
+ }
+
+ .non-diff-file-content {
+ .header {
+ .icon {
+ font-size: 1em;
+ }
+
+ .file-actions {
+ margin-bottom: -5px;
+
+ .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: #bbbbbb;
+ cursor: default;
+ }
+
+ #delete-file-form {
+ display: inline-block;
+ }
+ }
+ }
+
+ .view-raw {
+ padding: 5px;
+
+ * {
+ max-width: 100%;
+ }
+
+ img {
+ padding: 5px 5px 0 5px;
+ }
+ }
+
+ .plain-text {
+ padding: 1em 2em 1em 2em;
+
+ pre {
+ word-break: break-word;
+ white-space: pre-wrap;
+ }
+ }
+
+ .csv {
+ overflow-x: auto;
+ padding: 0 !important;
+ }
+
+ pre {
+ overflow: auto;
+ }
+ }
+
+ .sidebar {
+ padding-left: 0;
+
+ .octicon {
+ width: 16px;
+ }
+ }
+ }
+
+ &.file.editor {
+ .treepath {
+ width: 100%;
+
+ input {
+ vertical-align: middle;
+ box-shadow: rgba(0, 0, 0, 0.0745098) 0 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 #dddddd;
+ border-radius: 3px;
+ #avatar-arrow;
+
+ &:after {
+ border-right-color: #ffffff;
+ }
+
+ .quick-pull-choice {
+ .branch-name {
+ display: inline-block;
+ padding: 3px 6px;
+ font: 12px @monospaced-fonts, 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;
+
+ .comment textarea {
+ max-height: none !important;
+ }
+
+ &.new.issue {
+ .comment.form {
+ .comment {
+ .avatar {
+ width: @comment-avatar-width;
+ }
+ }
+
+ .content {
+ margin-left: 4em;
+ #avatar-arrow;
+
+ &:after {
+ border-right-color: #ffffff;
+ }
+
+ .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: #aaaaaa;
+ 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: 0;
+ padding: 10px 0 0;
+ box-shadow: none;
+ background-color: inherit;
+ }
+
+ .merge.box {
+ .avatar {
+ margin-left: 10px;
+ margin-top: 10px;
+ }
+ }
+
+ .review-item {
+
+ .avatar,
+ .type-icon {
+ float: none;
+ display: inline-block;
+ text-align: center;
+ vertical-align: middle;
+
+ .octicon {
+ width: 23px;
+ font-size: 23px;
+ margin-top: 0.45em;
+ }
+ }
+
+ .text {
+ margin: 0.3em 0 0.5em 0.5em;
+ }
+
+ .type-icon {
+ float: right;
+ margin-right: 1em;
+ }
+
+ .divider {
+ margin: 0.5rem 0;
+ }
+
+ .review-content {
+ padding: 1em 0 1em 3.8em;
+ }
+ }
+ }
+
+ .comment-list {
+ &:not(.prevent-before-timeline):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;
+ }
+
+ .timeline-line {
+ position: relative;
+ display: block;
+ width: 100%;
+ max-width: 100%;
+
+ &:before {
+ display: block;
+ content: "";
+ position: absolute;
+ margin-top: 12px;
+ margin-bottom: 14px;
+ top: 0;
+ bottom: 0;
+ left: 82px;
+ 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;
+ &.pending {
+ color: black;
+ background-color: #fffbb2;
+ margin-left: 5px;
+ }
+ }
+
+ .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 #eeeeee;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+
+ .text {
+ max-width: 78%;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ }
+
+ > .merge-section {
+ border-top: 1px solid #d4d4d5;
+ background-color: #f7f7f7;
+ }
+
+ .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 #eeeeee;
+ border-radius: 3px;
+ max-width: 150px;
+ background-color: #ffffff;
+
+ &: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: 128px;
+ color: #000000;
+ }
+
+ span.ui.image:hover {
+ color: #000000;
+ }
+ }
+ }
+
+ .ui.form {
+ .field:first-child {
+ clear: none;
+ }
+
+ .tab.segment {
+ border: 0;
+ padding: 10px 0 0;
+ }
+
+ textarea {
+ height: 200px;
+ font-family: @monospaced-fonts, monospace;
+ }
+ }
+
+ .edit.buttons {
+ margin-top: 10px;
+ }
+ }
+
+ .event {
+ position: relative;
+ margin: 15px 0 15px 79px;
+ padding-left: 25px;
+
+ & > .octicon:not(.issue-symbol) {
+ text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
+ }
+
+ & > .octicon.issue-symbol {
+ font-size: 20px;
+ margin-left: -35px;
+ margin-right: -1px;
+ margin-top: 0 !important;
+ height: 28px;
+ width: 28px;
+ border-radius: 50%;
+ text-align: center;
+ line-height: 28px;
+ background: #eee;
+
+ &::before {
+ width: 15px;
+ display: inline-block;
+ }
+
+ &.octicon-key::before {
+ width: 18px;
+ }
+
+ &.octicon-circle-slash::before {
+ width: 17px;
+ }
+
+ &.octicon-comment {
+ font-size: 21px;
+ line-height: 33px;
+
+ &::before {
+ width: 20px;
+ }
+ }
+ }
+
+ .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-top: -1px;
+ margin-left: -28.5px;
+ margin-right: -1px;
+ font-size: 30px;
+ color: #6cc644;
+ }
+
+ &.octicon-bookmark {
+ margin-top: 2px;
+ margin-left: -31px;
+ margin-right: -1px;
+ font-size: 25px;
+ }
+
+ &.octicon-eye {
+ margin-top: 3px;
+ margin-left: -36px;
+ margin-right: 0;
+ font-size: 22px;
+ }
+
+ &.octicon-x {
+ margin-left: -33px;
+ 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;
+ }
+ }
+
+ .ui.depending {
+ .item.is-closed {
+ .title {
+ text-decoration: line-through;
+ }
+ }
+ }
+ }
+
+ .comment.form {
+ .ui.comments {
+ margin-top: -12px;
+ max-width: 100%;
+ }
+
+ .content {
+ .field:first-child {
+ clear: none;
+ }
+
+ .form {
+ #avatar-arrow;
+
+ &:after {
+ border-right-color: #ffffff;
+ }
+ }
+
+ .tab.segment {
+ border: 0;
+ padding: 10px 0 0;
+ }
+
+ textarea {
+ height: 200px;
+ font-family: @monospaced-fonts, monospace;
+ }
+ }
+ }
+
+ .label.list {
+ list-style: none;
+ padding-top: 15px;
+
+ .item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-bottom: 1px dashed #aaaaaa;
+
+ a {
+ font-size: 15px;
+ padding-top: 5px;
+ padding-right: 10px;
+ color: #666666;
+
+ &:hover {
+ color: #000000;
+ }
+
+ &.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 #aaaaaa;
+
+ > a {
+ padding-top: 5px;
+ padding-right: 10px;
+ color: #000000;
+
+ &:hover {
+ color: #4078c0;
+ }
+ }
+
+ .ui.progress {
+ width: 40%;
+ padding: 0;
+ border: 0;
+ margin: 0;
+
+ .bar {
+ height: 20px;
+ }
+ }
+
+ .meta {
+ color: #999999;
+ 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: #666666;
+
+ &:hover {
+ color: #000000;
+ }
+ }
+ }
+
+ .content {
+ padding-top: 10px;
+ }
+ }
+ }
+
+ &.new.milestone {
+ textarea {
+ height: 200px;
+ }
+
+ #deadline {
+ width: 150px;
+ }
+ }
+
+ &.compare.pull {
+ .show-form-container {
+ text-align: left;
+ }
+
+ .choose.branch {
+ .octicon {
+ padding-right: 10px;
+ }
+ }
+
+ .comment.form {
+ .content {
+ #avatar-arrow;
+
+ &:after {
+ border-right-color: #ffffff;
+ }
+ }
+ }
+ }
+
+ .filter.dropdown .menu {
+ margin-top: 1px !important;
+ }
+
+ &.branches {
+ .commit-divergence {
+ .bar-group {
+ position: relative;
+ float: left;
+ padding-bottom: 6px;
+ width: 90px;
+
+ &:last-child {
+ border-left: 1px solid #b4b4b4;
+ }
+ }
+
+ .count {
+ margin: 0 3px;
+
+ &.count-ahead {
+ text-align: left;
+ }
+
+ &.count-behind {
+ text-align: right;
+ }
+ }
+
+ .bar {
+ height: 4px;
+ position: absolute;
+ background-color: #d4d4d5;
+
+ &.bar-behind {
+ right: 0;
+ }
+
+ &.bar-ahead {
+ left: 0;
+ }
+ }
+ }
+ }
+
+ &.commits {
+ .header {
+ .search {
+ input {
+ font-weight: normal;
+ padding: 5px 10px;
+ }
+ }
+ }
+ }
+
+ #commits-table {
+ thead {
+ th:first-of-type {
+ padding-left: 15px;
+ }
+
+ .sha {
+ &td {
+ text-align: center;
+ }
+
+ width: 140px;
+ }
+ }
+
+ td.sha .sha.label {
+ margin: 0;
+ }
+
+ td.message {
+ text-overflow: unset;
+ }
+
+ &.ui.basic.striped.table tbody tr:nth-child(2n) {
+ background-color: rgba(0, 0, 0, 0.02) !important;
+ }
+ }
+
+ #commits-table td.sha .sha.label,
+ #repo-files-table .sha.label {
+ border: 1px solid #bbbbbb;
+
+ .detail.icon {
+ background: #fafafa;
+ margin: -6px -10px -4px 0;
+ padding: 5px 3px 5px 6px;
+ border-left: 1px solid #bbbbbb;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+
+ &.isSigned.isWarning {
+ border: 1px solid #db2828;
+ background: fade(#db2828, 10%);
+
+ .detail.icon {
+ border-left: 1px solid fade(#db2828, 50%);
+ }
+ }
+
+ &.isSigned.isVerified {
+ border: 1px solid #21ba45;
+ background: fade(#21ba45, 10%);
+
+ .detail.icon {
+ border-left: 1px solid #21ba45;
+ }
+
+ &:hover {
+ background: fade(#21ba45, 30%) !important;
+ }
+ }
+ }
+
+ .diff-detail-box {
+ padding: 7px 0;
+ background: #ffffff;
+ line-height: 30px;
+
+ > div:after {
+ clear: both;
+ content: "";
+ display: block;
+ }
+
+ 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;
+ }
+ }
+
+ .detail-files {
+ background: #ffffff;
+ margin: 0;
+ }
+ }
+
+ .diff-box .header {
+ display: flex;
+ align-items: center;
+
+ .count {
+ margin-right: 12px;
+ font-size: 13px;
+ flex: 0 0 auto;
+
+ .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 {
+ flex: 1;
+ color: #888888;
+ word-break: break-all;
+ }
+
+ .button {
+ margin: -5px 0 -5px 12px;
+ padding: 8px 10px;
+ flex: 0 0 auto;
+ }
+ }
+
+ .diff-file-box {
+ .header {
+ background-color: #f7f7f7;
+ }
+
+ .file-body.file-code {
+ .lines-num {
+ text-align: right;
+ color: #a6a6a6;
+ background: #fafafa;
+ width: 1%;
+ min-width: 50px;
+ user-select: none;
+ vertical-align: top;
+
+ span.fold {
+ display: block;
+ text-align: center;
+ }
+ }
+
+ .lines-num-old {
+ border-right: 1px solid #dddddd;
+ }
+ }
+
+ .code-diff {
+ font-size: 12px;
+
+ td {
+ padding: 0 0 0 10px !important;
+ border-top: 0;
+ }
+
+ .lines-num {
+ border-color: #d4d4d5;
+ border-right-width: 1px;
+ border-right-style: solid;
+ padding: 0 5px !important;
+ }
+
+ tbody {
+ tr {
+ td.halfwidth {
+ // halfwidth is used in split view - and in that case, 1% of each
+ width: 49%;
+ }
+
+ td.center {
+ text-align: center;
+ }
+
+ .removed-code {
+ background-color: #ff9999;
+ }
+
+ .added-code {
+ background-color: #99ff99;
+ }
+
+ [data-line-num]::before {
+ content: attr(data-line-num);
+ text-align: right;
+ }
+
+ .lines-type-marker {
+ width: 10px;
+ min-width: 10px;
+ user-select: none;
+ }
+
+ [data-type-marker]::before {
+ content: attr(data-type-marker);
+ text-align: right;
+ display: inline-block;
+ }
+ }
+ }
+ }
+
+ .code-diff-unified tbody tr {
+ &.del-code td {
+ background-color: #ffe0e0 !important;
+ border-color: #f1c0c0 !important;
+ }
+
+ &.add-code td {
+ background-color: #d6fcd6 !important;
+ border-color: #c1e9c1 !important;
+ }
+ }
+
+ .code-diff-split {
+
+ table,
+ tbody {
+ width: 100%;
+ }
+
+ tbody tr {
+
+ // light gray for empty lines before / after commit
+ &.add-code td:nth-child(1),
+ &.add-code td:nth-child(2),
+ &.add-code td:nth-child(3),
+ &.del-code td:nth-child(4),
+ &.del-code td:nth-child(5),
+ &.del-code td:nth-child(6) {
+ background-color: #fafafa;
+ }
+
+ &.del-code td:nth-child(1),
+ &.del-code td:nth-child(2),
+ &.del-code td:nth-child(3),
+ td.del-code {
+ background-color: #ffe0e0 !important;
+ border-color: #f1c0c0 !important;
+ }
+
+ &.add-code td:nth-child(4),
+ &.add-code td:nth-child(5),
+ &.add-code td:nth-child(6),
+ td.add-code {
+ background-color: #d6fcd6 !important;
+ border-color: #c1e9c1 !important;
+ }
+
+ td:nth-child(4) {
+ border-left-width: 1px;
+ border-left-style: solid;
+ }
+ }
+ }
+
+ &.file-content {
+ img {
+ max-width: 100%;
+ padding: 5px 5px 0 5px;
+ }
+ img.emoji {
+ padding: 0;
+ }
+
+ clear: right;
+ }
+ }
+
+ .diff-stats {
+
+ clear: both;
+ margin-bottom: 5px;
+ max-height: 400px;
+ overflow: auto;
+ padding-left: 0;
+
+ li {
+ list-style: none;
+ padding-bottom: 4px;
+ margin-bottom: 4px;
+ border-bottom: 1px dashed #dddddd;
+ padding-left: 6px;
+ }
+
+ .diff-counter {
+ margin-right: 15px;
+
+ .del {
+ color: red;
+ }
+ .add {
+ color: green;
+ }
+ }
+ }
+
+ .repo-search-result {
+ padding-top: 10px;
+ padding-bottom: 10px;
+
+ .lines-num a {
+ color: inherit;
+ }
+ }
+
+ &.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 #dddddd;
+ 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: 15px;
+ }
+
+ .commit {
+ display: block;
+ margin-top: 10px;
+ }
+ }
+
+ .detail {
+ border-left: 1px solid #dddddd;
+
+ .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 #eeeeee;
+
+ li {
+ list-style: none;
+ display: block;
+ padding-top: 8px;
+ padding-bottom: 8px;
+ border-bottom: 1px solid #eeeeee;
+ }
+ }
+ }
+
+ .dot {
+ width: 9px;
+ height: 9px;
+ background-color: #cccccc;
+ z-index: 999;
+ position: absolute;
+ display: block;
+ left: -5px;
+ top: 40px;
+ border-radius: 6px;
+ border: 1px solid #ffffff;
+ }
+ }
+ }
+ }
+ }
+
+ &.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;
+ }
+
+ .field {
+
+ button,
+ input {
+ @media only screen and (max-width: 438px) {
+ width: 100%;
+ }
+ }
+
+ button {
+ @media only screen and (max-width: 768px) {
+ margin-bottom: 1em;
+ }
+ }
+ }
+ }
+
+ &.forks {
+ .list {
+ margin-top: 0;
+
+ .item {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #dddddd;
+
+ .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: @monospaced-fonts, monospace;
+
+ .cm-comment {
+ background: inherit;
+ }
+ }
+ }
+
+ .editor-preview {
+ background-color: white;
+ }
+ }
+
+ &.view {
+ .choose.page {
+ margin-top: -5px;
+ }
+
+ .ui.sub.header {
+ text-transform: none;
+ }
+
+ > .markdown {
+ padding: 15px 30px;
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ &:first-of-type {
+ margin-top: 0;
+ }
+ }
+ }
+ }
+
+ @media only screen and (max-width: 767px) {
+ .dividing.header .stackable.grid .button {
+ margin-top: 2px;
+ margin-bottom: 2px;
+ }
+ }
+ }
+
+ &.settings {
+ &.collaboration {
+ .collaborator.list {
+ padding: 0;
+
+ > .item {
+ margin: 0;
+ line-height: 2em;
+
+ &:not(:last-child) {
+ border-bottom: 1px solid #dddddd;
+ }
+ }
+ }
+
+ #repo-collab-form {
+ #search-user-box {
+ .results {
+ left: 7px;
+ }
+ }
+
+ .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+ }
+ }
+
+ #repo-collab-team-form {
+ #search-team-box {
+ .results {
+ left: 7px;
+ }
+ }
+
+ .ui.button {
+ margin-left: 5px;
+ margin-top: -3px;
+ }
+ }
+ }
+
+ &.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;
+ }
+ }
+ }
+ }
+
+ &.webhook {
+ .events {
+ .column {
+ padding-bottom: 0;
+ }
+
+ .help {
+ font-size: 13px;
+ margin-left: 26px;
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ .ui.attached.isSigned.isVerified {
+ &:not(.positive) {
+ border-left: 1px solid #a3c293;
+ border-right: 1px solid #a3c293;
+ }
+
+ &.top:not(.positive) {
+ border-top: 1px solid #a3c293;
+ }
+
+ &:not(.positive):last-child {
+ border-bottom: 1px solid #a3c293;
+ }
+ }
+
+ .ui.segment.sub-menu {
+ padding: 7px;
+ line-height: 0;
+
+ .list {
+ width: 100%;
+ display: flex;
+
+ .item {
+ width: 100%;
+ border-radius: 3px;
+
+ a {
+ color: black;
+
+ &:hover {
+ color: #666666;
+ }
+ }
+
+ &.active {
+ background: rgba(0, 0, 0, 0.05);
+ }
+ }
+ }
+ }
+
+ .segment.reactions,
+ .select-reaction {
+ &.dropdown .menu {
+ right: 0 !important;
+ left: auto !important;
+
+ > .header {
+ margin: 0.75rem 0 0.5rem;
+ }
+
+ > .item {
+ float: left;
+ padding: 0.5rem 0.5rem !important;
+
+ img.emoji {
+ margin-right: 0;
+ }
+ }
+ }
+ }
+
+ .segment.reactions {
+ padding: 0.3em 1em;
+
+ .ui.label {
+ padding: 0.4em;
+
+ &.disabled {
+ cursor: default;
+ }
+
+ > img {
+ height: 1.5em !important;
+ }
+ }
+
+ .select-reaction {
+ float: none;
+
+ &:not(.active) a {
+ display: none;
+ }
+ }
+
+ &:hover .select-reaction a {
+ display: block;
+ }
+ }
+
+ .ui.fluid.action.input {
+ .ui.search.action.input {
+ flex: auto;
+ }
+ }
+}
+
+// End of .repository
+
+&.user-cards {
+ .list {
+ padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+
+ .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 {
+ .result {
+ .image {
+ float: left;
+ margin-right: 8px;
+ width: 2em;
+ height: 2em;
+ }
+
+ .content {
+ margin: 6px 0;
+ }
+ }
+ }
+}
+
+#search-team-box {
+ .results {
+ .result {
+ .content {
+ margin: 6px 0;
+ }
+ }
+ }
+}
+
+#issue-filters.hide {
+ display: none;
+}
+
+#issue-actions {
+ margin-top: -1rem !important; // counteract padding from Semantic
+}
+
+#issue-actions.hide {
+ display: none;
+}
+
+.ui.checkbox.issue-checkbox {
+ vertical-align: middle;
+}
+
+.issue.list {
+ list-style: none;
+
+ > .item {
+ padding-top: 15px;
+ padding-bottom: 10px;
+ border-bottom: 1px dashed #aaaaaa;
+
+ .title {
+ color: #444444;
+ font-size: 15px;
+ font-weight: bold;
+ margin: 0 6px;
+
+ &:hover {
+ color: #000000;
+ }
+ }
+
+ .comment {
+ padding-right: 10px;
+ color: #666666;
+ }
+
+ .desc {
+ padding-top: 5px;
+ color: #999999;
+
+ .checklist {
+ padding-left: 5px;
+
+ .progress-bar {
+ margin-left: 2px;
+ width: 80px;
+ height: 6px;
+ display: inline-block;
+ background-color: #eeeeee;
+ overflow: hidden;
+ border-radius: 3px;
+ vertical-align: 2px !important;
+
+ .progress {
+ background-color: #cccccc;
+ display: block;
+ height: 100%;
+ }
+ }
+ }
+
+ .due-date {
+ padding-left: 5px;
+ }
+
+ a.milestone {
+ margin-left: 5px;
+ color: #999999 !important;
+
+ &:hover {
+ color: #000000 !important;
+ }
+ }
+
+ a.ref {
+ margin-left: 8px;
+ color: #999999 !important;
+
+ &:hover {
+ color: #000000 !important;
+ }
+
+ span {
+ margin-right: -4px;
+ }
+ }
+
+ .assignee {
+ margin-top: -5px;
+ margin-right: 5px;
+ }
+
+ .overdue {
+ color: red;
+ }
+ }
+ }
+}
+
+.page.buttons {
+ padding-top: 15px;
+}
+
+.ui.form {
+ .dropzone {
+ width: 100%;
+ margin-bottom: 10px;
+ border: 2px dashed #0087f5;
+ box-shadow: none !important;
+
+ .dz-error-message {
+ top: 140px;
+ }
+ }
+}
+
+.settings {
+ .content {
+ margin-top: 2px;
+
+ > .header,
+ .segment {
+ box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+ }
+ }
+
+ .list {
+ > .item {
+ .green:not(.ui.button) {
+ color: #21ba45;
+ }
+
+ &:not(:first-child) {
+ border-top: 1px solid #eaeaea;
+ padding: 1rem;
+ margin: 15px -1rem -1rem -1rem;
+ }
+
+ > .mega-octicon {
+ display: table-cell;
+ }
+
+ > .mega-octicon + .content {
+ display: table-cell;
+ padding: 0 0 0 0.5em;
+ vertical-align: top;
+ }
+
+ .info {
+ margin-top: 10px;
+
+ .tab.segment {
+ border: 0;
+ padding: 10px 0 0;
+ }
+ }
+ }
+
+ &.key {
+ .meta {
+ padding-top: 5px;
+ color: #666666;
+ }
+ }
+
+ &.email {
+ > .item:not(:first-child) {
+ min-height: 60px;
+ }
+ }
+
+ &.collaborator {
+ > .item {
+ padding: 0;
+ }
+ }
+ }
+}
+
+.ui.vertical.menu {
+ .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;
+ }
+ }
+ }
+}
+
+#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: #d3d3d4;
+ 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;
+ }
+}
+
+// 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;
+ }
+
+ .generate-tab-size(@n, (@i + 1));
+}
+
+.stats-table {
+ display: table;
+ width: 100%;
+
+ .table-cell {
+ display: table-cell;
+
+ &.tiny {
+ height: 0.5em;
+ }
+ }
+}
+
+tbody.commit-list {
+ vertical-align: baseline;
+}
+
+.commit-list .message-wrapper {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: calc(100% - 50px);
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.commit-list .commit-summary a {
+ text-decoration: underline;
+ text-decoration-style: dashed;
+
+ &:hover {
+ text-decoration-style: solid;
+ }
+
+ &.default-link {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ text-decoration-style: solid;
+ }
+ }
+}
+
+.commit-list .commit-status-link {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.commit-body {
+ white-space: pre-wrap;
+}
+
+.git-notes {
+ &.top {
+ text-align: left;
+ }
+
+ .commit-body {
+ margin: 0;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .ui.stackable.menu {
+ &.mobile--margin-between-items > .item {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ }
+
+ &.mobile--no-negative-margins {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+}
+
+#topic_edit {
+ margin-top: 5px;
+}
+
+#repo-topics {
+ margin-top: 5px;
+}
+
+.repo-topic {
+ cursor: pointer;
+}
+
+#new-dependency-drop-list {
+ &.ui.selection.dropdown {
+ min-width: 0;
+ width: 100%;
+ border-radius: 4px 0 0 4px;
+ border-right: 0;
+ white-space: nowrap;
+ }
+
+ .text {
+ width: 100%;
+ overflow: hidden;
+ }
+}
+
+#manage_topic {
+ font-size: 12px;
+}
+
+.label + #manage_topic {
+ margin-left: 5px;
+}
+
+.repo-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+.repo-header .repo-buttons {
+ display: flex;
+ align-items: center;
+}
+
+.repo-buttons .disabled-repo-button .label {
+ opacity: 0.5;
+}
+
+.repo-buttons .disabled-repo-button a.button {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.repo-buttons .disabled-repo-button a.button:hover {
+ background: none !important;
+ color: rgba(0, 0, 0, 0.6) !important;
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
+}
+
+.repo-buttons .ui.labeled.button > .label {
+ border-left: 0 !important;
+ margin: 0 !important;
+}
+
+.tag-code,
+.tag-code td {
+ background-color: #f0f0f0 !important;
+ border-color: #d3cfcf !important;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.issue-keyword {
+ border-bottom: 1px dotted #959da5;
+ display: inline-block;
+}
+
+.file-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px 12px !important;
+}
+
+.file-info {
+ display: flex;
+ align-items: center;
+}
+
+.file-info-entry + .file-info-entry {
+ border-left: 1px solid currentColor;
+ margin-left: 8px;
+ padding-left: 8px;
+}
+
+.title_wip_desc {
+ margin-top: 1em;
+}
--- /dev/null
+.ui.button.add-code-comment {
+ font-size: 14px;
+ height: 16px;
+ padding: 2px 0 0;
+ position: relative;
+ width: 16px;
+ z-index: 5;
+ float: left;
+ margin: -2px -10px -2px -20px;
+ opacity: 0;
+ transition: transform 0.1s ease-in-out;
+ transform: scale(1, 1);
+
+ &:hover {
+ transform: scale(1.2, 1.2);
+ }
+}
+
+.focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
+.focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
+ opacity: 1;
+}
+
+.comment-code-cloud {
+ padding: 4px;
+ position: relative;
+ border: 1px solid #f1f1f1;
+ margin: 13px 10px 5px auto;
+
+ &:before {
+ content: " ";
+ width: 0;
+ height: 0;
+ border-left: 13px solid transparent;
+ border-right: 13px solid transparent;
+ border-bottom: 13px solid #f1f1f1;
+ left: 20px;
+ position: absolute;
+ top: -13px;
+ }
+
+ .attached {
+ &.tab {
+ border: 0;
+ padding: 0;
+ margin: 0;
+
+ &.markdown {
+ padding: 1em;
+ min-height: 168px;
+ }
+ }
+
+ &.header {
+ padding: 0.1rem 1rem;
+ }
+ }
+
+ .right.menu.options .item {
+ padding: 0.85714286em 0.442857em;
+ cursor: pointer;
+ }
+
+ .ui.form textarea {
+ border: 0;
+ }
+
+ .ui.attached.tabular.menu {
+ background: #f7f7f7;
+ border: 1px solid #d4d4d5;
+ padding-top: 5px;
+ padding-left: 5px;
+ margin-top: 0;
+ }
+
+ .footer {
+ border-top: 1px solid #f1f1f1;
+ margin-top: 10px;
+
+ .markdown-info {
+ display: inline-block;
+ margin: 5px 0;
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.6);
+ }
+
+ .ui.right.floated {
+ padding-top: 6px;
+ }
+
+ &:after {
+ clear: both;
+ content: "";
+ display: block;
+ }
+ }
+
+ button.comment-form-reply {
+ margin: 0.5em 0.5em 0.5em 4.5em;
+ }
+
+ form.comment-form-reply {
+ margin: 0 0 0 4em;
+ }
+}
+
+.file-comment {
+ font: 12px @monospaced-fonts, monospace;
+ color: rgba(0, 0, 0, 0.87);
+}
--- /dev/null
+.tribute-container {
+ box-shadow: 0 1px 3px 1px #c7c7c7;
+
+ ul {
+ background: #ffffff;
+ }
+
+ li {
+ padding: 8px 12px;
+ border-bottom: 1px solid #dcdcdc;
+
+ img {
+ display: inline-block;
+ vertical-align: middle;
+ width: 28px;
+ height: 28px;
+ margin-right: 5px;
+ }
+
+ span.fullname {
+ font-weight: normal;
+ font-size: 0.8rem;
+ margin-left: 3px;
+ }
+ }
+
+ li.highlight,
+ li:hover {
+ background: #2185d0;
+ color: #ffffff;
+ }
+}
--- /dev/null
+.user {
+ &:not(.icon) {
+ padding-top: 15px;
+ }
+
+ &.profile {
+ .ui.card {
+ .username {
+ display: block;
+ }
+
+ .extra.content {
+ padding: 0;
+
+ ul {
+ margin: 0;
+ padding: 0;
+
+ li {
+ padding: 10px;
+ list-style: none;
+
+ &:not(:last-child) {
+ border-bottom: 1px solid #eaeaea;
+ }
+
+ .octicon,
+ .fa {
+ margin-left: 1px;
+ margin-right: 5px;
+ }
+
+ &.follow {
+ .ui.button {
+ width: 100%;
+ }
+ }
+ }
+ }
+ }
+
+ #profile-avatar {
+ @media only screen and (max-width: 768px) {
+ height: 250px;
+ overflow: hidden;
+
+ img {
+ max-height: 768px;
+ max-width: 768px;
+ }
+ }
+ }
+
+ @media only screen and (max-width: 768px) {
+ width: 100%;
+ }
+ }
+
+ .ui.repository.list {
+ margin-top: 25px;
+ }
+
+ #loading-heatmap {
+ margin-bottom: 1em;
+ }
+ }
+
+ &.followers {
+ .header.name {
+ font-size: 20px;
+ line-height: 24px;
+ vertical-align: middle;
+ }
+
+ .follow {
+ .ui.button {
+ padding: 8px 15px;
+ }
+ }
+ }
+
+ &.notification {
+ .octicon {
+ float: left;
+ font-size: 2em;
+
+ &.green {
+ color: #21ba45;
+ }
+
+ &.red {
+ color: #d01919;
+ }
+
+ &.purple {
+ color: #a333c8;
+ }
+
+ &.blue {
+ color: #2185d0;
+ }
+ }
+
+ .content {
+ float: left;
+ margin-left: 7px;
+ }
+
+ table {
+ form {
+ display: inline-block;
+ }
+
+ button {
+ padding: 3px 3px 3px 5px;
+ }
+
+ tr {
+ cursor: pointer;
+ }
+ }
+ }
+
+ &.link-account:not(.icon) {
+ padding-top: 15px;
+ padding-bottom: 5px;
+ }
+
+ &.settings {
+ .iconFloat {
+ float: left;
+ }
+ }
+}
+
+.user-orgs {
+ display: flex;
+ flex-flow: row wrap;
+ padding: 0;
+ margin: -3px !important;
+
+ li {
+ display: flex;
+ border-bottom: 0 !important;
+ padding: 3px !important;
+ width: 20%;
+ max-width: 60px;
+ }
+}
--- /dev/null
+@import "_tribute";
+@import "_emojify";
+@import "_base";
+@import "_markdown";
+@import "_home";
+@import "_install";
+@import "_form";
+@import "_repository";
+@import "_editor";
+@import "_organization";
+@import "_user";
+@import "_dashboard";
+@import "_admin";
+@import "_explore";
+@import "_review";
--- /dev/null
+// TODO: Instead of having each theme file define each
+// CSS/LESS item in this file and then overide
+// in the theme files
--- /dev/null
+@import "_base";
+
+.hljs {
+ display: block;
+ overflow-x: auto;
+ padding: 0.5em;
+ color: #bababa;
+}
+
+.hljs-strong,
+.hljs-emphasis {
+ color: #a8a8a2;
+}
+
+.hljs-bullet,
+.hljs-quote,
+.hljs-link,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+ color: #6896ba;
+}
+
+.hljs-code,
+.hljs-selector-class {
+ color: #a6e22e;
+}
+
+.hljs-emphasis {
+ font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-attribute,
+.hljs-name,
+.hljs-variable {
+ color: #cb7832;
+}
+
+.hljs-params {
+ color: #b9b9b9;
+}
+
+.hljs-string {
+ color: #6a8759;
+}
+
+.hljs-subst,
+.hljs-type,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-symbol,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
+ color: #e0c46c;
+}
+
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta {
+ color: #7f7f7f;
+}
+
+.repository .ui.segment.sub-menu .list .item a {
+ color: #dbdbdb;
+}
+
+.ui.horizontal.segments > .segment {
+ background-color: #383c4a;
+}
+
+body {
+ background: #383c4a;
+ color: #9e9e9e;
+}
+
+/* firefox scroll bars */
+
+* {
+ scrollbar-width: thin;
+ scrollbar-color: #87ab63 rgba(255, 255, 255, 0.1);
+}
+
+/* webkit scrollbars */
+
+::-webkit-scrollbar {
+ -webkit-appearance: none !important;
+ width: 10px !important;
+ height: 10px !important;
+}
+
+::-webkit-scrollbar-track {
+ border-radius: 0 !important;
+ background: rgba(255, 255, 255, 0.1) !important;
+}
+
+::-webkit-scrollbar-thumb {
+ cursor: pointer !important;
+ border-radius: 5px !important;
+ -webkit-transition: color 0.2s ease !important;
+ transition: color 0.2s ease !important;
+ background: #87ab63 !important;
+}
+
+::-webkit-scrollbar-thumb:window-inactive {
+ background: #87ab63 !important;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: #87ab63 !important;
+}
+
+a {
+ color: #87ab63;
+}
+
+a:hover {
+ color: #a0cc75;
+}
+
+.ui.card > .extra a:not(.ui):hover,
+.ui.cards > .card > .extra a:not(.ui):hover {
+ color: #a0cc75;
+}
+
+.ui.breadcrumb a:hover {
+ color: #a0cc75;
+}
+
+.ui.breadcrumb a {
+ color: #87ab63;
+}
+
+.repository .metas .ui.list a .text {
+ color: #87ab63;
+}
+
+.repository .metas .ui.list a .text:hover {
+ color: #a0cc75;
+}
+
+.repository .label.list .item a {
+ color: #87ab63;
+}
+
+.repository .label.list .item a:hover {
+ color: #a0cc75;
+}
+
+.repository .milestone.list > .item > a {
+ color: #87ab63;
+}
+
+.repository .milestone.list > .item > a:hover {
+ color: #a0cc75;
+}
+
+.repository.release #release-list {
+ border-top: 1px solid #4c505c;
+}
+
+.repository .milestone.list > .item .operate > a {
+ color: #87ab63;
+}
+
+.repository .milestone.list > .item .operate > a:hover {
+ color: #a0cc75;
+}
+
+.ui.green.progress .bar {
+ background-color: #668844;
+}
+
+.ui.progress.success .bar {
+ background-color: #7b9e57 !important;
+}
+
+.following.bar.light {
+ background: #2e323e;
+ border-bottom: 1px solid #313131;
+}
+
+.ui.secondary.menu .active.item {
+ color: #dbdbdb;
+}
+
+.ui.secondary.menu .item {
+ color: #9e9e9e;
+}
+
+.following.bar .top.menu a.item:hover {
+ color: #ffffff;
+}
+
+.repository.view.issue .comment-list .comment .content > .bottom.segment a {
+ border: solid 1px #353945;
+ background-color: #353945;
+}
+
+.ui.attached.header {
+ background: #404552;
+ border: 1px solid #404552;
+ color: #dbdbdb;
+}
+
+.ui.attached.table {
+ border: 1px solid #304251;
+ background: #304251;
+}
+
+.feeds .list ul li:not(:last-child) {
+ border-bottom: 1px solid #333640;
+}
+
+.feeds .list ul li.private {
+ background: #353945;
+ border: 1px solid #333640;
+}
+
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu .link.item:hover,
+.ui.secondary.menu .active.item:hover,
+.ui.secondary.menu a.item:hover {
+ color: #ffffff;
+}
+
+.ui.menu .ui.dropdown .menu > .item {
+ background: #2c303a !important;
+ color: #9e9e9e !important;
+}
+
+.ui.secondary.menu .dropdown.item > .menu,
+.ui.text.menu .dropdown.item > .menu {
+ border: 1px solid #434444;
+}
+
+footer {
+ background: #2e323e;
+ border-top: 1px solid #313131;
+}
+
+.ui.menu .dropdown.item .menu {
+ background: #2c303a;
+}
+
+.ui.menu .ui.dropdown .menu > .item:hover,
+.ui.menu .ui.dropdown .menu > .selected.item {
+ color: #ffffff !important;
+}
+
+.ui.dropdown .menu > .header {
+ color: #dbdbdb;
+}
+
+.ui.red.label,
+.ui.red.labels .label {
+ background-color: #7d3434 !important;
+ border-color: #8a2121 !important;
+}
+
+.ui.menu {
+ background: #404552;
+ border: 1px solid #353945;
+}
+
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
+ color: #dbdbdb;
+ background: #4b5162;
+}
+
+.ui.link.menu .item:hover,
+.ui.menu .dropdown.item:hover,
+.ui.menu .link.item:hover,
+.ui.menu a.item:hover {
+ color: #dbdbdb;
+ background: #454b5a;
+}
+
+.ui.menu .active.item {
+ background: #4b5162;
+ color: #dbdbdb;
+}
+
+.ui.input input {
+ background: #404552;
+ border: 2px solid #353945;
+ color: #dbdbdb;
+}
+
+.ui.input input:focus,
+.ui.input.focus input {
+ background: #404552;
+ border: 2px solid #353945;
+ color: #dbdbdb;
+}
+
+.ui.accordion .title:not(.ui) {
+ color: #dbdbdb;
+}
+
+.ui.label {
+ color: #dbdbdb;
+ background-color: #404552;
+}
+
+.issue.list > .item .title {
+ color: #87ab63;
+}
+
+.issue.list > .item .title:hover {
+ color: #a0cc75;
+}
+
+.issue.list > .item {
+ border-bottom: 1px dashed #475767;
+}
+
+.ui.green.label,
+.ui.green.labels .label,
+.ui.basic.green.label {
+ background-color: #2d693b !important;
+ border-color: #2d693b !important;
+}
+
+.ui.basic.green.labels a.label:hover,
+a.ui.basic.green.label:hover {
+ background-color: #16ab39 !important;
+ border-color: #16ab39 !important;
+ color: #ffffff !important;
+}
+
+.issue.list > .item .comment {
+ color: #129c92;
+}
+
+.ui.basic.button,
+.ui.basic.buttons .button {
+ color: #797979 !important;
+}
+
+.ui.basic.red.active.button,
+.ui.basic.red.buttons .active.button {
+ box-shadow: 0 0 0 1px #c75252 inset !important;
+ color: #c75252 !important;
+}
+
+.ui.basic.button:focus,
+.ui.basic.button:hover,
+.ui.basic.buttons .button:focus,
+.ui.basic.buttons .button:hover {
+ background: transparent !important;
+ color: #dbdbdb !important;
+}
+
+.ui.menu .item {
+ background: #404552;
+ color: #9e9e9e;
+}
+
+.ui.menu .item.disabled,
+.ui.menu .item.disabled:hover {
+ color: #626773;
+}
+
+.ui.pagination.menu .active.item {
+ color: #dbdbdb;
+ background-color: #87ab63;
+}
+
+.repository .header-wrapper {
+ background-color: #2a2e3a;
+}
+
+.ui.tabular.menu .active.item {
+ background: #383c4a;
+ color: #dbdbdb;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+ border-top: 0;
+}
+
+.ui.tabular.menu .item {
+ color: #9e9e9e;
+}
+
+.ui.tabular.menu .item:hover {
+ color: #dbdbdb;
+}
+
+.ui.header,
+.ui.breadcrumb .divider {
+ color: #9e9e9e;
+}
+
+.ui.blue.label,
+.ui.blue.labels .label {
+ background-color: #26577b !important;
+ border-color: #26577b !important;
+}
+
+.ui.menu .item > .label {
+ background: #565454;
+}
+
+.ui.blue.button,
+.ui.blue.buttons .button {
+ background-color: #87ab63;
+}
+
+.ui.blue.button:hover,
+.ui.blue.buttons .button:hover {
+ background-color: #a0cc75;
+}
+
+.ui.form input:not([type]),
+.ui.form input[type="text"],
+.ui.form input[type="email"],
+.ui.form input[type="search"],
+.ui.form input[type="password"],
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="url"],
+.ui.form input[type="number"] {
+ color: #9e9e9e;
+ background: #404552;
+ border: 2px solid #353945;
+}
+
+.ui.form input:not([type]):focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="url"]:focus,
+.ui.form input[type="number"]:focus {
+ background: #404552;
+ border: 2px solid #4b505f;
+ color: #dbdbdb;
+}
+
+.ui.action.input:not([class*="left action"]) input:focus {
+ border-right-color: #4b505f !important;
+}
+
+.ui.green.button,
+.ui.green.buttons .button {
+ background-color: #87ab63;
+}
+
+.ui.green.button:hover,
+.ui.green.buttons .button:hover {
+ background-color: #a0cc75;
+}
+
+.ui.button {
+ background: #383c4a;
+ border: 1px solid #4c505c;
+ color: #dbdbdb;
+}
+
+.ui.labeled.button:not([class*="left labeled"]) > .label,
+.ui[class*="left labeled"].button > .button {
+ background: #404552;
+ border: 1px solid #4c505c;
+ color: #87ab63;
+}
+
+.ui.button:hover {
+ background-color: #404552;
+ color: #dbdbdb;
+}
+
+.ui.table thead th {
+ background: #404552;
+ color: #dbdbdb;
+}
+
+.repository.file.list #repo-files-table tr:hover {
+ background-color: #393d4a;
+}
+
+.ui.table {
+ color: #a5a5a5 !important;
+ border-color: #4c505c;
+ background: #353945;
+}
+
+.ui.table tbody tr {
+ border-color: #333640;
+ background: #2a2e3a;
+}
+
+.ui .text.grey {
+ color: #808084 !important;
+}
+
+.ui.attached.table.segment {
+ background: #353945;
+ color: #dbdbdb !important;
+}
+
+.markdown:not(code) h2 {
+ border-bottom: 1px solid #304251;
+}
+
+.hljs,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+ color: #9daccc;
+}
+
+.markdown:not(code) .highlight pre,
+.markdown:not(code) pre {
+ background-color: #2a2e3a;
+ border: 1px solid #404552;
+}
+
+.markdown:not(code) table tr:nth-child(2n) {
+ background-color: #2a2e39;
+}
+
+.markdown:not(code) table tr:nth-child(2n-1) {
+ background-color: #383b44;
+}
+
+.markdown:not(code) table thead tr:nth-child(2n-1) {
+ background-color: #464c5d !important;
+}
+
+.markdown:not(code) table td,
+.markdown:not(code) table th {
+ border-color: #4c505c !important;
+}
+
+.repository.file.editor.edit,
+.repository.wiki.new .CodeMirror {
+ border-right: 1px solid rgba(187, 187, 187, 0.6);
+ border-left: 1px solid rgba(187, 187, 187, 0.6);
+ border-bottom: 1px solid rgba(187, 187, 187, 0.6);
+
+ .editor-preview,
+ .editor-preview-side {
+ background: #353945;
+
+ .markdown:not(code).ui.segment {
+ border-width: 0;
+ }
+ }
+}
+
+.ui.dropdown .menu {
+ background: #2c303a;
+}
+
+.ui.dropdown .menu > .message:not(.ui) {
+ color: #636363;
+}
+
+.ui.input {
+ color: #dbdbdb;
+}
+
+.overflow.menu .items .item {
+ color: #9d9d9d;
+}
+
+.overflow.menu .items .item:hover {
+ color: #dbdbdb;
+}
+
+.ui.segment {
+ background: #353945;
+ color: #9e9e9e !important;
+ border: 1px solid #404552;
+}
+
+.ui.active.button:active,
+.ui.button:active,
+.ui.button:focus {
+ background-color: #2e3e4e;
+ color: #dbdbdb;
+}
+
+.ui.dropdown .menu .selected.item,
+.ui.dropdown.selected {
+ color: #dbdbdb;
+}
+
+.ui.dropdown .menu > .item:hover {
+ color: #dbdbdb;
+}
+
+.ui.dropdown .menu > .item {
+ color: #9e9e9e;
+}
+
+.ui.attached.segment {
+ border: 1px solid #404552;
+}
+
+.repository.view.issue .comment-list .comment .content > .bottom.segment {
+ background: #353945;
+}
+
+.repository.view.issue .comment-list .comment .content .header {
+ color: #dbdbdb;
+ background-color: #404552;
+ border-bottom: 1px solid #353944;
+}
+
+.repository.view.issue .comment-list .comment .content .merge-section {
+ background-color: #404552;
+ border-top: 1px solid #353944;
+}
+
+.repository.view.issue .comment-list .event > .octicon.issue-symbol {
+ background: #3b4954;
+}
+
+.repository.view.issue .comment-list .event > .octicon:not(.issue-symbol) {
+ text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a;
+}
+
+.ui .text.grey a {
+ color: #dbdbdb !important;
+}
+
+.ui.comments .comment .actions a {
+ color: #dbdbdb;
+}
+
+.repository.view.issue .comment-list .comment .content .header:after {
+ border-right-color: #404552;
+}
+
+.repository.new.issue .comment.form .content:after {
+ border-right-color: #353945;
+}
+
+.repository.view.issue .comment-list .comment .content .header:before {
+ border-right-color: #404552;
+}
+
+.repository.new.issue .comment.form .content:before {
+ border-right-color: #353945;
+}
+
+.repository.view.issue .comment-list:not(.prevent-before-timeline):before,
+.repository.view.issue .comment-list .timeline-line:before {
+ background-color: #3b4954;
+}
+
+.repository .comment.form .content .form:after {
+ border-right-color: #313c47;
+}
+
+.repository .comment.form .content .form:before {
+ border-right-color: #313c47;
+}
+
+.ui .text.grey a:hover {
+ color: #dbdbdb !important;
+}
+
+.ui.basic.green.active.button,
+.ui.basic.green.buttons .active.button {
+ color: #13ae38 !important;
+}
+
+.ui.form textarea,
+.ui.form textarea:focus {
+ color: #dbdbdb;
+ background: #404552;
+ border: 2px solid #353945;
+}
+
+.ui.form textarea:focus {
+ border: 1px solid #456580;
+}
+
+.ui .info.segment.top {
+ background-color: #404552 !important;
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
+ background-color: #3c2626 !important;
+ border-color: #634343 !important;
+}
+
+.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
+ background-color: #283e2d !important;
+ border-color: #314a37 !important;
+}
+
+.repository .diff-file-box .code-diff tbody tr .added-code {
+ background-color: #3a523a;
+}
+
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+ color: #986c88;
+}
+
+.hljs-string,
+.hljs-doctag {
+ color: #8ab398;
+}
+
+.repository .diff-file-box .code-diff tbody tr .removed-code {
+ background-color: #5f3737;
+}
+
+.tag-code,
+.tag-code td {
+ background: #242637 !important;
+ border-color: transparent !important;
+}
+
+.ui.vertical.menu .active.item {
+ background: #4b5162;
+}
+
+.ui.vertical.menu .item {
+ background: #353945;
+}
+
+.ui.vertical.menu .header.item {
+ background: #404552;
+}
+
+.ui.vertical.menu {
+ background: #353945;
+ border: 1px solid #333640;
+}
+
+.ui.repository.list .item:not(:first-child) {
+ border-top: 1px solid #4c505c;
+}
+
+.ui .text.blue {
+ color: #87ab63 !important;
+}
+
+.ui.selection.active.dropdown,
+.ui.selection.active.dropdown .menu {
+ border-color: #4e5361;
+ box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.active.dropdown:hover,
+.ui.selection.active.dropdown:hover .menu {
+ border-color: #4e5361;
+ box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.selection.dropdown {
+ background: #404552;
+ border: 1px solid #404552;
+ color: #9e9e9e;
+}
+
+.ui.menu .ui.dropdown .menu > .active.item {
+ color: #dbdbdb !important;
+}
+
+.ui.tabular.menu {
+ border-bottom: 1px solid #313c47;
+}
+
+.ui.card,
+.ui.cards > .card {
+ background: #353945;
+ box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
+}
+
+.ui.card > .content > .header,
+.ui.cards > .card > .content > .header {
+ color: #dbdbdb;
+}
+
+.ui.card > .extra a:not(.ui),
+.ui.cards > .card > .extra a:not(.ui) {
+ color: #87ab63;
+}
+
+.ui .text.black {
+ color: #9e9e9e;
+}
+
+.ui .text.black:hover {
+ color: #dbdbdb;
+}
+
+.ui.secondary.segment {
+ background: #353945;
+}
+
+.ui.secondary.pointing.menu .active.item {
+ color: #dbdbdb;
+ border: 0;
+ background: #383c4a;
+}
+
+.ui.user.list .item:not(:first-child) {
+ border-top: 1px solid #4c505c;
+}
+
+.ui.secondary.pointing.menu .active.item:hover {
+ border-color: #af8b4c;
+ color: #dbdbdb;
+ background: #4b5162;
+}
+
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
+ color: #dbdbdb;
+}
+
+.ui.checkbox label,
+.ui.checkbox + label,
+.ui.form .field > label {
+ color: #9e9e9e;
+}
+
+.ui.form .inline.field > label,
+.ui.form .inline.field > p,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.fields > label {
+ color: #9e9e9e;
+}
+
+.user.settings .email.list .item:not(:first-child) {
+ border-top: 1px solid #3f4451;
+}
+
+.explore .navbar {
+ background-color: #2a2e3a !important;
+}
+
+.ui.menu.new-menu {
+ background-color: #2a2e3a !important;
+
+ @media only screen and (max-width: 1200px) {
+ &:after {
+ background-image: linear-gradient(to right, rgba(42, 46, 42, 0), rgba(42, 46, 42, 1) 100%);
+ }
+ }
+}
+
+input {
+ background: #2e323e;
+}
+
+.settings .key.list .item:not(:first-child) {
+ border-top: 1px solid #404552;
+}
+
+.ui.attached.info.message,
+.ui.info.message {
+ box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
+}
+
+.ui.bottom.attached.message {
+ background-color: #2c662d;
+ color: #87ab63;
+}
+
+.ui.bottom.attached.message .pull-right {
+ color: #87ab63;
+}
+
+.ui.info.message {
+ background-color: #2c3b4a;
+ color: #9ebcc5;
+}
+
+.ui .warning.header {
+ background-color: #5d3a22 !important;
+ border-color: #794f31;
+}
+
+.ui.red.message {
+ background-color: rgba(80, 23, 17, 0.6);
+ color: #f9cbcb;
+ box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
+}
+
+.ui.red.button,
+.ui.red.buttons .button {
+ background-color: #7d3434;
+}
+
+.ui.red.button:hover,
+.ui.red.buttons .button:hover {
+ background-color: #984646;
+}
+
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover {
+ color: #dbdbdb !important;
+}
+
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+ color: #7f98ad;
+}
+
+.ui.checkbox input:checked ~ .box:before,
+.ui.checkbox input:checked ~ label:before {
+ background: #304251;
+ opacity: 1;
+ color: #7f98ad;
+ border-color: #304251;
+}
+
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
+ background: #304251;
+}
+
+.ui.checkbox .box:before,
+.ui.checkbox label:before {
+ background: #304251;
+ border: 1px solid #304251;
+}
+
+.ui.checkbox label:before {
+ border-color: #476075;
+}
+
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
+ background: #304251;
+ border-color: rgba(34, 36, 38, 0.35);
+}
+
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
+ border-color: #304251;
+ background: #304251;
+}
+
+.ui.checkbox input:checked:focus ~ .box:before,
+.ui.checkbox input:checked:focus ~ label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
+ border-color: #304251;
+ background: #304251;
+}
+
+.ui.checkbox input:checked:focus ~ .box:after,
+.ui.checkbox input:checked:focus ~ label:after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
+ color: #7f98ad;
+}
+
+.ui.checkbox input:focus ~ .box:after,
+.ui.checkbox input:focus ~ label,
+.ui.checkbox input:focus ~ label:after {
+ color: #9a9a9a;
+}
+
+.ui.selection.dropdown:hover {
+ border: 1px solid #456580;
+}
+
+.ui.selection.dropdown .menu > .item {
+ border-top: 1px solid #313c47;
+}
+
+.ui.selection.visible.dropdown > .text:not(.default) {
+ color: #9e9e9e;
+}
+
+.ui.negative.message {
+ background-color: rgba(80, 23, 17, 0.6);
+ color: #f9cbcb;
+ box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
+}
+
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+ color: #ef5e77;
+}
+
+.user.profile .ui.card .extra.content ul li:not(:last-child) {
+ border-bottom: 1px solid #4c505c;
+}
+
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+ color: #bd84bf;
+}
+
+.ui.form .dropzone {
+ border: 2px dashed #4c505c;
+}
+
+.ui.basic.red.button,
+.ui.basic.red.buttons .button {
+ box-shadow: 0 0 0 1px #a04141 inset !important;
+ color: #a04141 !important;
+}
+
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+ color: #dedede;
+}
+
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+ color: #9e9e9e;
+}
+
+.ui.user.list .item .description a {
+ color: #668cb1;
+}
+
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+ color: #7c9b5e;
+}
+
+.ui.blue.button:focus,
+.ui.blue.buttons .button:focus {
+ background-color: #a27558;
+}
+
+.ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover {
+ box-shadow: 0 0 0 1px #87ab63 inset !important;
+ color: #87ab63 !important;
+}
+
+.ui.basic.blue.button:focus,
+.ui.basic.blue.buttons .button:focus {
+ box-shadow: 0 0 0 1px #87ab63 inset !important;
+ color: #87ab63 !important;
+}
+
+.lines-commit {
+ background: #2e323e !important;
+}
+
+.bottom-line {
+ border-color: #4e525e !important;
+}
+
+.lines-num {
+ background: #2e323e !important;
+ color: #9e9e9e !important;
+ border-color: #2d2d2d !important;
+}
+
+.lines-num pre,
+.lines-code pre,
+.lines-num ol,
+.lines-code ol,
+.lines-num .hljs,
+.lines-code .hljs {
+ background-color: #2a2e3a !important;
+}
+
+.code-view .active {
+ background: #554a00;
+}
+
+a.ui.label:hover,
+a.ui.labels .label:hover {
+ background-color: #505667 !important;
+ color: #dbdbdb !important;
+}
+
+.repository #commits-table td.sha .sha.label,
+.repository #repo-files-table .sha.label {
+ border-color: #888;
+}
+
+.repository #commits-table td.sha .sha.label.isSigned .detail.icon,
+.repository #repo-files-table .sha.label.isSigned .detail.icon {
+ background: none;
+ border-left-color: #888;
+}
+
+.repository .label.list .item {
+ border-bottom: 1px dashed #4c505c;
+}
+
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button {
+ box-shadow: 0 0 0 1px #87ab63 inset !important;
+ color: #87ab63 !important;
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) {
+ background-color: #2a2e3a;
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6),
+.repository .diff-file-box .code-diff-split tbody tr td.add-code {
+ background-color: #283e2d !important;
+ border-color: #314a37 !important;
+}
+
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr td.del-code {
+ background-color: #3c2626 !important;
+ border-color: #634343 !important;
+}
+
+.ui.blue.button:active,
+.ui.blue.buttons .button:active {
+ background-color: #a27558;
+}
+
+#git-graph-container li a {
+ color: #c79575;
+}
+
+#git-graph-container li .author {
+ color: #c79575;
+}
+
+.ui.header .sub.header {
+ color: #9e9e9e;
+}
+
+.ui.dividing.header {
+ border-bottom: 1px solid #4c505c;
+}
+
+.ui.modal > .header {
+ background: #404552;
+ color: #dbdbdb;
+}
+
+.ui.modal > .actions {
+ background: #404552;
+ border-top: 1px solid #404552;
+}
+
+.ui.modal > .content {
+ background: #383c4a;
+}
+
+.editor-toolbar {
+ background-color: #404552;
+
+ a {
+ color: #87ab63 !important;
+ }
+}
+
+.repository .diff-detail-box {
+ background-color: #383c4a;
+
+ .detail-files {
+ background-color: inherit;
+ }
+}
+
+.comment-code-cloud {
+ .ui.attached.tabular.menu {
+ background: none transparent;
+ border: 0;
+ }
+
+ .footer .markdown-info {
+ color: inherit;
+ }
+}
+
+.file-comment {
+ color: #888888;
+}
+
+.ui.comments .comment {
+ .author {
+ color: #dbdbdb;
+ }
+
+ .metadata {
+ color: #808084;
+ }
+
+ .text {
+ color: #9e9e9e;
+ }
+}
+
+.xdsoft_datetimepicker {
+ background: #2a2e39;
+ border: 1px solid #4c505c;
+ color: #9e9e9e;
+
+ .xdsoft_mounthpicker {
+ height: 36px;
+ background: #464c5d;
+ margin: -2px -8px 2px;
+ padding: 2px 8px 0;
+
+ button {
+ background-image: none;
+ text-indent: 0;
+ text-align: center;
+ color: #9e9e9e;
+
+ &.xdsoft_prev::before {
+ content: "\f0d9";
+ font: normal normal normal 14px/1 FontAwesome, serif;
+ font-size: 1.7em;
+ }
+
+ &.xdsoft_next::before {
+ content: "\f0da";
+ font: normal normal normal 14px/1 FontAwesome, serif;
+ font-size: 1.7em;
+ }
+
+ &.xdsoft_today_button::before {
+ content: "\f015";
+ font: normal normal normal 14px/1 FontAwesome, serif;
+ font-size: 1.4em;
+ }
+ }
+
+ & > div.xdsoft_label {
+ background: #464c5d;
+
+ i {
+ line-height: 14px;
+ background-image: none;
+ text-indent: 0;
+ text-align: center;
+
+ ::before {
+ content: "\f0dd";
+ font: normal normal normal 14px/1 FontAwesome, serif;
+ font-size: 0.7em;
+ }
+ }
+
+ .xdsoft_select {
+ background: #353945;
+ }
+ }
+ }
+
+ .xdsoft_datepicker .xdsoft_calendar {
+ td,
+ th {
+ border-color: #4c505c;
+ background-color: #2a2e39;
+ }
+
+ td.xdsoft_other_month,
+ td.xdsoft_disabled {
+ opacity: 0.8;
+ background: #a0cc75;
+ color: #000000;
+ }
+
+ }
+}
+
+.heatmap(@heat) {
+ @heatmap-cold: #2d303b;
+ @heatmap-hot: #a0cc75;
+ background-color: mix(@heatmap-hot, @heatmap-cold, @heat);
+}
+
+.heatmap-color-0 {
+ .heatmap(0%);
+}
+
+.heatmap-color-1 {
+ .heatmap(20%);
+}
+
+.heatmap-color-2 {
+ .heatmap(40%);
+}
+
+.heatmap-color-3 {
+ .heatmap(60%);
+}
+
+.heatmap-color-4 {
+ .heatmap(80%);
+}
+
+.heatmap-color-5 {
+ .heatmap(100%);
+}
+
+/* code mirror dark theme */
+
+.CodeMirror {
+ color: #9daccc;
+ background-color: #2b2b2b;
+ border-top: 0;
+
+ div.CodeMirror-cursor {
+ border-left: 1px solid #9e9e9e;
+ }
+
+ .CodeMirror-gutters {
+ background-color: #2b2b2b;
+ }
+
+ ::selection,
+ ::-moz-selection,
+ .CodeMirror-selected {
+ background: #42402f !important;
+ }
+
+ &.cm-s-default,
+ &.cm-s-paper {
+ .cm-property {
+ color: #a0cc75;
+ }
+
+ .cm-header {
+ color: #9daccc;
+ }
+
+ .cm-quote {
+ color: #009900;
+ }
+
+ .cm-keyword {
+ color: #cc8a61;
+ }
+
+ .cm-atom {
+ color: #ef5e77;
+ }
+
+ .cm-number {
+ color: #ff5656;
+ }
+
+ .cm-def {
+ color: #e4e4e4;
+ }
+
+ .cm-variable-2 {
+ color: #00bdbf;
+ }
+
+ .cm-variable-3 {
+ color: #008855;
+ }
+
+ .cm-comment {
+ color: #8e9ab3;
+ }
+
+ .cm-string {
+ color: #a77272;
+ }
+
+ .cm-string-2 {
+ color: #ff5500;
+ }
+
+ .cm-meta,
+ .cm-qualifier {
+ color: #ffb176;
+ }
+
+ .cm-builtin {
+ color: #b7c951;
+ }
+
+ .cm-bracket {
+ color: #999977;
+ }
+
+ .cm-tag {
+ color: #f1d273;
+ }
+
+ .cm-attribute {
+ color: #bfcc70;
+ }
+
+ .cm-hr {
+ color: #999999;
+ }
+
+ .cm-url {
+ color: #c5cfd0;
+ }
+
+ .cm-link {
+ color: #d8c792;
+ }
+
+ .cm-error {
+ /* color: #ff6e00; */
+ color: #dbdbeb;
+ }
+ }
+}
projects / gitea.git / commitdiff