9c54fef17c
This changes the links on headings like '# Usage' in markdown from `https://host/user/repo#user-content-usage` to just `https://host/user/repo#usage` matching GitHub and GitLab. The linked id elements still have the prefix and this behaviour matches GitHub and GitLab too, so JS is needed to scroll to the active anchor. I suspect it's like that to avoid namespace collission between user-generated content and other page content. Compatibilty for old links is included so they will continue to work. Also included are some enhancements to make the clickable area for the link icon larger and fix its color on arc-green. Fixes: https://github.com/go-gitea/gitea/issues/11896 Fixes: https://github.com/go-gitea/gitea/issues/12062
496 lines
8.3 KiB
Text
496 lines
8.3 KiB
Text
.markdown:not(code) {
|
|
overflow: hidden;
|
|
font-size: 16px;
|
|
line-height: 1.6 !important;
|
|
word-wrap: break-word;
|
|
|
|
&.ui.segment {
|
|
padding: 3em;
|
|
}
|
|
|
|
&.file-view {
|
|
padding: 2em !important;
|
|
}
|
|
|
|
> *:first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
> *:last-child {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
a:not([href]) {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.absent {
|
|
color: #cc0000;
|
|
}
|
|
|
|
.anchor {
|
|
padding-right: 4px;
|
|
margin-left: -20px;
|
|
line-height: 1;
|
|
color: inherit;
|
|
}
|
|
|
|
.anchor .svg {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.anchor:focus {
|
|
outline: none;
|
|
}
|
|
|
|
h1 .anchor .svg,
|
|
h2 .anchor .svg,
|
|
h3 .anchor .svg,
|
|
h4 .anchor .svg,
|
|
h5 .anchor .svg,
|
|
h6 .anchor .svg {
|
|
visibility: hidden;
|
|
}
|
|
|
|
h1:hover .anchor .svg,
|
|
h2:hover .anchor .svg,
|
|
h3:hover .anchor .svg,
|
|
h4:hover .anchor .svg,
|
|
h5:hover .anchor .svg,
|
|
h6:hover .anchor .svg {
|
|
visibility: visible;
|
|
}
|
|
|
|
h2 .anchor .svg,
|
|
h3 .anchor .svg,
|
|
h4 .anchor .svg {
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 1em;
|
|
margin-bottom: 16px;
|
|
font-weight: bold;
|
|
line-height: 1.4;
|
|
|
|
&:first-of-type {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
h1 tt,
|
|
h1 code,
|
|
h2 tt,
|
|
h2 code,
|
|
h3 tt,
|
|
h3 code,
|
|
h4 tt,
|
|
h4 code,
|
|
h5 tt,
|
|
h5 code,
|
|
h6 tt,
|
|
h6 code {
|
|
font-size: inherit;
|
|
}
|
|
|
|
h1 {
|
|
padding-bottom: .3em;
|
|
font-size: 2.25em;
|
|
line-height: 1.2;
|
|
border-bottom: 1px solid #eeeeee;
|
|
}
|
|
|
|
h2 {
|
|
padding-bottom: .3em;
|
|
font-size: 1.75em;
|
|
line-height: 1.225;
|
|
border-bottom: 1px solid #eeeeee;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
line-height: 1.43;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1em;
|
|
color: #777777;
|
|
}
|
|
|
|
p,
|
|
blockquote,
|
|
ul,
|
|
ol,
|
|
dl,
|
|
table,
|
|
pre {
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
hr {
|
|
height: 4px;
|
|
padding: 0;
|
|
margin: 16px 0;
|
|
background-color: #e7e7e7;
|
|
border: 0;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
ul.no-list,
|
|
ol.no-list {
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
li.task-list-item {
|
|
list-style-type: none;
|
|
margin-left: calc(-2em + 2px);
|
|
}
|
|
|
|
ul ul,
|
|
ul ol,
|
|
ol ol,
|
|
ol ul {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
ol ol,
|
|
ul ol {
|
|
list-style-type: lower-roman;
|
|
}
|
|
|
|
li > p {
|
|
margin-top: 0;
|
|
}
|
|
|
|
dl {
|
|
padding: 0;
|
|
}
|
|
|
|
dl dt {
|
|
padding: 0;
|
|
margin-top: 16px;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
dl dd {
|
|
padding: 0 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
blockquote {
|
|
margin-left: 0;
|
|
padding: 0 15px;
|
|
color: #777777;
|
|
border-left: 4px solid #dddddd;
|
|
}
|
|
|
|
blockquote > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
blockquote > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
table {
|
|
width: auto;
|
|
overflow: auto;
|
|
word-break: keep-all;
|
|
display: block;
|
|
}
|
|
|
|
table th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
table th,
|
|
table td {
|
|
padding: 6px 13px !important;
|
|
border: 1px solid #dddddd !important;
|
|
}
|
|
|
|
table tr {
|
|
background-color: #ffffff;
|
|
border-top: 1px solid #cccccc;
|
|
}
|
|
|
|
table tr:nth-child(2n) {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.emoji {
|
|
max-width: none;
|
|
}
|
|
|
|
span.frame {
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
span.frame > span {
|
|
display: block;
|
|
float: left;
|
|
width: auto;
|
|
padding: 7px;
|
|
margin: 13px 0 0;
|
|
overflow: hidden;
|
|
border: 1px solid #dddddd;
|
|
}
|
|
|
|
span.frame span img {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
span.frame span span {
|
|
display: block;
|
|
padding: 5px 0 0;
|
|
clear: both;
|
|
color: #333333;
|
|
}
|
|
|
|
span.align-center {
|
|
display: block;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
span.align-center > span {
|
|
display: block;
|
|
margin: 13px auto 0;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
span.align-center span img {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
span.align-right {
|
|
display: block;
|
|
overflow: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
span.align-right > span {
|
|
display: block;
|
|
margin: 13px 0 0;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
}
|
|
|
|
span.align-right span img {
|
|
margin: 0;
|
|
text-align: right;
|
|
}
|
|
|
|
span.float-left {
|
|
display: block;
|
|
float: left;
|
|
margin-right: 13px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
span.float-left span {
|
|
margin: 13px 0 0;
|
|
}
|
|
|
|
span.float-right {
|
|
display: block;
|
|
float: right;
|
|
margin-left: 13px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
span.float-right > span {
|
|
display: block;
|
|
margin: 13px auto 0;
|
|
overflow: hidden;
|
|
text-align: right;
|
|
}
|
|
|
|
code,
|
|
tt {
|
|
padding: .2em .3em;
|
|
margin: 0;
|
|
font-size: 85%;
|
|
background-color: rgba(0, 0, 0, .04);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
code br,
|
|
tt br {
|
|
display: none;
|
|
}
|
|
|
|
del code {
|
|
text-decoration: inherit;
|
|
}
|
|
|
|
pre > code {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 100%;
|
|
word-break: normal;
|
|
white-space: pre;
|
|
background: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
.highlight {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.highlight pre,
|
|
pre {
|
|
padding: 16px;
|
|
overflow: auto;
|
|
font-size: 85%;
|
|
line-height: 1.45;
|
|
background-color: #f7f7f7;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.highlight pre {
|
|
margin-bottom: 0;
|
|
word-break: normal;
|
|
}
|
|
|
|
pre {
|
|
word-wrap: normal;
|
|
}
|
|
|
|
pre code,
|
|
pre tt {
|
|
display: inline;
|
|
max-width: initial;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: initial;
|
|
line-height: inherit;
|
|
word-wrap: normal;
|
|
background-color: transparent;
|
|
border: 0;
|
|
}
|
|
|
|
pre code:before,
|
|
pre code:after,
|
|
pre tt:before,
|
|
pre tt:after {
|
|
content: normal;
|
|
}
|
|
|
|
kbd {
|
|
display: inline-block;
|
|
padding: 3px 5px;
|
|
font-size: 11px;
|
|
line-height: 10px;
|
|
color: #555555;
|
|
vertical-align: middle;
|
|
background-color: #fcfcfc;
|
|
border: solid 1px #cccccc;
|
|
border-bottom-color: #bbbbbb;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 -1px 0 #bbbbbb;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.csv-data td,
|
|
.csv-data th {
|
|
padding: 5px;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.csv-data .blob-num {
|
|
padding: 10px 8px 9px;
|
|
text-align: right;
|
|
background: #ffffff;
|
|
border: 0;
|
|
}
|
|
|
|
.csv-data tr {
|
|
border-top: 0;
|
|
}
|
|
|
|
.csv-data th {
|
|
font-weight: bold;
|
|
background: #f8f8f8;
|
|
border-top: 0;
|
|
}
|
|
|
|
.ui.list .list,
|
|
ol.ui.list ol,
|
|
ul.ui.list ul {
|
|
padding-left: 2em;
|
|
}
|
|
}
|
|
|
|
.repository.wiki.revisions {
|
|
.ui.container > .ui.stackable.grid {
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse;
|
|
|
|
> .header {
|
|
margin-top: 0;
|
|
|
|
.sub.header {
|
|
padding-left: 52px;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.file-revisions-btn {
|
|
display: block;
|
|
float: left;
|
|
margin-bottom: 2px !important;
|
|
padding: 11px !important;
|
|
margin-right: 10px !important;
|
|
|
|
i {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
}
|