markdownpad2自訂github-css風格

標籤：markdown css

對於使用windows下的markdownpad2文法編輯器的使用者來說，最蛋疼的是支援功能太少，自訂也費勁，不過通過自訂css能實現簡單的代碼風格，這是我修改過的效果如下：

650) this.width=650;" src="https://s3.51cto.com/wyfs02/M01/9D/43/wKiom1l8ptix8jeoAAC5b5DBecs631.png-wh_500x0-wm_3-wmp_4-s_404198987.png" title="QQ20170729230730.png" alt="wKiom1l8ptix8jeoAAC5b5DBecs631.png-wh_50" />

主要就是修改了這些，後面再研究吧，畢竟css也不是那麼熟，都是看著html顏色代碼一個一個試的，後期看看能通過自己寫的js嵌入到編輯器中實現文法高亮度，下面是我修改的css代碼：

/* GitHub stylesheet for MarkdownPad (http://markdownpad.com) *//* Author: Nicolas Hery - http://nicolashery.com *//* Version: b13fe65ca28d2e568c6ed5d7f06581183df8f2ff *//* Source: https://github.com/nicolahery/markdownpad-github *//* RESET=============================================================================*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;}/* BODY=============================================================================*/body {  font-family: Helvetica, arial, freesans, clean, sans-serif;  font-size: 14px;  line-height: 1.6;  color: #333;  background-color: #fff;  padding: 20px;  max-width: 960px;  margin: 0 auto;}body>*:first-child {  margin-top: 0 !important;}body>*:last-child {  margin-bottom: 0 !important;}/* BLOCKS=============================================================================*/p, blockquote, ul, ol, dl, table, pre {  margin: 15px 0;}/* HEADERS=============================================================================*/h1, h2, h3, h4, h5, h6 {  margin: 20px 0 10px;  padding: 0;  font-weight: bold;  -webkit-font-smoothing: antialiased;}h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {  font-size: inherit;}h1 {  font-size: 28px;  color: #000;}h2 {  font-size: 24px;  border-bottom: 1px solid #ccc;  color: #000;}h3 {  font-size: 18px;}h4 {  font-size: 16px;}h5 {  font-size: 14px;}h6 {  color: #777;  font-size: 14px;}body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, 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: 10px;}/* LINKS=============================================================================*/a {  color: #4183C4;  text-decoration: none;}a:hover {  text-decoration: underline;}/* LISTS=============================================================================*/ul, ol {  padding-left: 30px;}ul li > :first-child, ol li > :first-child, ul li ul:first-of-type, ol li ol:first-of-type, ul li ol:first-of-type, ol li ul:first-of-type {  margin-top: 0px;}ul ul, ul ol, ol ol, ol ul {  margin-bottom: 0;}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: 0px;}dl dt>:last-child {  margin-bottom: 0px;}dl dd {  margin: 0 0 15px;  padding: 0 15px;}dl dd>:first-child {  margin-top: 0px;}dl dd>:last-child {  margin-bottom: 0px;}/* CODE=============================================================================*/  code,tt {  font-size: 12px;  font-family: Consolas, "Liberation Mono", Courier, monospace;color:red}pre {  font-size: 12px;  font-family: Consolas, "Liberation Mono", Courier, monospace,color:black}code, tt {  margin: 0 0px;  padding: 0px 0px;  white-space: nowrap;  border:    #ccc solid thin;  background-color: #F5F5F5;  border-radius: 3px;  }pre>code {  margin: 0;  padding: 0;  white-space: pre;  border: none;  background: transparent;  color:black}pre {  background-color: #F5F5F5;  border: 1px solid #FFFFFF;  font-size: 13px;  line-height: 19px;  overflow: auto;  padding: 6px 10px;  border-radius: 3px;  }pre code, pre tt {  background-color: transparent;  border: none;}kbd {    -moz-border-bottom-colors: none;    -moz-border-left-colors: none;    -moz-border-right-colors: none;    -moz-border-top-colors: none;    background-color:     #DDDDDD;    background-image: linear-gradient(#F1F1F1,     #DDDDDD);    background-repeat: repeat-x;    border-color:     #DDDDDD #CCCCCC #CCCCCC #DDDDDD;    border-image: none;    border-radius: 2px 2px 2px 2px;    border-style: solid;    border-width: 1px;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: 10px;    padding: 1px 4px;}/* QUOTES=============================================================================*/blockquote {  border-left: 4px solid     #2F4F4F;  padding: 0 15px;  color:     #777;   background-color:#edf2f7;  }blockquote>:first-child {  margin-top: 0px;}blockquote>:last-child {  margin-bottom: 0px;}/* HORIZONTAL RULES=============================================================================*/hr {  clear: both;  margin: 15px 0;  height: 0px;  overflow: hidden;  border: none;  background: transparent;  border-bottom: 4px solid #ddd;  padding: 0;}/* TABLES=============================================================================*/table  {  border-collapse:collapse;  }table th {  font-weight: bold;  text-align:left;  padding-top:5px;  padding-bottom:4px;  background-color:#F5F5F5;  color:#000000;}table th, table td {  border: 1px solid #ccc;  padding: 6px 13px;}table tr {  border-top: 1px solid #ccc;  background-color: #fff;}table tr:nth-child(2n) {  background-color: #f8f8f8;}/* IMAGES=============================================================================*/img {  max-width: 100%}

本文出自 “淡淡人生” 部落格，請務必保留此出處http://guojianwei2008.blog.51cto.com/4272617/1952026

markdownpad2自訂github-css風格