diff options
Diffstat (limited to 'theme/stylesheets/website/markdown.less')
| -rwxr-xr-x | theme/stylesheets/website/markdown.less | 312 |
1 files changed, 312 insertions, 0 deletions
diff --git a/theme/stylesheets/website/markdown.less b/theme/stylesheets/website/markdown.less new file mode 100755 index 0000000..52927a8 --- /dev/null +++ b/theme/stylesheets/website/markdown.less @@ -0,0 +1,312 @@ +.book.color-theme-1 .book-body .page-wrapper .page-inner section.normal { + color:@page-color-1; + + pre, code { + background: #fdf6e3; + color: #657b83; + border-color: darken(#fdf6e3, 15%); + + @import "./highlight/sepia.less"; + } +} +.book.color-theme-2 .book-body .page-wrapper .page-inner section.normal { + color:@page-color-2; + + pre, code { + background: black; + color: #eaeaea; + border-color: #000; + + @import "./highlight/night.less"; + } +} +.book .book-body .page-wrapper .page-inner section.normal { + padding-bottom: 25px; + padding-top: 15px; + color:@page-color; + letter-spacing: 0.01rem; + + & > *:first-child { + margin-top: 0 !important; } + & > *:last-child { + margin-bottom: 0 !important; } + + a { + color: #4183C4; } + a.absent { + color: #cc0000; } + a.anchor { + display: block; + padding-left: 30px; + margin-left: -30px; + cursor: pointer; + position: absolute; + top: 0; + left: 0; + bottom: 0; } + + h1, h2, h3, h4, h5, h6 { + line-height: 1.7; + margin: 20px 0 10px; + padding: 0; + font-weight: bold; + -webkit-font-smoothing: antialiased; + cursor: text; + position: relative; } + + h1 tt, h1 code { + font-size: inherit; } + + h2 tt, h2 code { + font-size: inherit; } + + h3 tt, h3 code { + font-size: inherit; } + + h4 tt, h4 code { + font-size: inherit; } + + h5 tt, h5 code { + font-size: inherit; } + + h6 tt, h6 code { + font-size: inherit; } + + h1 { + font-size: 2.5em; + } + + h2 { + font-size: 2em; + border-bottom: 1px solid #eee; + } + + h3 { + font-size: 1.5em; } + + h4 { + font-size: 1.2em; } + + h5 { + font-size: 1em; } + + h6 { + font-size: 1em; } + + p, blockquote, ul, ol, dl, table, pre { + margin: 15px 0; } + + hr { + + } + + body > h2:first-child { + margin-top: 0; + padding-top: 0; } + body > h1:first-child { + margin-top: 0; + padding-top: 0; } + body > h1:first-child + h2 { + margin-top: 0; + padding-top: 0; } + body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { + margin-top: 0; + padding-top: 0; } + + a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { + margin-top: 0; + padding-top: 0; } + + h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { + margin-top: 0; } + + li p.first { + display: inline-block; } + + ul, ol { + padding-left: 30px; } + + ul :first-child, ol :first-child { + margin-top: 0; } + + ul :last-child, ol :last-child { + margin-bottom: 0; } + + ul p { + margin: 0px; + } + ul ul { + margin: 0px; + } + + dl { + padding: 0; } + dl dt { + font-size: 14px; + font-weight: bold; + font-style: italic; + padding: 0; + margin: 15px 0 5px; } + dl dt:first-child { + padding: 0; } + dl dt > :first-child { + margin-top: 0; } + dl dt > :last-child { + margin-bottom: 0; } + dl dd { + margin: 0 0 15px; + padding: 0 15px; } + dl dd > :first-child { + margin-top: 0; } + dl dd > :last-child { + margin-bottom: 0; } + + blockquote { + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; + + p { + font-size: inherit; + } + } + blockquote > :first-child { + margin-top: 0; + } + blockquote > :last-child { + margin-bottom: 0; } + + table { + width: 100%; + padding: 0; + } + + table tr { + border-top: 1px solid #cccccc; + background-color: white; + margin: 0; + padding: 0; } + table tr:nth-child(2n) { + background-color: #f8f8f8; } + table tr th { + font-weight: bold; + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; } + table tr td { + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; } + table tr th :first-child, table tr td :first-child { + margin-top: 0; } + table tr th :last-child, table tr td :last-child { + margin-bottom: 0; } + + img { + max-width: 100%; + display: block; + margin: 0px auto; + } + + span.frame { + display: block; + overflow: hidden; } + span.frame > span { + border: 1px solid #dddddd; + display: block; + float: left; + overflow: hidden; + margin: 13px 0 0; + padding: 7px; + width: auto; } + span.frame span img { + display: block; + float: left; } + span.frame span span { + clear: both; + color: #333333; + display: block; + padding: 5px 0 0; } + span.align-center { + display: block; + overflow: hidden; + clear: both; } + span.align-center > span { + display: block; + overflow: hidden; + margin: 13px auto 0; + 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; + overflow: hidden; + margin: 13px 0 0; + text-align: right; } + span.align-right span img { + margin: 0; + text-align: right; } + span.float-left { + display: block; + margin-right: 13px; + overflow: hidden; + float: left; + + & span { + margin: 13px 0 0; + } + } + + span.float-right { + display: block; + margin-left: 13px; + overflow: hidden; + float: right; + + & > span { + display: block; + overflow: hidden; + margin: 13px auto 0; + text-align: right; + } + } + + code, tt { + margin: 0 2px; + padding: 0 5px; + white-space: nowrap; + border: 1px solid #eaeaea; + background-color: #f8f8f8; + border-radius: 3px; + } + + pre code { + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; + + @import "./highlight/white.less"; + } + + pre { + font-size: inherit; + line-height: 1.5em; + overflow: auto; + padding: 20px; + border-radius: 3px; + } + + pre code, pre tt { + background-color: transparent; + border: none; + } +}
\ No newline at end of file |