Reindent and unify codebase to 2-space indentation.tags/v1.13.0-rc1
root = true | root = true | ||||
[*] | [*] | ||||
indent_style = space | |||||
indent_size = 2 | |||||
tab_width = 2 | |||||
end_of_line = lf | |||||
charset = utf-8 | charset = utf-8 | ||||
insert_final_newline = true | |||||
trim_trailing_whitespace = true | trim_trailing_whitespace = true | ||||
end_of_line = lf | |||||
[*.md] | |||||
trim_trailing_whitespace = false | |||||
insert_final_newline = true | |||||
[*.{go,tmpl,html}] | [*.{go,tmpl,html}] | ||||
indent_style = tab | indent_style = tab | ||||
indent_size = 2 | |||||
[*.{less,css}] | |||||
indent_style = space | |||||
indent_size = 4 | |||||
[*.{js,json,yml}] | |||||
indent_style = space | |||||
indent_size = 2 | |||||
[Makefile] | [Makefile] | ||||
indent_style = tab | indent_style = tab | ||||
[*.svg] | [*.svg] | ||||
insert_final_newline = false | insert_final_newline = false | ||||
[*.md] | |||||
trim_trailing_whitespace = false |
color-hex-length: null | color-hex-length: null | ||||
comment-empty-line-before: null | comment-empty-line-before: null | ||||
declaration-empty-line-before: null | declaration-empty-line-before: null | ||||
indentation: 4 | |||||
indentation: 2 | |||||
no-descending-specificity: null | no-descending-specificity: null | ||||
number-leading-zero: never | number-leading-zero: never | ||||
rule-empty-line-before: null | rule-empty-line-before: null |
.admin { | .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; | |||||
} | |||||
} | } | ||||
} | |||||
} | } |
/* Background */ | /* Background */ | ||||
.chroma { | .chroma { | ||||
background-color: #ffffff; | |||||
background-color: #ffffff; | |||||
} | } | ||||
/* LineTableTD */ | /* LineTableTD */ | ||||
.chroma .lntd { | .chroma .lntd { | ||||
vertical-align: top; | |||||
padding: 0; | |||||
margin: 0; | |||||
border: 0; | |||||
vertical-align: top; | |||||
padding: 0; | |||||
margin: 0; | |||||
border: 0; | |||||
} | } | ||||
/* LineTable */ | /* LineTable */ | ||||
.chroma .lntable { | .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 */ | /* LineHighlight */ | ||||
.chroma .hl { | .chroma .hl { | ||||
display: block; | |||||
width: 100%; | |||||
background-color: #e5e5e5; | |||||
display: block; | |||||
width: 100%; | |||||
background-color: #e5e5e5; | |||||
} | } | ||||
/* LineNumbersTable */ | /* LineNumbersTable */ | ||||
.chroma .lnt { | .chroma .lnt { | ||||
margin-right: .4em; | |||||
padding: 0 .4em; | |||||
color: #7f7f7f; | |||||
margin-right: .4em; | |||||
padding: 0 .4em; | |||||
color: #7f7f7f; | |||||
} | } | ||||
/* LineNumbers */ | /* LineNumbers */ | ||||
.chroma .ln { | .chroma .ln { | ||||
margin-right: .4em; | |||||
padding: 0 .4em; | |||||
color: #7f7f7f; | |||||
margin-right: .4em; | |||||
padding: 0 .4em; | |||||
color: #7f7f7f; | |||||
} | } | ||||
/* Keyword */ | /* Keyword */ | ||||
.chroma .k { | .chroma .k { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordConstant */ | /* KeywordConstant */ | ||||
.chroma .kc { | .chroma .kc { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordDeclaration */ | /* KeywordDeclaration */ | ||||
.chroma .kd { | .chroma .kd { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordNamespace */ | /* KeywordNamespace */ | ||||
.chroma .kn { | .chroma .kn { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordPseudo */ | /* KeywordPseudo */ | ||||
.chroma .kp { | .chroma .kp { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordReserved */ | /* KeywordReserved */ | ||||
.chroma .kr { | .chroma .kr { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* KeywordType */ | /* KeywordType */ | ||||
.chroma .kt { | .chroma .kt { | ||||
color: #445588; | |||||
color: #445588; | |||||
} | } | ||||
/* NameAttribute */ | /* NameAttribute */ | ||||
.chroma .na { | .chroma .na { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* NameBuiltin */ | /* NameBuiltin */ | ||||
.chroma .nb { | .chroma .nb { | ||||
color: #005cc5; | |||||
color: #005cc5; | |||||
} | } | ||||
/* NameBuiltinPseudo */ | /* NameBuiltinPseudo */ | ||||
.chroma .bp { | .chroma .bp { | ||||
color: #999999; | |||||
color: #999999; | |||||
} | } | ||||
/* NameClass */ | /* NameClass */ | ||||
.chroma .nc { | .chroma .nc { | ||||
color: #445588; | |||||
color: #445588; | |||||
} | } | ||||
/* NameConstant */ | /* NameConstant */ | ||||
.chroma .no { | .chroma .no { | ||||
color: #008080; | |||||
color: #008080; | |||||
} | } | ||||
/* NameDecorator */ | /* NameDecorator */ | ||||
.chroma .nd { | .chroma .nd { | ||||
color: #3c5d5d; | |||||
color: #3c5d5d; | |||||
} | } | ||||
/* NameEntity */ | /* NameEntity */ | ||||
.chroma .ni { | .chroma .ni { | ||||
color: #6f42c1; | |||||
color: #6f42c1; | |||||
} | } | ||||
/* NameException */ | /* NameException */ | ||||
.chroma .ne { | .chroma .ne { | ||||
color: #990000; | |||||
color: #990000; | |||||
} | } | ||||
/* NameFunction */ | /* NameFunction */ | ||||
.chroma .nf { | .chroma .nf { | ||||
color: #005cc5; | |||||
color: #005cc5; | |||||
} | } | ||||
/* NameLabel */ | /* NameLabel */ | ||||
.chroma .nl { | .chroma .nl { | ||||
color: #990000; | |||||
color: #990000; | |||||
} | } | ||||
/* NameNamespace */ | /* NameNamespace */ | ||||
.chroma .nn { | .chroma .nn { | ||||
color: #555555; | |||||
color: #555555; | |||||
} | } | ||||
/* NameOther */ | /* NameOther */ | ||||
.chroma .nx { | .chroma .nx { | ||||
color: #24292e; | |||||
color: #24292e; | |||||
} | } | ||||
/* NameTag */ | /* NameTag */ | ||||
.chroma .nt { | .chroma .nt { | ||||
color: #22863a; | |||||
color: #22863a; | |||||
} | } | ||||
/* NameVariable */ | /* NameVariable */ | ||||
.chroma .nv { | .chroma .nv { | ||||
color: #008080; | |||||
color: #008080; | |||||
} | } | ||||
/* NameVariableClass */ | /* NameVariableClass */ | ||||
.chroma .vc { | .chroma .vc { | ||||
color: #008080; | |||||
color: #008080; | |||||
} | } | ||||
/* NameVariableGlobal */ | /* NameVariableGlobal */ | ||||
.chroma .vg { | .chroma .vg { | ||||
color: #008080; | |||||
color: #008080; | |||||
} | } | ||||
/* NameVariableInstance */ | /* NameVariableInstance */ | ||||
.chroma .vi { | .chroma .vi { | ||||
color: #008080; | |||||
color: #008080; | |||||
} | } | ||||
/* LiteralString */ | /* LiteralString */ | ||||
.chroma .s { | .chroma .s { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringAffix */ | /* LiteralStringAffix */ | ||||
.chroma .sa { | .chroma .sa { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringBacktick */ | /* LiteralStringBacktick */ | ||||
.chroma .sb { | .chroma .sb { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringChar */ | /* LiteralStringChar */ | ||||
.chroma .sc { | .chroma .sc { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringDelimiter */ | /* LiteralStringDelimiter */ | ||||
.chroma .dl { | .chroma .dl { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringDoc */ | /* LiteralStringDoc */ | ||||
.chroma .sd { | .chroma .sd { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringDouble */ | /* LiteralStringDouble */ | ||||
.chroma .s2 { | .chroma .s2 { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringEscape */ | /* LiteralStringEscape */ | ||||
.chroma .se { | .chroma .se { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringHeredoc */ | /* LiteralStringHeredoc */ | ||||
.chroma .sh { | .chroma .sh { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringInterpol */ | /* LiteralStringInterpol */ | ||||
.chroma .si { | .chroma .si { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringOther */ | /* LiteralStringOther */ | ||||
.chroma .sx { | .chroma .sx { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralStringRegex */ | /* LiteralStringRegex */ | ||||
.chroma .sr { | .chroma .sr { | ||||
color: #22863a; | |||||
color: #22863a; | |||||
} | } | ||||
/* LiteralStringSingle */ | /* LiteralStringSingle */ | ||||
.chroma .s1 { | .chroma .s1 { | ||||
color: #24292e; | |||||
color: #24292e; | |||||
} | } | ||||
/* LiteralStringSymbol */ | /* LiteralStringSymbol */ | ||||
.chroma .ss { | .chroma .ss { | ||||
color: #032f62; | |||||
color: #032f62; | |||||
} | } | ||||
/* LiteralNumber */ | /* LiteralNumber */ | ||||
.chroma .m { | .chroma .m { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberBin */ | /* LiteralNumberBin */ | ||||
.chroma .mb { | .chroma .mb { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberFloat */ | /* LiteralNumberFloat */ | ||||
.chroma .mf { | .chroma .mf { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberHex */ | /* LiteralNumberHex */ | ||||
.chroma .mh { | .chroma .mh { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberInteger */ | /* LiteralNumberInteger */ | ||||
.chroma .mi { | .chroma .mi { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberIntegerLong */ | /* LiteralNumberIntegerLong */ | ||||
.chroma .il { | .chroma .il { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* LiteralNumberOct */ | /* LiteralNumberOct */ | ||||
.chroma .mo { | .chroma .mo { | ||||
color: #009999; | |||||
color: #009999; | |||||
} | } | ||||
/* Operator */ | /* Operator */ | ||||
.chroma .o { | .chroma .o { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* OperatorWord */ | /* OperatorWord */ | ||||
.chroma .ow { | .chroma .ow { | ||||
color: #d73a49; | |||||
color: #d73a49; | |||||
} | } | ||||
/* Comment */ | /* Comment */ | ||||
.chroma .c { | .chroma .c { | ||||
color: #6a737d; | |||||
color: #6a737d; | |||||
} | } | ||||
/* CommentHashbang */ | /* CommentHashbang */ | ||||
.chroma .ch { | .chroma .ch { | ||||
color: #6a737d; | |||||
color: #6a737d; | |||||
} | } | ||||
/* CommentMultiline */ | /* CommentMultiline */ | ||||
.chroma .cm { | .chroma .cm { | ||||
color: #999988; | |||||
color: #999988; | |||||
} | } | ||||
/* CommentSingle */ | /* CommentSingle */ | ||||
.chroma .c1 { | .chroma .c1 { | ||||
color: #6a737d; | |||||
color: #6a737d; | |||||
} | } | ||||
/* CommentSpecial */ | /* CommentSpecial */ | ||||
.chroma .cs { | .chroma .cs { | ||||
color: #999999; | |||||
color: #999999; | |||||
} | } | ||||
/* CommentPreproc */ | /* CommentPreproc */ | ||||
.chroma .cp { | .chroma .cp { | ||||
color: #999999; | |||||
color: #999999; | |||||
} | } | ||||
/* CommentPreprocFile */ | /* CommentPreprocFile */ | ||||
.chroma .cpf { | .chroma .cpf { | ||||
color: #999999; | |||||
color: #999999; | |||||
} | } | ||||
/* GenericDeleted */ | /* GenericDeleted */ | ||||
.chroma .gd { | .chroma .gd { | ||||
color: #000000; | |||||
background-color: #ffdddd; | |||||
color: #000000; | |||||
background-color: #ffdddd; | |||||
} | } | ||||
/* GenericEmph */ | /* GenericEmph */ | ||||
.chroma .ge { | .chroma .ge { | ||||
color: #000000; | |||||
color: #000000; | |||||
} | } | ||||
/* GenericError */ | /* GenericError */ | ||||
.chroma .gr { | .chroma .gr { | ||||
color: #aa0000; | |||||
color: #aa0000; | |||||
} | } | ||||
/* GenericHeading */ | /* GenericHeading */ | ||||
.chroma .gh { | .chroma .gh { | ||||
color: #999999; | |||||
color: #999999; | |||||
} | } | ||||
/* GenericInserted */ | /* GenericInserted */ | ||||
.chroma .gi { | .chroma .gi { | ||||
color: #000000; | |||||
background-color: #ddffdd; | |||||
color: #000000; | |||||
background-color: #ddffdd; | |||||
} | } | ||||
/* GenericOutput */ | /* GenericOutput */ | ||||
.chroma .go { | .chroma .go { | ||||
color: #888888; | |||||
color: #888888; | |||||
} | } | ||||
/* GenericPrompt */ | /* GenericPrompt */ | ||||
.chroma .gp { | .chroma .gp { | ||||
color: #555555; | |||||
color: #555555; | |||||
} | } | ||||
/* GenericStrong */ | /* GenericStrong */ | ||||
.chroma .gs { | .chroma .gs { | ||||
font-weight: bold; | |||||
font-weight: bold; | |||||
} | } | ||||
/* GenericSubheading */ | /* GenericSubheading */ | ||||
.chroma .gu { | .chroma .gu { | ||||
color: #aaaaaa; | |||||
color: #aaaaaa; | |||||
} | } | ||||
/* GenericTraceback */ | /* GenericTraceback */ | ||||
.chroma .gt { | .chroma .gt { | ||||
color: #aa0000; | |||||
color: #aa0000; | |||||
} | } | ||||
/* GenericUnderline */ | /* GenericUnderline */ | ||||
.chroma .gl { | .chroma .gl { | ||||
text-decoration: underline; | |||||
text-decoration: underline; | |||||
} | } | ||||
/* TextWhitespace */ | /* TextWhitespace */ | ||||
.chroma .w { | .chroma .w { | ||||
color: #bbbbbb; | |||||
color: #bbbbbb; | |||||
} | } |
.dashboard { | .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 { | &.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; | |||||
} | |||||
} | } | ||||
} | |||||
} | } |
.CodeMirror { | .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"] { | .repository.file.editor .tab[data-tab="write"] { | ||||
padding: 0 !important; | |||||
padding: 0 !important; | |||||
} | } | ||||
.repository.file.editor .tab[data-tab="write"] .editor-toolbar { | .repository.file.editor .tab[data-tab="write"] .editor-toolbar { | ||||
border: 0 !important; | |||||
border: 0 !important; | |||||
} | } | ||||
.repository.file.editor .tab[data-tab="write"] .CodeMirror { | .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 { | .editor-toolbar { | ||||
opacity: 1 !important; | |||||
opacity: 1 !important; | |||||
} | } | ||||
.editor-toolbar a:not(:hover) { | .editor-toolbar a:not(:hover) { | ||||
background-color: transparent !important; | |||||
background-color: transparent !important; | |||||
} | } | ||||
.editor-toolbar i.separator { | .editor-toolbar i.separator { | ||||
border-left: none; | |||||
border-left: none; | |||||
} | } | ||||
.editor-loading { | .editor-loading { | ||||
padding: 1rem; | |||||
text-align: center; | |||||
padding: 1rem; | |||||
text-align: center; | |||||
} | } | ||||
.edit-diff { | .edit-diff { | ||||
padding: 0 !important; | |||||
padding: 0 !important; | |||||
} | } | ||||
.edit-diff > div > .ui.table { | .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 { | #edit_area { | ||||
display: none; | |||||
display: none; | |||||
} | } | ||||
.monaco-editor-container { | .monaco-editor-container { | ||||
width: 100%; | |||||
min-height: 200px; | |||||
height: 90vh; | |||||
width: 100%; | |||||
min-height: 200px; | |||||
height: 90vh; | |||||
} | } | ||||
/* overwrite conflicting styles from fomantic */ | /* overwrite conflicting styles from fomantic */ | ||||
.monaco-editor-container .inputarea { | .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; | |||||
} | } |
.explore { | .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 { | .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 { | .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 { | .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; | |||||
} | } | ||||
} | |||||
} | } | ||||
} | |||||
} | } |
.form { | .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 { | .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-input-padding: 250px !important; | ||||
#create-page-form { | #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 { | .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) { | @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) { | @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, | .user.activate, | ||||
.user.reset.password, | .user.reset.password, | ||||
.user.signin, | .user.signin, | ||||
.user.signup { | .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; | #create-page-form; | ||||
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 { | .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 { | .githook { | ||||
textarea { | |||||
font-family: @monospaced-fonts, monospace; | |||||
} | |||||
textarea { | |||||
font-family: @monospaced-fonts, monospace; | |||||
} | |||||
} | } | ||||
.new.org .ui.form { | .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; | |||||
} | } | ||||
} | |||||
} | } |
.home { | .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 { | .signup { | ||||
padding-top: 15px; | |||||
padding-top: 15px; | |||||
} | } | ||||
footer { | 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; | |||||
} | } | ||||
} | |||||
} | } |
.install { | .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; | |||||
} | |||||
} | } | ||||
} | |||||
} | } |
.markdown:not(code) { | .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 { | .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 { | .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 { | .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 { | .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; | |||||
} | } |
.organization { | .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; | |||||
} | |||||
} | } | ||||
} | |||||
} | } |
.ui.button.add-code-comment { | .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 { | .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-new .ui.button.add-code-comment.add-code-comment-right, | ||||
.focus-lines-old .ui.button.add-code-comment.add-code-comment-left { | .focus-lines-old .ui.button.add-code-comment.add-code-comment-left { | ||||
opacity: 1; | |||||
opacity: 1; | |||||
} | } | ||||
.comment-code-cloud { | .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 { | .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 { | a.fold-file { | ||||
margin-right: 10px; | |||||
color: inherit; | |||||
margin-right: 10px; | |||||
color: inherit; | |||||
} | } | ||||
a.blob-excerpt { | 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 { | a.blob-excerpt:hover { | ||||
background: #428bca; | |||||
color: #fff; | |||||
background: #428bca; | |||||
color: #fff; | |||||
} | } | ||||
.btn-review > .dropdown.icon { | .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) { | @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) { | @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) { | @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) { | @media only screen and (min-width: 1200px) { | ||||
#review-box .CodeMirror-scroll { | |||||
max-width: 900px; | |||||
} | |||||
#review-box .CodeMirror-scroll { | |||||
max-width: 900px; | |||||
} | |||||
} | } |
.svg { | .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; | |||||
} | |||||
} | } |
@import "~tributejs/dist/tribute.css"; | @import "~tributejs/dist/tribute.css"; | ||||
.tribute-container { | .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 { | .tribute-container ul { | ||||
margin-top: 0 !important; | |||||
background: #ffffff !important; | |||||
margin-top: 0 !important; | |||||
background: #ffffff !important; | |||||
} | } | ||||
.tribute-container li { | .tribute-container li { | ||||
padding: 3px .5rem !important; | |||||
padding: 3px .5rem !important; | |||||
} | } | ||||
.tribute-container li span.fullname { | .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.highlight, | ||||
.tribute-container li:hover { | .tribute-container li:hover { | ||||
background: #2185d0 !important; | |||||
color: #ffffff !important; | |||||
background: #2185d0 !important; | |||||
color: #ffffff !important; | |||||
} | } | ||||
.tribute-item { | .tribute-item { | ||||
display: flex; | |||||
align-items: center; | |||||
display: flex; | |||||
align-items: center; | |||||
} | } | ||||
.tribute-item .emoji, | .tribute-item .emoji, | ||||
.tribute-item img[src*="/avatar/"] { | .tribute-item img[src*="/avatar/"] { | ||||
margin-right: .5rem; | |||||
margin-right: .5rem; | |||||
} | } | ||||
.tribute-container img { | .tribute-container img { | ||||
width: 1.5rem !important; | |||||
height: 1.5rem !important; | |||||
width: 1.5rem !important; | |||||
height: 1.5rem !important; | |||||
} | } |
.user { | .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%; | 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 { | .user-orgs { | ||||
display: flex; | |||||
flex-flow: row wrap; | |||||
padding: 0; | |||||
margin: -3px !important; | |||||
li { | |||||
display: flex; | 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; | |||||
} | |||||
} | } |
@keyframes isloadingspin { | @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 { | .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 { | .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, | .markdown pre.is-loading, | ||||
.editor-loading.is-loading { | .editor-loading.is-loading { | ||||
height: 12rem; | |||||
height: 12rem; | |||||
} | } |
#git-graph-container { | #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; | |||||
} | |||||
} | } | ||||
} | |||||
} | } |
.mermaid-chart { | .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 */ | /* mermaid's errorRenderer seems to unavoidably spew stuff into <body>, hide it */ | ||||
body > div[id*="mermaid-"] { | body > div[id*="mermaid-"] { | ||||
display: none !important; | |||||
display: none !important; | |||||
} | } |