css: add img margin-right

[CI SKIP]
pull/5940/head
ᴜɴᴋɴᴡᴏɴ 2020-02-23 11:38:50 +08:00
parent 286fbc07e9
commit f2dc0d3115
No known key found for this signature in database
GPG Key ID: B43718D76E30A238
3 changed files with 499 additions and 488 deletions

View File

@ -692,6 +692,9 @@ footer .ui.language .menu {
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
.markdown:not(code) img[align=left] {
margin-right: 10px;
}
.markdown:not(code) .emoji { .markdown:not(code) .emoji {
max-width: none; max-width: none;
} }

File diff suppressed because one or more lines are too long

View File

@ -1,489 +1,497 @@
.markdown:not(code) { .markdown:not(code) {
overflow: hidden; overflow: hidden;
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans,
font-size: 16px; sans-serif;
line-height: 1.6 !important; font-size: 16px;
word-wrap: break-word; line-height: 1.6 !important;
word-wrap: break-word;
&.file-view {
padding: 2em 2em 2em !important; &.file-view {
} padding: 2em 2em 2em !important;
}
>*:first-child {
margin-top: 0 !important; > *:first-child {
} margin-top: 0 !important;
}
>*:last-child {
margin-bottom: 0 !important; > *:last-child {
} margin-bottom: 0 !important;
}
a:not([href]) {
color: inherit; a:not([href]) {
text-decoration: none; color: inherit;
} text-decoration: none;
}
.absent {
color: #c00; .absent {
} color: #c00;
}
.anchor {
position: absolute; .anchor {
top: 0; position: absolute;
left: 0; top: 0;
display: block; left: 0;
padding-right: 6px; display: block;
padding-left: 30px; padding-right: 6px;
margin-left: -30px; padding-left: 30px;
} margin-left: -30px;
}
.anchor:focus {
outline: none; .anchor:focus {
} outline: none;
}
h1,
h2, h1,
h3, h2,
h4, h3,
h5, h4,
h6 { h5,
position: relative; h6 {
margin-top: 1em; position: relative;
margin-bottom: 16px; margin-top: 1em;
font-weight: bold; margin-bottom: 16px;
line-height: 1.4; font-weight: bold;
line-height: 1.4;
&:first-of-type {
margin-top: 0 !important; &:first-of-type {
} margin-top: 0 !important;
} }
}
h1 .octicon-link,
h2 .octicon-link, h1 .octicon-link,
h3 .octicon-link, h2 .octicon-link,
h4 .octicon-link, h3 .octicon-link,
h5 .octicon-link, h4 .octicon-link,
h6 .octicon-link { h5 .octicon-link,
display:none; h6 .octicon-link {
color:#000; display: none;
vertical-align:middle; color: #000;
} vertical-align: middle;
}
h1:hover .anchor,
h2:hover .anchor, h1:hover .anchor,
h3:hover .anchor, h2:hover .anchor,
h4:hover .anchor, h3:hover .anchor,
h5:hover .anchor, h4:hover .anchor,
h6:hover .anchor { h5:hover .anchor,
padding-left:8px; h6:hover .anchor {
margin-left:-30px; padding-left: 8px;
text-decoration:none; margin-left: -30px;
} text-decoration: none;
}
h1:hover .anchor .octicon-link,
h2:hover .anchor .octicon-link, h1:hover .anchor .octicon-link,
h3:hover .anchor .octicon-link, h2:hover .anchor .octicon-link,
h4:hover .anchor .octicon-link, h3:hover .anchor .octicon-link,
h5:hover .anchor .octicon-link, h4:hover .anchor .octicon-link,
h6:hover .anchor .octicon-link { h5:hover .anchor .octicon-link,
display:inline-block; h6:hover .anchor .octicon-link {
} display: inline-block;
}
h1 tt,
h1 code, h1 tt,
h2 tt, h1 code,
h2 code, h2 tt,
h3 tt, h2 code,
h3 code, h3 tt,
h4 tt, h3 code,
h4 code, h4 tt,
h5 tt, h4 code,
h5 code, h5 tt,
h6 tt, h5 code,
h6 code { h6 tt,
font-size:inherit; h6 code {
} font-size: inherit;
}
h1 {
padding-bottom:0.3em; h1 {
font-size:2.25em; padding-bottom: 0.3em;
line-height:1.2; font-size: 2.25em;
border-bottom:1px solid #eee; line-height: 1.2;
} border-bottom: 1px solid #eee;
}
h1 .anchor {
line-height:1; h1 .anchor {
} line-height: 1;
}
h2 {
padding-bottom:0.3em; h2 {
font-size:1.75em; padding-bottom: 0.3em;
line-height:1.225; font-size: 1.75em;
border-bottom:1px solid #eee; line-height: 1.225;
} border-bottom: 1px solid #eee;
}
h2 .anchor {
line-height:1; h2 .anchor {
} line-height: 1;
}
h3 {
font-size:1.5em; h3 {
line-height:1.43; font-size: 1.5em;
} line-height: 1.43;
}
h3 .anchor {
line-height:1.2; h3 .anchor {
} line-height: 1.2;
}
h4 {
font-size:1.25em; h4 {
} font-size: 1.25em;
}
h4 .anchor {
line-height:1.2; h4 .anchor {
} line-height: 1.2;
}
h5 {
font-size:1em; h5 {
} font-size: 1em;
}
h5 .anchor {
line-height:1.1; h5 .anchor {
} line-height: 1.1;
}
h6 {
font-size:1em;color:#777; h6 {
} font-size: 1em;
color: #777;
h6 .anchor { }
line-height:1.1;
} h6 .anchor {
line-height: 1.1;
p, }
blockquote,
ul, p,
ol, blockquote,
dl, ul,
table, ol,
pre { dl,
margin-top: 0; table,
margin-bottom: 16px; pre {
} margin-top: 0;
blockquote { margin-bottom: 16px;
margin-left: 0; }
} blockquote {
margin-left: 0;
hr { }
height:4px;
padding:0; hr {
margin:16px 0; height: 4px;
background-color:#e7e7e7; padding: 0;
border:0 none; margin: 16px 0;
} background-color: #e7e7e7;
border: 0 none;
ul, }
ol {
padding-left:2em; ul,
} ol {
padding-left: 2em;
ul.no-list, }
ol.no-list {
padding:0; ul.no-list,
list-style-type:none; ol.no-list {
} padding: 0;
list-style-type: none;
ul ul, }
ul ol,
ol ol, ul ul,
ol ul { ul ol,
margin-top:0; ol ol,
margin-bottom:0; ol ul {
} margin-top: 0;
margin-bottom: 0;
ol ol, }
ul ol {
list-style-type: lower-roman; ol ol,
} ul ol {
list-style-type: lower-roman;
li>p { }
margin-top:16px;
} li > p {
margin-top: 16px;
dl { }
padding:0;
} dl {
padding: 0;
dl dt { }
padding:0;
margin-top:16px; dl dt {
font-size:1em; padding: 0;
font-style:italic; margin-top: 16px;
font-weight:bold; font-size: 1em;
} font-style: italic;
font-weight: bold;
dl dd { }
padding:0 16px;
margin-bottom:16px; dl dd {
} padding: 0 16px;
margin-bottom: 16px;
blockquote { }
padding:0 15px;
color:#777; blockquote {
border-left:4px solid #ddd; padding: 0 15px;
} color: #777;
border-left: 4px solid #ddd;
blockquote>:first-child { }
margin-top:0;
} blockquote > :first-child {
margin-top: 0;
blockquote>:last-child { }
margin-bottom:0;
} blockquote > :last-child {
margin-bottom: 0;
table { }
display:block;
width:100%; table {
overflow:auto; display: block;
word-break:normal; width: 100%;
word-break:keep-all; overflow: auto;
} word-break: normal;
word-break: keep-all;
table th { }
font-weight:bold;
} table th {
font-weight: bold;
table th, }
table td {
padding: 6px 13px !important; table th,
border: 1px solid #ddd !important; table td {
} padding: 6px 13px !important;
border: 1px solid #ddd !important;
table tr { }
background-color:#fff;
border-top:1px solid #ccc; table tr {
} background-color: #fff;
border-top: 1px solid #ccc;
table tr:nth-child(2n) { }
background-color:#f8f8f8;
} table tr:nth-child(2n) {
background-color: #f8f8f8;
img { }
max-width:100%;
box-sizing:border-box; img {
} max-width: 100%;
box-sizing: border-box;
.emoji {
max-width:none; &[align=left] {
} margin-right: 10px;
}
span.frame { }
display:block;
overflow:hidden; .emoji {
} max-width: none;
}
span.frame>span {
display:block; span.frame {
float:left; display: block;
width:auto; overflow: hidden;
padding:7px; }
margin:13px 0 0;
overflow:hidden; span.frame > span {
border:1px solid #ddd; display: block;
} float: left;
width: auto;
span.frame span img { padding: 7px;
display:block; margin: 13px 0 0;
float:left; overflow: hidden;
} border: 1px solid #ddd;
}
span.frame span span {
display:block; span.frame span img {
padding:5px 0 0; display: block;
clear:both; float: left;
color:#333; }
}
span.frame span span {
span.align-center { display: block;
display:block; padding: 5px 0 0;
overflow:hidden; clear: both;
clear:both; color: #333;
} }
span.align-center>span { span.align-center {
display:block; display: block;
margin:13px auto 0; overflow: hidden;
overflow:hidden; clear: both;
text-align:center; }
}
span.align-center > span {
span.align-center span img { display: block;
margin:0 auto; margin: 13px auto 0;
text-align:center; overflow: hidden;
} text-align: center;
}
span.align-right {
display:block; span.align-center span img {
overflow:hidden; margin: 0 auto;
clear:both; text-align: center;
} }
span.align-right>span { span.align-right {
display:block; display: block;
margin:13px 0 0; overflow: hidden;
overflow:hidden; clear: both;
text-align:right; }
}
span.align-right > span {
span.align-right span img { display: block;
margin:0; margin: 13px 0 0;
text-align:right; overflow: hidden;
} text-align: right;
}
span.float-left {
display:block; span.align-right span img {
float:left; margin: 0;
margin-right:13px; text-align: right;
overflow:hidden; }
}
span.float-left {
span.float-left span { display: block;
margin:13px 0 0; float: left;
} margin-right: 13px;
overflow: hidden;
span.float-right { }
display:block;
float:right; span.float-left span {
margin-left:13px; margin: 13px 0 0;
overflow:hidden; }
}
span.float-right {
span.float-right>span { display: block;
display:block; float: right;
margin:13px auto 0; margin-left: 13px;
overflow:hidden; overflow: hidden;
text-align:right; }
}
span.float-right > span {
code, display: block;
tt { margin: 13px auto 0;
padding:0; overflow: hidden;
padding-top:0.2em; text-align: right;
padding-bottom:0.2em; }
margin:0;
font-size:85%; code,
background-color:rgba(0,0,0,0.04); tt {
border-radius:3px; padding: 0;
} padding-top: 0.2em;
padding-bottom: 0.2em;
code:before, margin: 0;
code:after, font-size: 85%;
tt:before, background-color: rgba(0, 0, 0, 0.04);
tt:after { border-radius: 3px;
letter-spacing:-0.2em; }
content:"\00a0";
} code:before,
code:after,
code br, tt:before,
tt br { tt:after {
display:none; letter-spacing: -0.2em;
} content: "\00a0";
}
del code {
text-decoration:inherit; code br,
} tt br {
display: none;
pre>code { }
padding:0;
margin:0; del code {
font-size:100%; text-decoration: inherit;
word-break:normal; }
white-space:pre;
background:transparent; pre > code {
border:0; padding: 0;
} margin: 0;
font-size: 100%;
.highlight { word-break: normal;
margin-bottom:16px; white-space: pre;
} background: transparent;
border: 0;
.highlight pre, }
pre {
padding:16px; .highlight {
overflow:auto; margin-bottom: 16px;
font-size:85%; }
line-height:1.45;
background-color:#f7f7f7; .highlight pre,
border-radius:3px; pre {
} padding: 16px;
overflow: auto;
.highlight pre { font-size: 85%;
margin-bottom:0; line-height: 1.45;
word-break:normal; background-color: #f7f7f7;
} border-radius: 3px;
}
pre {
word-wrap:normal; .highlight pre {
} margin-bottom: 0;
word-break: normal;
pre code, }
pre tt {
display:inline; pre {
max-width:initial; word-wrap: normal;
padding:0; }
margin:0;
overflow:initial; pre code,
line-height:inherit; pre tt {
word-wrap:normal; display: inline;
background-color:transparent; max-width: initial;
border:0; padding: 0;
} margin: 0;
overflow: initial;
pre code:before, line-height: inherit;
pre code:after, word-wrap: normal;
pre tt:before, background-color: transparent;
pre tt:after { border: 0;
content:normal; }
}
pre code:before,
kbd { pre code:after,
display:inline-block; pre tt:before,
padding:3px 5px; pre tt:after {
font-size:11px; content: normal;
line-height:10px; }
color:#555;
vertical-align:middle; kbd {
background-color:#fcfcfc; display: inline-block;
border:solid 1px #ccc; padding: 3px 5px;
border-bottom-color:#bbb; font-size: 11px;
border-radius:3px; line-height: 10px;
box-shadow:inset 0 -1px 0 #bbb; color: #555;
} vertical-align: middle;
background-color: #fcfcfc;
input[type="checkbox"] { border: solid 1px #ccc;
vertical-align: middle !important; border-bottom-color: #bbb;
} border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb;
.csv-data td, }
.csv-data th {
padding:5px; input[type="checkbox"] {
overflow:hidden; vertical-align: middle !important;
font-size:12px; }
line-height:1;
text-align:left; .csv-data td,
white-space:nowrap; .csv-data th {
} padding: 5px;
overflow: hidden;
.csv-data .blob-num { font-size: 12px;
padding:10px 8px 9px; line-height: 1;
text-align:right; text-align: left;
background:#fff;border:0; white-space: nowrap;
} }
.csv-data tr { .csv-data .blob-num {
border-top:0; padding: 10px 8px 9px;
} text-align: right;
background: #fff;
.csv-data th { border: 0;
font-weight:bold; }
background:#f8f8f8;border-top:0;
} .csv-data tr {
border-top: 0;
}
.csv-data th {
font-weight: bold;
background: #f8f8f8;
border-top: 0;
}
} }