Reindent and unify codebase to 2-space indentation.tags/v1.13.0-rc1
@@ -1,28 +1,22 @@ | |||
root = true | |||
[*] | |||
indent_style = space | |||
indent_size = 2 | |||
tab_width = 2 | |||
end_of_line = lf | |||
charset = utf-8 | |||
insert_final_newline = true | |||
trim_trailing_whitespace = true | |||
end_of_line = lf | |||
[*.md] | |||
trim_trailing_whitespace = false | |||
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 |
@@ -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 |
@@ -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(.striped) { | |||
thead { | |||
th:last-child { | |||
padding-right: 5px !important; | |||
} | |||
} | |||
} | |||
&:not(.select) { | |||
th, | |||
td { | |||
&:first-of-type { | |||
padding-left: 15px !important; | |||
} | |||
} | |||
} | |||
th { | |||
padding-top: 5px; | |||
padding-bottom: 5px; | |||
} | |||
form tbody button[type='submit'] { | |||
padding: 5px 8px; | |||
&:not(.select) { | |||
th, | |||
td { | |||
&:first-of-type { | |||
padding-left: 15px !important; | |||
} | |||
} | |||
} | |||
.ui.header, | |||
.ui.segment { | |||
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); | |||
form tbody button[type='submit'] { | |||
padding: 5px 8px; | |||
} | |||
} | |||
&.user { | |||
.email { | |||
max-width: 200px; | |||
} | |||
} | |||
.ui.header, | |||
.ui.segment { | |||
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15); | |||
} | |||
dl.admin-dl-horizontal { | |||
padding: 20px; | |||
margin: 0; | |||
&.user { | |||
.email { | |||
max-width: 200px; | |||
} | |||
} | |||
dd { | |||
margin-left: 275px; | |||
} | |||
dl.admin-dl-horizontal { | |||
padding: 20px; | |||
margin: 0; | |||
dt { | |||
font-weight: bolder; | |||
float: left; | |||
width: 285px; | |||
clear: left; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
white-space: nowrap; | |||
} | |||
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; | |||
} | |||
} | |||
} | |||
} |
@@ -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; | |||
} |
@@ -1,210 +1,210 @@ | |||
.dashboard { | |||
padding-top: 15px; | |||
padding-top: 15px; | |||
&.feeds, | |||
&.issues { | |||
.context.user.menu { | |||
z-index: 101; | |||
min-width: 200px; | |||
.ui.header { | |||
font-size: 1rem; | |||
text-transform: none; | |||
} | |||
} | |||
&.feeds, | |||
&.issues { | |||
.context.user.menu { | |||
z-index: 101; | |||
min-width: 200px; | |||
.filter.menu { | |||
width: initial; | |||
.ui.header { | |||
font-size: 1rem; | |||
text-transform: none; | |||
} | |||
} | |||
.item { | |||
text-align: left; | |||
.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; | |||
} | |||
} | |||
} | |||
.text { | |||
height: 16px; | |||
vertical-align: middle; | |||
// Sort | |||
.jump.item { | |||
margin: 1px; | |||
padding-right: 0; | |||
} | |||
&.truncate { | |||
width: 75%; | |||
} | |||
} | |||
.menu { | |||
max-height: 300px; | |||
overflow-x: auto; | |||
right: 0 !important; | |||
left: auto !important; | |||
} | |||
.floating.label { | |||
top: 7px; | |||
left: 90%; | |||
width: 15%; | |||
@media only screen and (max-width: 768px) { | |||
width: 100%; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
top: 10px; | |||
left: auto; | |||
width: auto; | |||
right: 13px; | |||
} | |||
} | |||
} | |||
.right.stackable.menu > .item.active { | |||
color: #d9453d; | |||
} | |||
} | |||
// Sort | |||
.jump.item { | |||
margin: 1px; | |||
padding-right: 0; | |||
} | |||
/* Accomodate for Semantic's 1px hacks on .attached elements */ | |||
.menu { | |||
max-height: 300px; | |||
overflow-x: auto; | |||
right: 0 !important; | |||
left: auto !important; | |||
} | |||
.dashboard-repos { | |||
margin: 0 1px; | |||
@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; | |||
} | |||
img { | |||
align-self: flex-start; | |||
} | |||
} | |||
li > * + * { | |||
margin-left: .35rem; | |||
} | |||
line-height: 1.2; | |||
line-height: 1.2; | |||
> .ui.grid { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
> .ui.grid { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
.ui.avatar { | |||
margin-top: 13px; | |||
} | |||
.ui.avatar { | |||
margin-top: 13px; | |||
} | |||
.time-since { | |||
font-size: 13px; | |||
} | |||
.time-since { | |||
font-size: 13px; | |||
} | |||
.issue.title { | |||
width: 80%; | |||
} | |||
.issue.title { | |||
width: 80%; | |||
} | |||
.push.news .content ul { | |||
line-height: 18px; | |||
font-size: 13px; | |||
list-style: none; | |||
padding-left: 10px; | |||
.push.news .content ul { | |||
line-height: 18px; | |||
font-size: 13px; | |||
list-style: none; | |||
padding-left: 10px; | |||
.text.truncate { | |||
width: 80%; | |||
} | |||
} | |||
.text.truncate { | |||
width: 80%; | |||
} | |||
} | |||
.commit-id { | |||
font-family: @monospaced-fonts, monospace; | |||
} | |||
.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; | |||
} | |||
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; | |||
} | |||
} | |||
.list { | |||
.header { | |||
.ui.label { | |||
margin-top: -4px; | |||
padding: 4px 5px; | |||
font-weight: normal; | |||
} | |||
ul { | |||
list-style: none; | |||
margin: 0; | |||
padding-left: 0; | |||
.plus.icon { | |||
margin-top: 5px; | |||
} | |||
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; | |||
&.private { | |||
background-color: #fcf8e9; | |||
} | |||
.svg { | |||
color: #888888; | |||
a { | |||
padding: 6px 1.2em; | |||
display: block; | |||
&.rear { | |||
font-size: 15px; | |||
} | |||
} | |||
.svg { | |||
color: #888888; | |||
.star-num { | |||
font-size: 12px; | |||
} | |||
} | |||
&.rear { | |||
font-size: 15px; | |||
} | |||
} | |||
} | |||
#privateFilterCheckbox .svg { | |||
color: #888888; | |||
margin-right: .25rem; | |||
.star-num { | |||
font-size: 12px; | |||
} | |||
} | |||
} | |||
} | |||
.repo-owner-name-list { | |||
.item-name { | |||
max-width: 70%; | |||
margin-bottom: -4px; | |||
} | |||
} | |||
#privateFilterCheckbox .svg { | |||
color: #888888; | |||
margin-right: .25rem; | |||
} | |||
#collaborative-repo-list { | |||
.owner-and-repo { | |||
max-width: 80%; | |||
margin-bottom: -5px; | |||
} | |||
.repo-owner-name-list { | |||
.item-name { | |||
max-width: 70%; | |||
margin-bottom: -4px; | |||
} | |||
} | |||
.owner-name { | |||
max-width: 120px; | |||
margin-bottom: -5px; | |||
} | |||
} | |||
#collaborative-repo-list { | |||
.owner-and-repo { | |||
max-width: 80%; | |||
margin-bottom: -5px; | |||
} | |||
.owner-name { | |||
max-width: 120px; | |||
margin-bottom: -5px; | |||
} | |||
} | |||
} | |||
} |
@@ -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; | |||
} |
@@ -1,111 +1,111 @@ | |||
.explore { | |||
padding-top: 15px; | |||
.navbar { | |||
justify-content: center; | |||
padding-top: 15px !important; | |||
margin-top: -15px !important; | |||
margin-bottom: 15px !important; | |||
background-color: #fafafa !important; | |||
border-width: 1px !important; | |||
.svg { | |||
width: 16px; | |||
text-align: center; | |||
margin-right: 5px; | |||
} | |||
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; | |||
.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; | |||
} | |||
&:not(:first-child) { | |||
border-top: 1px solid #eeeeee; | |||
padding-top: 25px; | |||
} | |||
.ui.header { | |||
font-size: 1.5rem; | |||
padding-bottom: 10px; | |||
.ui.header { | |||
font-size: 1.5rem; | |||
padding-bottom: 10px; | |||
.name { | |||
word-break: break-all; | |||
} | |||
.name { | |||
word-break: break-all; | |||
} | |||
.metas { | |||
color: #888888; | |||
font-size: 14px; | |||
font-weight: normal; | |||
.metas { | |||
color: #888888; | |||
font-size: 14px; | |||
font-weight: normal; | |||
span:not(:last-child) { | |||
margin-right: 5px; | |||
} | |||
} | |||
span:not(:last-child) { | |||
margin-right: 5px; | |||
} | |||
} | |||
} | |||
.time { | |||
font-size: 12px; | |||
color: #808080; | |||
} | |||
.time { | |||
font-size: 12px; | |||
color: #808080; | |||
} | |||
.ui.tags { | |||
margin-bottom: 1em; | |||
} | |||
.ui.tags { | |||
margin-bottom: 1em; | |||
} | |||
.ui.avatar.image { | |||
width: 24px; | |||
height: 24px; | |||
} | |||
.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; | |||
} | |||
&:not(:first-child) { | |||
border-top: 1px solid #eeeeee; | |||
padding-top: 25px; | |||
} | |||
.ui.avatar.image { | |||
width: 40px; | |||
height: 40px; | |||
} | |||
.ui.avatar.image { | |||
width: 40px; | |||
height: 40px; | |||
} | |||
.description { | |||
margin-top: 5px; | |||
.description { | |||
margin-top: 5px; | |||
.svg:not(:first-child) { | |||
margin-left: 5px; | |||
} | |||
.svg:not(:first-child) { | |||
margin-left: 5px; | |||
} | |||
a { | |||
color: #333333; | |||
a { | |||
color: #333333; | |||
&:hover { | |||
text-decoration: underline; | |||
} | |||
} | |||
&:hover { | |||
text-decoration: underline; | |||
} | |||
} | |||
} | |||
} | |||
} |
@@ -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; | |||
} | |||
.ui.message { | |||
text-align: center; | |||
} | |||
@media only screen and (min-width: 768px) { | |||
width: 800px !important; | |||
@media only screen and (min-width: 768px) { | |||
width: 800px !important; | |||
.header { | |||
padding-left: @create-page-form-input-padding+30px; | |||
} | |||
.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; | |||
} | |||
.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; | |||
} | |||
.help { | |||
margin-left: @create-page-form-input-padding+15px; | |||
} | |||
.optional .title { | |||
margin-left: @create-page-form-input-padding; | |||
} | |||
.optional .title { | |||
margin-left: @create-page-form-input-padding; | |||
} | |||
input, | |||
textarea { | |||
width: 50% !important; | |||
} | |||
} | |||
input, | |||
textarea { | |||
width: 50% !important; | |||
} | |||
} | |||
@media only screen and (max-width: 767px) { | |||
.optional .title { | |||
margin-left: 15px; | |||
} | |||
@media only screen and (max-width: 767px) { | |||
.optional .title { | |||
margin-left: 15px; | |||
} | |||
.inline.field > label { | |||
display: block; | |||
} | |||
} | |||
.inline.field > label { | |||
display: block; | |||
} | |||
} | |||
} | |||
} | |||
.signin { | |||
.oauth2 { | |||
div { | |||
display: inline-block; | |||
p { | |||
margin: 10px 5px 0 0; | |||
float: left; | |||
} | |||
} | |||
.oauth2 { | |||
div { | |||
display: inline-block; | |||
p { | |||
margin: 10px 5px 0 0; | |||
float: left; | |||
} | |||
} | |||
a { | |||
margin-right: 3px; | |||
a { | |||
margin-right: 3px; | |||
&:last-child { | |||
margin-right: 0; | |||
} | |||
} | |||
&:last-child { | |||
margin-right: 0; | |||
} | |||
} | |||
img { | |||
width: 32px; | |||
height: 32px; | |||
img { | |||
width: 32px; | |||
height: 32px; | |||
&.openidConnect { | |||
width: auto; | |||
} | |||
} | |||
&.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; | |||
@input-padding: 200px; | |||
#create-page-form; | |||
form { | |||
width: 700px !important; | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
} | |||
.inline.field > label { | |||
width: @input-padding; | |||
} | |||
.inline.field > label, | |||
input { | |||
@media only screen and (max-width: 768px) { | |||
width: 100% !important; | |||
} | |||
} | |||
input[type=number] { | |||
-moz-appearance: textfield; | |||
} | |||
input::-webkit-outer-spin-button, | |||
input::-webkit-inner-spin-button { | |||
-webkit-appearance: none; | |||
margin: 0; | |||
} | |||
} | |||
} | |||
.repository { | |||
&.new.repo, | |||
&.new.migrate, | |||
&.new.fork { | |||
#create-page-form; | |||
form { | |||
width: 700px !important; | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
.dropdown { | |||
.dropdown.icon { | |||
margin-top: -7px !important; | |||
padding-bottom: 5px; | |||
} | |||
.inline.field > label { | |||
width: @input-padding; | |||
} | |||
.text { | |||
margin-right: 0 !important; | |||
.inline.field > label, | |||
input { | |||
@media only screen and (max-width: 768px) { | |||
width: 100% !important; | |||
} | |||
i { | |||
margin-right: 0 !important; | |||
} | |||
} | |||
} | |||
input[type=number] { | |||
-moz-appearance: textfield; | |||
} | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
} | |||
input::-webkit-outer-spin-button, | |||
input::-webkit-inner-spin-button { | |||
-webkit-appearance: none; | |||
margin: 0; | |||
@media only screen and (max-width: 768px) { | |||
label, | |||
input, | |||
.selection.dropdown { | |||
width: 100% !important; | |||
} | |||
} | |||
} | |||
.repository { | |||
&.new.repo, | |||
&.new.migrate, | |||
&.new.fork { | |||
#create-page-form; | |||
form { | |||
.dropdown { | |||
.dropdown.icon { | |||
margin-top: -7px !important; | |||
padding-bottom: 5px; | |||
} | |||
.text { | |||
margin-right: 0 !important; | |||
i { | |||
margin-right: 0 !important; | |||
} | |||
} | |||
} | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
label, | |||
input, | |||
.selection.dropdown { | |||
width: 100% !important; | |||
} | |||
.field button, | |||
.field a { | |||
margin-bottom: 1em; | |||
width: 100%; | |||
} | |||
} | |||
.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; | |||
} | |||
} | |||
&.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; | |||
.selection.dropdown:not(.owner) { | |||
width: 50% !important; | |||
@media only screen and (max-width: 768px) { | |||
width: 100% !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%; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
.field button, | |||
.field a { | |||
margin-bottom: 1em; | |||
width: 100%; | |||
} | |||
.field input { | |||
width: 100% !important; | |||
} | |||
.field input { | |||
width: 100% !important; | |||
} | |||
} | |||
} |
@@ -1,65 +1,65 @@ | |||
.home { | |||
.logo { | |||
max-width: 220px; | |||
} | |||
.hero { | |||
@media only screen and (max-width: 767px) { | |||
h1 { | |||
font-size: 3.5em; | |||
} | |||
.logo { | |||
max-width: 220px; | |||
} | |||
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: 3em; | |||
} | |||
} | |||
h2 { | |||
font-size: 2em; | |||
} | |||
} | |||
.svg { | |||
color: #5aa509; | |||
height: 40px; | |||
width: 50px; | |||
vertical-align: bottom; | |||
} | |||
@media only screen and (min-width: 768px) { | |||
h1 { | |||
font-size: 5.5em; | |||
} | |||
&.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; | |||
} | |||
} | |||
} |
@@ -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; | |||
} | |||
label { | |||
text-align: right; | |||
width: @input-padding; | |||
} | |||
input { | |||
width: 35% !important; | |||
} | |||
input { | |||
width: 35% !important; | |||
} | |||
.field { | |||
text-align: left; | |||
.field { | |||
text-align: left; | |||
.help { | |||
margin-left: @input-padding+15px; | |||
} | |||
.help { | |||
margin-left: @input-padding+15px; | |||
} | |||
&.optional .title { | |||
margin-left: 38%; | |||
} | |||
} | |||
&.optional .title { | |||
margin-left: 38%; | |||
} | |||
} | |||
} | |||
.ui { | |||
.checkbox { | |||
margin-left: 40% !important; | |||
.ui { | |||
.checkbox { | |||
margin-left: 40% !important; | |||
label { | |||
width: auto !important; | |||
} | |||
} | |||
label { | |||
width: auto !important; | |||
} | |||
} | |||
} | |||
} |
@@ -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; | |||
} | |||
overflow: hidden; | |||
font-size: 16px; | |||
line-height: 1.6 !important; | |||
word-wrap: break-word; | |||
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; | |||
} | |||
&.ui.segment { | |||
padding: 3em; | |||
} | |||
li > p { | |||
margin-top: 0; | |||
} | |||
dl { | |||
padding: 0; | |||
} | |||
dl dt { | |||
padding: 0; | |||
margin-top: 16px; | |||
font-size: 1em; | |||
font-style: italic; | |||
font-weight: bold; | |||
} | |||
&.file-view { | |||
padding: 2em !important; | |||
} | |||
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; | |||
} | |||
> *:first-child { | |||
margin-top: 0 !important; | |||
} | |||
span.align-right span img { | |||
margin: 0; | |||
text-align: right; | |||
} | |||
> *: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; | |||
} | |||
span.float-left { | |||
display: block; | |||
float: left; | |||
margin-right: 13px; | |||
overflow: hidden; | |||
} | |||
table th { | |||
font-weight: bold; | |||
} | |||
span.float-left span { | |||
margin: 13px 0 0; | |||
} | |||
table th, | |||
table td { | |||
padding: 6px 13px !important; | |||
border: 1px solid #dddddd !important; | |||
} | |||
span.float-right { | |||
display: block; | |||
float: right; | |||
margin-left: 13px; | |||
overflow: hidden; | |||
} | |||
table tr { | |||
background-color: #ffffff; | |||
border-top: 1px solid #cccccc; | |||
} | |||
span.float-right > span { | |||
display: block; | |||
margin: 13px auto 0; | |||
overflow: hidden; | |||
text-align: right; | |||
} | |||
table tr:nth-child(2n) { | |||
background-color: #f8f8f8; | |||
} | |||
code, | |||
tt { | |||
padding: .2em .3em; | |||
margin: 0; | |||
font-size: 85%; | |||
background-color: rgba(0, 0, 0, .04); | |||
border-radius: 3px; | |||
} | |||
img { | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | |||
code br, | |||
tt br { | |||
display: none; | |||
} | |||
.emoji { | |||
max-width: 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; | |||
} | |||
span.frame { | |||
display: block; | |||
overflow: hidden; | |||
} | |||
.highlight { | |||
margin-bottom: 16px; | |||
} | |||
span.frame > span { | |||
display: block; | |||
float: left; | |||
width: auto; | |||
padding: 7px; | |||
margin: 13px 0 0; | |||
overflow: hidden; | |||
border: 1px solid #dddddd; | |||
} | |||
.highlight pre, | |||
pre { | |||
padding: 16px; | |||
overflow: auto; | |||
font-size: 85%; | |||
line-height: 1.45; | |||
background-color: #f7f7f7; | |||
border-radius: 3px; | |||
} | |||
span.frame span img { | |||
display: block; | |||
float: left; | |||
} | |||
.highlight pre { | |||
margin-bottom: 0; | |||
word-break: normal; | |||
} | |||
span.frame span span { | |||
display: block; | |||
padding: 5px 0 0; | |||
clear: both; | |||
color: #333333; | |||
} | |||
pre { | |||
word-wrap: normal; | |||
} | |||
span.align-center { | |||
display: block; | |||
overflow: hidden; | |||
clear: both; | |||
} | |||
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; | |||
} | |||
span.align-center > span { | |||
display: block; | |||
margin: 13px auto 0; | |||
overflow: hidden; | |||
text-align: center; | |||
} | |||
pre code:before, | |||
pre code:after, | |||
pre tt:before, | |||
pre tt:after { | |||
content: normal; | |||
} | |||
span.align-center span img { | |||
margin: 0 auto; | |||
text-align: center; | |||
} | |||
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; | |||
} | |||
span.align-right { | |||
display: block; | |||
overflow: hidden; | |||
clear: both; | |||
} | |||
input[type="checkbox"] { | |||
vertical-align: middle !important; | |||
} | |||
span.align-right > span { | |||
display: block; | |||
margin: 13px 0 0; | |||
overflow: hidden; | |||
text-align: right; | |||
} | |||
.csv-data td, | |||
.csv-data th { | |||
padding: 5px; | |||
overflow: hidden; | |||
font-size: 12px; | |||
line-height: 1; | |||
text-align: left; | |||
white-space: nowrap; | |||
} | |||
span.align-right span img { | |||
margin: 0; | |||
text-align: right; | |||
} | |||
.csv-data .blob-num { | |||
padding: 10px 8px 9px; | |||
text-align: right; | |||
background: #ffffff; | |||
border: 0; | |||
} | |||
span.float-left { | |||
display: block; | |||
float: left; | |||
margin-right: 13px; | |||
overflow: hidden; | |||
} | |||
.csv-data tr { | |||
border-top: 0; | |||
} | |||
span.float-left span { | |||
margin: 13px 0 0; | |||
} | |||
.csv-data th { | |||
font-weight: bold; | |||
background: #f8f8f8; | |||
border-top: 0; | |||
} | |||
span.float-right { | |||
display: block; | |||
float: right; | |||
margin-left: 13px; | |||
overflow: hidden; | |||
} | |||
.ui.list .list, | |||
ol.ui.list ol, | |||
ul.ui.list ul { | |||
padding-left: 2em; | |||
} | |||
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; | |||
> .header { | |||
margin-top: 0; | |||
.sub.header { | |||
padding-left: 52px; | |||
word-break: break-word; | |||
} | |||
} | |||
.ui.container > .ui.stackable.grid { | |||
-ms-flex-direction: row-reverse; | |||
flex-direction: row-reverse; | |||
> .header { | |||
margin-top: 0; | |||
.sub.header { | |||
padding-left: 52px; | |||
word-break: break-word; | |||
} | |||
} | |||
} | |||
} | |||
.file-revisions-btn { | |||
display: block; | |||
float: left; | |||
margin-bottom: 2px !important; | |||
padding: 11px !important; | |||
margin-right: 10px !important; | |||
i { | |||
-webkit-touch-callout: none; | |||
-webkit-user-select: none; | |||
-khtml-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
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; | |||
} | |||
} | |||
.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; | |||
} |
@@ -1,212 +1,212 @@ | |||
.organization { | |||
padding-top: 15px; | |||
.head { | |||
.ui.header { | |||
.text { | |||
vertical-align: middle; | |||
font-size: 1.6rem; | |||
margin-left: 15px; | |||
} | |||
.ui.right { | |||
margin-top: 5px; | |||
} | |||
} | |||
padding-top: 15px; | |||
.head { | |||
.ui.header { | |||
.text { | |||
vertical-align: middle; | |||
font-size: 1.6rem; | |||
margin-left: 15px; | |||
} | |||
.ui.right { | |||
margin-top: 5px; | |||
} | |||
} | |||
} | |||
&.new.org { | |||
#create-page-form; | |||
&.new.org { | |||
#create-page-form; | |||
form { | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
} | |||
} | |||
form { | |||
.header { | |||
padding-left: 0 !important; | |||
text-align: center; | |||
} | |||
} | |||
} | |||
&.options { | |||
input { | |||
min-width: 300px; | |||
} | |||
&.options { | |||
input { | |||
min-width: 300px; | |||
} | |||
} | |||
&.profile { | |||
#org-avatar { | |||
width: 100px; | |||
height: 100px; | |||
margin-right: 15px; | |||
} | |||
#org-info { | |||
.ui.header { | |||
font-size: 36px; | |||
margin-bottom: 0; | |||
} | |||
.desc { | |||
font-size: 16px; | |||
margin-bottom: 10px; | |||
} | |||
.meta { | |||
.item { | |||
display: inline-block; | |||
margin-right: 10px; | |||
.icon { | |||
margin-right: 5px; | |||
} | |||
} | |||
} | |||
} | |||
&.profile { | |||
#org-avatar { | |||
width: 100px; | |||
height: 100px; | |||
margin-right: 15px; | |||
} | |||
.ui.top.header { | |||
.ui.right { | |||
margin-top: 0; | |||
} | |||
#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; | |||
} | |||
} | |||
} | |||
} | |||
.teams { | |||
.item { | |||
padding: 10px 15px; | |||
} | |||
} | |||
.ui.top.header { | |||
.ui.right { | |||
margin-top: 0; | |||
} | |||
} | |||
&.teams, | |||
&.profile { | |||
.members { | |||
.ui.avatar { | |||
width: 48px; | |||
height: 48px; | |||
margin-right: 5px; | |||
} | |||
} | |||
.teams { | |||
.item { | |||
padding: 10px 15px; | |||
} | |||
} | |||
} | |||
&.teams, | |||
&.profile { | |||
.members { | |||
.ui.avatar { | |||
width: 48px; | |||
height: 48px; | |||
margin-right: 5px; | |||
} | |||
} | |||
} | |||
&.invite { | |||
#invite-box { | |||
margin: 50px auto auto; | |||
width: 500px !important; | |||
#search-user-box { | |||
input { | |||
margin-left: 0; | |||
width: 300px; | |||
} | |||
} | |||
.ui.button { | |||
margin-left: 5px; | |||
margin-top: -3px; | |||
} | |||
&.invite { | |||
#invite-box { | |||
margin: 50px auto auto; | |||
width: 500px !important; | |||
#search-user-box { | |||
input { | |||
margin-left: 0; | |||
width: 300px; | |||
} | |||
} | |||
.ui.button { | |||
margin-left: 5px; | |||
margin-top: -3px; | |||
} | |||
} | |||
} | |||
&.members { | |||
.list { | |||
.item { | |||
margin-left: 0; | |||
margin-right: 0; | |||
border-bottom: 1px solid #eeeeee; | |||
.ui.avatar { | |||
width: 48px; | |||
height: 48px; | |||
} | |||
&.members { | |||
.list { | |||
.item { | |||
margin-left: 0; | |||
margin-right: 0; | |||
border-bottom: 1px solid #eeeeee; | |||
.ui.avatar { | |||
width: 48px; | |||
height: 48px; | |||
} | |||
.meta { | |||
line-height: 24px; | |||
} | |||
} | |||
.meta { | |||
line-height: 24px; | |||
} | |||
} | |||
} | |||
} | |||
&.teams { | |||
.detail { | |||
.item { | |||
padding: 10px 15px; | |||
&.teams { | |||
.detail { | |||
.item { | |||
padding: 10px 15px; | |||
&:not(:last-child) { | |||
border-bottom: 1px solid #eeeeee; | |||
} | |||
} | |||
&: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; | |||
} | |||
.repositories, | |||
.members { | |||
.item { | |||
padding: 10px 20px; | |||
line-height: 32px; | |||
.button { | |||
padding: 9px 10px; | |||
} | |||
} | |||
&:not(:last-child) { | |||
border-bottom: 1px solid #dddddd; | |||
} | |||
#add-repo-form, | |||
#repo-multiple-form, | |||
#add-member-form { | |||
input { | |||
margin-left: 0; | |||
} | |||
.ui.button { | |||
margin-left: 5px; | |||
margin-top: -3px; | |||
} | |||
.button { | |||
padding: 9px 10px; | |||
} | |||
} | |||
} | |||
#repo-top-segment { | |||
height: 60px; | |||
} | |||
#add-repo-form, | |||
#repo-multiple-form, | |||
#add-member-form { | |||
input { | |||
margin-left: 0; | |||
} | |||
.ui.button { | |||
margin-left: 5px; | |||
margin-top: -3px; | |||
} | |||
} | |||
&.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; | |||
} | |||
#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; | |||
} | |||
} | |||
} | |||
} |
@@ -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); | |||
&:hover { | |||
transform: scale(1.2, 1.2); | |||
} | |||
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); | |||
} | |||
} | |||
.add-comment-left.add-comment-right .ui.attached.header { | |||
border: 1px solid #d4d4d5; | |||
margin-top: .5em; | |||
&:not(.top) { | |||
margin-bottom: .5em; | |||
} | |||
.show-outdated, | |||
.hide-outdated { | |||
display: block; | |||
margin-left: auto; | |||
} | |||
border: 1px solid #d4d4d5; | |||
margin-top: .5em; | |||
&:not(.top) { | |||
margin-bottom: .5em; | |||
} | |||
.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; | |||
&: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; | |||
} | |||
padding: 4px; | |||
position: relative; | |||
border: 1px solid #f1f1f1; | |||
margin: 13px 10px 5px auto; | |||
.attached { | |||
&.tab { | |||
border: 0; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
&: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; | |||
} | |||
&.header { | |||
padding: .1rem 1rem; | |||
.text { | |||
margin: 0; | |||
} | |||
} | |||
.attached { | |||
&.tab { | |||
border: 0; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.right.menu.options .item { | |||
padding: .85714286em .442857em; | |||
cursor: pointer; | |||
} | |||
&.header { | |||
padding: .1rem 1rem; | |||
.ui.form textarea { | |||
border: 0; | |||
.text { | |||
margin: 0; | |||
} | |||
} | |||
} | |||
.ui.active.tab { | |||
padding: .5em; | |||
.right.menu.options .item { | |||
padding: .85714286em .442857em; | |||
cursor: pointer; | |||
} | |||
&.markdown { | |||
padding: 1em; | |||
min-height: 168px; | |||
} | |||
} | |||
.ui.form textarea { | |||
border: 0; | |||
} | |||
.ui.tabular.menu { | |||
margin: .5em; | |||
} | |||
.ui.active.tab { | |||
padding: .5em; | |||
.comment-list { | |||
padding-bottom: 10px; | |||
&.markdown { | |||
padding: 1em; | |||
min-height: 168px; | |||
} | |||
} | |||
.ui.tabular.menu { | |||
margin: .5em; | |||
} | |||
.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; | |||
} | |||
.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); | |||
} | |||
button.comment-form-reply { | |||
margin: .5em .5em .5em 4.5em; | |||
.ui.right.floated { | |||
padding-top: 6px; | |||
} | |||
form.comment-form-reply { | |||
margin: 0 0 0 1em; | |||
&: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; | |||
} | |||
} | |||
.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; | |||
} | |||
#review-box .CodeMirror-scroll { | |||
max-width: calc(100vw - 70px); | |||
.editor-toolbar { | |||
overflow-x: auto; | |||
} | |||
} | |||
#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; | |||
} | |||
} |
@@ -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; | |||
} | |||
} |
@@ -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; | |||
} |
@@ -1,163 +1,163 @@ | |||
.user { | |||
&:not(.icon) { | |||
padding-top: 15px; | |||
} | |||
&.profile { | |||
.ui.card { | |||
.header, | |||
.username { | |||
display: block; | |||
&:not(.icon) { | |||
padding-top: 15px; | |||
} | |||
&.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; | |||
} | |||
#loading-heatmap { | |||
margin-bottom: 1em; | |||
#profile-avatar { | |||
img { | |||
width: 100%; | |||
} | |||
.ui.secondary.stackable.pointing.menu { | |||
flex-wrap: wrap; | |||
@media only screen and (max-width: 768px) { | |||
height: 250px; | |||
overflow: hidden; | |||
img { | |||
max-height: 768px; | |||
max-width: 768px; | |||
} | |||
} | |||
} | |||
} | |||
&.followers { | |||
.header.name { | |||
font-size: 20px; | |||
line-height: 24px; | |||
vertical-align: middle; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
width: 100%; | |||
} | |||
} | |||
.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; | |||
} | |||
&.followers { | |||
.header.name { | |||
font-size: 20px; | |||
line-height: 24px; | |||
vertical-align: middle; | |||
} | |||
&.red { | |||
color: #d01919; | |||
} | |||
.follow { | |||
.ui.button { | |||
padding: 8px 15px; | |||
} | |||
} | |||
} | |||
&.purple { | |||
color: #a333c8; | |||
} | |||
&.notification { | |||
.svg { | |||
float: left; | |||
font-size: 2em; | |||
&.blue { | |||
color: #2185d0; | |||
} | |||
} | |||
&.green { | |||
color: #21ba45; | |||
} | |||
.content { | |||
float: left; | |||
margin-left: 7px; | |||
} | |||
&.red { | |||
color: #d01919; | |||
} | |||
table { | |||
form { | |||
display: inline-block; | |||
} | |||
&.purple { | |||
color: #a333c8; | |||
} | |||
button { | |||
padding: 3px 3px 3px 5px; | |||
} | |||
&.blue { | |||
color: #2185d0; | |||
} | |||
} | |||
tr { | |||
cursor: pointer; | |||
} | |||
} | |||
.content { | |||
float: left; | |||
margin-left: 7px; | |||
} | |||
&.link-account:not(.icon) { | |||
padding-top: 15px; | |||
padding-bottom: 5px; | |||
table { | |||
form { | |||
display: inline-block; | |||
} | |||
button { | |||
padding: 3px 3px 3px 5px; | |||
} | |||
tr { | |||
cursor: pointer; | |||
} | |||
} | |||
} | |||
&.settings { | |||
.iconFloat { | |||
float: left; | |||
} | |||
&.link-account:not(.icon) { | |||
padding-top: 15px; | |||
padding-bottom: 5px; | |||
} | |||
&.settings { | |||
.iconFloat { | |||
float: left; | |||
} | |||
} | |||
} | |||
.user-orgs { | |||
display: flex; | |||
flex-flow: row wrap; | |||
padding: 0; | |||
margin: -3px !important; | |||
li { | |||
display: flex; | |||
flex-flow: row wrap; | |||
padding: 0; | |||
margin: -3px !important; | |||
li { | |||
display: flex; | |||
border-bottom: 0 !important; | |||
padding: 3px !important; | |||
width: 20%; | |||
max-width: 60px; | |||
} | |||
border-bottom: 0 !important; | |||
padding: 3px !important; | |||
width: 20%; | |||
max-width: 60px; | |||
} | |||
} |
@@ -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; | |||
} |
@@ -1,256 +1,256 @@ | |||
#git-graph-container { | |||
float: left; | |||
display: block; | |||
overflow-x: auto; | |||
width: 100%; | |||
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; | |||
} | |||
.color-buttons { | |||
margin-right: 0; | |||
.author { | |||
color: #666666; | |||
} | |||
.ui.header.dividing { | |||
padding-bottom: 10px; | |||
.time { | |||
color: #999999; | |||
font-size: 80%; | |||
} | |||
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; | |||
} | |||
a { | |||
color: #000000; | |||
} | |||
#rel-container { | |||
max-width: 30%; | |||
overflow-x: auto; | |||
float: left; | |||
a:hover { | |||
text-decoration: underline; | |||
} | |||
#rev-container { | |||
width: 100%; | |||
a em { | |||
color: #bb0000; | |||
border-bottom: 1px dotted #bbbbbb; | |||
text-decoration: none; | |||
font-style: normal; | |||
} | |||
} | |||
#rev-list { | |||
margin: 0; | |||
padding: 0 5px; | |||
min-width: 95%; | |||
#rel-container { | |||
max-width: 30%; | |||
overflow-x: auto; | |||
float: left; | |||
} | |||
li.highlight, | |||
li.hover { | |||
background-color: rgba(0, 0, 0, .05); | |||
} | |||
#rev-container { | |||
width: 100%; | |||
} | |||
#rev-list { | |||
margin: 0; | |||
padding: 0 5px; | |||
min-width: 95%; | |||
li.highlight.hover { | |||
background-color: rgba(0, 0, 0, .1); | |||
} | |||
li.highlight, | |||
li.hover { | |||
background-color: rgba(0, 0, 0, .05); | |||
} | |||
#graph-raw-list { | |||
margin: 0; | |||
li.highlight.hover { | |||
background-color: rgba(0, 0, 0, .1); | |||
} | |||
} | |||
&.monochrome #rel-container { | |||
.flow-group { | |||
stroke: grey; | |||
fill: grey; | |||
} | |||
#graph-raw-list { | |||
margin: 0; | |||
} | |||
.flow-group.highlight { | |||
stroke: black; | |||
fill: black; | |||
} | |||
&.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; | |||
} | |||
} | |||
&: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; | |||
} | |||
} | |||
} | |||
} |
@@ -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; | |||
} |