diff options
Diffstat (limited to 'theme/stylesheets/website/markdown.less')
-rwxr-xr-x | theme/stylesheets/website/markdown.less | 323 |
1 files changed, 39 insertions, 284 deletions
diff --git a/theme/stylesheets/website/markdown.less b/theme/stylesheets/website/markdown.less index 52927a8..9ebcd51 100755 --- a/theme/stylesheets/website/markdown.less +++ b/theme/stylesheets/website/markdown.less @@ -1,3 +1,15 @@ +.book .book-body .page-wrapper .page-inner section { + display: none; +} + +.book .book-body .page-wrapper .page-inner section.normal { + .markdown-content(@content-color, @content-line-height); + + pre, code { + @import "./highlight/white.less"; + } +} + .book.color-theme-1 .book-body .page-wrapper .page-inner section.normal { color:@page-color-1; @@ -8,7 +20,24 @@ @import "./highlight/sepia.less"; } + + table { + th, td { + border-color: darken(#fdf6e3, 25%); + } + + tr { + background: #fdf6e3; + color: inherit; + border-color: #444; + } + + tr:nth-child(2n) { + background-color: darken(#fdf6e3, 5%); + } + } } + .book.color-theme-2 .book-body .page-wrapper .page-inner section.normal { color:@page-color-2; @@ -19,294 +48,20 @@ @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; + th, td { + border-color: #444; } - } - - span.float-right { - display: block; - margin-left: 13px; - overflow: hidden; - float: right; - & > span { - display: block; - overflow: hidden; - margin: 13px auto 0; - text-align: right; + tr { + background-color: black; + color: #eaeaea; + border-color: #444; } - } - 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; + tr:nth-child(2n) { + background-color: #222; + } } -}
\ No newline at end of file +} |