Markdownpad2 Custom GITHUB-CSS Style

For users who use the MARKDOWNPAD2 syntax editor under Windows, the most painful thing is that there is too little support and customization, but a simple code style can be achieved by customizing the CSS, which I have modified as follows:

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 "/>

The main is to modify these, back to study it, after all, CSS is not so familiar, are looking at the HTML color code a try, later see can be written by their own JS embedded into the editor to achieve high brightness syntax, the following is the CSS code I modified:

/* 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%}

This article is from the "Faint Life" blog, please make sure to keep this source http://guojianwei2008.blog.51cto.com/4272617/1952025

Markdownpad2 Custom GITHUB-CSS Style