Created
July 2, 2016 12:12
-
-
Save xiaolai/aa190255b7dde302d10208ae247fc9f2 to your computer and use it in GitHub Desktop.
markdown-here-css
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
| .markdown-here-wrapper { | |
| font-size: 16px; | |
| line-height: 1.8em; | |
| letter-spacing: 0.1em; | |
| } | |
| pre, code { | |
| font-size: 14px; | |
| font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace; | |
| margin: auto 5px; | |
| } | |
| code { | |
| white-space: pre-wrap; | |
| border-radius: 2px; | |
| display: inline; | |
| } | |
| pre { | |
| font-size: 15px; | |
| line-height: 1.4em; | |
| display: block; !important; | |
| } | |
| pre code { | |
| white-space: pre; | |
| overflow: auto; | |
| border-radius: 3px; | |
| padding: 1px 1px; | |
| display: block !important; | |
| } | |
| strong, b{ | |
| color: #BF360C; | |
| } | |
| em, i { | |
| color: #009688; | |
| } | |
| hr { | |
| border: 1px solid #BF360C; | |
| margin: 1.5em auto; | |
| } | |
| p { | |
| margin: 1.5em 5px !important; | |
| } | |
| table, pre, dl, blockquote, q, ul, ol { | |
| margin: 10px 5px; | |
| } | |
| ul, ol { | |
| padding-left: 15px; | |
| } | |
| li { | |
| margin: 10px; | |
| } | |
| li p { | |
| margin: 10px 0 !important; | |
| } | |
| ul ul, ul ol, ol ul, ol ol { | |
| margin: 0; | |
| padding-left: 10px; | |
| } | |
| ul { | |
| list-style-type: circle; | |
| } | |
| dl { | |
| padding: 0; | |
| } | |
| dl dt { | |
| font-size: 1em; | |
| font-weight: bold; | |
| font-style: italic; | |
| } | |
| dl dd { | |
| margin: 0 0 10px; | |
| padding: 0 10px; | |
| } | |
| blockquote, q { | |
| border-left: 2px solid #009688; | |
| padding: 0 10px; | |
| color: #777; | |
| quotes: none; | |
| margin-left: 1em; | |
| } | |
| blockquote::before, blockquote::after, q::before, q::after { | |
| content: none; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| margin: 20px 0 10px; | |
| padding: 0; | |
| font-style: bold !important; | |
| color: #009688 !important; | |
| text-align: center !important; | |
| margin: 1.5em 5px !important; | |
| padding: 0.5em 1em !important; | |
| } | |
| h1 { | |
| font-size: 24px !important; | |
| border-bottom: 1px solid #ddd !important; | |
| } | |
| h2 { | |
| font-size: 20px !important; | |
| border-bottom: 1px solid #eee !important; | |
| } | |
| h3 { | |
| font-size: 18px; | |
| } | |
| h4 { | |
| font-size: 16px; | |
| } | |
| table { | |
| padding: 0; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| font-size: 1em; | |
| font: inherit; | |
| border: 0; | |
| margin: 0 auto; | |
| } | |
| tbody { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| } | |
| table tr { | |
| border: 0; | |
| border-top: 1px solid #CCC; | |
| background-color: white; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| table tr:nth-child(2n) { | |
| background-color: #F8F8F8; | |
| } | |
| table tr th, table tr td { | |
| font-size: 16px; | |
| border: 1px solid #CCC; | |
| margin: 0; | |
| padding: 5px 10px; | |
| } | |
| table tr th { | |
| font-weight: bold; | |
| color: #eee; | |
| border: 1px solid #009688; | |
| background-color: #009688; | |
| } |
thanks for sharing
谢谢老师分享
超级感谢~最近刚好搭建完了自己的博客，需要用Markdown，这就像是及时雨啊！
谢谢老师分享。
非常感谢，样式很漂亮！
谢谢笑来老师发分享！
支持开源！谢谢老师！
谢谢老师分享~~~
谢谢笑来老师。
谢谢笑来老师分享，一看怎么都是全栈的
谢谢笑来老师分享
谢谢笑来老师分享
我感觉自己能在这留言都特别牛逼了！我可是英语全不懂啊！哈哈。。。谢谢笑来老师！
跟着小梦飞的推荐进来的，样式非常漂亮！以后也用这套样式了~感谢！
一直在看老师的文章，非常谢谢您的分享。
谢谢老师分享
厚着脸皮第二次过来copy and paste^..^
感谢老师的无私分享！祝近安！
Favorite.
Thanks a lot, teacher Lee.
谢谢分享
Thanks
哎嘿...为啥给笑来老师start的小伙伴这么少...
感谢笑来老师的分享，正好需要，这是及时雨啊。
我改的思源字体没有生效怎么回事？电脑确定下载了字体
pre, code { font-family: Source Han Sans, Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace; }
谢谢老师的分享，卧槽，今天才发现。
谢谢笑来老师的分享，用这个CCS加在了typora里面使用了，非常棒
感谢笑来老师，分享的力量真强大，帮助自己，也帮助他人，继续向您学习！
才知道还有Github Gist
老师的第23行是不是有个分号的错误？
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I first learned this from your wechat official account:学习学习再学习. Thank you for sharing this code. I am so happy to use it successfully for writing my newest article.