A Minos style Cascading Style Sheets (css) theme for Pandoc. Based on a hexo theme: http://blog.zhangruipeng.me/hexo-theme-minos/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* A Minos style html theme for Pandoc, thanks for http://blog.zhangruipeng.me/hexo-theme-minos/ */ | |
/* Usage this them by: | |
pandoc test.md -c minos-style.css --self-contained -o demo.html | |
*/ | |
body { | |
font: 16px 'PT Serif', 'STZhongsong', '华文中宋', 'Microsoft Yahei', serif; | |
max-width: 760px; | |
margin: auto; | |
padding: 1em; | |
color: #111; | |
} | |
/* article */ | |
h1 { | |
font-size: 2em; | |
font-weight: bold; | |
} | |
h2 { | |
font-size: 1.5em; | |
} | |
h3 { | |
font-size: 1.3em; | |
} | |
h4 { | |
font-size: 1.2em; | |
} | |
h5 { | |
font-size: 1em; | |
} | |
h6 { | |
font-size: 1em; | |
color: #939393; | |
} | |
hr { | |
border: 1px dashed #ddd; | |
} | |
a { | |
color: inherit; | |
text-decoration: none; | |
border-bottom: 1px dotted #000; | |
} | |
blockquote { | |
font-size: 1.1em; | |
margin: 1.4em 10px; | |
padding: 0 10px; | |
border-left: 4px solid #848484; | |
word-wrap: break-word; | |
} | |
ol, ul, dl { | |
margin: 1.4em -1em; | |
line-height: 1.4em; | |
} | |
ol { | |
list-style: decimal; | |
} | |
ul { | |
list-style: disc; | |
} | |
ol ul, ul ul { | |
list-style: circle; | |
margin: 0.5em -1em; | |
} | |
.date, .author { | |
color: #939393; | |
font-size: 1em; | |
} | |
.date::before { | |
content: '日期: '; | |
} | |
.author::before { | |
content: '作者: '; | |
} | |
/* table */ | |
table { | |
width: 100%; | |
line-height: 1.4em; | |
margin: 1.4em 0; | |
vertical-align: middle; | |
word-wrap: break-word; | |
border-collapse: collapse; | |
border-spacing: 0px; | |
} | |
th { | |
font-size: 1.1em; | |
font-weight: 600; | |
padding-bottom: 0.5em; | |
border-bottom: 3px solid #ddd; | |
} | |
td { | |
padding: 10px 0; | |
border-bottom: 1px solid #ddd; | |
} | |
/* image */ | |
img { | |
max-width: 100%; | |
height: auto; | |
display: block; | |
margin: auto; | |
} | |
img + p.caption { | |
color: #939393; | |
display: block; | |
font-size: 0.9em; | |
margin-top: 0.5em; | |
text-align: center; | |
position: relative; | |
} | |
/* code */ | |
div.sourceCode, pre, code, kbd { | |
font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace, '华文中宋'; | |
font-size: 14px; | |
line-height: 22.4px; | |
} | |
pre code, kbd { | |
color: #eee; | |
} | |
kbd { | |
border-radius: 4px; | |
padding: 0 4px; | |
} | |
div.sourceCode, pre, kbd { | |
background-color: #23241f; | |
} | |
pre { | |
padding: 1em 1.5em; | |
margin: 0; | |
} | |
code { | |
color: #ad1457; | |
} | |
pre code { | |
margin-right: 1.5em; | |
} | |
td.lineNumbers { | |
color: #999; | |
border: 0; | |
text-align: right; | |
padding-left: 0.5em; | |
} | |
td.lineNumbers pre { | |
padding: 0; | |
} | |
td.sourceCode { | |
padding-left: 0; | |
} | |
/* highlight for source code */ | |
/* reset the color */ | |
code > span.kw, code > span.dt, code > span.dv, code > span.bn, code > span.fl, code > soan.ch, code > span.st, code > span.co, code > span.ot, code > span.al, code > span.fu, code > span.er, code > span.wa, code > span.cn, code > span.sc, code > span.vs, code > span.im, code > span.va, code > span.cf, code > span.op, code > span.bu, code > span.ex, code > span.pp, code > span.at, code > span.do, code > span.an, code > span.cv, code > span.in { | |
color: #f8f8f2; | |
} | |
code > span.kw, code > span.im { | |
color: #f92672; | |
} | |
code > span.at { | |
color: #66d9ef; | |
} | |
code > span.dt, code > span.st, code > span.va, code > span.sc, code > span.vs, code > span.ss, code > span.ex, code > span.ch { | |
color: #e6db74; | |
} | |
code > span.co { | |
color: #75715e; | |
} | |
code > span.dv, code > span.fl { | |
color: #ae81ff; | |
} | |
/* when print to PDF */ | |
@media print { | |
div.sourceCode, pre { | |
word-wrap: break-word; | |
white-space: pre-wrap; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
} | |
div.sourceCode pre { | |
border-width: 0; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment