meissa
/
forgejo
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new markdown styles

Browse Source
forgejo
Fernando San Julián 9 years ago
parent e6b3eb115a
commit c5be40decb
4 changed files with 1147 additions and 575 deletions
Show Stats Download Patch File Download Diff File

2
modules/base/markdown.go
Unescape Escape View File

@ -198,7 +198,7 @@ func RenderRawMarkdown(body []byte, urlPrefix string) []byte {
extensions |= blackfriday.EXTENSION_FENCED_CODE extensions |= blackfriday.EXTENSION_FENCED_CODE
extensions |= blackfriday.EXTENSION_AUTOLINK extensions |= blackfriday.EXTENSION_AUTOLINK
extensions |= blackfriday.EXTENSION_STRIKETHROUGH extensions |= blackfriday.EXTENSION_STRIKETHROUGH
//extensions |= blackfriday.EXTENSION_HARD_LINE_BREAK extensions |= blackfriday.EXTENSION_HARD_LINE_BREAK
extensions |= blackfriday.EXTENSION_SPACE_HEADERS extensions |= blackfriday.EXTENSION_SPACE_HEADERS
extensions |= blackfriday.EXTENSION_NO_EMPTY_LINE_BEFORE_BLOCK extensions |= blackfriday.EXTENSION_NO_EMPTY_LINE_BEFORE_BLOCK

557
public/css/markdown.css
Unescape Escape View File

@ -1,235 +1,408 @@
.markdown { .markdown {
font-size: 14px; overflow: hidden;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-size: 16px;
line-height: 1.6;
word-wrap: break-word;
padding: 0 2em 2em !important;
}
.markdown > *:first-child {
margin-top: 0 !important;
}
.markdown > *:last-child {
margin-bottom: 0 !important;
} }
.markdown a:not([href]) {
.markdown a { color: inherit;
color: #4183C4; text-decoration: none;
}
.markdown .absent {
color: #c00;
}
.markdown .anchor {
position: absolute;
top: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
}
.markdown .anchor:focus {
outline: none;
} }
.markdown h1, .markdown h1,
.markdown h2, .markdown h2,
.markdown h3, .markdown h3,
.markdown h4, .markdown h4,
.markdown h5, .markdown h5,
.markdown h6 { .markdown h6 {
line-height: 1.7; position: relative;
padding: 15px 0 0; margin-top: 1em;
margin: 0 0 15px; margin-bottom: 16px;
color: #444;
font-weight: bold; font-weight: bold;
line-height: 1.4;
}
.markdown h1 .octicon-link,
.markdown h2 .octicon-link,
.markdown h3 .octicon-link,
.markdown h4 .octicon-link,
.markdown h5 .octicon-link,
.markdown h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
} }
.markdown h1:hover .anchor .octicon-link,
.markdown h1, .markdown h2:hover .anchor .octicon-link,
.markdown h2 { .markdown h3:hover .anchor .octicon-link,
border-bottom: 1px solid #EEE; .markdown h4:hover .anchor .octicon-link,
.markdown h5:hover .anchor .octicon-link,
.markdown h6:hover .anchor .octicon-link {
display: inline-block;
} }
.markdown h1 tt,
.markdown h2 { .markdown h1 code,
border-bottom: 1px solid #EEE; .markdown h2 tt,
.markdown h2 code,
.markdown h3 tt,
.markdown h3 code,
.markdown h4 tt,
.markdown h4 code,
.markdown h5 tt,
.markdown h5 code,
.markdown h6 tt,
.markdown h6 code {
font-size: inherit;
} }
.markdown h1 { .markdown h1 {
color: #000; padding-bottom: 0.3em;
font-size: 33px font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.markdown h1 .anchor {
line-height: 1;
} }
.markdown h2 { .markdown h2 {
color: #333; padding-bottom: 0.3em;
font-size: 28px font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.markdown h2 .anchor {
line-height: 1;
} }
.markdown h3 { .markdown h3 {
font-size: 22px font-size: 1.5em;
line-height: 1.43;
}
.markdown h3 .anchor {
line-height: 1.2;
} }
.markdown h4 { .markdown h4 {
font-size: 18px font-size: 1.25em;
}
.markdown h4 .anchor {
line-height: 1.2;
} }
.markdown h5 { .markdown h5 {
font-size: 14px font-size: 1em;
}
.markdown h5 .anchor {
line-height: 1.1;
} }
.markdown h6 { .markdown h6 {
font-size: 14px font-size: 1em;
color: #777;
}
.markdown h6 .anchor {
line-height: 1.1;
}
.markdown p,
.markdown blockquote,
.markdown ul,
.markdown ol,
.markdown dl,
.markdown table,
.markdown pre {
margin-top: 0;
margin-bottom: 16px;
}
.markdown hr {
height: 4px;
padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
}
.markdown ul,
.markdown ol {
padding-left: 2em;
}
.markdown ul.no-list,
.markdown ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown ul ul,
.markdown ul ol,
.markdown ol ol,
.markdown ol ul {
margin-top: 0;
margin-bottom: 0;
}
.markdown ol ol,
.markdown ul ol {
list-style-type: lower-roman;
}
.markdown li > p {
margin-top: 16px;
}
.markdown dl {
padding: 0;
}
.markdown dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
}
.markdown dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
.markdown blockquote {
padding: 0 15px;
color: #777;
border-left: 4px solid #ddd;
}
.markdown blockquote > :first-child {
margin-top: 0;
}
.markdown blockquote > :last-child {
margin-bottom: 0;
} }
.markdown table { .markdown table {
border-collapse: collapse;
border-spacing: 0;
display: block; display: block;
overflow: auto;
width: 100%; width: 100%;
margin: 0 0 9px; overflow: auto;
word-break: normal;
word-break: keep-all;
} }
.markdown table th { .markdown table th {
font-weight: 700 font-weight: bold;
} }
.markdown table th, .markdown table th,
.markdown table td { .markdown table td {
border: 1px solid #DDD; padding: 6px 13px !important;
padding: 6px 13px; border: 1px solid #ddd;
} }
.markdown table tr { .markdown table tr {
background-color: #FFF; background-color: #fff;
border-top: 1px solid #CCC; border-top: 1px solid #ccc;
} }
.markdown table tr:nth-child(2n) { .markdown table tr:nth-child(2n) {
background-color: #F8F8F8 background-color: #f8f8f8;
} }
.markdown img {
.markdown li { max-width: 100%;
line-height: 1.6; box-sizing: border-box;
margin-top: 6px;
} }
.markdown .emoji {
.markdown li:first-child { max-width: none;
margin-top: 0;
} }
.markdown span.frame {
.markdown dl dt { display: block;
font-style: italic; overflow: hidden;
margin-top: 9px;
} }
.markdown span.frame > span {
.markdown dl dd { display: block;
margin: 0 0 9px; float: left;
padding: 0 9px; width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #ddd;
} }
.markdown span.frame span img {
.markdown blockquote, display: block;
.markdown blockquote p { float: left;
font-size: 14px;
background-color: #f5f5f5;
} }
.markdown span.frame span span {
.markdown > pre { display: block;
line-height: 1.6; padding: 5px 0 0;
overflow: auto; clear: both;
background: #f8f8f8; color: #333;
border: 1px solid #ddd;
padding: 0;
} }
.markdown span.align-center {
.markdown > pre.linenums { display: block;
padding: 0; overflow: hidden;
clear: both;
} }
.markdown span.align-center > span {
.markdown > pre > ol.linenums { display: block;
list-style: none; margin: 13px auto 0;
padding: 0; overflow: hidden;
text-align: center;
} }
.markdown span.align-center span img {
.markdown > pre > ol.linenums > li { margin: 0 auto;
margin-top: 2px; text-align: center;
} }
.markdown span.align-right {
.markdown > pre.nums-style > ol.linenums { display: block;
list-style-type: decimal; overflow: hidden;
padding: 0 0 0 40px; clear: both;
-webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
} }
.markdown span.align-right > span {
.markdown > pre > code { display: block;
white-space: pre; margin: 13px 0 0;
word-wrap: normal; overflow: hidden;
text-align: right;
} }
.markdown span.align-right span img {
.markdown > pre > ol.linenums > li { margin: 0;
padding: 0 10px; text-align: right;
} }
.markdown span.float-left {
.markdown > pre > ol.linenums > li:first-child { display: block;
padding-top: 12px; float: left;
margin-right: 13px;
overflow: hidden;
} }
.markdown span.float-left span {
.markdown > pre > ol.linenums > li:last-child { margin: 13px 0 0;
padding-bottom: 12px;
} }
.markdown span.float-right {
.markdown > pre.nums-style > ol.linenums > li { display: block;
border-left: 1px solid #ddd; float: right;
margin-left: 13px;
overflow: hidden;
} }
.markdown span.float-right > span {
.markdown hr { display: block;
border: none; margin: 13px auto 0;
color: #ccc; overflow: hidden;
height: 4px; text-align: right;
}
.markdown code,
.markdown tt {
padding: 0; padding: 0;
margin: 15px 0; padding-top: 0.2em;
border-bottom: 2px solid #EEE; padding-bottom: 0.2em;
} margin: 0;
font-size: 85%;
.markdown blockquote:last-child, background-color: rgba(0, 0, 0, 0.04);
.markdown ul:last-child, border-radius: 3px;
.markdown ol:last-child, }
.markdown > pre:last-child, .markdown code:before,
.markdown > pre:last-child, .markdown code:after,
.markdown p:last-child { .markdown tt:before,
margin-bottom: 0; .markdown tt:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.markdown code br,
.markdown tt br {
display: none;
} }
.markdown del code {
.markdown img { text-decoration: inherit;
max-width: 100%;
} }
.markdown pre > code {
.markdown .btn { padding: 0;
color: #fff; margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: transparent;
border: 0;
} }
.markdown .highlight {
.markdown .anchor-wrap { margin-bottom: 16px;
/*margin-top: -50px;*/
/*padding-top: 50px;*/
} }
.markdown .highlight pre,
.markdown h1 a, .markdown h2 a, .markdown h3 a { .markdown pre {
text-decoration: none; padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
} }
.markdown .highlight pre {
.markdown h1 a.anchor, margin-bottom: 0;
.markdown h2 a.anchor, word-break: normal;
.markdown h3 a.anchor,
.markdown h4 a.anchor,
.markdown h5 a.anchor,
.markdown h6 a.anchor {
text-decoration:none;
line-height:1;
padding-left:0;
margin-left:5px;
top:15%;
} }
.markdown a span.octicon { .markdown pre {
font-size: 16px; word-wrap: normal;
font-family: "FontAwesome"; }
line-height: 1; .markdown pre code,
.markdown pre tt {
display: inline;
max-width: initial;
padding: 0;
margin: 0;
overflow: initial;
line-height: inherit;
word-wrap: normal;
background-color: transparent;
border: 0;
}
.markdown pre code:before,
.markdown pre code:after,
.markdown pre tt:before,
.markdown pre tt:after {
content: normal;
}
.markdown kbd {
display: inline-block; display: inline-block;
text-decoration: none; padding: 3px 5px;
-webkit-font-smoothing: antialiased; font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbbbbb;
}
.markdown .csv-data td,
.markdown .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap;
} }
.markdown .csv-data .blob-num {
.markdown a span.octicon-link { padding: 10px 8px 9px;
display: none; text-align: right;
color: #000; background: #fff;
border: 0;
} }
.markdown .csv-data tr {
.markdown a span.octicon-link:before { border-top: 0;
content: "\f0c1";
} }
.markdown .csv-data th {
.markdown h1:hover .octicon-link, font-weight: bold;
.markdown h2:hover .octicon-link, background: #f8f8f8;
.markdown h3:hover .octicon-link, border-top: 0;
.markdown h4:hover .octicon-link,
.markdown h5:hover .octicon-link,
.markdown h6:hover .octicon-link {
display:inline-block
} }
/* Author: jmblog */ /* Author: jmblog */
/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
/* GitHub Theme */ /* GitHub Theme */
@ -239,74 +412,60 @@
.pln { .pln {
color: #333333; color: #333333;
} }
@media screen { @media screen {
/* string content */ /* string content */
.str { .str {
color: #dd1144; color: #dd1144;
} }
/* a keyword */ /* a keyword */
.kwd { .kwd {
color: #333333; color: #333333;
} }
/* a comment */ /* a comment */
.com { .com {
color: #999988; color: #999988;
font-style: italic; font-style: italic;
} }
/* a type name */ /* a type name */
.typ { .typ {
color: #445588; color: #445588;
} }
/* a literal value */ /* a literal value */
.lit { .lit {
color: #445588; color: #445588;
} }
/* punctuation */ /* punctuation */
.pun { .pun {
color: #333333; color: #333333;
} }
/* lisp open bracket */ /* lisp open bracket */
.opn { .opn {
color: #333333; color: #333333;
} }
/* lisp close bracket */ /* lisp close bracket */
.clo { .clo {
color: #333333; color: #333333;
} }
/* a markup tag name */ /* a markup tag name */
.tag { .tag {
color: navy; color: navy;
} }
/* a markup attribute name */ /* a markup attribute name */
.atn { .atn {
color: teal; color: teal;
} }
/* a markup attribute value */ /* a markup attribute value */
.atv { .atv {
color: #dd1144; color: #dd1144;
} }
/* a declaration */ /* a declaration */
.dec { .dec {
color: #333333; color: #333333;
} }
/* a variable name */ /* a variable name */
.var { .var {
color: teal; color: teal;
} }
/* a function name */ /* a function name */
.fun { .fun {
color: #990000; color: #990000;
@ -317,69 +476,39 @@
.str { .str {
color: #006600; color: #006600;
} }
.kwd { .kwd {
color: #006; color: #006;
font-weight: bold; font-weight: bold;
} }
.com { .com {
color: #600; color: #600;
font-style: italic; font-style: italic;
} }
.typ { .typ {
color: #404; color: #404;
font-weight: bold; font-weight: bold;
} }
.lit { .lit {
color: #004444; color: #004444;
} }
.pun,
.pun, .opn, .clo { .opn,
.clo {
color: #444400; color: #444400;
} }
.tag { .tag {
color: #006; color: #006;
font-weight: bold; font-weight: bold;
} }
.atn { .atn {
color: #440044; color: #440044;
} }
.atv { .atv {
color: #006600; color: #006600;
} }
} }
/* Specify class=linenums on a pre to get line numbering */ /* Specify class=linenums on a pre to get line numbering */
ol.linenums { ol.linenums {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
/* */
}
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
/* */
}

494
public/ng/css/gogs.css
Unescape Escape View File

@ -279,226 +279,409 @@ img.avatar-100 {
list-style: none; list-style: none;
} }
.markdown { .markdown {
background-color: white; overflow: hidden;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 1.6;
word-wrap: break-word;
padding: 0 2em 2em !important;
}
.markdown > *:first-child {
margin-top: 0 !important;
}
.markdown > *:last-child {
margin-bottom: 0 !important;
}
.markdown a:not([href]) {
color: inherit;
text-decoration: none;
}
.markdown .absent {
color: #c00;
}
.markdown .anchor {
position: absolute;
top: 0;
left: 0;
display: block;
padding-right: 6px;
padding-left: 30px;
margin-left: -30px;
} }
.markdown .markdown-body { .markdown .anchor:focus {
padding-left: 24px; outline: none;
padding-right: 16px;
} }
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5, .markdown h5,
.markdown h6 { .markdown h6 {
position: relative;
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4;
}
.markdown h1 .octicon-link,
.markdown h2 .octicon-link,
.markdown h3 .octicon-link,
.markdown h4 .octicon-link,
.markdown h5 .octicon-link,
.markdown h6 .octicon-link {
display: none;
color: #000;
vertical-align: middle;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
padding-left: 8px;
margin-left: -30px;
text-decoration: none;
}
.markdown h1:hover .anchor .octicon-link,
.markdown h2:hover .anchor .octicon-link,
.markdown h3:hover .anchor .octicon-link,
.markdown h4:hover .anchor .octicon-link,
.markdown h5:hover .anchor .octicon-link,
.markdown h6:hover .anchor .octicon-link {
display: inline-block;
}
.markdown h1 tt,
.markdown h1 code,
.markdown h2 tt,
.markdown h2 code,
.markdown h3 tt,
.markdown h3 code,
.markdown h4 tt,
.markdown h4 code,
.markdown h5 tt,
.markdown h5 code,
.markdown h6 tt,
.markdown h6 code {
font-size: inherit;
}
.markdown h1 {
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2;
border-bottom: 1px solid #eee;
}
.markdown h1 .anchor {
line-height: 1;
}
.markdown h2 {
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225;
border-bottom: 1px solid #eee;
}
.markdown h2 .anchor {
line-height: 1;
}
.markdown h3 {
font-size: 1.5em;
line-height: 1.43;
}
.markdown h3 .anchor {
line-height: 1.2;
}
.markdown h4 {
font-size: 1.25em;
}
.markdown h4 .anchor {
line-height: 1.2;
}
.markdown h5 {
font-size: 1em; font-size: 1em;
} }
.markdown ul { .markdown h5 .anchor {
padding: 10px 0 0 15px; line-height: 1.1;
}
.markdown h6 {
font-size: 1em;
color: #777;
} }
.markdown ul li { .markdown h6 .anchor {
list-style: inside; line-height: 1.1;
} }
.markdown ol > li { .markdown p,
list-style: decimal inside; .markdown blockquote,
.markdown ul,
.markdown ol,
.markdown dl,
.markdown table,
.markdown pre {
margin-top: 0;
margin-bottom: 16px;
} }
.markdown li { .markdown hr {
line-height: 1.6; height: 4px;
margin-top: 6px; padding: 0;
margin: 16px 0;
background-color: #e7e7e7;
border: 0 none;
} }
.markdown li:first-child { .markdown ul,
.markdown ol {
padding-left: 2em;
}
.markdown ul.no-list,
.markdown ol.no-list {
padding: 0;
list-style-type: none;
}
.markdown ul ul,
.markdown ul ol,
.markdown ol ol,
.markdown ol ul {
margin-top: 0; margin-top: 0;
margin-bottom: 0;
} }
.markdown code { .markdown ol ol,
padding: 0.2em 0.5em; .markdown ul ol {
margin: 0; list-style-type: lower-roman;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px;
} }
.markdown > pre { .markdown li > p {
font-size: 14px; margin-top: 16px;
line-height: 1.6;
overflow: auto;
border: 1px solid #ddd;
border-radius: .25em;
margin: 5px 0;
padding: 10px;
background-color: #f8f8f8;
} }
.markdown > pre code { .markdown dl {
padding: 0; padding: 0;
background-color: inherit;
} }
.markdown img { .markdown dl dt {
padding: 10px 0; padding: 0;
max-width: 100%; margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold;
} }
.markdown blockquote { .markdown dl dd {
border-left: 4px solid #ddd; padding: 0 16px;
margin-bottom: 16px; margin-bottom: 16px;
} }
.markdown blockquote p { .markdown blockquote {
font-size: 14px; padding: 0 15px;
padding: 5px 15px;
color: #777; color: #777;
border-left: 4px solid #ddd;
}
.markdown blockquote > :first-child {
margin-top: 0;
}
.markdown blockquote > :last-child {
margin-bottom: 0;
} }
.markdown table { .markdown table {
display: block;
width: 100%; width: 100%;
overflow: auto; overflow: auto;
word-break: normal; word-break: normal;
margin: 15px 0; word-break: keep-all;
border-collapse: collapse;
border-spacing: 0;
display: block;
} }
.markdown table th { .markdown table th {
font-weight: 700; font-weight: bold;
} }
.markdown table th, .markdown table th,
.markdown table td { .markdown table td {
border: 1px solid #DDD;
padding: 6px 13px !important; padding: 6px 13px !important;
border: 1px solid #ddd;
} }
.markdown table tr { .markdown table tr {
background-color: #FFF; background-color: #fff;
border-top: 1px solid #CCC; border-top: 1px solid #ccc;
} }
.markdown table tr:nth-child(2n) { .markdown table tr:nth-child(2n) {
background-color: #F8F8F8; background-color: #f8f8f8;
}
.markdown p {
margin: 20px 0;
} }
.markdown a { .markdown img {
color: #428BCA; max-width: 100%;
box-sizing: border-box;
} }
.markdown h1, .markdown .emoji {
.markdown h2, max-width: none;
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
line-height: 1.7;
padding: 15px 0 0;
margin: 0 0 15px;
color: #444;
font-weight: bold;
} }
.markdown h1, .markdown span.frame {
.markdown h2 { display: block;
border-bottom: 1px solid #E0E0E0; overflow: hidden;
} }
.markdown h2 { .markdown span.frame > span {
border-bottom: 1px solid #E0E0E0; display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #ddd;
} }
.markdown h1 { .markdown span.frame span img {
color: #000; display: block;
font-size: 33px; float: left;
} }
.markdown h2 { .markdown span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #333; color: #333;
font-size: 28px;
} }
.markdown h3 { .markdown span.align-center {
font-size: 22px; display: block;
overflow: hidden;
clear: both;
} }
.markdown h4 { .markdown span.align-center > span {
font-size: 18px; display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
} }
.markdown dl dt { .markdown span.align-center span img {
font-style: italic; margin: 0 auto;
margin-top: 9px; text-align: center;
} }
.markdown dl dd { .markdown span.align-right {
margin: 0 0 9px; display: block;
padding: 0 9px; overflow: hidden;
clear: both;
} }
.markdown > pre.linenums { .markdown span.align-right > span {
padding: 0; display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
} }
.markdown > pre > ol.linenums { .markdown span.align-right span img {
list-style: none; margin: 0;
text-align: right;
}
.markdown span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
.markdown span.float-left span {
margin: 13px 0 0;
}
.markdown span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
.markdown span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
.markdown code,
.markdown tt {
padding: 0; padding: 0;
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, 0.04);
border-radius: 3px;
} }
.markdown > pre > ol.linenums > li { .markdown code:before,
margin-top: 2px; .markdown code:after,
.markdown tt:before,
.markdown tt:after {
letter-spacing: -0.2em;
content: "\00a0";
}
.markdown code br,
.markdown tt br {
display: none;
} }
.markdown > pre.nums-style > ol.linenums { .markdown del code {
list-style-type: decimal; text-decoration: inherit;
padding: 0 0 0 40px;
-webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
} }
.markdown > pre > code { .markdown pre > code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre; white-space: pre;
word-wrap: normal; background: transparent;
border: 0;
} }
.markdown > pre > ol.linenums > li { .markdown .highlight {
padding: 0 10px; margin-bottom: 16px;
} }
.markdown > pre > ol.linenums > li:first-child { .markdown .highlight pre,
padding-top: 12px; .markdown pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
border-radius: 3px;
} }
.markdown > pre > ol.linenums > li:last-child { .markdown .highlight pre {
padding-bottom: 12px; margin-bottom: 0;
word-break: normal;
} }
.markdown > pre.nums-style > ol.linenums > li { .markdown pre {
border-left: 1px solid #ddd; word-wrap: normal;
} }
.markdown hr { .markdown pre code,
border: none; .markdown pre tt {
color: #ccc; display: inline;
height: 4px; max-width: initial;
padding: 0; padding: 0;
margin: 15px 0; margin: 0;
border-bottom: 2px solid #EEE; overflow: initial;
} line-height: inherit;
.markdown blockquote:last-child, word-wrap: normal;
.markdown ul:last-child, background-color: transparent;
.markdown ol:last-child, border: 0;
.markdown > pre:last-child,
.markdown > pre:last-child,
.markdown p:last-child {
margin-bottom: 0;
} }
.markdown .btn { .markdown pre code:before,
color: #fff; .markdown pre code:after,
.markdown pre tt:before,
.markdown pre tt:after {
content: normal;
} }
.markdown h1 a, .markdown kbd {
.markdown h2 a, display: inline-block;
.markdown h3 a { padding: 3px 5px;
text-decoration: none; font-size: 11px;
line-height: 10px;
color: #555;
vertical-align: middle;
background-color: #fcfcfc;
border: solid 1px #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbbbbb;
} }
.markdown h1 a.anchor, .markdown .csv-data td,
.markdown h2 a.anchor, .markdown .csv-data th {
.markdown h3 a.anchor, padding: 5px;
.markdown h4 a.anchor, overflow: hidden;
.markdown h5 a.anchor, font-size: 12px;
.markdown h6 a.anchor {
text-decoration: none;
line-height: 1; line-height: 1;
padding-left: 0; text-align: left;
margin-left: -24px; white-space: nowrap;
top: 15%;
} }
.markdown a span.octicon { .markdown .csv-data .blob-num {
font-size: 16px; padding: 10px 8px 9px;
line-height: 1; text-align: right;
display: inline-block; background: #fff;
text-decoration: none; border: 0;
-webkit-font-smoothing: antialiased;
margin-left: 30px;
} }
.markdown a span.octicon-link { .markdown .csv-data tr {
opacity: 0; border-top: 0;
color: #444;
} }
.markdown h1:hover .octicon-link, .markdown .csv-data th {
.markdown h2:hover .octicon-link, font-weight: bold;
.markdown h3:hover .octicon-link, background: #f8f8f8;
.markdown h4:hover .octicon-link, border-top: 0;
.markdown h5:hover .octicon-link,
.markdown h6:hover .octicon-link {
display: inline-block;
opacity: 1;
} }
/* Author: jmblog */ /* Author: jmblog */
/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
@ -966,6 +1149,11 @@ The register and sign-in page style
.sign-form.form-align .form-label { .sign-form.form-align .form-label {
width: 160px; width: 160px;
} }
.sign-form.form-align .chk-label {
width: auto;
text-align: left;
margin-left: 176px;
}
.sign-form.form-align .alert { .sign-form.form-align .alert {
margin: 0 30px 24px 30px; margin: 0 30px 24px 30px;
} }

573
public/ng/less/gogs/markdown.less
Unescape Escape View File

@ -1,225 +1,480 @@
.markdown { .markdown {
background-color: white; overflow:hidden;
font-family:"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
font-size:16px; font-size:16px;
line-height: 24px; line-height:1.6;
.markdown-body { word-wrap:break-word;
padding-left: 24px; padding: 0 2em 2em !important;
padding-right: 16px;
>*:first-child {
margin-top:0 !important;
}
>*:last-child {
margin-bottom:0 !important;
}
a:not([href]) {
color:inherit;
text-decoration:none;
} }
.absent {
color:#c00;
}
.anchor {
position:absolute;
top:0;
left:0;
display:block;
padding-right:6px;
padding-left:30px;
margin-left:-30px;
}
.anchor:focus {
outline:none;
}
h1,
h2,
h3,
h4,
h5, h5,
h6 { h6 {
position:relative;
margin-top:1em;
margin-bottom:16px;
font-weight:bold;
line-height:1.4;
}
h1 .octicon-link,
h2 .octicon-link,
h3 .octicon-link,
h4 .octicon-link,
h5 .octicon-link,
h6 .octicon-link {
display:none;
color:#000;
vertical-align:middle;
}
h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
padding-left:8px;
margin-left:-30px;
text-decoration:none;
}
h1:hover .anchor .octicon-link,
h2:hover .anchor .octicon-link,
h3:hover .anchor .octicon-link,
h4:hover .anchor .octicon-link,
h5:hover .anchor .octicon-link,
h6:hover .anchor .octicon-link {
display:inline-block;
}
h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
font-size:inherit;
}
h1 {
padding-bottom:0.3em;
font-size:2.25em;
line-height:1.2;
border-bottom:1px solid #eee;
}
h1 .anchor {
line-height:1;
}
h2 {
padding-bottom:0.3em;
font-size:1.75em;
line-height:1.225;
border-bottom:1px solid #eee;
}
h2 .anchor {
line-height:1;
}
h3 {
font-size:1.5em;
line-height:1.43;
}
h3 .anchor {
line-height:1.2;
}
h4 {
font-size:1.25em;
}
h4 .anchor {
line-height:1.2;
}
h5 {
font-size:1em; font-size:1em;
} }
ul {
padding: 10px 0 0 15px; h5 .anchor {
li { line-height:1.1;
list-style: inside;
} }
h6 {
font-size:1em;color:#777;
} }
ol li {
list-style: decimal inside; h6 .anchor {
line-height:1.1;
} }
li {
line-height: 1.6; p,
margin-top: 6px; blockquote,
&:first-child { ul,
ol,
dl,
table,
pre {
margin-top:0; margin-top:0;
margin-bottom:16px;
} }
hr {
height:4px;
padding:0;
margin:16px 0;
background-color:#e7e7e7;
border:0 none;
} }
code {
padding: 0.2em 0.5em; ul,
margin: 0; ol {
background-color: rgba(0,0,0,0.04); padding-left:2em;
border-radius: 3px;
} }
>pre {
font-size: 14px; ul.no-list,
line-height: 1.6; ol.no-list {
overflow: auto;
border: 1px solid #ddd;
border-radius: .25em;
margin: 5px 0;
padding: 10px;
background-color: #f8f8f8;
code {
padding:0; padding:0;
background-color: inherit; list-style-type:none;
} }
ul ul,
ul ol,
ol ol,
ol ul {
margin-top:0;
margin-bottom:0;
} }
img {
padding: 10px 0; ol ol,
max-width: 100%; ul ol {
list-style-type: lower-roman;
} }
blockquote {
border-left: 4px solid #ddd; li>p {
margin-top:16px;
}
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; margin-bottom:16px;
p { }
font-size: 14px;
padding: 5px 15px; blockquote {
padding:0 15px;
color:#777; color:#777;
border-left:4px solid #ddd;
} }
blockquote>:first-child {
margin-top:0;
}
blockquote>:last-child {
margin-bottom:0;
} }
table { table {
display:block; display:block;
width:100%; width:100%;
overflow:auto; overflow:auto;
word-break:normal; word-break:normal;
margin: 15px 0; word-break:keep-all;
border-collapse: collapse; }
border-spacing: 0;
display: block; table th {
th { font-weight:bold;
font-weight: 700;
} }
th, td {
border: 1px solid #DDD; table th,
table td {
padding:6px 13px !important; padding:6px 13px !important;
border:1px solid #ddd;
} }
tr {
background-color: #FFF; table tr {
border-top: 1px solid #CCC; background-color:#fff;
&:nth-child(2n) { border-top:1px solid #ccc;
background-color: #F8F8F8;
} }
table tr:nth-child(2n) {
background-color:#f8f8f8;
} }
img {
max-width:100%;
box-sizing:border-box;
} }
p {
margin: 20px 0; .emoji {
max-width:none;
} }
span.frame {
display:block;
overflow:hidden;
} }
.markdown a {
color: #428BCA; span.frame>span {
display:block;
float:left;
width:auto;
padding:7px;
margin:13px 0 0;
overflow:hidden;
border:1px solid #ddd;
} }
.markdown h1,
.markdown h2, span.frame span img {
.markdown h3, display:block;
.markdown h4, float:left;
.markdown h5,
.markdown h6 {
line-height: 1.7;
padding: 15px 0 0;
margin: 0 0 15px;
color: #444;
font-weight: bold;
} }
.markdown h1,
.markdown h2 { span.frame span span {
border-bottom: 1px solid #E0E0E0; display:block;
padding:5px 0 0;
clear:both;
color:#333;
} }
.markdown h2 {
border-bottom: 1px solid #E0E0E0; span.align-center {
display:block;
overflow:hidden;
clear:both;
} }
.markdown h1 {
color: #000; span.align-center>span {
font-size: 33px display:block;
margin:13px auto 0;
overflow:hidden;
text-align:center;
} }
.markdown h2 {
color: #333; span.align-center span img {
font-size: 28px margin:0 auto;
text-align:center;
} }
.markdown h3 {
font-size: 22px span.align-right {
display:block;
overflow:hidden;
clear:both;
} }
.markdown h4 {
font-size: 18px span.align-right>span {
display:block;
margin:13px 0 0;
overflow:hidden;
text-align:right;
} }
.markdown dl dt {
font-style: italic; span.align-right span img {
margin-top: 9px; margin:0;
text-align:right;
}
span.float-left {
display:block;
float:left;
margin-right:13px;
overflow:hidden;
} }
.markdown dl dd {
margin: 0 0 9px; span.float-left span {
padding: 0 9px; margin:13px 0 0;
} }
.markdown > pre.linenums {
padding: 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;
} }
.markdown > pre > ol.linenums {
list-style: none; code,
tt {
padding:0; padding:0;
padding-top:0.2em;
padding-bottom:0.2em;
margin:0;
font-size:85%;
background-color:rgba(0,0,0,0.04);
border-radius:3px;
} }
.markdown > pre > ol.linenums > li {
margin-top: 2px; code:before,
code:after,
tt:before,
tt:after {
letter-spacing:-0.2em;
content:"\00a0";
}
code br,
tt br {
display:none;
} }
.markdown > pre.nums-style > ol.linenums {
list-style-type: decimal; del code {
padding: 0 0 0 40px; text-decoration:inherit;
-webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
} }
.markdown > pre > code {
pre>code {
padding:0;
margin:0;
font-size:100%;
word-break:normal;
white-space:pre; white-space:pre;
word-wrap: normal; background:transparent;
border:0;
} }
.markdown > pre > ol.linenums > li {
padding: 0 10px; .highlight {
margin-bottom:16px;
} }
.markdown > pre > ol.linenums > li:first-child {
padding-top: 12px; .highlight pre,
pre {
padding:16px;
overflow:auto;
font-size:85%;
line-height:1.45;
background-color:#f7f7f7;
border-radius:3px;
} }
.markdown > pre > ol.linenums > li:last-child {
padding-bottom: 12px; .highlight pre {
margin-bottom:0;
word-break:normal;
} }
.markdown > pre.nums-style > ol.linenums > li {
border-left: 1px solid #ddd; pre {
word-wrap:normal;
} }
.markdown hr {
border: none; pre code,
color: #ccc; pre tt {
height: 4px; display:inline;
max-width:initial;
padding:0; padding:0;
margin: 15px 0; margin:0;
border-bottom: 2px solid #EEE; overflow:initial;
} line-height:inherit;
.markdown blockquote:last-child, word-wrap:normal;
.markdown ul:last-child, background-color:transparent;
.markdown ol:last-child, border:0;
.markdown > pre:last-child,
.markdown > pre:last-child,
.markdown p:last-child {
margin-bottom: 0;
} }
.markdown .btn {
color: #fff; pre code:before,
pre code:after,
pre tt:before,
pre tt:after {
content:normal;
} }
.markdown h1 a,
.markdown h2 a, kbd {
.markdown h3 a { display:inline-block;
text-decoration: none; padding:3px 5px;
font-size:11px;
line-height:10px;
color:#555;
vertical-align:middle;
background-color:#fcfcfc;
border:solid 1px #ccc;
border-bottom-color:#bbb;
border-radius:3px;
box-shadow:inset 0 -1px 0 #bbb;
} }
.markdown h1 a.anchor,
.markdown h2 a.anchor, .csv-data td,
.markdown h3 a.anchor, .csv-data th {
.markdown h4 a.anchor, padding:5px;
.markdown h5 a.anchor, overflow:hidden;
.markdown h6 a.anchor { font-size:12px;
text-decoration: none;
line-height:1; line-height:1;
padding-left: 0; text-align:left;
margin-left: -24px; white-space:nowrap;
top: 15%;
} }
.markdown a span.octicon {
font-size: 16px; .csv-data .blob-num {
line-height: 1; padding:10px 8px 9px;
display: inline-block; text-align:right;
text-decoration: none; background:#fff;border:0;
-webkit-font-smoothing: antialiased; }
margin-left: 30px;
} .csv-data tr {
.markdown a span.octicon-link { border-top:0;
opacity: 0;
color: #444;
}
.markdown h1:hover .octicon-link,
.markdown h2:hover .octicon-link,
.markdown h3:hover .octicon-link,
.markdown h4:hover .octicon-link,
.markdown h5:hover .octicon-link,
.markdown h6:hover .octicon-link {
display: inline-block;
opacity: 1;
} }
.csv-data th {
font-weight:bold;
background:#f8f8f8;border-top:0;
}
}
/* Author: jmblog */ /* Author: jmblog */
/* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */ /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */

Write Preview
Loading…
Cancel
Save