mirror/gitea
1
1
Fork 1
mirror of https://github.com/go-gitea/gitea.git synced 2024-11-18 06:24:26 +01:00
Code Issues

Reindent Less to 2-space (#12602)

Browse Source 
Reindent and unify codebase to 2-space indentation.
This commit is contained in:
silverwind 2020-08-25 21:48:53 +02:00 committed by GitHub
parent e90e122b39
commit eb4db0445b
Signed by: GitHub
GPG Key ID: 4AEE18F83AFDEB23
22 changed files with 6376 additions and 6382 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
.editorconfig
View File

@ -1,28 +1,22 @@
root = true
[*]
charset = utf-8
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = space
indent_size = 2
tab_width = 2
end_of_line = lf
[*.md]
trim_trailing_whitespace = false
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.{go,tmpl,html}]
indent_style = tab
indent_size = 2
[*.{less,css}]
indent_style = space
indent_size = 4
[*.{js,json,yml}]
indent_style = space
indent_size = 2
[Makefile]
indent_style = tab
[*.svg]
insert_final_newline = false
[*.md]
trim_trailing_whitespace = false

2
.stylelintrc
View File

@ -6,7 +6,7 @@ rules:
color-hex-length: null
comment-empty-line-before: null
declaration-empty-line-before: null
indentation: 4
indentation: 2
no-descending-specificity: null
number-leading-zero: never
rule-empty-line-before: null

144
web_src/less/_admin.less
View File

@ -1,93 +1,93 @@
.admin {
padding-top: 15px;
padding-top: 15px;
.table.segment {
padding: 0;
font-size: 13px;
.table.segment {
padding: 0;
font-size: 13px;
&:not(.striped) {
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;
}
}
}
form tbody button[type='submit'] {
padding: 5px 8px;
&:not(.striped) {
thead {
th:last-child {
padding-right: 5px !important;
}
}
}
.ui.header,
.ui.segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
th {
padding-top: 5px;
padding-bottom: 5px;
}
&.user {
.email {
max-width: 200px;
&:not(.select) {
th,
td {
&:first-of-type {
padding-left: 15px !important;
}
}
}
dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
form tbody button[type='submit'] {
padding: 5px 8px;
}
}
dd {
margin-left: 275px;
}
.ui.header,
.ui.segment {
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
dt {
font-weight: bolder;
float: left;
width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&.user {
.email {
max-width: 200px;
}
}
dl.admin-dl-horizontal {
padding: 20px;
margin: 0;
dd {
margin-left: 275px;
}
&.config {
#test-mail-btn {
margin-left: 5px;
}
dt {
font-weight: bolder;
float: left;
width: 285px;
clear: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
code,
pre {
white-space: pre-wrap;
word-wrap: break-word;
&.config {
#test-mail-btn {
margin-left: 5px;
}
}
#notice-table {
.notice-description {
@media only screen and (max-width: 767px) {
max-width: 80vw;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 360px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
max-width: 510px;
}
@media only screen and (min-width: 1200px) {
max-width: 640px;
}
}
code,
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
#notice-table {
.notice-description {
@media only screen and (max-width: 767px) {
max-width: 80vw;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
max-width: 360px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
max-width: 510px;
}
@media only screen and (min-width: 1200px) {
max-width: 640px;
}
}
}
}

1750
web_src/less/_base.less
View File

@ -1,1270 +1,1270 @@
@font-face {
font-family: 'Yu Gothic';
src: local('Yu Gothic Medium');
font-weight: 400;
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;
font-family: 'Yu Gothic';
src: local('Yu Gothic Bold');
font-weight: 700;
}
@font-face {
font-family: 'Noto Color Emoji';
src:
local('Noto Color Emoji'),
local('Noto-Color-Emoji'),
url('../fonts/noto-color-emoji/NotoColorEmoji.ttf') format('truetype');
font-family: 'Noto Color Emoji';
src:
local('Noto Color Emoji'),
local('Noto-Color-Emoji'),
url('../fonts/noto-color-emoji/NotoColorEmoji.ttf') format('truetype');
}
@default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" sans-serif;
@monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console';
.override-fonts(@fonts) {
textarea {
font-family: @fonts;
}
textarea {
font-family: @fonts;
}
.markdown:not(code) {
font-family: @fonts;
}
.markdown:not(code) {
font-family: @fonts;
}
/* We're going to just override the semantic fonts here */
h1,
h2,
h3,
h4,
h5 {
font-family: @fonts;
}
/* We're going to just override the semantic fonts here */
h1,
h2,
h3,
h4,
h5 {
font-family: @fonts;
}
.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: @fonts;
}
.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: @fonts;
}
}
.override-fonts(@default-fonts);
body {
background-color: #ffffff;
overflow-y: auto;
display: flex;
flex-direction: column;
background-color: #ffffff;
overflow-y: auto;
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;);
.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;);
.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;);
.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;);
.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;);
.override-fonts(@default-fonts, @ko-fonts;);
}
img {
border-radius: 3px;
border-radius: 3px;
}
table {
border-collapse: collapse;
border-collapse: collapse;
}
a {
cursor: pointer;
cursor: pointer;
}
.rounded {
border-radius: .28571429rem !important;
border-radius: .28571429rem !important;
}
.wrap {
word-wrap: break-word;
word-break: break-all;
word-wrap: break-word;
word-break: break-all;
}
pre,
code,
.mono {
font: 12px @monospaced-fonts, monospace;
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;
}
&.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;
}
&.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;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
hyphens: auto;
}
.full.height {
flex-grow: 1;
padding-bottom: 80px;
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, .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, .45);
}
.top.menu .menu {
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, .04);
.fitted .svg {
margin-right: 0;
}
.svg {
margin-right: .75em;
}
.searchbox {
background-color: #f4f4f4 !important;
&:focus {
background-color: #e9e9e9 !important;
}
}
.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, .45);
}
.top.menu .menu {
z-index: 900;
}
.fitted .svg {
margin-right: 0;
}
.svg {
margin-right: .75em;
}
.searchbox {
background-color: #f4f4f4 !important;
&:focus {
background-color: #e9e9e9 !important;
}
}
.text .svg {
width: 16px;
text-align: center;
}
#navbar {
width: 100vw;
min-height: 52px;
padding: 0 .5rem;
}
#navbar .brand {
margin: 0;
}
@media only screen and (max-width: 767px) {
#navbar:not(.shown) > *:not(:first-child) {
display: none;
}
.text .svg {
width: 16px;
text-align: center;
}
#navbar {
width: 100vw;
min-height: 52px;
padding: 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;
// 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:not(.action) {
float: left;
}
&.left:not(.action) {
float: left;
}
&.right:not(.action) {
float: right;
}
&.right:not(.action) {
float: right;
}
&.button,
&.menu .item {
user-select: auto;
}
&.button,
&.menu .item {
user-select: auto;
}
&.container {
&.fluid {
&.padded {
padding: 0 10px;
}
&.container {
&.fluid {
&.padded {
padding: 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: .58928571em 1.125em;
}
.menu:not(.vertical) .item > .button.small {
font-size: .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;
}
&.dropdown .menu > .header {
font-size: .8em;
}
.text {
&.red {
color: #d95c5c !important;
a {
color: #d95c5c !important;
&:hover {
color: #e67777 !important;
}
}
}
&.form {
.ui.button {
font-weight: normal;
&.blue {
color: #428bca !important;
a {
color: #1155cc !important;
&:hover {
color: #428bca !important;
}
}
}
&.floating.label {
z-index: 10;
&.black {
color: #444444;
&:hover {
color: #000000;
}
}
&.transparent.label {
background-color: transparent;
&.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;
}
&.orange {
color: #f2711c !important;
}
&.gold {
color: #a1882b !important;
}
&.left {
text-align: left !important;
}
&.right {
text-align: right !important;
}
&.small {
font-size: .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;
padding: 0;
}
&.nomargin {
margin: 0;
}
}
.message {
text-align: center;
}
.message > ul {
margin-left: auto;
margin-right: auto;
display: table;
text-align: left;
}
&.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: .75rem;
vertical-align: middle;
}
.warning {
&.header {
background-color: #f9edbe !important;
border-color: #efc16b;
}
&.menu,
&.vertical.menu,
&.segment {
box-shadow: none;
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,
.avatar.image img,
.avatar.image svg,
.avatar.images .image,
.avatar.images img,
.avatar.images svg {
border-radius: 3px;
}
.form {
.fake {
display: none !important;
}
/* Overide semantic selector '.ui.menu:not(.vertical) .item > .button' */
/* This fixes the commit graph button on the commits page */
.sub.field {
margin-left: 25px;
}
}
.menu:not(.vertical) .item > .button.compact {
padding: .58928571em 1.125em;
.sha.label {
font-family: @monospaced-fonts, monospace;
font-size: 13px;
padding: 6px 10px 4px;
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 {
.svg {
margin-right: 4px;
}
}
&.inline.delete-button {
padding: 8px 15px;
font-weight: normal;
}
.background {
&.red {
background-color: #d95c5c !important;
}
.menu:not(.vertical) .item > .button.small {
font-size: .92857143rem;
&.blue {
background-color: #428bca !important;
}
&.menu .ui.dropdown.item .menu .item {
width: 100%;
&.black {
background-color: #444444;
}
&.dropdown .menu > .item > .floating.label {
z-index: 11;
&.grey {
background-color: #767676 !important;
}
&.dropdown .menu .menu > .item > .floating.label {
z-index: 21;
&.light.grey {
background-color: #888888 !important;
}
&.dropdown .menu > .header {
font-size: .8em;
&.green {
background-color: #6cc644 !important;
}
.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;
}
&.orange {
color: #f2711c !important;
}
&.gold {
color: #a1882b !important;
}
&.left {
text-align: left !important;
}
&.right {
text-align: right !important;
}
&.small {
font-size: .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;
}
&.purple {
background-color: #6e5494 !important;
}
.message {
text-align: center;
&.yellow {
background-color: #fbbf09 !important;
}
.message > ul {
margin-left: auto;
margin-right: auto;
display: table;
text-align: left;
&.orange {
background-color: #f2711c !important;
}
&.bottom.attached.message {
font-weight: bold;
text-align: left;
color: black;
&.gold {
background-color: #a1882b !important;
}
}
.pull-right {
color: black;
}
.migrate {
color: #888888 !important;
opacity: .5;
a {
color: #444444 !important;
& > span,
.pull-right > span {
color: #21ba45;
}
&:hover {
color: #000000 !important;
}
}
}
.border {
border: 1px solid;
&.red {
border-color: #d95c5c !important;
}
.header > i + .content {
padding-left: .75rem;
vertical-align: middle;
&.blue {
border-color: #428bca !important;
}
.warning {
&.header {
background-color: #f9edbe !important;
border-color: #efc16b;
}
&.segment {
border-color: #efc16b;
}
&.black {
border-color: #444444;
}
.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;
}
}
}
&.grey {
border-color: #767676 !important;
}
.normal.header {
font-weight: normal;
&.light.grey {
border-color: #888888 !important;
}
.avatar.image,
.avatar.image img,
.avatar.image svg,
.avatar.images .image,
.avatar.images img,
.avatar.images svg {
border-radius: 3px;
&.green {
border-color: #6cc644 !important;
}
.form {
.fake {
display: none !important;
}
.sub.field {
margin-left: 25px;
}
&.purple {
border-color: #6e5494 !important;
}
.sha.label {
font-family: @monospaced-fonts, monospace;
font-size: 13px;
padding: 6px 10px 4px;
font-weight: normal;
margin: 0 6px;
&.yellow {
border-color: #fbbd08 !important;
}
.button.truncate {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
margin-right: 6px;
&.orange {
border-color: #f2711c !important;
}
&.status.buttons {
.svg {
margin-right: 4px;
}
&.gold {
border-color: #a1882b !important;
}
}
&.inline.delete-button {
padding: 8px 15px;
font-weight: normal;
.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;
}
}
.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;
}
&.orange {
background-color: #f2711c !important;
}
&.gold {
background-color: #a1882b !important;
}
}
.migrate {
color: #888888 !important;
opacity: .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;
}
&.orange {
border-color: #f2711c !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;
}
}
&.narrow .item {
padding-left: 8px;
padding-right: 8px;
min-width: 1em;
text-align: center;
.icon {
margin-right: 0;
}
}
&.narrow .item {
padding-left: 8px;
padding-right: 8px;
min-width: 1em;
text-align: center;
.icon {
margin-right: 0;
}
}
}
}
.file-comment {
font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, .87);
font: 12px @monospaced-fonts, monospace;
color: rgba(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, .15);
}
.overflow.menu {
.scrolling.menu.items {
border-radius: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid rgba(34, 36, 38, .15);
}
}
}
.user-menu > .item {
width: 100%;
border-radius: 0 !important;
width: 100%;
border-radius: 0 !important;
}
.scrolling.menu {
.item.selected {
font-weight: 700 !important;
}
.item.selected {
font-weight: 700 !important;
}
}
footer {
background-color: white;
border-top: 1px solid #d6d6d6;
width: 100%;
flex-basis: 40px;
color: #888888;
background-color: white;
border-top: 1px solid #d6d6d6;
width: 100%;
flex-basis: 40px;
color: #888888;
.container {
width: 100vw !important;
padding: 0 .5rem;
max-width: calc(100vw - 1rem) !important;
.container {
width: 100vw !important;
padding: 0 .5rem;
max-width: calc(100vw - 1rem) !important;
.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;
}
}
.fa {
width: 16px;
text-align: center;
color: #428bca;
}
.ui.language .menu {
max-height: 500px;
overflow-y: auto;
margin-bottom: 7px;
}
.links > * {
border-left: 1px solid #d6d6d6;
padding-left: 8px;
margin-left: 5px;
.ui {
&.left,
&.right {
line-height: 40px;
}
&: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;
display: none;
&.show-outdated {
display: none !important;
}
&.show-outdated {
display: none !important;
}
&.hide-outdated {
display: none !important;
}
&.hide-outdated {
display: none !important;
}
}
.center {
text-align: 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;
}
.img-@{i} {
width: (2px * @i) !important;
height: (2px * @i) !important;
}
.generate-img(@n, (@i + 1));
.generate-img(@n, (@i + 1));
}
// Conditional display
@media only screen and (min-width: 768px) {
.mobile-only,
.ui.button.mobile-only {
display: none;
}
.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();
}
// 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;
}
.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;
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.ui.container {
width: 95%;
}
.ui.container {
width: 95%;
}
}
.ui.menu.new-menu {
justify-content: center !important;
padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
background: #fafafa;
border-width: 1px !important;
justify-content: center !important;
padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
background: #fafafa;
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: 2px;
}
.ui.menu.new-menu {
overflow-x: auto !important;
justify-content: left !important;
padding-bottom: 2px;
}
.ui.menu.new-menu::-webkit-scrollbar {
height: 8px;
display: none;
}
.ui.menu.new-menu::-webkit-scrollbar {
height: 8px;
display: none;
}
.ui.menu.new-menu:hover::-webkit-scrollbar {
display: block;
}
.ui.menu.new-menu:hover::-webkit-scrollbar {
display: block;
}
.ui.menu.new-menu::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .01);
}
.ui.menu.new-menu::-webkit-scrollbar-track {
background: rgba(0, 0, 0, .01);
}
.ui.menu.new-menu::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .2);
}
.ui.menu.new-menu::-webkit-scrollbar-thumb {
background: rgba(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: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;
}
.ui.menu.new-menu a.item:last-child {
padding-right: 30px !important;
}
}
[v-cloak] {
display: none !important;
display: none !important;
}
.repos-search {
padding-bottom: 0 !important;
padding-bottom: 0 !important;
}
.repos-filter {
margin-top: 0 !important;
border-bottom-width: 0 !important;
margin-bottom: 2px !important;
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;
width: 107%; // Fixes newest contributions not showing
text-align: center;
svg:not(:root) {
overflow: inherit;
padding: 0 !important;
}
svg:not(:root) {
overflow: inherit;
padding: 0 !important;
}
@media only screen and (max-width: 1200px) {
& {
display: none;
}
@media only screen and (max-width: 1200px) {
& {
display: none;
}
}
.total-contributions {
text-align: left;
font-weight: 500;
margin-top: 0;
}
.total-contributions {
text-align: left;
font-weight: 500;
margin-top: 0;
}
}
.heatmap-color-0 {
background-color: #f4f4f4;
background-color: #f4f4f4;
}
.heatmap-color-1 {
background-color: #d8efbf;
background-color: #d8efbf;
}
.heatmap-color-2 {
background-color: #9fdb81;
background-color: #9fdb81;
}
.heatmap-color-3 {
background-color: #66c74b;
background-color: #66c74b;
}
.heatmap-color-4 {
background-color: #609926;
background-color: #609926;
}
.heatmap-color-5 {
background-color: #025900;
background-color: #025900;
}
.activity-bar-graph {
background-color: #6cc644;
color: #000000;
background-color: #6cc644;
color: #000000;
}
.activity-bar-graph-alt {
color: #000000;
color: #000000;
}
.archived-icon {
color: lighten(#000000, 70%) !important;
color: lighten(#000000, 70%) !important;
}
.oauth2-authorize-application-box {
margin-top: 3em !important;
margin-top: 3em !important;
}
/* multiple radio or checkboxes as inline element */
.inline-grouped-list {
display: inline-block;
vertical-align: top;
display: inline-block;
vertical-align: top;
> .ui {
display: block;
margin-top: 5px;
margin-bottom: 10px;
> .ui {
display: block;
margin-top: 5px;
margin-bottom: 10px;
&:first-child {
margin-top: 1px;
}
&:first-child {
margin-top: 1px;
}
}
}
i.icons .icon:first-child {
margin-right: 0;
margin-right: 0;
}
i.icon.centerlock {
top: 1em;
top: 1em;
}
.ui.label {
padding: .3em .5em;
padding: .3em .5em;
}
.ui.label > .detail .icons {
margin-right: .25em;
margin-right: .25em;
}
.ui.label > .detail .icons .icon {
margin-right: 0;
margin-right: 0;
}
.lines-num {
padding-left: 10px;
padding-right: 10px;
text-align: right !important;
color: rgba(27, 31, 35, .3);
width: 1%;
user-select: none;
padding-left: 10px;
padding-right: 10px;
text-align: right !important;
color: rgba(27, 31, 35, .3);
width: 1%;
user-select: none;
span {
&.bottom-line {
&:after {
border-bottom: 1px solid #eaecef;
}
}
&:after {
content: attr(data-line-number);
line-height: 20px !important;
padding: 0 10px;
cursor: pointer;
display: block;
}
span {
&.bottom-line {
&:after {
border-bottom: 1px solid #eaecef;
}
}
&:after {
content: attr(data-line-number);
line-height: 20px !important;
padding: 0 10px;
cursor: pointer;
display: block;
}
}
}
.lines-type-marker {
vertical-align: top;
vertical-align: top;
}
.lines-num,
.lines-code {
padding-top: 0;
padding-bottom: 0;
vertical-align: top;
padding-top: 0;
padding-bottom: 0;
vertical-align: top;
pre,
ol {
background-color: inherit;
margin: 0;
padding: 0 !important;
pre,
ol {
background-color: inherit;
margin: 0;
padding: 0 !important;
li {
display: block;
width: calc(100% - 1ch);
padding-left: 1ch;
}
li {
display: block;
width: calc(100% - 1ch);
padding-left: 1ch;
}
}
}
.lines-code code {
white-space: pre;
white-space: pre;
}
.blame .lines-num {
padding: 0 !important;
background-color: #f5f5f5;
padding: 0 !important;
background-color: #f5f5f5;
}
.blame .lines-code {
padding: 0 !important;
padding: 0 !important;
}
.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;
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-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-data {
display: flex;
font-family: @default-fonts;
.blame-message {
flex-grow: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
}
.blame-message {
flex-grow: 2;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
}
.blame-time,
.blame-avatar {
flex-shrink: 0;
}
}
.blame-time,
.blame-avatar {
flex-shrink: 0;
}
}
}
.ui.avatar.image {
height: 18px;
width: 18px;
}
.ui.avatar.image {
height: 18px;
width: 18px;
}
}
.lines-code,
.lines-commit {
.bottom-line {
border-bottom: 1px solid #eaecef;
}
.bottom-line {
border-bottom: 1px solid #eaecef;
}
}
.code-view {
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
overflow: auto;
overflow-x: auto;
overflow-y: hidden;
&.has-context-menu {
overflow: visible;
overflow-x: visible;
overflow-y: visible;
}
&.has-context-menu {
overflow: visible;
overflow-x: visible;
overflow-y: visible;
}
*:not(.fa):not(.svg):not(.icon) {
font-size: 12px;
font-family: @monospaced-fonts, monospace;
line-height: 20px;
}
*:not(.fa):not(.svg):not(.icon) {
font-size: 12px;
font-family: @monospaced-fonts, monospace;
line-height: 20px;
}
table {
width: 100%;
}
table {
width: 100%;
}
.lines-code.active {
background: #fffbdd !important;
}
.lines-code.active {
background: #fffbdd !important;
}
}
.octicon-tiny {
font-size: .85714286rem;
font-size: .85714286rem;
}
.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
box-shadow: inset 0 0 0 1px #1678c2 !important;
color: #1678c2 !important;
box-shadow: inset 0 0 0 1px #1678c2 !important;
color: #1678c2 !important;
}
.ui.label > img {
width: auto !important;
vertical-align: middle;
height: 2.1666em !important;
width: auto !important;
vertical-align: middle;
height: 2.1666em !important;
}
.svg {
span.green & {
color: #21ba45;
}
span.red & {
color: #db2828;
}
span.purple & {
color: #a333c8;
}
span.green & {
color: #21ba45;
}
span.red & {
color: #db2828;
}
span.purple & {
color: #a333c8;
}
}
.ui.popup .ui.label {
margin-bottom: .4em;
margin-bottom: .4em;
}
.color-icon {
margin-right: .5em;
margin-left: .5em;
display: inline-block;
border: 0 solid rgba(0, 0, 0, .2);
border-radius: 100%;
height: 14px;
width: 14px;
position: relative;
top: 2px;
margin-right: .5em;
margin-left: .5em;
display: inline-block;
border: 0 solid rgba(0, 0, 0, .2);
border-radius: 100%;
height: 14px;
width: 14px;
position: relative;
top: 2px;
}
.ui.label > .color-icon {
margin-left: 0;
margin-left: 0;
}
.invisible {
visibility: hidden;
visibility: hidden;
}
/* https://github.com/go-gitea/gitea/issues/10210 */
.ui.attached.segment ~ .ui.top.attached.header {
margin-top: 1rem;
margin-top: 1rem;
}
table th[data-sortt-asc],
table th[data-sortt-desc] {
&:hover {
background: rgba(0, 0, 0, .1) !important;
cursor: pointer !important;
}
.svg {
margin-left: .25rem;
}
&:hover {
background: rgba(0, 0, 0, .1) !important;
cursor: pointer !important;
}
.svg {
margin-left: .25rem;
}
}
/* limit width of all direct dropdown menu children */
/* https://github.com/go-gitea/gitea/pull/10835 */
.dropdown:not(.selection) > .menu:not(.review-box) > *:not(.header) {
max-width: 300px;
overflow-x: hidden;
text-overflow: ellipsis;
max-width: 300px;
overflow-x: hidden;
text-overflow: ellipsis;
}
.dropdown:not(.selection) > .menu.review-box > * {
@media only screen and (max-height: 700px) {
.CodeMirror,
.CodeMirror-scroll {
min-height: 100px;
}
@media only screen and (max-height: 700px) {
.CodeMirror,
.CodeMirror-scroll {
min-height: 100px;
}
}
}
.text-label {
display: inline-flex !important;
align-items: center !important;
display: inline-flex !important;
align-items: center !important;
}
.text-label .color-icon {
position: static !important;
position: static !important;
}
.emoji,
.reaction {
font-size: 1.25em;
line-height: 1;
font-style: normal !important;
font-weight: normal !important;
vertical-align: -.075em;
font-size: 1.25em;
line-height: 1;
font-style: normal !important;
font-weight: normal !important;
vertical-align: -.075em;
}
.emoji img,
.reaction img {
border-width: 0 !important;
margin: 0 !important;
width: 1em !important;
height: 1em !important;
vertical-align: -.15em;
border-width: 0 !important;
margin: 0 !important;
width: 1em !important;
height: 1em !important;
vertical-align: -.15em;
}
/* https://github.com/go-gitea/gitea/pull/11486 */
.ui.sub.header {
text-transform: none;
text-transform: none;
}
.ui.tabular.menu {
.item {
padding: 11px 12px;
color: rgba(0, 0, 0, .5);
}
.item {
padding: 11px 12px;
color: rgba(0, 0, 0, .5);
}
.item:hover {
color: rgba(0, 0, 0, .8);
}
.item:hover {
color: rgba(0, 0, 0, .8);
}
.item.active {
color: rgba(0, 0, 0, .9);
margin-top: 1px; /* offset fomantic's margin-bottom: -1px */
}
.item.active {
color: rgba(0, 0, 0, .9);
margin-top: 1px; /* offset fomantic's margin-bottom: -1px */
}
}
.ui.secondary.pointing.menu .item {
padding: 12px;
padding: 12px;
}
.ui.header > .ui.label.compact {
margin-top: inherit;
margin-top: inherit;
}

178
web_src/less/_chroma.less
View File

@ -1,377 +1,377 @@
/* Background */
.chroma {
background-color: #ffffff;
background-color: #ffffff;
}
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: auto;
overflow: auto;
display: block;
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: auto;
overflow: auto;
display: block;
}
/* LineHighlight */
.chroma .hl {
display: block;
width: 100%;
background-color: #e5e5e5;
display: block;
width: 100%;
background-color: #e5e5e5;
}
/* LineNumbersTable */
.chroma .lnt {
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
}
/* LineNumbers */
.chroma .ln {
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
}
/* Keyword */
.chroma .k {
color: #d73a49;
color: #d73a49;
}
/* KeywordConstant */
.chroma .kc {
color: #d73a49;
color: #d73a49;
}
/* KeywordDeclaration */
.chroma .kd {
color: #d73a49;
color: #d73a49;
}
/* KeywordNamespace */
.chroma .kn {
color: #d73a49;
color: #d73a49;
}
/* KeywordPseudo */
.chroma .kp {
color: #d73a49;
color: #d73a49;
}
/* KeywordReserved */
.chroma .kr {
color: #d73a49;
color: #d73a49;
}
/* KeywordType */
.chroma .kt {
color: #445588;
color: #445588;
}
/* NameAttribute */
.chroma .na {
color: #d73a49;
color: #d73a49;
}
/* NameBuiltin */
.chroma .nb {
color: #005cc5;
color: #005cc5;
}
/* NameBuiltinPseudo */
.chroma .bp {
color: #999999;
color: #999999;
}
/* NameClass */
.chroma .nc {
color: #445588;
color: #445588;
}
/* NameConstant */
.chroma .no {
color: #008080;
color: #008080;
}
/* NameDecorator */
.chroma .nd {
color: #3c5d5d;
color: #3c5d5d;
}
/* NameEntity */
.chroma .ni {
color: #6f42c1;
color: #6f42c1;
}
/* NameException */
.chroma .ne {
color: #990000;
color: #990000;
}
/* NameFunction */
.chroma .nf {
color: #005cc5;
color: #005cc5;
}
/* NameLabel */
.chroma .nl {
color: #990000;
color: #990000;
}
/* NameNamespace */
.chroma .nn {
color: #555555;
color: #555555;
}
/* NameOther */
.chroma .nx {
color: #24292e;
color: #24292e;
}
/* NameTag */
.chroma .nt {
color: #22863a;
color: #22863a;
}
/* NameVariable */
.chroma .nv {
color: #008080;
color: #008080;
}
/* NameVariableClass */
.chroma .vc {
color: #008080;
color: #008080;
}
/* NameVariableGlobal */
.chroma .vg {
color: #008080;
color: #008080;
}
/* NameVariableInstance */
.chroma .vi {
color: #008080;
color: #008080;
}
/* LiteralString */
.chroma .s {
color: #032f62;
color: #032f62;
}
/* LiteralStringAffix */
.chroma .sa {
color: #032f62;
color: #032f62;
}
/* LiteralStringBacktick */
.chroma .sb {
color: #032f62;
color: #032f62;
}
/* LiteralStringChar */
.chroma .sc {
color: #032f62;
color: #032f62;
}
/* LiteralStringDelimiter */
.chroma .dl {
color: #032f62;
color: #032f62;
}
/* LiteralStringDoc */
.chroma .sd {
color: #032f62;
color: #032f62;
}
/* LiteralStringDouble */
.chroma .s2 {
color: #032f62;
color: #032f62;
}
/* LiteralStringEscape */
.chroma .se {
color: #032f62;
color: #032f62;
}
/* LiteralStringHeredoc */
.chroma .sh {
color: #032f62;
color: #032f62;
}
/* LiteralStringInterpol */
.chroma .si {
color: #032f62;
color: #032f62;
}
/* LiteralStringOther */
.chroma .sx {
color: #032f62;
color: #032f62;
}
/* LiteralStringRegex */
.chroma .sr {
color: #22863a;
color: #22863a;
}
/* LiteralStringSingle */
.chroma .s1 {
color: #24292e;
color: #24292e;
}
/* LiteralStringSymbol */
.chroma .ss {
color: #032f62;
color: #032f62;
}
/* LiteralNumber */
.chroma .m {
color: #009999;
color: #009999;
}
/* LiteralNumberBin */
.chroma .mb {
color: #009999;
color: #009999;
}
/* LiteralNumberFloat */
.chroma .mf {
color: #009999;
color: #009999;
}
/* LiteralNumberHex */
.chroma .mh {
color: #009999;
color: #009999;
}
/* LiteralNumberInteger */
.chroma .mi {
color: #009999;
color: #009999;
}
/* LiteralNumberIntegerLong */
.chroma .il {
color: #009999;
color: #009999;
}
/* LiteralNumberOct */
.chroma .mo {
color: #009999;
color: #009999;
}
/* Operator */
.chroma .o {
color: #d73a49;
color: #d73a49;
}
/* OperatorWord */
.chroma .ow {
color: #d73a49;
color: #d73a49;
}
/* Comment */
.chroma .c {
color: #6a737d;
color: #6a737d;
}
/* CommentHashbang */
.chroma .ch {
color: #6a737d;
color: #6a737d;
}
/* CommentMultiline */
.chroma .cm {
color: #999988;
color: #999988;
}
/* CommentSingle */
.chroma .c1 {
color: #6a737d;
color: #6a737d;
}
/* CommentSpecial */
.chroma .cs {
color: #999999;
color: #999999;
}
/* CommentPreproc */
.chroma .cp {
color: #999999;
color: #999999;
}
/* CommentPreprocFile */
.chroma .cpf {
color: #999999;
color: #999999;
}
/* GenericDeleted */
.chroma .gd {
color: #000000;
background-color: #ffdddd;
color: #000000;
background-color: #ffdddd;
}
/* GenericEmph */
.chroma .ge {
color: #000000;
color: #000000;
}
/* GenericError */
.chroma .gr {
color: #aa0000;
color: #aa0000;
}
/* GenericHeading */
.chroma .gh {
color: #999999;
color: #999999;
}
/* GenericInserted */
.chroma .gi {
color: #000000;
background-color: #ddffdd;
color: #000000;
background-color: #ddffdd;
}
/* GenericOutput */
.chroma .go {
color: #888888;
color: #888888;
}
/* GenericPrompt */
.chroma .gp {
color: #555555;
color: #555555;
}
/* GenericStrong */
.chroma .gs {
font-weight: bold;
font-weight: bold;
}
/* GenericSubheading */
.chroma .gu {
color: #aaaaaa;
color: #aaaaaa;
}
/* GenericTraceback */
.chroma .gt {
color: #aa0000;
color: #aa0000;
}
/* GenericUnderline */
.chroma .gl {
text-decoration: underline;
text-decoration: underline;
}
/* TextWhitespace */
.chroma .w {
color: #bbbbbb;
color: #bbbbbb;
}

364
web_src/less/_dashboard.less
View File

@ -1,210 +1,210 @@
.dashboard {
padding-top: 15px;
padding-top: 15px;
&.feeds,
&.issues {
.context.user.menu {
z-index: 101;
min-width: 200px;
&.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: 75%;
}
}
.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;
}
.ui.header {
font-size: 1rem;
text-transform: none;
}
}
/* Accomodate for Semantic's 1px hacks on .attached elements */
.filter.menu {
width: initial;
.dashboard-repos {
margin: 0 1px;
.item {
text-align: left;
.text {
height: 16px;
vertical-align: middle;
&.truncate {
width: 75%;
}
}
.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%;
}
}
.dashboard-navbar {
width: 100vw;
padding: 0 .5rem;
.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 .5rem;
}
}
&.feeds {
.news {
.news {
li {
display: flex;
align-items: baseline;
margin-top: .5rem;
margin-bottom: .5rem;
li {
display: flex;
align-items: baseline;
margin-top: .5rem;
margin-bottom: .5rem;
img {
align-self: flex-start;
}
}
li > * + * {
margin-left: .35rem;
}
line-height: 1.2;
> .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 {
line-height: 18px;
font-size: 13px;
list-style: none;
padding-left: 10px;
.text.truncate {
width: 80%;
}
}
.commit-id {
font-family: @monospaced-fonts, monospace;
}
code {
padding: 1px;
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
border-radius: 3px;
word-break: break-all;
}
img {
align-self: flex-start;
}
}
li > * + * {
margin-left: .35rem;
}
.list {
.header {
.ui.label {
margin-top: -4px;
padding: 4px 5px;
font-weight: normal;
}
line-height: 1.2;
.plus.icon {
margin-top: 5px;
}
> .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 {
line-height: 18px;
font-size: 13px;
list-style: none;
padding-left: 10px;
.text.truncate {
width: 80%;
}
}
.commit-id {
font-family: @monospaced-fonts, monospace;
}
code {
padding: 1px;
font-size: 85%;
background-color: rgba(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;
}
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;
.svg {
color: #888888;
&.rear {
font-size: 15px;
}
}
.star-num {
font-size: 12px;
}
}
}
&.private {
background-color: #fcf8e9;
}
#privateFilterCheckbox .svg {
a {
padding: 6px 1.2em;
display: block;
.svg {
color: #888888;
margin-right: .25rem;
}
.repo-owner-name-list {
.item-name {
max-width: 70%;
margin-bottom: -4px;
&.rear {
font-size: 15px;
}
}
}
#collaborative-repo-list {
.owner-and-repo {
max-width: 80%;
margin-bottom: -5px;
}
.owner-name {
max-width: 120px;
margin-bottom: -5px;
}
.star-num {
font-size: 12px;
}
}
}
}
#privateFilterCheckbox .svg {
color: #888888;
margin-right: .25rem;
}
.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;
}
}
}
}

68
web_src/less/_editor.less
View File

@ -1,75 +1,75 @@
.CodeMirror {
font: 14px @monospaced-fonts, monospace;
font: 14px @monospaced-fonts, monospace;
&.cm-s-default {
border-radius: 3px;
padding: 0 !important;
}
&.cm-s-default {
border-radius: 3px;
padding: 0 !important;
}
.cm-comment {
background: inherit !important;
}
.cm-comment {
background: inherit !important;
}
}
.repository.file.editor .tab[data-tab="write"] {
padding: 0 !important;
padding: 0 !important;
}
.repository.file.editor .tab[data-tab="write"] .editor-toolbar {
border: 0 !important;
border: 0 !important;
}
.repository.file.editor .tab[data-tab="write"] .CodeMirror {
border-left: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.editor-toolbar {
opacity: 1 !important;
opacity: 1 !important;
}
.editor-toolbar a:not(:hover) {
background-color: transparent !important;
background-color: transparent !important;
}
.editor-toolbar i.separator {
border-left: none;
border-left: none;
}
.editor-loading {
padding: 1rem;
text-align: center;
padding: 1rem;
text-align: center;
}
.edit-diff {
padding: 0 !important;
padding: 0 !important;
}
.edit-diff > div > .ui.table {
border-top: none !important;
border-bottom: none !important;
border-left: 1px solid #d4d4d5 !important;
border-right: 1px solid #d4d4d5 !important;
border-top: none !important;
border-bottom: none !important;
border-left: 1px solid #d4d4d5 !important;
border-right: 1px solid #d4d4d5 !important;
}
#edit_area {
display: none;
display: none;
}
.monaco-editor-container {
width: 100%;
min-height: 200px;
height: 90vh;
width: 100%;
min-height: 200px;
height: 90vh;
}
/* overwrite conflicting styles from fomantic */
.monaco-editor-container .inputarea {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
resize: none !important;
border: none !important;
color: transparent !important;
background-color: transparent !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
resize: none !important;
border: none !important;
color: transparent !important;
background-color: transparent !important;
}

184
web_src/less/_explore.less
View File

@ -1,111 +1,111 @@
.explore {
padding-top: 15px;
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;
.navbar {
justify-content: center;
padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
background-color: #fafafa !important;
border-width: 1px !important;
.svg {
width: 16px;
text-align: center;
margin-right: 5px;
}
.svg {
width: 16px;
text-align: center;
margin-right: 5px;
}
}
}
.ui.repository.list {
.item {
padding-bottom: 25px;
.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;
}
&: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;
.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;
.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;
.svg:not(:first-child) {
margin-left: 5px;
}
a {
color: #333333;
&:hover {
text-decoration: underline;
}
}
}
&:not(:first-child) {
border-top: 1px solid #eeeeee;
padding-top: 25px;
}
.ui.avatar.image {
width: 40px;
height: 40px;
}
.description {
margin-top: 5px;
.svg:not(:first-child) {
margin-left: 5px;
}
a {
color: #333333;
&:hover {
text-decoration: underline;
}
}
}
}
}

386
web_src/less/_form.less
View File

@ -1,117 +1,117 @@
.form {
.help {
color: #999999;
padding-top: .6em;
padding-bottom: .6em;
display: inline-block;
}
.help {
color: #999999;
padding-top: .6em;
padding-bottom: .6em;
display: inline-block;
}
}
.ui.attached.header {
background: #f0f0f0;
background: #f0f0f0;
.right {
margin-top: -5px;
.right {
margin-top: -5px;
.button {
padding: 8px 10px;
font-weight: normal;
}
.button {
padding: 8px 10px;
font-weight: normal;
}
}
}
@create-page-form-input-padding: 250px !important;
#create-page-form {
form {
margin: auto;
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;
}
}
.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;
.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;
}
}
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;
}
.g-recaptcha {
margin: 0 auto !important;
width: 304px;
padding-left: 30px;
}
}
@media screen and (max-height: 575px) {
#rc-imageselect,
.g-recaptcha {
transform: scale(.77);
transform-origin: 0 0;
}
#rc-imageselect,
.g-recaptcha {
transform: scale(.77);
transform-origin: 0 0;
}
}
.user.activate,
@ -119,132 +119,132 @@
.user.reset.password,
.user.signin,
.user.signup {
@input-padding: 200px;
#create-page-form;
@input-padding: 200px;
#create-page-form;
form {
width: 700px !important;
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;
}
.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;
&.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%;
}
}
form {
.dropdown {
.dropdown.icon {
margin-top: -7px !important;
padding-bottom: 5px;
}
}
&.new.repo {
.ui.form {
@media only screen and (min-width: 768px) {
#auto-init {
margin-left: @create-page-form-input-padding+15px;
}
}
.text {
margin-right: 0 !important;
.selection.dropdown:not(.owner) {
width: 50% !important;
@media only screen and (max-width: 768px) {
width: 100% !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;
}
form {
.help {
margin-left: 25px;
}
}
.events.fields {
.column {
padding-left: 40px;
}
.events.fields {
.column {
padding-left: 40px;
}
}
}
.githook {
textarea {
font-family: @monospaced-fonts, monospace;
}
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;
}
@media only screen and (max-width: 768px) {
.field button,
.field a {
margin-bottom: 1em;
width: 100%;
}
.field input {
width: 100% !important;
}
}
}

94
web_src/less/_home.less
View File

@ -1,65 +1,65 @@
.home {
.logo {
max-width: 220px;
.logo {
max-width: 220px;
}
.hero {
@media only screen and (max-width: 767px) {
h1 {
font-size: 3.5em;
}
h2 {
font-size: 2em;
}
}
.hero {
@media only screen and (max-width: 767px) {
h1 {
font-size: 3.5em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 5.5em;
}
h2 {
font-size: 2em;
}
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 5.5em;
}
h2 {
font-size: 3em;
}
}
.svg {
color: #5aa509;
height: 40px;
width: 50px;
vertical-align: bottom;
}
&.header {
font-size: 20px;
}
h2 {
font-size: 3em;
}
}
p.large {
font-size: 16px;
.svg {
color: #5aa509;
height: 40px;
width: 50px;
vertical-align: bottom;
}
.stackable {
padding-top: 30px;
&.header {
font-size: 20px;
}
}
a {
color: #5aa509;
}
p.large {
font-size: 16px;
}
.stackable {
padding-top: 30px;
}
a {
color: #5aa509;
}
}
.signup {
padding-top: 15px;
padding-top: 15px;
}
footer {
.ui.container .left,
.ui.container .right {
@media only screen and (max-width: 880px) {
display: block;
text-align: center;
float: none;
}
.ui.container .left,
.ui.container .right {
@media only screen and (max-width: 880px) {
display: block;
text-align: center;
float: none;
}
}
}

62
web_src/less/_install.less
View File

@ -1,38 +1,38 @@
.install {
padding-top: 45px;
padding-top: 45px;
form {
@input-padding: 320px !important;
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%;
}
}
label {
text-align: right;
width: @input-padding;
}
.ui {
.checkbox {
margin-left: 40% !important;
label {
width: auto !important;
}
}
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;
}
}
}
}

990
web_src/less/_markdown.less
View File

@ -1,514 +1,514 @@
.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 !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 {
padding-right: 4px;
margin-left: -20px;
line-height: 1;
color: inherit;
}
.anchor .svg {
vertical-align: middle;
}
.anchor:focus {
outline: none;
}
h1 .anchor .svg,
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg,
h5 .anchor .svg,
h6 .anchor .svg {
visibility: hidden;
}
h1:hover .anchor .svg,
h2:hover .anchor .svg,
h3:hover .anchor .svg,
h4:hover .anchor .svg,
h5:hover .anchor .svg,
h6:hover .anchor .svg {
visibility: visible;
}
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg {
position: relative;
top: -2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
&:first-of-type {
margin-top: 0 !important;
}
}
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: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eeeeee;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eeeeee;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
color: #777777;
}
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;
}
li.task-list-item {
list-style-type: none;
margin-left: calc(-2em + 2px);
}
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;
font-size: 16px;
line-height: 1.6 !important;
word-wrap: break-word;
&.ui.segment {
padding: 3em;
}
&.file-view {
padding: 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 {
padding-right: 4px;
margin-left: -20px;
line-height: 1;
color: inherit;
}
.anchor .svg {
vertical-align: middle;
}
.anchor:focus {
outline: none;
}
h1 .anchor .svg,
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg,
h5 .anchor .svg,
h6 .anchor .svg {
visibility: hidden;
}
h1:hover .anchor .svg,
h2:hover .anchor .svg,
h3:hover .anchor .svg,
h4:hover .anchor .svg,
h5:hover .anchor .svg,
h6:hover .anchor .svg {
visibility: visible;
}
h2 .anchor .svg,
h3 .anchor .svg,
h4 .anchor .svg {
position: relative;
top: -2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
&:first-of-type {
margin-top: 0 !important;
}
}
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: .3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eeeeee;
}
h2 {
padding-bottom: .3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eeeeee;
}
h3 {
font-size: 1.5em;
line-height: 1.43;
}
h4 {
font-size: 1.25em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
color: #777777;
}
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;
}
li.task-list-item {
list-style-type: none;
margin-left: calc(-2em + 2px);
}
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: .2em .3em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
border-radius: 3px;
}
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;
}
}
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: .2em .3em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
border-radius: 3px;
}
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;
.ui.container > .ui.stackable.grid {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
> .header {
margin-top: 0;
> .header {
margin-top: 0;
.sub.header {
padding-left: 52px;
word-break: break-word;
}
}
.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;
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;
}
i {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
.markdown-block-error {
margin-bottom: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
box-shadow: none !important;
font-size: 85% !important;
white-space: pre !important;
padding: .5rem 1rem !important;
text-align: left !important;
margin-bottom: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
box-shadow: none !important;
font-size: 85% !important;
white-space: pre !important;
padding: .5rem 1rem !important;
text-align: left !important;
}
.markdown-block-error + pre {
border-top: none !important;
margin-top: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-top: none !important;
margin-top: 0 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}

370
web_src/less/_organization.less
View File

@ -1,212 +1,212 @@
.organization {
padding-top: 15px;
padding-top: 15px;
.head {
.ui.header {
.text {
vertical-align: middle;
font-size: 1.6rem;
margin-left: 15px;
}
.head {
.ui.header {
.text {
vertical-align: middle;
font-size: 1.6rem;
margin-left: 15px;
}
.ui.right {
margin-top: 5px;
}
}
.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;
}
&.new.org {
#create-page-form;
#org-info {
.ui.header {
font-size: 36px;
margin-bottom: 0;
}
form {
.header {
padding-left: 0 !important;
text-align: center;
}
.desc {
font-size: 16px;
margin-bottom: 10px;
}
.meta {
.item {
display: inline-block;
margin-right: 10px;
.icon {
margin-right: 5px;
}
}
}
}
&.options {
.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 {
min-width: 300px;
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;
}
}
}
&.profile {
#org-avatar {
width: 100px;
height: 100px;
margin-right: 15px;
.repositories,
.members {
.item {
padding: 10px 20px;
line-height: 32px;
&:not(:last-child) {
border-bottom: 1px solid #dddddd;
}
#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;
}
.button {
padding: 9px 10px;
}
}
}
&.teams,
&.profile {
.members {
.ui.avatar {
width: 48px;
height: 48px;
margin-right: 5px;
}
}
#add-repo-form,
#repo-multiple-form,
#add-member-form {
input {
margin-left: 0;
}
.ui.button {
margin-left: 5px;
margin-top: -3px;
}
}
&.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;
}
}
#repo-top-segment {
height: 60px;
}
}
&.members {
.list {
.item {
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #eeeeee;
&.settings {
.labelspage {
list-style: none;
padding-top: 0;
.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;
}
}
&.settings {
.labelspage {
list-style: none;
padding-top: 0;
.item {
margin-top: 0;
margin-right: -14px;
margin-left: -14px !important;
padding: 10px;
border-bottom: 1px solid #e1e4e8;
border-top: none;
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;
}
}
.item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.item {
margin-top: 0;
margin-right: -14px;
margin-left: -14px !important;
padding: 10px;
border-bottom: 1px solid #e1e4e8;
border-top: none;
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;
}
}
.item:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
}
}

5588
web_src/less/_repository.less
View File

File diff suppressed because it is too large Load Diff

274
web_src/less/_review.less
View File

@ -1,193 +1,193 @@
.ui.button.add-code-comment {
font-size: 14px;
height: 16px;
line-height: 16px !important;
padding: 0;
position: relative;
width: 16px;
z-index: 5;
float: left;
margin: 2px -10px 2px -20px;
opacity: 0;
transition: transform .1s ease-in-out;
transform: scale(1, 1);
font-size: 14px;
height: 16px;
line-height: 16px !important;
padding: 0;
position: relative;
width: 16px;
z-index: 5;
float: left;
margin: 2px -10px 2px -20px;
opacity: 0;
transition: transform .1s ease-in-out;
transform: scale(1, 1);
&:hover {
transform: scale(1.2, 1.2);
}
&:hover {
transform: scale(1.2, 1.2);
}
}
.add-comment-left.add-comment-right .ui.attached.header {
border: 1px solid #d4d4d5;
margin-top: .5em;
border: 1px solid #d4d4d5;
margin-top: .5em;
&:not(.top) {
margin-bottom: .5em;
}
&:not(.top) {
margin-bottom: .5em;
}
.show-outdated,
.hide-outdated {
display: block;
margin-left: auto;
}
.show-outdated,
.hide-outdated {
display: block;
margin-left: auto;
}
}
.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;
opacity: 1;
}
.comment-code-cloud {
padding: 4px;
position: relative;
border: 1px solid #f1f1f1;
margin: 13px 10px 5px auto;
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;
&: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;
}
.attached {
&.tab {
border: 0;
padding: 0;
margin: 0;
}
&.header {
padding: .1rem 1rem;
&.header {
padding: .1rem 1rem;
.text {
margin: 0;
}
}
}
.text {
margin: 0;
}
}
.right.menu.options .item {
padding: .85714286em .442857em;
cursor: pointer;
}
.ui.form textarea {
border: 0;
}
.ui.active.tab {
padding: .5em;
&.markdown {
padding: 1em;
min-height: 168px;
}
}
.ui.tabular.menu {
margin: .5em;
}
.comment-list {
padding-bottom: 10px;
}
.footer {
border-top: 1px solid #f1f1f1;
padding: 10px 0;
.markdown-info {
display: inline-block;
margin: 5px 0;
font-size: 12px;
color: rgba(0, 0, 0, .6);
}
.right.menu.options .item {
padding: .85714286em .442857em;
cursor: pointer;
.ui.right.floated {
padding-top: 6px;
}
.ui.form textarea {
border: 0;
&:after {
clear: both;
content: "";
display: block;
}
}
.ui.active.tab {
padding: .5em;
button.comment-form-reply {
margin: .5em .5em .5em 4.5em;
}
&.markdown {
padding: 1em;
min-height: 168px;
}
}
.ui.tabular.menu {
margin: .5em;
}
.comment-list {
padding-bottom: 10px;
}
.footer {
border-top: 1px solid #f1f1f1;
padding: 10px 0;
.markdown-info {
display: inline-block;
margin: 5px 0;
font-size: 12px;
color: rgba(0, 0, 0, .6);
}
.ui.right.floated {
padding-top: 6px;
}
&:after {
clear: both;
content: "";
display: block;
}
}
button.comment-form-reply {
margin: .5em .5em .5em 4.5em;
}
form.comment-form-reply {
margin: 0 0 0 1em;
}
form.comment-form-reply {
margin: 0 0 0 1em;
}
}
.file-comment {
font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, .87);
font: 12px @monospaced-fonts, monospace;
color: rgba(0, 0, 0, .87);
}
a.fold-file {
margin-right: 10px;
color: inherit;
margin-right: 10px;
color: inherit;
}
a.blob-excerpt {
color: #575a68;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #daecfe;
color: #575a68;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #daecfe;
}
a.blob-excerpt:hover {
background: #428bca;
color: #fff;
background: #428bca;
color: #fff;
}
.btn-review > .dropdown.icon {
width: auto;
font-size: .85714286em;
margin: 0 0 0 1em;
width: auto;
font-size: .85714286em;
margin: 0 0 0 1em;
}
@media only screen and (max-width: 768px) {
#review-box > .menu {
> .ui.segment {
width: 94vw;
}
.editor-toolbar {
overflow-x: auto;
}
#review-box > .menu {
> .ui.segment {
width: 94vw;
}
.editor-toolbar {
overflow-x: auto;
}
}
#review-box .CodeMirror-scroll {
max-width: calc(100vw - 70px);
}
#review-box .CodeMirror-scroll {
max-width: calc(100vw - 70px);
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
#review-box .CodeMirror-scroll {
max-width: 700px;
}
#review-box .CodeMirror-scroll {
max-width: 700px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
#review-box .CodeMirror-scroll {
max-width: 800px;
}
#review-box .CodeMirror-scroll {
max-width: 800px;
}
}
@media only screen and (min-width: 1200px) {
#review-box .CodeMirror-scroll {
max-width: 900px;
}
#review-box .CodeMirror-scroll {
max-width: 900px;
}
}

12
web_src/less/_svg.less
View File

@ -1,9 +1,9 @@
.svg {
display: inline-block;
vertical-align: text-top;
fill: currentColor;
display: inline-block;
vertical-align: text-top;
fill: currentColor;
.middle & {
vertical-align: middle;
}
.middle & {
vertical-align: middle;
}
}

30
web_src/less/_tribute.less
View File

@ -1,42 +1,42 @@
@import "~tributejs/dist/tribute.css";
.tribute-container {
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
border-radius: .25rem;
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
border-radius: .25rem;
}
.tribute-container ul {
margin-top: 0 !important;
background: #ffffff !important;
margin-top: 0 !important;
background: #ffffff !important;
}
.tribute-container li {
padding: 3px .5rem !important;
padding: 3px .5rem !important;
}
.tribute-container li span.fullname {
font-weight: normal;
font-size: .8rem;
margin-left: 3px;
font-weight: normal;
font-size: .8rem;
margin-left: 3px;
}
.tribute-container li.highlight,
.tribute-container li:hover {
background: #2185d0 !important;
color: #ffffff !important;
background: #2185d0 !important;
color: #ffffff !important;
}
.tribute-item {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.tribute-item .emoji,
.tribute-item img[src*="/avatar/"] {
margin-right: .5rem;
margin-right: .5rem;
}
.tribute-container img {
width: 1.5rem !important;
height: 1.5rem !important;
width: 1.5rem !important;
height: 1.5rem !important;
}

270
web_src/less/_user.less
View File

@ -1,163 +1,163 @@
.user {
&:not(.icon) {
padding-top: 15px;
}
&:not(.icon) {
padding-top: 15px;
}
&.profile {
.ui.card {
.header,
.username {
display: block;
&.profile {
.ui.card {
.header,
.username {
display: block;
}
.header {
font-weight: 700;
font-size: 1.3rem;
margin-top: -.2rem;
line-height: 1.3rem;
}
.extra.content {
padding: 0;
ul {
margin: 0;
padding: 0;
li {
padding: 10px;
list-style: none;
&:not(:last-child) {
border-bottom: 1px solid #eaeaea;
}
.header {
font-weight: 700;
font-size: 1.3rem;
margin-top: -.2rem;
line-height: 1.3rem;
.svg,
.fa {
margin-left: 1px;
margin-right: 5px;
}
.extra.content {
padding: 0;
ul {
margin: 0;
padding: 0;
li {
padding: 10px;
list-style: none;
&:not(:last-child) {
border-bottom: 1px solid #eaeaea;
}
.svg,
.fa {
margin-left: 1px;
margin-right: 5px;
}
&.follow {
.ui.button {
width: 100%;
}
}
}
}
}
#profile-avatar {
img {
width: 100%;
}
@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) {
&.follow {
.ui.button {
width: 100%;
}
}
}
}
}
.ui.repository.list {
margin-top: 25px;
#profile-avatar {
img {
width: 100%;
}
@media only screen and (max-width: 768px) {
height: 250px;
overflow: hidden;
#loading-heatmap {
margin-bottom: 1em;
}
.ui.secondary.stackable.pointing.menu {
flex-wrap: wrap;
img {
max-height: 768px;
max-width: 768px;
}
}
}
@media only screen and (max-width: 768px) {
width: 100%;
}
}
&.followers {
.header.name {
font-size: 20px;
line-height: 24px;
vertical-align: middle;
}
.follow {
.ui.button {
padding: 8px 15px;
}
}
.ui.repository.list {
margin-top: 25px;
}
&.notification {
.svg {
float: left;
font-size: 2em;
#loading-heatmap {
margin-bottom: 1em;
}
.ui.secondary.stackable.pointing.menu {
flex-wrap: wrap;
}
}
&.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;
}
}
&.followers {
.header.name {
font-size: 20px;
line-height: 24px;
vertical-align: middle;
}
&.link-account:not(.icon) {
padding-top: 15px;
padding-bottom: 5px;
.follow {
.ui.button {
padding: 8px 15px;
}
}
}
&.notification {
.svg {
float: left;
font-size: 2em;
&.green {
color: #21ba45;
}
&.red {
color: #d01919;
}
&.purple {
color: #a333c8;
}
&.blue {
color: #2185d0;
}
}
&.settings {
.iconFloat {
float: left;
}
.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;
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;
}
li {
display: flex;
border-bottom: 0 !important;
padding: 3px !important;
width: 20%;
max-width: 60px;
}
}

44
web_src/less/features/animations.less
View File

@ -1,34 +1,34 @@
@keyframes isloadingspin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
.is-loading {
background: transparent !important;
color: transparent !important;
border: transparent !important;
pointer-events: none !important;
position: relative !important;
overflow: hidden !important;
background: transparent !important;
color: transparent !important;
border: transparent !important;
pointer-events: none !important;
position: relative !important;
overflow: hidden !important;
}
.is-loading:after {
content: "";
position: absolute;
display: block;
width: 4rem;
height: 4rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: isloadingspin 500ms infinite linear;
border-width: 4px;
border-style: solid;
border-color: #ececec #ececec #666 #666;
border-radius: 100%;
content: "";
position: absolute;
display: block;
width: 4rem;
height: 4rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: isloadingspin 500ms infinite linear;
border-width: 4px;
border-style: solid;
border-color: #ececec #ececec #666 #666;
border-radius: 100%;
}
.markdown pre.is-loading,
.editor-loading.is-loading {
height: 12rem;
height: 12rem;
}

476
web_src/less/features/gitgraph.less
View File

@ -1,256 +1,256 @@
#git-graph-container {
float: left;
display: block;
float: left;
display: block;
overflow-x: auto;
width: 100%;
.color-buttons {
margin-right: 0;
}
.ui.header.dividing {
padding-bottom: 10px;
}
li {
list-style-type: none;
height: 20px;
line-height: 20px;
white-space: nowrap;
.node-relation {
font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
}
.author {
color: #666666;
}
.time {
color: #999999;
font-size: 80%;
}
a {
color: #000000;
}
a:hover {
text-decoration: underline;
}
a em {
color: #bb0000;
border-bottom: 1px dotted #bbbbbb;
text-decoration: none;
font-style: normal;
}
}
#rel-container {
max-width: 30%;
overflow-x: auto;
float: left;
}
#rev-container {
width: 100%;
}
.color-buttons {
margin-right: 0;
#rev-list {
margin: 0;
padding: 0 5px;
min-width: 95%;
li.highlight,
li.hover {
background-color: rgba(0, 0, 0, .05);
}
.ui.header.dividing {
padding-bottom: 10px;
li.highlight.hover {
background-color: rgba(0, 0, 0, .1);
}
}
#graph-raw-list {
margin: 0;
}
&.monochrome #rel-container {
.flow-group {
stroke: grey;
fill: grey;
}
li {
list-style-type: none;
height: 20px;
line-height: 20px;
white-space: nowrap;
.flow-group.highlight {
stroke: black;
fill: black;
}
}
.node-relation {
font-family: "Bitstream Vera Sans Mono", "Courier", monospace;
}
&:not(.monochrome) #rel-container {
.flow-group {
&.flow-color-16-1 {
stroke: #499a37;
fill: #499a37;
}
.author {
color: #666666;
}
&.flow-color-16-2 {
stroke: hsl(356, 58%, 54%);
fill: #ce4751;
}
.time {
color: #999999;
font-size: 80%;
}
&.flow-color-16-3 {
stroke: #8f9121;
fill: #8f9121;
}
a {
color: #000000;
}
&.flow-color-16-4 {
stroke: #ac32a6;
fill: #ac32a6;
}
a:hover {
text-decoration: underline;
}
&.flow-color-16-5 {
stroke: #3d27aa;
fill: #3d27aa;
}
a em {
color: #bb0000;
border-bottom: 1px dotted #bbbbbb;
text-decoration: none;
font-style: normal;
}
&.flow-color-16-6 {
stroke: #c67d28;
fill: #c67d28;
}
&.flow-color-16-7 {
stroke: #4db392;
fill: #4db392;
}
&.flow-color-16-8 {
stroke: #aa4d30;
fill: #aa4d30;
}
&.flow-color-16-9 {
stroke: #2a6f84;
fill: #2a6f84;
}
&.flow-color-16-10 {
stroke: #c45327;
fill: #c45327;
}
&.flow-color-16-11 {
stroke: #3d965c;
fill: #3d965c;
}
&.flow-color-16-12 {
stroke: #792a93;
fill: #792a93;
}
&.flow-color-16-13 {
stroke: #439d73;
fill: #439d73;
}
&.flow-color-16-14 {
stroke: #103aad;
fill: #103aad;
}
&.flow-color-16-15 {
stroke: #982e85;
fill: #982e85;
}
&.flow-color-16-0 {
stroke: #7db233;
fill: #7db233;
}
}
#rel-container {
max-width: 30%;
overflow-x: auto;
float: left;
}
#rev-container {
width: 100%;
}
#rev-list {
margin: 0;
padding: 0 5px;
min-width: 95%;
li.highlight,
li.hover {
background-color: rgba(0, 0, 0, .05);
}
li.highlight.hover {
background-color: rgba(0, 0, 0, .1);
}
}
#graph-raw-list {
margin: 0;
}
&.monochrome #rel-container {
.flow-group {
stroke: grey;
fill: grey;
}
.flow-group.highlight {
stroke: black;
fill: black;
}
}
&:not(.monochrome) #rel-container {
.flow-group {
&.flow-color-16-1 {
stroke: #499a37;
fill: #499a37;
}
&.flow-color-16-2 {
stroke: hsl(356, 58%, 54%);
fill: #ce4751;
}
&.flow-color-16-3 {
stroke: #8f9121;
fill: #8f9121;
}
&.flow-color-16-4 {
stroke: #ac32a6;
fill: #ac32a6;
}
&.flow-color-16-5 {
stroke: #3d27aa;
fill: #3d27aa;
}
&.flow-color-16-6 {
stroke: #c67d28;
fill: #c67d28;
}
&.flow-color-16-7 {
stroke: #4db392;
fill: #4db392;
}
&.flow-color-16-8 {
stroke: #aa4d30;
fill: #aa4d30;
}
&.flow-color-16-9 {
stroke: #2a6f84;
fill: #2a6f84;
}
&.flow-color-16-10 {
stroke: #c45327;
fill: #c45327;
}
&.flow-color-16-11 {
stroke: #3d965c;
fill: #3d965c;
}
&.flow-color-16-12 {
stroke: #792a93;
fill: #792a93;
}
&.flow-color-16-13 {
stroke: #439d73;
fill: #439d73;
}
&.flow-color-16-14 {
stroke: #103aad;
fill: #103aad;
}
&.flow-color-16-15 {
stroke: #982e85;
fill: #982e85;
}
&.flow-color-16-0 {
stroke: #7db233;
fill: #7db233;
}
}
.flow-group.highlight {
&.flow-color-16-1 {
stroke: #5ac144;
fill: #5ac144;
}
&.flow-color-16-2 {
stroke: #ed5a8b;
fill: #ed5a8b;
}
&.flow-color-16-3 {
stroke: #ced049;
fill: #ced048;
}
&.flow-color-16-4 {
stroke: #db61d7;
fill: #db62d6;
}
&.flow-color-16-5 {
stroke: #4e33d1;
fill: #4f35d1;
}
&.flow-color-16-6 {
stroke: #e6a151;
fill: #e6a151;
}
&.flow-color-16-7 {
stroke: #44daaa;
fill: #44daaa;
}
&.flow-color-16-8 {
stroke: #dd7a5c;
fill: #dd7a5c;
}
&.flow-color-16-9 {
stroke: #38859c;
fill: #38859c;
}
&.flow-color-16-10 {
stroke: #d95520;
fill: #d95520;
}
&.flow-color-16-11 {
stroke: #42ae68;
fill: #42ae68;
}
&.flow-color-16-12 {
stroke: #9126b5;
fill: #9126b5;
}
&.flow-color-16-13 {
stroke: #4ab080;
fill: #4ab080;
}
&.flow-color-16-14 {
stroke: #284fb8;
fill: #284fb8;
}
&.flow-color-16-15 {
stroke: #971c80;
fill: #971c80;
}
&.flow-color-16-0 {
stroke: #87ca28;
fill: #87ca28;
}
}
.flow-group.highlight {
&.flow-color-16-1 {
stroke: #5ac144;
fill: #5ac144;
}
&.flow-color-16-2 {
stroke: #ed5a8b;
fill: #ed5a8b;
}
&.flow-color-16-3 {
stroke: #ced049;
fill: #ced048;
}
&.flow-color-16-4 {
stroke: #db61d7;
fill: #db62d6;
}
&.flow-color-16-5 {
stroke: #4e33d1;
fill: #4f35d1;
}
&.flow-color-16-6 {
stroke: #e6a151;
fill: #e6a151;
}
&.flow-color-16-7 {
stroke: #44daaa;
fill: #44daaa;
}
&.flow-color-16-8 {
stroke: #dd7a5c;
fill: #dd7a5c;
}
&.flow-color-16-9 {
stroke: #38859c;
fill: #38859c;
}
&.flow-color-16-10 {
stroke: #d95520;
fill: #d95520;
}
&.flow-color-16-11 {
stroke: #42ae68;
fill: #42ae68;
}
&.flow-color-16-12 {
stroke: #9126b5;
fill: #9126b5;
}
&.flow-color-16-13 {
stroke: #4ab080;
fill: #4ab080;
}
&.flow-color-16-14 {
stroke: #284fb8;
fill: #284fb8;
}
&.flow-color-16-15 {
stroke: #971c80;
fill: #971c80;
}
&.flow-color-16-0 {
stroke: #87ca28;
fill: #87ca28;
}
}
}
}

12
web_src/less/markdown/mermaid.less
View File

@ -1,12 +1,12 @@
.mermaid-chart {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
margin: 1rem 0;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
margin: 1rem 0;
}
/* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */
body > div[id*="mermaid-"] {
display: none !important;
display: none !important;
}

1436
web_src/less/themes/theme-arc-green.less
View File

@ -1,534 +1,534 @@
/* Background */
.chroma {
background-color: #2a2e3a;
background-color: #2a2e3a;
}
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: auto;
overflow: auto;
display: block;
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: auto;
overflow: auto;
display: block;
}
/* LineHighlight */
.chroma .hl {
display: block;
width: 100%;
background-color: #3f424d;
display: block;
width: 100%;
background-color: #3f424d;
}
/* LineNumbersTable */
.chroma .lnt {
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
}
/* LineNumbers */
.chroma .ln {
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
margin-right: .4em;
padding: 0 .4em;
color: #7f7f7f;
}
/* Keyword */
.chroma .k {
color: #f63;
color: #f63;
}
/* KeywordConstant */
.chroma .kc {
color: #fa1;
color: #fa1;
}
/* KeywordDeclaration */
.chroma .kd {
color: #9daccc;
color: #9daccc;
}
/* KeywordNamespace */
.chroma .kn {
color: #fa1;
color: #fa1;
}
/* KeywordPseudo */
.chroma .kp {
color: #5f8700;
color: #5f8700;
}
/* KeywordReserved */
.chroma .kr {
color: #f63;
color: #f63;
}
/* KeywordType */
.chroma .kt {
color: #9daccc;
color: #9daccc;
}
/* NameAttribute */
.chroma .na {
color: #8a8a8a;
color: #8a8a8a;
}
/* NameBuiltin */
.chroma .nb {
color: #9daccc;
color: #9daccc;
}
/* NameBuiltinPseudo */
.chroma .bp {
color: #9daccc;
color: #9daccc;
}
/* NameClass */
.chroma .nc {
color: #fa1;
color: #fa1;
}
/* NameConstant */
.chroma .no {
color: #fa1;
color: #fa1;
}
/* NameDecorator */
.chroma .nd {
color: #9daccc;
color: #9daccc;
}
/* NameEntity */
.chroma .ni {
color: #fa1;
color: #fa1;
}
/* NameException */
.chroma .ne {
color: #af8700;
color: #af8700;
}
/* NameFunction */
.chroma .nf {
color: #9daccc;
color: #9daccc;
}
/* NameLabel */
.chroma .nl {
color: #fa1;
color: #fa1;
}
/* NameNamespace */
.chroma .nn {
color: #fa1;
color: #fa1;
}
/* NameOther */
.chroma .nx {
color: #9daccc;
color: #9daccc;
}
/* NameTag */
.chroma .nt {
color: #9daccc;
color: #9daccc;
}
/* NameVariable */
.chroma .nv {
color: #9daccc;
color: #9daccc;
}
/* NameVariableClass */
.chroma .vc {
color: #f81;
color: #f81;
}
/* NameVariableGlobal */
.chroma .vg {
color: #fa1;
color: #fa1;
}
/* NameVariableInstance */
.chroma .vi {
color: #fa1;
color: #fa1;
}
/* LiteralString */
.chroma .s {
color: #1af;
color: #1af;
}
/* LiteralStringAffix */
.chroma .sa {
color: #1af;
color: #1af;
}
/* LiteralStringBacktick */
.chroma .sb {
color: #a0cc75;
color: #a0cc75;
}
/* LiteralStringChar */
.chroma .sc {
color: #1af;
color: #1af;
}
/* LiteralStringDelimiter */
.chroma .dl {
color: #1af;
color: #1af;
}
/* LiteralStringDoc */
.chroma .sd {
color: #6a737d;
color: #6a737d;
}
/* LiteralStringDouble */
.chroma .s2 {
color: #a0cc75;
color: #a0cc75;
}
/* LiteralStringEscape */
.chroma .se {
color: #f63;
color: #f63;
}
/* LiteralStringHeredoc */
.chroma .sh {
color: #1af;
color: #1af;
}
/* LiteralStringInterpol */
.chroma .si {
color: #fa1;
color: #fa1;
}
/* LiteralStringOther */
.chroma .sx {
color: #fa1;
color: #fa1;
}
/* LiteralStringRegex */
.chroma .sr {
color: #97c;
color: #97c;
}
/* LiteralStringSingle */
.chroma .s1 {
color: #a0cc75;
color: #a0cc75;
}
/* LiteralStringSymbol */
.chroma .ss {
color: #fa1;
color: #fa1;
}
/* LiteralNumber */
.chroma .m {
color: #1af;
color: #1af;
}
/* LiteralNumberBin */
.chroma .mb {
color: #1af;
color: #1af;
}
/* LiteralNumberFloat */
.chroma .mf {
color: #1af;
color: #1af;
}
/* LiteralNumberHex */
.chroma .mh {
color: #1af;
color: #1af;
}
/* LiteralNumberInteger */
.chroma .mi {
color: #1af;
color: #1af;
}
/* LiteralNumberIntegerLong */
.chroma .il {
color: #1af;
color: #1af;
}
/* LiteralNumberOct */
.chroma .mo {
color: #1af;
color: #1af;
}
/* Operator */
.chroma .o {
color: #f63;
color: #f63;
}
/* OperatorWord */
.chroma .ow {
color: #5f8700;
color: #5f8700;
}
/* Comment */
.chroma .c {
color: #6a737d;
color: #6a737d;
}
/* CommentHashbang */
.chroma .ch {
color: #6a737d;
color: #6a737d;
}
/* CommentMultiline */
.chroma .cm {
color: #6a737d;
color: #6a737d;
}
/* CommentSingle */
.chroma .c1 {
color: #6a737d;
color: #6a737d;
}
/* CommentSpecial */
.chroma .cs {
color: #637d;
color: #637d;
}
/* CommentPreproc */
.chroma .cp {
color: #fc6;
color: #fc6;
}
/* CommentPreprocFile */
.chroma .cpf {
color: #fc6;
color: #fc6;
}
/* GenericDeleted */
.chroma .gd {
color: #fff;
background-color: #5f3737;
color: #fff;
background-color: #5f3737;
}
/* GenericEmph */
.chroma .ge {
font-style: italic;
font-style: italic;
}
/* GenericError */
.chroma .gr {
color: #f33;
color: #f33;
}
/* GenericHeading */
.chroma .gh {
color: #fa1;
color: #fa1;
}
/* GenericInserted */
.chroma .gi {
color: #fff;
background-color: #3a523a;
color: #fff;
background-color: #3a523a;
}
/* GenericOutput */
.chroma .go {
color: #888888;
color: #888888;
}
/* GenericPrompt */
.chroma .gp {
color: #555555;
color: #555555;
}
/* GenericStrong */
.chroma .gs {
font-weight: bold;
font-weight: bold;
}
/* GenericSubheading */
.chroma .gu {
color: #9daccc;
color: #9daccc;
}
/* GenericTraceback */
.chroma .gt {
color: #f63;
color: #f63;
}
/* GenericUnderline */
.chroma .gl {
text-decoration: underline;
text-decoration: underline;
}
/* TextWhitespace */
.chroma .w {
color: #bbbbbb;
color: #bbbbbb;
}
.repository .ui.segment.sub-menu .list .item {
color: #dbdbdb;
a,
span.ui {
color: #dbdbdb;
a,
span.ui {
color: #dbdbdb;
}
}
}
.ui.horizontal.segments > .segment {
background-color: #383c4a;
background-color: #383c4a;
}
body {
background: #383c4a;
color: #9e9e9e;
background: #383c4a;
color: #9e9e9e;
}
/* firefox scroll bars */
* {
scrollbar-width: thin;
scrollbar-color: #87ab63 rgba(255, 255, 255, .1);
scrollbar-width: thin;
scrollbar-color: #87ab63 rgba(255, 255, 255, .1);
}
/* webkit scrollbars */
::-webkit-scrollbar {
-webkit-appearance: none !important;
width: 10px !important;
height: 10px !important;
-webkit-appearance: none !important;
width: 10px !important;
height: 10px !important;
}
::-webkit-scrollbar-track {
border-radius: 0 !important;
background: rgba(255, 255, 255, .1) !important;
border-radius: 0 !important;
background: rgba(255, 255, 255, .1) !important;
}
::-webkit-scrollbar-thumb {
cursor: pointer !important;
border-radius: 5px !important;
-webkit-transition: color .2s ease !important;
transition: color .2s ease !important;
background: #87ab63 !important;
cursor: pointer !important;
border-radius: 5px !important;
-webkit-transition: color .2s ease !important;
transition: color .2s ease !important;
background: #87ab63 !important;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #87ab63 !important;
background: #87ab63 !important;
}
::-webkit-scrollbar-thumb:hover {
background: #87ab63 !important;
background: #87ab63 !important;
}
a {
color: #87ab63;
color: #87ab63;
}
a:hover {
color: #a0cc75;
color: #a0cc75;
}
.ui.card > .extra a:not(.ui):hover,
.ui.cards > .card > .extra a:not(.ui):hover {
color: #a0cc75;
color: #a0cc75;
}
.ui.breadcrumb a:hover {
color: #a0cc75;
color: #a0cc75;
}
.ui.breadcrumb a {
color: #87ab63;
color: #87ab63;
}
.repository .metas .ui.list a .text {
color: #87ab63;
color: #87ab63;
}
.repository .metas .ui.list a .text:hover {
color: #a0cc75;
color: #a0cc75;
}
.repository .label.list .item a {
color: #87ab63;
color: #87ab63;
}
.repository .label.list .item a:hover {
color: #a0cc75;
color: #a0cc75;
}
.repository .milestone.list > .item > a {
color: #87ab63;
color: #87ab63;
}
.repository .milestone.list > .item > a:hover {
color: #a0cc75;
color: #a0cc75;
}
.repository.release #release-list {
border-top: 1px solid #4c505c;
border-top: 1px solid #4c505c;
}
.repository .milestone.list > .item .operate > a {
color: #87ab63;
color: #87ab63;
}
.repository .milestone.list > .item .operate > a:hover {
color: #a0cc75;
color: #a0cc75;
}
.ui.green.progress .bar {
background-color: #668844;
background-color: #668844;
}
.ui.progress.success .bar {
background-color: #7b9e57 !important;
background-color: #7b9e57 !important;
}
.following.bar.light {
background: #2e323e;
border-bottom: 1px solid #313131;
background: #2e323e;
border-bottom: 1px solid #313131;
}
.ui.secondary.menu .active.item {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.secondary.menu .item {
color: #9e9e9e;
color: #9e9e9e;
}
.following.bar .top.menu a.item:hover {
color: #ffffff;
color: #ffffff;
}
.ui.attached.header {
background: #404552;
border: 1px solid #404552;
color: #dbdbdb;
background: #404552;
border: 1px solid #404552;
color: #dbdbdb;
}
.ui.attached.table {
border: 1px solid #304251;
background: #304251;
border: 1px solid #304251;
background: #304251;
}
.feeds .list ul li:not(:last-child) {
border-bottom: 1px solid #333640;
border-bottom: 1px solid #333640;
}
.feeds .list ul li.private {
background: #353945;
border: 1px solid #333640;
background: #353945;
border: 1px solid #333640;
}
.ui.secondary.menu .dropdown.item:hover,
@ -536,196 +536,196 @@ a:hover {
.ui.secondary.menu .active.item:hover,
.ui.secondary.menu a.item:hover,
.ui.dropdown .menu .active.item {
color: #ffffff;
color: #ffffff;
}
.ui.menu .ui.dropdown .menu > .item {
background: #2c303a !important;
color: #9e9e9e !important;
background: #2c303a !important;
color: #9e9e9e !important;
}
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
border: 1px solid #434444;
border: 1px solid #434444;
}
footer {
background: #2e323e;
border-top: 1px solid #313131;
color: #bababa;
background: #2e323e;
border-top: 1px solid #313131;
color: #bababa;
}
.ui.menu .dropdown.item .menu {
background: #2c303a;
background: #2c303a;
}
.ui.menu .ui.dropdown .menu > .item:hover,
.ui.menu .ui.dropdown .menu > .selected.item {
color: #ffffff !important;
color: #ffffff !important;
}
.ui.dropdown .menu > .header {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.red.label,
.ui.red.labels .label {
background-color: #7d3434 !important;
border-color: #8a2121 !important;
background-color: #7d3434 !important;
border-color: #8a2121 !important;
}
.ui.menu {
background: #404552;
border: 1px solid #353945;
background: #404552;
border: 1px solid #353945;
}
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
color: #dbdbdb;
background: #4b5162;
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;
color: #dbdbdb;
background: #454b5a;
}
.ui.menu .active.item {
background: #4b5162;
color: #dbdbdb;
background: #4b5162;
color: #dbdbdb;
}
.ui.input input {
background: #404552;
border: 2px solid #353945;
color: #dbdbdb;
background: #404552;
border: 2px solid #353945;
color: #dbdbdb;
}
.ui.input input:focus,
.ui.input.focus input {
background: #404552;
border: 2px solid #353945;
color: #dbdbdb;
background: #404552;
border: 2px solid #353945;
color: #dbdbdb;
}
.ui.accordion .title:not(.ui) {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.label,
.ui.label.basic {
color: #dbdbdb;
background-color: #404552;
color: #dbdbdb;
background-color: #404552;
}
.issue.list > .item .title {
color: #87ab63;
color: #87ab63;
}
.issue.list > .item .title:hover {
color: #a0cc75;
color: #a0cc75;
}
.issue.list > .item {
border-bottom: 1px dashed #475767;
border-bottom: 1px dashed #475767;
}
.ui.green.label,
.ui.green.labels .label,
.ui.basic.green.label {
background-color: #2d693b !important;
border-color: #2d693b !important;
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;
background-color: #16ab39 !important;
border-color: #16ab39 !important;
color: #ffffff !important;
}
.issue.list > .item .comment {
color: #129c92;
color: #129c92;
}
.ui.basic.button,
.ui.basic.buttons .button {
color: #797979;
color: #797979;
}
.ui.basic.red.active.button,
.ui.basic.red.buttons .active.button {
box-shadow: 0 0 0 1px #c75252 inset !important;
color: #c75252 !important;
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 {
color: #dbdbdb;
box-shadow: 0 0 0 1px rgba(200, 200, 200, .35) inset;
background: rgba(0, 0, 0, .5);
color: #dbdbdb;
box-shadow: 0 0 0 1px rgba(200, 200, 200, .35) inset;
background: rgba(0, 0, 0, .5);
}
.ui.menu .item {
background: #404552;
color: #9e9e9e;
background: #404552;
color: #9e9e9e;
}
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover,
.ui.ui.menu .item.disabled,
.ui.ui.menu .item.disabled:hover {
color: #626773;
color: #626773;
}
.ui.pagination.menu .active.item {
color: #dbdbdb;
background-color: #87ab63;
color: #dbdbdb;
background-color: #87ab63;
}
.repository .header-wrapper {
background-color: #2a2e3a;
background-color: #2a2e3a;
}
.ui.header,
.ui.breadcrumb .divider {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.blue.label,
.ui.blue.labels .label,
.repository .segment.reactions .ui.label.basic.blue {
background-color: #26577b !important;
border-color: #26577b !important;
background-color: #26577b !important;
border-color: #26577b !important;
}
.repository .segment.reactions .ui.label.basic.blue {
color: #a0cc75 !important;
background: #305020 !important;
border-color: #404552 !important;
color: #a0cc75 !important;
background: #305020 !important;
border-color: #404552 !important;
}
.repository .segment.reactions .select-reaction .item:hover {
background: #305020;
background: #305020;
}
.ui.menu .item > .label {
background: #565454;
background: #565454;
}
.ui.blue.button,
.ui.blue.buttons .button {
background-color: #87ab63;
background-color: #87ab63;
}
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
background-color: #a0cc75;
background-color: #a0cc75;
}
.ui.form input:not([type]),
@ -740,9 +740,9 @@ a.ui.basic.green.label:hover {
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"] {
color: #9e9e9e;
background: #404552;
border: 2px solid #353945;
color: #9e9e9e;
background: #404552;
border: 2px solid #353945;
}
.ui.form input:not([type]):focus,
@ -757,464 +757,464 @@ a.ui.basic.green.label:hover {
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus {
background: #404552;
border: 2px solid #4b505f;
color: #dbdbdb;
background: #404552;
border: 2px solid #4b505f;
color: #dbdbdb;
}
.ui.action.input:not([class*="left action"]) input:focus {
border-right-color: #4b505f !important;
border-right-color: #4b505f !important;
}
.ui.green.button,
.ui.green.buttons .button {
background-color: #87ab63;
background-color: #87ab63;
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background-color: #a0cc75;
background-color: #a0cc75;
}
.ui.button {
background: #383c4a;
border: 1px solid #4c505c;
color: #dbdbdb;
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;
background: #404552;
border: 1px solid #4c505c;
color: #87ab63;
}
.ui.button:hover {
background-color: #404552;
color: #dbdbdb;
background-color: #404552;
color: #dbdbdb;
}
.ui.table thead th,
.ui.table > thead > tr > th {
background: #404552;
color: #dbdbdb !important;
background: #404552;
color: #dbdbdb !important;
}
.repository.file.list #repo-files-table tr {
background: #2a2e3a;
background: #2a2e3a;
}
.repository.file.list #repo-files-table tr:hover {
background-color: #393d4a !important;
background-color: #393d4a !important;
}
.ui.table {
color: #a5a5a5 !important;
border-color: #4c505c;
background: #353945;
color: #a5a5a5 !important;
border-color: #4c505c;
background: #353945;
}
.ui.table tbody tr {
border-color: #333640;
background: #2a2e3a;
border-color: #333640;
background: #2a2e3a;
}
.ui .text.grey {
color: #a5a5a8 !important;
color: #a5a5a8 !important;
}
.ui.attached.table.segment {
background: #353945;
color: #dbdbdb !important;
background: #353945;
color: #dbdbdb !important;
}
.markdown:not(code) h2 {
border-bottom: 1px solid #304251;
border-bottom: 1px solid #304251;
}
.ui.tabular.menu {
border-bottom-color: rgba(255, 255, 255, .1);
border-bottom-color: rgba(255, 255, 255, .1);
.item.active {
border-top-color: #404552;
border-left-color: #404552;
border-right-color: #404552;
background: #353945;
color: #dbdbdb;
}
.item {
color: #9e9e9e;
}
.item:hover {
color: #dbdbdb;
}
&.navbar {
.item.active {
border-top-color: #404552;
border-left-color: #404552;
border-right-color: #404552;
background: #353945;
color: #dbdbdb;
}
.item {
color: #9e9e9e;
}
.item:hover {
color: #dbdbdb;
}
&.navbar {
.item.active {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
background: #383c4a;
}
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
background: #383c4a;
}
}
}
.markdown:not(code) .highlight pre,
.markdown:not(code) pre {
background-color: #2a2e3a;
border: 1px solid #404552;
background-color: #2a2e3a;
border: 1px solid #404552;
}
.markdown:not(code) table tr:nth-child(2n) {
background-color: #2a2e39;
background-color: #2a2e39;
}
.markdown:not(code) table tr:nth-child(2n-1) {
background-color: #383b44;
background-color: #383b44;
}
.markdown:not(code) table thead tr:nth-child(2n-1) {
background-color: #464c5d !important;
background-color: #464c5d !important;
}
.markdown:not(code) table td,
.markdown:not(code) table th {
border-color: #4c505c !important;
border-color: #4c505c !important;
}
.repository.file.editor.edit,
.repository.wiki.new .CodeMirror {
.editor-preview,
.editor-preview-side,
& + .editor-preview-side {
background: #353945;
.editor-preview,
.editor-preview-side,
& + .editor-preview-side {
background: #353945;
.markdown:not(code).ui.segment {
border-width: 0;
}
.markdown:not(code).ui.segment {
border-width: 0;
}
}
}
.ui.dropdown .menu {
background: #2c303a;
background: #2c303a;
}
.ui.dropdown .menu > .message:not(.ui) {
color: #636363;
color: #636363;
}
.ui.input {
color: #dbdbdb;
color: #dbdbdb;
}
.overflow.menu .items .item {
color: #9d9d9d;
color: #9d9d9d;
}
.overflow.menu .items .item:hover {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.segment {
background: #353945;
color: #9e9e9e !important;
border: 1px solid #404552;
background: #353945;
color: #9e9e9e !important;
border: 1px solid #404552;
}
.ui.list > .item > .content {
color: #9e9e9e !important;
color: #9e9e9e !important;
}
.ui.active.button:active,
.ui.button:active,
.ui.button:focus,
.ui.active.button {
background-color: #2e3e4e;
color: #dbdbdb;
background-color: #2e3e4e;
color: #dbdbdb;
}
.ui.active.button:hover {
background-color: #475e75;
color: #dbdbdb;
background-color: #475e75;
color: #dbdbdb;
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.dropdown .menu > .item:hover {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.dropdown .menu > .item {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.attached.segment {
border: 1px solid #404552;
border: 1px solid #404552;
}
.repository.view.issue .comment-list .event > .svg.issue-symbol {
background: #3b4954;
background: #3b4954;
}
.repository.view.issue .comment-list .event > .svg:not(.issue-symbol) {
text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a;
text-shadow: -2px 0 #383c4a, 0 2px #383c4a, 2px 0 #383c4a, 0 -2px #383c4a;
}
.ui .text.grey a {
color: #dbdbdb !important;
color: #dbdbdb !important;
}
.ui .comment .actions a {
color: #9e9e9e !important;
color: #9e9e9e !important;
}
.ui .comment .actions a.active,
.ui .comment .actions a:hover {
color: #fff !important;
color: #fff !important;
}
.repository.view.issue .comment-list .comment .content {
> .bottom.segment {
background: #353945;
a {
border: solid 1px #353945;
background-color: #353945;
}
> .bottom.segment {
background: #353945;
a {
border: solid 1px #353945;
background-color: #353945;
}
}
.header {
color: #dbdbdb;
background-color: #404552;
border-bottom: 1px solid #353944;
}
.header {
color: #dbdbdb;
background-color: #404552;
border-bottom: 1px solid #353944;
}
.merge-section {
background-color: #404552;
border-top: 1px solid #353944;
}
.merge-section {
background-color: #404552;
border-top: 1px solid #353944;
}
.header:after,
> .merge-section.no-header:after {
border-right-color: #404552;
}
.header:after,
> .merge-section.no-header:after {
border-right-color: #404552;
}
.header:before,
> .merge-section.no-header:before {
border-right-color: #404552;
}
.header:before,
> .merge-section.no-header:before {
border-right-color: #404552;
}
}
.repository.new.issue .comment.form .content:after {
border-right-color: #353945;
border-right-color: #353945;
}
.repository.new.issue .comment.form .content:before {
border-right-color: #353945;
border-right-color: #353945;
}
.repository.view.issue .comment-list:not(.prevent-before-timeline):before,
.repository.view.issue .comment-list .timeline:before {
background-color: #3b4954;
background-color: #3b4954;
}
.repository.view.issue .comment-list .timeline-item .badge {
background-color: #383c4a;
border-color: #3b4954;
color: #9e9e9e;
background-color: #383c4a;
border-color: #3b4954;
color: #9e9e9e;
}
.repository.view.issue .comment-list .comment .tag {
color: #dbdbdb;
border-color: rgb(152, 152, 152);
color: #dbdbdb;
border-color: rgb(152, 152, 152);
}
.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
background: radial-gradient(#383c4a 40%, transparent 40%) no-repeat;
background: radial-gradient(#383c4a 40%, transparent 40%) no-repeat;
}
.repository .comment.form .content .form:after {
border-right-color: #313c47;
border-right-color: #313c47;
}
.repository .comment.form .content .form:before {
border-right-color: #313c47;
border-right-color: #313c47;
}
.ui .text.grey a:hover {
color: #dbdbdb !important;
color: #dbdbdb !important;
}
.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
color: #13ae38 !important;
box-shadow: 0 0 0 1px #13ae38 inset !important;
color: #13ae38 !important;
box-shadow: 0 0 0 1px #13ae38 inset !important;
}
.ui.form textarea,
.ui.form textarea:focus {
color: #dbdbdb;
background: #404552;
border: 2px solid #353945;
color: #dbdbdb;
background: #404552;
border: 2px solid #353945;
}
.ui.form textarea:focus {
border: 1px solid #456580;
border: 1px solid #456580;
}
.ui .info.segment.top {
background-color: #404552 !important;
background-color: #404552 !important;
}
.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
background-color: #3c2626 !important;
border-color: #634343 !important;
background-color: #3c2626 !important;
border-color: #634343 !important;
}
.repository .diff-file-box .code-diff-unified tbody tr.del-code td.lines-num {
background-color: #4e2c2c !important;
background-color: #4e2c2c !important;
}
.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
background-color: #283e2d !important;
border-color: #314a37 !important;
background-color: #283e2d !important;
border-color: #314a37 !important;
}
.repository .diff-file-box .code-diff-unified tbody tr.add-code td.lines-num {
background-color: #2c4632 !important;
background-color: #2c4632 !important;
}
.removed-code {
background-color: #5f3737;
background-color: #5f3737;
}
.added-code {
background-color: #3a523a;
background-color: #3a523a;
}
.tag-code,
.tag-code td {
background: #353945 !important;
background: #353945 !important;
}
.tag-code td.lines-num {
background-color: #3a3e4c !important;
background-color: #3a3e4c !important;
}
.tag-code td.lines-type-marker,
td.blob-hunk {
color: #dbdbdb !important;
color: #dbdbdb !important;
}
.ui.vertical.menu .active.item {
background: #4b5162;
background: #4b5162;
}
.ui.vertical.menu .item {
background: #353945;
background: #353945;
}
.ui.vertical.menu .header.item {
background: #404552;
background: #404552;
}
.ui.vertical.menu {
background: #353945;
border: 1px solid #333640;
background: #353945;
border: 1px solid #333640;
}
.ui.repository.list .item:not(:first-child) {
border-top: 1px solid #4c505c;
border-top: 1px solid #4c505c;
}
.ui .text.blue {
color: #87ab63 !important;
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, .15);
border-color: #4e5361;
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .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, .15);
border-color: #4e5361;
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
}
.ui.selection.dropdown {
background: #404552;
border: 1px solid #404552;
color: #9e9e9e;
background: #404552;
border: 1px solid #404552;
color: #9e9e9e;
}
.ui.menu .ui.dropdown .menu > .active.item {
color: #dbdbdb !important;
color: #dbdbdb !important;
}
.ui.card,
.ui.cards > .card {
background: #353945;
box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
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;
color: #dbdbdb;
}
.ui.card > .extra a:not(.ui),
.ui.cards > .card > .extra a:not(.ui) {
color: #87ab63;
color: #87ab63;
}
.ui .text.black {
color: #9e9e9e;
color: #9e9e9e;
}
.ui .text.black:hover {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.secondary.segment {
background: #353945;
background: #353945;
}
.ui.secondary.pointing.menu {
border-bottom-color: rgba(255, 255, 255, .15);
border-bottom-color: rgba(255, 255, 255, .15);
}
.ui.secondary.pointing.menu .active.item {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.user.list .item:not(:first-child) {
border-top: 1px solid #4c505c;
border-top: 1px solid #4c505c;
}
.ui.secondary.pointing.menu .active.item:hover {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
color: #dbdbdb;
color: #dbdbdb;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
background: #2c303a;
background: #2c303a;
}
.ui.checkbox label,
.ui.checkbox + label,
.ui.form .field > label {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.form .inline.field > label,
@ -1222,348 +1222,348 @@ td.blob-hunk {
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.fields > label {
color: #9e9e9e;
color: #9e9e9e;
}
.user.settings .email.list .item:not(:first-child) {
border-top: 1px solid #3f4451;
border-top: 1px solid #3f4451;
}
.explore .navbar {
background-color: #2a2e3a !important;
background-color: #2a2e3a !important;
}
.ui.menu.new-menu {
background: #2a2e3a;
border-color: transparent !important;
background: #2a2e3a;
border-color: transparent !important;
@media only screen and (max-width: 1200px) {
&:after {
background: linear-gradient(to right, transparent 0%, #2a2e3a 100%);
}
@media only screen and (max-width: 1200px) {
&:after {
background: linear-gradient(to right, transparent 0%, #2a2e3a 100%);
}
}
}
input {
background: #2e323e;
background: #2e323e;
}
.settings .key.list .item:not(:first-child) {
border-top: 1px solid #404552;
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;
box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
}
.ui.bottom.attached.message {
background-color: #2c662d;
color: #87ab63;
background-color: #2c662d;
color: #87ab63;
}
.ui.bottom.attached.message .pull-right {
color: #87ab63;
color: #87ab63;
}
.ui.info.message {
background-color: #2c3b4a;
color: #9ebcc5;
background-color: #2c3b4a;
color: #9ebcc5;
}
.ui .warning.header {
background-color: #5d3a22 !important;
border-color: #794f31;
background-color: #5d3a22 !important;
border-color: #794f31;
}
.ui.red.message,
.ui.error.message {
background-color: rgba(80, 23, 17, .6);
color: #f9cbcb;
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
background-color: rgba(80, 23, 17, .6);
color: #f9cbcb;
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
}
.ui.red.button,
.ui.red.buttons .button {
background-color: #7d3434;
background-color: #7d3434;
}
.ui.red.button:hover,
.ui.red.buttons .button:hover {
background-color: #984646;
background-color: #984646;
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
color: #dbdbdb !important;
color: #dbdbdb !important;
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
color: #7f98ad;
color: #7f98ad;
}
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
background: #304251;
opacity: 1;
color: #7f98ad;
border-color: #304251;
background: #304251;
opacity: 1;
color: #7f98ad;
border-color: #304251;
}
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
background: #304251;
background: #304251;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
background: #304251;
border: 1px solid #304251;
background: #304251;
border: 1px solid #304251;
}
.ui.checkbox label:before {
border-color: #476075;
border-color: #476075;
}
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
background: #304251;
border-color: rgba(34, 36, 38, .35);
background: #304251;
border-color: rgba(34, 36, 38, .35);
}
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
border-color: #304251;
background: #304251;
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;
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;
color: #7f98ad;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label,
.ui.checkbox input:focus ~ label:after {
color: #9a9a9a;
color: #9a9a9a;
}
.ui.selection.dropdown:hover {
border: 1px solid #456580;
border: 1px solid #456580;
}
.ui.selection.dropdown .menu > .item {
border-top: 1px solid #313c47;
border-top: 1px solid #313c47;
}
.ui.selection.visible.dropdown > .text:not(.default) {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.positive.message {
background-color: #0d491b;
color: #87ab63;
box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
background-color: #0d491b;
color: #87ab63;
box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
}
.ui.negative.message {
background-color: rgba(80, 23, 17, .6);
color: #f9cbcb;
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
background-color: rgba(80, 23, 17, .6);
color: #f9cbcb;
box-shadow: 0 0 0 1px rgba(121, 71, 66, .5) inset, 0 0 0 0 transparent;
}
.user.profile .ui.card .extra.content ul li:not(:last-child) {
border-bottom: 1px solid #4c505c;
border-bottom: 1px solid #4c505c;
}
.ui.form .dropzone {
border: 2px dashed #7f98ad;
background-color: #2e323e;
border: 2px dashed #7f98ad;
background-color: #2e323e;
.dz-button {
color: rgba(158, 158, 158, .8);
}
.dz-button {
color: rgba(158, 158, 158, .8);
}
}
.ui.form .dropzone:hover .dz-button {
color: rgba(158, 158, 158, 1);
color: rgba(158, 158, 158, 1);
}
.ui.basic.red.button,
.ui.basic.red.buttons .button {
box-shadow: 0 0 0 1px #a04141 inset !important;
color: #a04141 !important;
box-shadow: 0 0 0 1px #a04141 inset !important;
color: #a04141 !important;
}
.ui.list .list > .item .header,
.ui.list > .item .header {
color: #dedede;
color: #dedede;
}
.ui.list .list > .item .description,
.ui.list > .item .description {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.user.list .item .description a {
color: #668cb1;
color: #668cb1;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: #7c9b5e;
color: #7c9b5e;
}
.ui.blue.button:focus,
.ui.blue.buttons .button:focus {
background-color: #a27558;
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;
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;
box-shadow: 0 0 0 1px #87ab63 inset !important;
color: #87ab63 !important;
}
.repository.labels .ui.basic.black.label {
background-color: #bbbbbb !important;
background-color: #bbbbbb !important;
}
.lines-commit {
background: #2e323e !important;
background: #2e323e !important;
}
.bottom-line {
border-color: #4e525e !important;
border-color: #4e525e !important;
}
.lines-num {
color: #9e9e9e !important;
border-color: #2d2d2d !important;
color: #9e9e9e !important;
border-color: #2d2d2d !important;
}
td.blob-excerpt {
background-color: rgba(0, 0, 0, .15);
background-color: rgba(0, 0, 0, .15);
}
a.blob-excerpt {
color: #ccc;
background: #393d4a;
color: #ccc;
background: #393d4a;
}
a.blob-excerpt:hover {
background: #87ab63;
background: #87ab63;
}
.code-view .lines-code.active {
background: #534d1b !important;
background: #534d1b !important;
}
a.ui.label:hover,
a.ui.labels .label:hover {
background-color: #505667 !important;
color: #dbdbdb !important;
background-color: #505667 !important;
color: #dbdbdb !important;
}
.repository #commits-table td.sha .sha.label,
.repository #repo-files-table .sha.label {
border-color: #888;
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;
background: none;
border-left-color: #888;
}
.repository .ui.attached.message.isSigned.isVerified {
background-color: #394829;
color: #9e9e9e;
background-color: #394829;
color: #9e9e9e;
&.message {
color: #87ab63;
.ui.text {
color: #9e9e9e;
}
.pull-right {
color: #87ab63;
}
&.message {
color: #87ab63;
.ui.text {
color: #9e9e9e;
}
.pull-right {
color: #87ab63;
}
}
}
.repository .ui.attached.message.isSigned.isVerifiedUntrusted {
background-color: #4a3903;
color: #9e9e9e;
&.message {
color: #c2c193;
.ui.text {
color: #9e9e9e;
}
.pull-right,
a {
color: #c2c193;
}
background-color: #4a3903;
color: #9e9e9e;
&.message {
color: #c2c193;
.ui.text {
color: #9e9e9e;
}
.pull-right,
a {
color: #c2c193;
}
}
}
.repository .ui.attached.message.isSigned.isVerifiedUnmatched {
background-color: #4e3321;
color: #9e9e9e;
&.message {
color: #c2a893;
.ui.text {
color: #9e9e9e;
}
.pull-right,
a {
color: #c2a893;
}
background-color: #4e3321;
color: #9e9e9e;
&.message {
color: #c2a893;
.ui.text {
color: #9e9e9e;
}
.pull-right,
a {
color: #c2a893;
}
}
}
.repository .ui.attached.message.isSigned.isWarning {
background-color: rgba(80, 23, 17, .6);
&.message {
color: #d07d7d;
.ui.text {
color: #d07d7d;
}
.pull-right {
color: #9e9e9e;
}
background-color: rgba(80, 23, 17, .6);
&.message {
color: #d07d7d;
.ui.text {
color: #d07d7d;
}
.pull-right {
color: #9e9e9e;
}
}
}
.repository .label.list .item {
border-bottom: 1px dashed #4c505c;
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;
box-shadow: 0 0 0 1px #87ab63 inset !important;
color: #87ab63 !important;
}
.ui.text.yellow,
.yellow.icon.icon.icon {
color: #e4ac07 !important;
color: #e4ac07 !important;
}
.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1),
@ -1572,7 +1572,7 @@ a.ui.labels .label:hover {
.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;
background-color: #2a2e3a;
}
.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
@ -1580,415 +1580,415 @@ a.ui.labels .label:hover {
.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,
.repository .diff-file-box .code-diff-split tbody tr td.lines-num-new.add-code {
background-color: #283e2d !important;
border-color: #314a37 !important;
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;
background-color: #3c2626 !important;
border-color: #634343 !important;
}
.organization.teams .detail .item:not(:last-child),
.organization.members .list .item {
border-bottom-color: #404552;
border-bottom-color: #404552;
}
.ui.blue.button:active,
.ui.blue.buttons .button:active {
background-color: #a27558;
background-color: #a27558;
}
#git-graph-container li a {
color: #c79575;
color: #c79575;
}
#git-graph-container li .author {
color: #c79575;
color: #c79575;
}
.ui.header .sub.header {
color: #9e9e9e;
color: #9e9e9e;
}
.ui.dividing.header {
border-bottom: 1px solid #4c505c;
border-bottom: 1px solid #4c505c;
}
.ui.modal > .header {
background: #404552;
color: #dbdbdb;
background: #404552;
color: #dbdbdb;
}
.ui.modal > .actions {
background: #404552;
border-top: 1px solid #404552;
background: #404552;
border-top: 1px solid #404552;
}
.ui.modal > .content {
background: #383c4a;
background: #383c4a;
}
.editor-toolbar {
background-color: #404552;
border-color: #7f98ad;
background-color: #404552;
border-color: #7f98ad;
}
.edit-diff > div > .ui.table {
border-left-color: #404552 !important;
border-right-color: #404552 !important;
border-left-color: #404552 !important;
border-right-color: #404552 !important;
}
.editor-toolbar a {
color: #87ab63 !important;
color: #87ab63 !important;
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
background: #2a2e3a;
border-color: transparent;
background: #2a2e3a;
border-color: transparent;
}
.editor-toolbar i.separator {
border-right-color: #7f98ad;
border-right-color: #7f98ad;
}
.repository .diff-detail-box {
background-color: #383c4a;
background-color: #383c4a;
.detail-files {
background-color: inherit;
}
.detail-files {
background-color: inherit;
}
&.sticky {
border-bottom-color: rgba(255, 255, 255, .1);
}
&.sticky {
border-bottom-color: rgba(255, 255, 255, .1);
}
}
.comment-code-cloud {
border-color: #3a3a3a;
border-color: #3a3a3a;
&:before {
border-bottom: 13px solid #5a5a5a;
&:before {
border-bottom: 13px solid #5a5a5a;
}
.ui.attached.top.header {
background: none transparent;
border: 0;
}
.ui.active.tab {
&:not(.markdown) {
textarea:focus {
border: none;
}
background: #404552;
}
.ui.attached.top.header {
background: none transparent;
border: 0;
border-color: rgba(255, 255, 255, .15);
}
.footer {
border-top-color: #5a5a5a;
.markdown-info {
color: inherit;
}
.ui.active.tab {
&:not(.markdown) {
textarea:focus {
border: none;
}
background: #404552;
}
border-color: rgba(255, 255, 255, .15);
}
.footer {
border-top-color: #5a5a5a;
.markdown-info {
color: inherit;
}
}
}
}
.add-comment-left.add-comment-right .ui.attached.header {
border-color: #5d5c5c;
border-right: none;
border-color: #5d5c5c;
border-right: none;
}
.file-comment {
color: #888888;
color: #888888;
}
.ui.comments .comment {
.author {
color: #dbdbdb;
}
.author {
color: #dbdbdb;
}
.metadata {
color: #808084;
}
.metadata {
color: #808084;
}
.text {
color: #9e9e9e;
}
.text {
color: #9e9e9e;
}
}
.heatmap(@heat) {
@heatmap-cold: #2d303b;
@heatmap-hot: #a0cc75;
background-color: mix(@heatmap-hot, @heatmap-cold, @heat);
@heatmap-cold: #2d303b;
@heatmap-hot: #a0cc75;
background-color: mix(@heatmap-hot, @heatmap-cold, @heat);
}
.heatmap-color-0 {
.heatmap(0%);
.heatmap(0%);
}
.heatmap-color-1 {
.heatmap(20%);
.heatmap(20%);
}
.heatmap-color-2 {
.heatmap(40%);
.heatmap(40%);
}
.heatmap-color-3 {
.heatmap(60%);
.heatmap(60%);
}
.heatmap-color-4 {
.heatmap(80%);
.heatmap(80%);
}
.heatmap-color-5 {
.heatmap(100%);
.heatmap(100%);
}
.activity-bar-graph {
background-color: #a0cc75;
color: #9e9e9e;
background-color: #a0cc75;
color: #9e9e9e;
}
/* code mirror dark theme */
.CodeMirror {
color: #9daccc;
color: #9daccc;
background-color: #2e323e;
border-color: #7f98ad;
border-top: 0;
div.CodeMirror-cursor {
border-left: 1px solid #9e9e9e;
}
.CodeMirror-gutters {
background-color: #2e323e;
border-color: #7f98ad;
border-top: 0;
}
div.CodeMirror-cursor {
border-left: 1px solid #9e9e9e;
::selection,
::-moz-selection,
.CodeMirror-selected {
background: #42402f !important;
}
&.cm-s-default,
&.cm-s-paper {
.cm-property {
color: #a0cc75;
}
.CodeMirror-gutters {
background-color: #2e323e;
.cm-header {
color: #9daccc;
}
::selection,
::-moz-selection,
.CodeMirror-selected {
background: #42402f !important;
.cm-quote {
color: #009900;
}
&.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;
}
.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;
}
}
}
.ui.popup {
background-color: #383c4a;
color: #9e9e9e;
border-color: #9e9e9e;
background-color: #383c4a;
color: #9e9e9e;
border-color: #9e9e9e;
&.top::before {
background-color: #383c4a;
}
&.top::before {
background-color: #383c4a;
}
}
.markdown:not(code) h1 {
border-bottom-color: #888;
border-bottom-color: #888;
}
.markdown:not(code) blockquote {
border-left-color: #888;
border-left-color: #888;
}
.markdown:not(code) code,
.markdown:not(code) tt {
background-color: #2a2e3a;
background-color: #2a2e3a;
}
footer .container .links > * {
border-left-color: #888;
border-left-color: #888;
}
.repository.file.list #repo-files-table tbody .svg {
color: #9e9e9e;
color: #9e9e9e;
}
.repository.release #release-list > li .detail {
border-left-color: #4c505c;
border-left-color: #4c505c;
}
.repository.release #release-list > li .detail .dot {
background-color: #888;
border-color: #383c4a;
background-color: #888;
border-color: #383c4a;
}
.repository.release #release-list > li .detail .download .list {
border-top-color: #404552;
border-top-color: #404552;
}
.repository.release #release-list > li .detail .download .list li {
border-bottom-color: #404552;
border-bottom-color: #404552;
}
.board-column {
background-color: rgba(0, 0, 0, .2) !important;
background-color: rgba(0, 0, 0, .2) !important;
}
.tribute-container {
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6);
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6);
}
.tribute-container ul {
background: #2d303b !important;
background: #2d303b !important;
}
.tribute-container li.highlight,
.tribute-container li:hover {
background: #728e5e !important;
background: #728e5e !important;
}
.repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar {
color: #2a2e3a;
color: #2a2e3a;
}
#git-graph-container.monochrome #rel-container .flow-group {
stroke: dimgrey;
fill: dimgrey;
stroke: dimgrey;
fill: dimgrey;
}
#git-graph-container.monochrome #rel-container .flow-group.highlight {
stroke: darkgrey;
fill: darkgrey;
stroke: darkgrey;
fill: darkgrey;
}
#git-graph-container:not(.monochrome) #rel-container .flow-group {
&.flow-color-16-5 {
stroke: #5543b1;
fill: #5543b1;
}
&.flow-color-16-5 {
stroke: #5543b1;
fill: #5543b1;
}
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight {
&.flow-color-16-5 {
stroke: #7058e6;
fill: #7058e6;
}
&.flow-color-16-5 {
stroke: #7058e6;
fill: #7058e6;
}
}
#git-graph-container #rev-list li.highlight,
#git-graph-container #rev-list li.hover {
background-color: rgba(255, 255, 255, .05);
background-color: rgba(255, 255, 255, .05);
}
#git-graph-container #rev-list li.highlight.hover {
background-color: rgba(255, 255, 255, .1);
background-color: rgba(255, 255, 255, .1);
}
#git-graph-container .ui.buttons button#flow-color-monochrome.ui.button {
border-left-color: rgb(76, 80, 92);
border-left-style: solid;
border-left-width: 1px;
border-left-color: rgb(76, 80, 92);
border-left-style: solid;
border-left-width: 1px;
}
.mermaid-chart {
filter: invert(84%) hue-rotate(180deg);
filter: invert(84%) hue-rotate(180deg);
}
.is-loading:after {
border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da;
}
.markdown-block-error {
border: 1px solid rgba(121, 71, 66, .5) !important;
border-bottom: none !important;
border: 1px solid rgba(121, 71, 66, .5) !important;
border-bottom: none !important;
}