├── 一块输出深红色.css
├── 土豪金
├── 得到橙色系
├── 李笑来.css
├── 源泉特区
├── 红色.css
├── 绿色.css
└── 青色苹方字体.css


/一块输出深红色.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * NOTE:
  3 |  * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
  4 |  *   If used, they may not render correctly for people reading the email in
  5 |  *   a different browser than the one from which the email was sent.
  6 |  * - The use of state-dependent styles (like a:hover) don't work because they
  7 |  *   don't match at the time the styles are made explicit. (In email, styles
  8 |  *   must be explicitly applied to all elements -- stylesheets get stripped.)
  9 |  */
 10 | 
 11 | /* This is the overall wrapper, it should be treated as the `body` section. */
 12 | 
 13 | .markdown-here-wrapper {
 14 | }
 15 | 
 16 | /* To add site specific rules, you can use the `data-md-url` attribute that we
 17 |    add to the wrapper element. Note that rules like this are used depending
 18 |    on the URL you're *sending* from, not the URL where the recipient views it.
 19 | */
 20 | /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
 21 | 
 22 | pre, code {
 23 |   font-family: Avenir, "PingFangSC-Light";
 24 | 
 25 | }
 26 | 
 27 | code {
 28 |   background-color: #831f29;
 29 |   padding: 0.2em 0.5em;
 30 |   color:#c7254e;
 31 |   font-size: 0.9em;
 32 |   border-radius: 2px;
 33 |   display: inline; /* added to fix Yahoo block display of inline code */
 34 |   white-space: pre-wrap;
 35 | }
 36 | 
 37 | pre {
 38 |   font-size: 1em;
 39 |   line-height: 1.2em;
 40 | }
 41 | 
 42 | pre code {
 43 |   white-space: pre;
 44 |   overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
 45 |   padding: 0.5em 0.7em;
 46 |   display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
 47 | }
 48 | 
 49 | /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
 50 | code look non-monospace. This rule will override it. */
 51 | .markdown-here-wrapper[data-md-url*="wordpress."] code span {
 52 |   font: inherit;
 53 | }
 54 | 
 55 | /* Wordpress adds a grey background to `pre` elements that doesn't go well with
 56 | our syntax highlighting. */
 57 | .markdown-here-wrapper[data-md-url*="wordpress."] pre {
 58 |   background-color: transparent;
 59 | }
 60 | 
 61 | /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing.
 62 | Note that we only use a top margin and not a bottom margin -- this prevents the
 63 | "blank line" look at the top of the email (issue #243).
 64 | */
 65 | p{
 66 |   /* !important is needed here because Hotmail/Outlook.com uses !important to
 67 |      kill the margin in <p>. We need this to win. */
 68 |   font-family: Avenir, "PingFangSC-Light" !important;
 69 |   font-size: 15px !important;
 70 |   color: #333 !important;
 71 |   line-height: 1.8em !important;
 72 |   letter-spacing: 0.1em !important;
 73 |   margin: 1em 1em !important; /* 增加段落边距 */
 74 |   text-align: justify !important;
 75 | }
 76 | 
 77 | table, pre, dl, blockquote, q, ul, ol {
 78 |   margin: 1.2em 0em;
 79 | }
 80 | 
 81 | ul, ol {
 82 |   padding-left: 0em;
 83 |   margin: 1.2em 2em;
 84 | 
 85 | }
 86 | 
 87 | li{
 88 |   margin: 0.2em 0;
 89 |   font-family: Avenir, "PingFangSC-Light" !important;
 90 |   font-size: 15px !important;
 91 |   color: #333 !important;
 92 |   line-height: 1.8em !important;
 93 |   letter-spacing: 0.1em !important;
 94 |   margin: 0.2em 0.2em !important;
 95 | }
 96 | 
 97 | ul li {
 98 |   margin: 0.2em 0;
 99 |   font-family: Avenir, "PingFangSC-Light" !important;
100 |   font-size: 15px !important;
101 |   color: #333 !important;
102 |   line-height: 1.8em !important;
103 |   letter-spacing: 0.1em !important;
104 |   margin: 0.2em 0.2em !important;
105 | }
106 | 
107 | /* Smaller spacing for sub-lists */
108 | ul ul, ul ol, ol ul, ol ol {
109 |   margin: 0;
110 |   padding-left: 1em;
111 | }
112 | 
113 | /* Use Roman numerals for sub-ordered-lists. (Like Github.) */
114 | ol ol, ul ol {
115 |   list-style-type: circle;
116 | }
117 | 
118 | /* Use letters for sub-sub-ordered lists. (Like Github.) */
119 | ul ul ol, ul ol ol, ol ul ol, ol ol ol {
120 |   list-style-type: square;
121 | }
122 | 
123 | dl {
124 |   padding: 0;
125 | }
126 | 
127 | dl dt {
128 |   font-size: 1em;
129 |   font-weight: bold;
130 |   font-style: italic;
131 | }
132 | 
133 | dl dd {
134 |   margin: 0 0 1em;
135 |   padding: 0 1em;
136 | }
137 | 
138 | blockquote, q {
139 |   border-left: 4px solid #831f29;
140 |   /* background-color: #fafafa;*/
141 |   padding: 0em; /* 删除内边距 */
142 |   margin: 0em 1em;
143 |   color: #777;
144 |   quotes: none;
145 | }
146 | 
147 | 
148 | strong, b{
149 |   color: #831f29;
150 | }
151 | 
152 | 
153 | /* 设置引用文本颜色 */
154 | blockquote p {
155 |   color: rgb(119, 117, 117) !important
156 | }
157 | 
158 | blockquote::before, blockquote::after, q::before, q::after {
159 |   content: none;
160 | }
161 | 
162 | h1, h2, h3, h4, h5, h6 {
163 |   margin: 1.3em 0 1em;
164 |   padding: 0;
165 |   font-weight: bold;
166 |   letter-spacing: 0.1em !important;
167 | }
168 | 
169 | h1 {
170 |   font-size: 1.6em;
171 |   border-bottom: 1px solid #ddd;
172 |   color: black;
173 | }
174 | 
175 | h2 {
176 |   font-size: 1.4em;
177 |   text-align: center;
178 |   border-bottom: 1px solid #eee;
179 |   color: #831f29;
180 | }
181 | 
182 | h3 {
183 |   font-size: 1.3em;
184 | }
185 | 
186 | h4 {
187 |   font-size: 1.2em;
188 | }
189 | 
190 | h5 {
191 |   font-size: 1em;
192 | }
193 | 
194 | h6 {
195 |   font-size: 1em;
196 |   color: #777;
197 | }
198 | 
199 | table {
200 |   border-collapse: collapse;
201 |   border-spacing: 0;
202 |   font-size: .8em;
203 |   border: 0;
204 |   font-family: Avenir, "PingFangSC-Light";
205 | }
206 | 
207 | tbody {
208 |   margin: 0;
209 |   padding: 0;
210 |   border: 0;
211 | }
212 | 
213 | table tr {
214 |   border: 0;
215 |   border-top: 1px solid #CCC;
216 |   background-color: white;
217 |   margin: 0;
218 |   padding: 0;
219 | 
220 | }
221 | 
222 | table tr:nth-child(2n) {
223 |   background-color: #F8F8F8;
224 | }
225 | 
226 | table tr th, table tr td {
227 |   font-size: 0.8em;
228 |   border: 1px solid #CCC;
229 |   margin: 0;
230 |   padding: 0.5em 1em;
231 | }
232 | 
233 | table tr th {
234 |  font-weight: bold;
235 |  background-color: #F0F0F0;
236 | }
237 | 


--------------------------------------------------------------------------------
/土豪金:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * NOTE:
  3 |  * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
  4 |  *   If used, they may not render correctly for people reading the email in
  5 |  *   a different browser than the one from which the email was sent.
  6 |  * - The use of state-dependent styles (like a:hover) don't work because they
  7 |  *   don't match at the time the styles are made explicit. (In email, styles
  8 |  *   must be explicitly applied to all elements -- stylesheets get stripped.)
  9 |  */
 10 | 
 11 | /* This is the overall wrapper, it should be treated as the `body` section. */
 12 | 
 13 | .markdown-here-wrapper {
 14 | }
 15 | 
 16 | /* To add site specific rules, you can use the `data-md-url` attribute that we
 17 |    add to the wrapper element. Note that rules like this are used depending
 18 |    on the URL you're *sending* from, not the URL where the recipient views it.
 19 | */
 20 | /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
 21 | 
 22 | pre, code {
 23 |   font-family: Avenir, "PingFangSC-Light";
 24 | 
 25 | }
 26 | 
 27 | code {
 28 |   background-color: #f8f8f8;
 29 |   padding: 0.2em 0.5em;
 30 |   color:##8e6a27;
 31 |   font-size: 0.9em;
 32 |   border-radius: 2px;
 33 |   display: inline; /* added to fix Yahoo block display of inline code */
 34 |   white-space: pre-wrap;
 35 | }
 36 | 
 37 | pre {
 38 |   font-size: 1em;
 39 |   line-height: 1.2em;
 40 | }
 41 | 
 42 | pre code {
 43 |   white-space: pre;
 44 |   overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
 45 |   padding: 0.5em 0.7em;
 46 |   display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
 47 | }
 48 | 
 49 | /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
 50 | code look non-monospace. This rule will override it. */
 51 | .markdown-here-wrapper[data-md-url*="wordpress."] code span {
 52 |   font: inherit;
 53 | }
 54 | 
 55 | /* Wordpress adds a grey background to `pre` elements that doesn't go well with
 56 | our syntax highlighting. */
 57 | .markdown-here-wrapper[data-md-url*="wordpress."] pre {
 58 |   background-color: transparent;
 59 | }
 60 | 
 61 | /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing.
 62 | Note that we only use a top margin and not a bottom margin -- this prevents the
 63 | "blank line" look at the top of the email (issue #243).
 64 | */
 65 | p{
 66 |   /* !important is needed here because Hotmail/Outlook.com uses !important to
 67 |      kill the margin in <p>. We need this to win. */
 68 |   font-family: Avenir, "PingFangSC-Light" !important;
 69 |   font-size: 15px !important;
 70 |   color: #333 !important;
 71 |   line-height: 1.8em !important;
 72 |   letter-spacing: 0.1em !important;
 73 |   margin: 1em 1em !important; /* 增加段落边距 */
 74 |   text-align: justify !important;
 75 | }
 76 | 
 77 | table, pre, dl, blockquote, q, ul, ol {
 78 |   margin: 1.2em 0em;
 79 | }
 80 | 
 81 | ul, ol {
 82 |   padding-left: 0em;
 83 |   margin: 1.2em 2em;
 84 | 
 85 | }
 86 | 
 87 | li{
 88 |   margin: 0.2em 0;
 89 |   font-family: Avenir, "PingFangSC-Light" !important;
 90 |   font-size: 15px !important;
 91 |   color: #333 !important;
 92 |   line-height: 1.8em !important;
 93 |   letter-spacing: 0.1em !important;
 94 |   margin: 0.2em 0.2em !important;
 95 | }
 96 | 
 97 | ul li {
 98 |   margin: 0.2em 0;
 99 |   font-family: Avenir, "PingFangSC-Light" !important;
100 |   font-size: 15px !important;
101 |   color: #333 !important;
102 |   line-height: 1.8em !important;
103 |   letter-spacing: 0.1em !important;
104 |   margin: 0.2em 0.2em !important;
105 | }
106 | 
107 | /* Smaller spacing for sub-lists */
108 | ul ul, ul ol, ol ul, ol ol {
109 |   margin: 0;
110 |   padding-left: 1em;
111 | }
112 | 
113 | /* Use Roman numerals for sub-ordered-lists. (Like Github.) */
114 | ol ol, ul ol {
115 |   list-style-type: circle;
116 | }
117 | 
118 | /* Use letters for sub-sub-ordered lists. (Like Github.) */
119 | ul ul ol, ul ol ol, ol ul ol, ol ol ol {
120 |   list-style-type: square;
121 | }
122 | 
123 | dl {
124 |   padding: 0;
125 | }
126 | 
127 | dl dt {
128 |   font-size: 1em;
129 |   font-weight: bold;
130 |   font-style: italic;
131 | }
132 | 
133 | dl dd {
134 |   margin: 0 0 1em;
135 |   padding: 0 1em;
136 | }
137 | 
138 | blockquote, q {
139 |   border-left: 4px solid #8e6a27;
140 |   /* background-color: #fafafa;*/
141 |   padding: 0em; /* 删除内边距 */
142 |   margin: 0em 1em;
143 |   color: #777;
144 |   quotes: none;
145 | }
146 | 
147 | 
148 | strong, b{
149 |   color: #8e6a27;
150 | }
151 | 
152 | 
153 | /* 设置引用文本颜色 */
154 | blockquote p {
155 |   color:rgb(119, 117, 117)!important
156 | }
157 | 
158 | blockquote::before, blockquote::after, q::before, q::after {
159 |   content: none;
160 | }
161 | 
162 | h1, h2, h3, h4, h5, h6 {
163 |   margin: 1.3em 0 1em;
164 |   padding: 0;
165 |   font-weight: bold;
166 |   letter-spacing: 0.1em !important;
167 |   color:#8e6a27;
168 | 
169 | }
170 | 
171 | h1 {
172 |   font-size: 1.6em;
173 |   border-bottom: 1px solid #ddd;
174 |   color: black;
175 | }
176 | 
177 | h2 {
178 |   font-size: 1.4em;
179 |   text-align: center;
180 |   border-bottom: 1px solid #eee;
181 |   color: #8e6a27;
182 | }
183 | 
184 | h3 {
185 |   font-size: 1.3em;
186 | }
187 | 
188 | h4 {
189 |   font-size: 1.2em;
190 | }
191 | 
192 | h5 {
193 |   font-size: 1em;
194 | }
195 | 
196 | h6 {
197 |   font-size: 1em;
198 |   color: #777;
199 | }
200 | 
201 | table {
202 |   border-collapse: collapse;
203 |   border-spacing: 0;
204 |   font-size: .8em;
205 |   border: 0;
206 |   font-family: Avenir, "PingFangSC-Light";
207 | }
208 | 
209 | tbody {
210 |   margin: 0;
211 |   padding: 0;
212 |   border: 0;
213 | }
214 | 
215 | table tr {
216 |   border: 0;
217 |   border-top: 1px solid #CCC;
218 |   background-color: white;
219 |   margin: 0;
220 |   padding: 0;
221 | 
222 | }
223 | 
224 | table tr:nth-child(2n) {
225 |   background-color: #F8F8F8;
226 | }
227 | 
228 | table tr th, table tr td {
229 |   font-size: 0.8em;
230 |   border: 1px solid #CCC;
231 |   margin: 0;
232 |   padding: 0.5em 1em;
233 | }
234 | 
235 | table tr th {
236 |  font-weight: bold;
237 |  background-color: #F0F0F0;
238 | }
239 | 


--------------------------------------------------------------------------------
/得到橙色系:
--------------------------------------------------------------------------------
  1 | @include-when-export url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);
  2 | 
  3 | /**
  4 |  * css forked from https://github.com/GitbookIO/gitbook
  5 |  * www.gitbook.com
  6 |  * Apache License
  7 |  * https://github.com/GitbookIO/gitbook/blob/master/LICENSE
  8 |  **/
  9 | 
 10 | @font-face {
 11 |     font-family: 'Open Sans';
 12 |     font-style: normal;
 13 |     font-weight: normal;
 14 |     src: local('Open Sans Regular'),url('./github/400.woff') format('woff')
 15 | }
 16 | 
 17 | @font-face {
 18 |     font-family: 'Open Sans';
 19 |     font-style: italic;
 20 |     font-weight: normal;
 21 |     src: local('Open Sans Italic'),url('./github/400i.woff') format('woff')
 22 | }
 23 | 
 24 | @font-face {
 25 |     font-family: 'Open Sans';
 26 |     font-style: normal;
 27 |     font-weight: bold;
 28 |     src: local('Open Sans Bold'),url('./github/700.woff') format('woff')
 29 | }
 30 | 
 31 | @font-face {
 32 |     font-family: 'Open Sans';
 33 |     font-style: italic;
 34 |     font-weight: bold;
 35 |     src: local('Open Sans Bold Italic'),url('./github/700i.woff') format('woff')
 36 | }
 37 | 
 38 | html {
 39 |     font-size: 16px;
 40 | }
 41 | 
 42 | body {
 43 |     font-family: "Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 44 |     color: rgb(51, 51, 51);
 45 |     line-height: 1.6;
 46 | }
 47 | 
 48 | #write{
 49 |     max-width: 860px;
 50 |   	margin: 0 auto;
 51 |   	padding: 20px 30px 40px 30px;
 52 | 	padding-top: 20px;
 53 |     padding-bottom: 100px;
 54 | }
 55 | #write > ul:first-child,
 56 | #write > ol:first-child{
 57 |     margin-top: 30px;
 58 | }
 59 | 
 60 | body > *:first-child {
 61 |     margin-top: 0 !important;
 62 | }
 63 | body > *:last-child {
 64 |     margin-bottom: 0 !important;
 65 | }
 66 | a {
 67 |     color: #4183C4;
 68 | }
 69 | strong {
 70 | 	color: #FF992A;
 71 | }
 72 | h1,
 73 | h2,
 74 | h3,
 75 | h4,
 76 | h5,
 77 | h6 {
 78 |     position: relative;
 79 |     margin-top: 1rem;
 80 |     margin-bottom: 1rem;
 81 |     font-weight: bold;
 82 |     line-height: 1.4;
 83 |     cursor: text;
 84 | }
 85 | h1:hover a.anchor,
 86 | h2:hover a.anchor,
 87 | h3:hover a.anchor,
 88 | h4:hover a.anchor,
 89 | h5:hover a.anchor,
 90 | h6:hover a.anchor {
 91 |     /*background: url("../../images/modules/styleguide/para.png") no-repeat 10px center;*/
 92 |     text-decoration: none;
 93 | }
 94 | h1 tt,
 95 | h1 code {
 96 |     font-size: inherit;
 97 | }
 98 | h2 tt,
 99 | h2 code {
100 |     font-size: inherit;
101 | }
102 | h3 tt,
103 | h3 code {
104 |     font-size: inherit;
105 | }
106 | h4 tt,
107 | h4 code {
108 |     font-size: inherit;
109 | }
110 | h5 tt,
111 | h5 code {
112 |     font-size: inherit;
113 | }
114 | h6 tt,
115 | h6 code {
116 |     font-size: inherit;
117 | }
118 | h1 {
119 |     padding-bottom: .3em;
120 |     font-size: 2.25em;
121 |     line-height: 1.2;
122 |     border-bottom: 1px solid #eee;
123 | }
124 | h2 {
125 |    padding-bottom: .3em;
126 |     font-size: 1.75em;
127 |     line-height: 1.225;
128 |     border-bottom: 1px solid #eee;
129 | }
130 | h3 {
131 |     font-size: 1.5em;
132 |     line-height: 1.43;
133 | }
134 | h4 {
135 |     font-size: 1.25em;
136 | }
137 | h5 {
138 |     font-size: 1em;
139 | }
140 | h6 {
141 |    font-size: 1em;
142 |     color: #777;
143 | }
144 | p,
145 | blockquote,
146 | ul,
147 | ol,
148 | dl,
149 | table{
150 |     margin: 0.8em 0;
151 | }
152 | li>ol,
153 | li>ul {
154 |     margin: 0 0;
155 | }
156 | hr {
157 |     height: 4px;
158 |     padding: 0;
159 |     margin: 16px 0;
160 |     background-color: #e7e7e7;
161 |     border: 0 none;
162 |     overflow: hidden;
163 |     box-sizing: content-box;
164 |     border-bottom: 1px solid #ddd;
165 | }
166 | 
167 | body > h2:first-child {
168 |     margin-top: 0;
169 |     padding-top: 0;
170 | }
171 | body > h1:first-child {
172 |     margin-top: 0;
173 |     padding-top: 0;
174 | }
175 | body > h1:first-child + h2 {
176 |     margin-top: 0;
177 |     padding-top: 0;
178 | }
179 | body > h3:first-child,
180 | body > h4:first-child,
181 | body > h5:first-child,
182 | body > h6:first-child {
183 |     margin-top: 0;
184 |     padding-top: 0;
185 | }
186 | a:first-child h1,
187 | a:first-child h2,
188 | a:first-child h3,
189 | a:first-child h4,
190 | a:first-child h5,
191 | a:first-child h6 {
192 |     margin-top: 0;
193 |     padding-top: 0;
194 | }
195 | h1 p,
196 | h2 p,
197 | h3 p,
198 | h4 p,
199 | h5 p,
200 | h6 p {
201 |     margin-top: 0;
202 | }
203 | li p.first {
204 |     display: inline-block;
205 | }
206 | ul,
207 | ol {
208 |     padding-left: 30px;
209 | }
210 | ul:first-child,
211 | ol:first-child {
212 |     margin-top: 0;
213 | }
214 | ul:last-child,
215 | ol:last-child {
216 |     margin-bottom: 0;
217 | }
218 | blockquote {
219 |     border-left: 3px solid #138C57;
220 |     padding: 0 15px;
221 |     color: #777777;
222 | }
223 | blockquote blockquote {
224 |     padding-right: 0;
225 | }
226 | table {
227 |     padding: 0;
228 |     word-break: initial;
229 | }
230 | #write {
231 |     overflow-x: auto;
232 | }
233 | table tr {
234 |     border-top: 1px solid #cccccc;
235 |     background-color: white;
236 |     margin: 0;
237 |     padding: 0;
238 | }
239 | table tr:nth-child(2n) {
240 |     background-color: #f8f8f8;
241 | }
242 | table tr th {
243 |     font-weight: bold;
244 |     border: 1px solid #cccccc;
245 |     text-align: left;
246 |     margin: 0;
247 |     padding: 6px 13px;
248 | }
249 | table tr td {
250 |     border: 1px solid #cccccc;
251 |     text-align: left;
252 |     margin: 0;
253 |     padding: 6px 13px;
254 | }
255 | table tr th:first-child,
256 | table tr td:first-child {
257 |     margin-top: 0;
258 | }
259 | table tr th:last-child,
260 | table tr td:last-child {
261 |     margin-bottom: 0;
262 | }
263 | 
264 | .CodeMirror-gutters {
265 |     border-right: 1px solid #ddd;
266 | }
267 | 
268 | .md-fences,
269 | code,
270 | tt {
271 |     border: 1px solid #ddd;
272 |     color: #A04B01;
273 |     background-color: #f8f8f8;
274 |     border-radius: 3px;
275 |     padding: 0;
276 |     font-family: Consolas, "Liberation Mono", Courier, monospace;
277 |     padding: 2px 4px 0px 4px;
278 |     font-size: 0.9em;
279 | }
280 | 
281 | .md-fences {
282 |     margin-bottom: 15px;
283 |     margin-top: 15px;
284 |     padding: 0.2em 1em;
285 |     padding-top: 8px;
286 |     padding-bottom: 6px;
287 | }
288 | .task-list{
289 | 	padding-left: 0;
290 | }
291 | 
292 | .task-list-item {
293 | 	padding-left:32px;
294 | }
295 | 
296 | .task-list-item input {
297 |   top: 3px;
298 |   left: 8px;
299 | }
300 | 
301 | @media screen and (min-width: 914px) {
302 |     /*body {
303 |         width: 854px;
304 |         margin: 0 auto;
305 |     }*/
306 | }
307 | @media print {
308 |     html {
309 |         font-size: 13px;
310 |     }
311 |     table,
312 |     pre {
313 |         page-break-inside: avoid;
314 |     }
315 |     pre {
316 |         word-wrap: break-word;
317 |     }
318 | }
319 | 
320 | .md-fences {
321 | 	background-color: #f8f8f8;
322 | }
323 | #write pre.md-meta-block {
324 | 	padding: 1rem;
325 |     font-size: 85%;
326 |     line-height: 1.45;
327 |     background-color: #f7f7f7;
328 |     border: 0;
329 |     border-radius: 3px;
330 |     color: #777777;
331 |     margin-top: 0 !important;
332 | }
333 | 
334 | .mathjax-block>.code-tooltip {
335 | 	bottom: .375rem;
336 | }
337 | 
338 | #write>h3.md-focus:before{
339 | 	left: -1.5625rem;
340 | 	top: .375rem;
341 | }
342 | #write>h4.md-focus:before{
343 | 	left: -1.5625rem;
344 | 	top: .285714286rem;
345 | }
346 | #write>h5.md-focus:before{
347 | 	left: -1.5625rem;
348 | 	top: .285714286rem;
349 | }
350 | #write>h6.md-focus:before{
351 | 	left: -1.5625rem;
352 | 	top: .285714286rem;
353 | }
354 | .md-image>.md-meta {
355 |     border: 1px solid #ddd;
356 |     border-radius: 3px;
357 |     font-family: Consolas, "Liberation Mono", Courier, monospace;
358 |     padding: 2px 4px 0px 4px;
359 |     font-size: 0.9em;
360 |     color: inherit;
361 | }
362 | 
363 | .md-tag{
364 | 	color: inherit;
365 | }
366 | 
367 | .md-toc {
368 |     margin-top:20px;
369 |     padding-bottom:20px;
370 | }
371 | 
372 | #typora-quick-open {
373 |     border: 1px solid #ddd;
374 |     background-color: #f8f8f8;
375 | }
376 | 
377 | #typora-quick-open-item {
378 |     background-color: #FAFAFA;
379 |     border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
380 |     border-style: solid;
381 |     border-width: 1px;
382 | }
383 | 
384 | #md-notification:before {
385 |     top: 10px;
386 | }
387 | 
388 | /** focus mode */
389 | .on-focus-mode blockquote {
390 |     border-left-color: rgba(85, 85, 85, 0.12);
391 | }
392 | 
393 | header, .context-menu, .megamenu-content, footer{
394 |     font-family: "Segoe UI", "Arial", sans-serif;
395 | }
396 | 


--------------------------------------------------------------------------------
/李笑来.css:
--------------------------------------------------------------------------------
  1 | .markdown-here-wrapper {
  2 |   font-size: 16px;
  3 |   line-height: 1.8em;
  4 |   letter-spacing: 0.1em;
  5 | }
  6 | 
  7 | 
  8 | pre, code {
  9 |   font-size: 14px;
 10 |   font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 11 |   margin: auto 5px;
 12 | }
 13 | 
 14 | code {
 15 |   white-space: pre-wrap;
 16 |   border-radius: 2px;
 17 |   display: inline;
 18 | }
 19 | 
 20 | pre {
 21 |   font-size: 15px;
 22 |   line-height: 1.4em;
 23 |   display: block; !important;
 24 | }
 25 | 
 26 | pre code {
 27 |   white-space: pre;
 28 |   overflow: auto;
 29 |   border-radius: 3px;
 30 |   padding: 1px 1px;
 31 |   display: block !important;
 32 | }
 33 | 
 34 | strong, b{
 35 |   color: #BF360C;
 36 | }
 37 | 
 38 | em, i {
 39 |   color: #009688;
 40 | }
 41 | 
 42 | hr {
 43 |   border: 1px solid #BF360C;
 44 |   margin: 1.5em auto;
 45 | }
 46 | 
 47 | p {
 48 |   margin: 1.5em 5px !important;
 49 | }
 50 | 
 51 | table, pre, dl, blockquote, q, ul, ol {
 52 |   margin: 10px 5px;
 53 | }
 54 | 
 55 | ul, ol {
 56 |   padding-left: 15px;
 57 | }
 58 | 
 59 | li {
 60 |   margin: 10px;
 61 | }
 62 | 
 63 | li p {
 64 |   margin: 10px 0 !important;
 65 | }
 66 | 
 67 | ul ul, ul ol, ol ul, ol ol {
 68 |   margin: 0;
 69 |   padding-left: 10px;
 70 | }
 71 | 
 72 | ul {
 73 |   list-style-type: circle;
 74 | }
 75 | 
 76 | dl {
 77 |   padding: 0;
 78 | }
 79 | 
 80 | dl dt {
 81 |   font-size: 1em;
 82 |   font-weight: bold;
 83 |   font-style: italic;
 84 | }
 85 | 
 86 | dl dd {
 87 |   margin: 0 0 10px;
 88 |   padding: 0 10px;
 89 | }
 90 | 
 91 | blockquote, q {
 92 |   border-left: 2px solid #009688;
 93 |   padding: 0 10px;
 94 |   color: #777;
 95 |   quotes: none;
 96 |   margin-left: 1em;
 97 | }
 98 | 
 99 | blockquote::before, blockquote::after, q::before, q::after {
100 |   content: none;
101 | }
102 | 
103 | h1, h2, h3, h4, h5, h6 {
104 |   margin: 20px 0 10px;
105 |   padding: 0;
106 |   font-style: bold !important;
107 |   color: #009688 !important;
108 |   text-align: center !important;
109 |   margin: 1.5em 5px !important;
110 |   padding: 0.5em 1em !important;
111 | }
112 | 
113 | h1 {
114 |   font-size: 26px !important;
115 |   border-bottom: 1px solid #ddd !important;
116 | }
117 | 
118 | h2 {
119 |   font-size: 20px !important;
120 |   border-bottom: 1px solid #eee !important;
121 | }
122 | 
123 | h3 {
124 |   font-size: 18px;
125 | }
126 | 
127 | h4 {
128 |   font-size: 16px;
129 | }
130 | 
131 | 
132 | table {
133 |   padding: 0;
134 |   border-collapse: collapse;
135 |   border-spacing: 0;
136 |   font-size: 1em;
137 |   font: inherit;
138 |   border: 0;
139 |   margin: 0 auto;
140 | }
141 | 
142 | tbody {
143 |   margin: 0;
144 |   padding: 0;
145 |   border: 0;
146 | }
147 | 
148 | table tr {
149 |   border: 0;
150 |   border-top: 1px solid #CCC;
151 |   background-color: white;
152 |   margin: 0;
153 |   padding: 0;
154 | }
155 | 
156 | table tr:nth-child(2n) {
157 |   background-color: #F8F8F8;
158 | }
159 | 
160 | table tr th, table tr td {
161 |   font-size: 16px;
162 |   border: 1px solid #CCC;
163 |   margin: 0;
164 |   padding: 5px 10px;
165 | }
166 | 
167 | table tr th {
168 |   font-weight: bold;
169 |   color: #eee;
170 |   border: 1px solid #009688;
171 |   background-color: #009688;
172 | }
173 | 


--------------------------------------------------------------------------------
/源泉特区:
--------------------------------------------------------------------------------
  1 | .markdown-here-wrapper {
  2 |   font-size: 16px;
  3 |   line-height: 1.8em;
  4 |   letter-spacing: 0.1em;
  5 | }
  6 | 
  7 | pre, code {
  8 |   font-size: 14px;
  9 |   font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 10 |   margin: auto 5px;
 11 | }
 12 | 
 13 | code {
 14 |   white-space: pre-wrap;
 15 |   border-radius: 2px;
 16 |   display: inline;
 17 | }
 18 | 
 19 | pre {
 20 |   font-size: 16px;
 21 |   line-height: 1.4em;
 22 |   display: block; !important;
 23 | }
 24 | 
 25 | pre code {
 26 |   white-space: pre;
 27 |   overflow: auto;
 28 |   border-radius: 3px;
 29 |   padding: 1px 1px;
 30 |   display: block !important;
 31 | }
 32 | 
 33 | strong, b{
 34 |   color: #E51C23;
 35 | }
 36 | 
 37 | em, i {
 38 |   color: #09BB07;
 39 | }
 40 | 
 41 | hr {
 42 |   border: 1px solid #09BB07;
 43 |   margin: 1.5em auto;
 44 | }
 45 | 
 46 | p {
 47 |   margin: 1.5em 5px !important;
 48 | }
 49 | 
 50 | table, pre, dl, blockquote, q, ul, ol {
 51 |   margin: 10px 5px;
 52 | }
 53 | 
 54 | ul, ol {
 55 |   padding-left: 16px;
 56 | }
 57 | 
 58 | li {
 59 |   margin: 10px;
 60 | }
 61 | 
 62 | li p {
 63 |   margin: 10px 0 !important;
 64 | }
 65 | 
 66 | ul ul, ul ol, ol ul, ol ol {
 67 |   margin: 0;
 68 |   padding-left: 10px;
 69 | }
 70 | 
 71 | ul {
 72 |   list-style-type: disc;
 73 | }
 74 | 
 75 | dl {
 76 |   padding: 0;
 77 | }
 78 | 
 79 | dl dt {
 80 |   font-size: 1em;
 81 |   font-weight: bold;
 82 |   font-style: italic;
 83 | }
 84 | 
 85 | dl dd {
 86 |   margin: 0 0 10px;
 87 |   padding: 0 10px;
 88 | }
 89 | 
 90 | blockquote, q {
 91 |   border-left: 2px solid #09BB07;
 92 |   padding: 0 10px;
 93 |   color: #777;
 94 |   quotes: none;
 95 |   margin-left: 1em;
 96 | }
 97 | 
 98 | blockquote::before, blockquote::after, q::before, q::after {
 99 |   content: none;
100 | }
101 | 
102 | h1, h2, h3, h4, h5, h6 {
103 |   margin: 20px 0 10px;
104 |   padding: 0;
105 |   font-weight: bold !important;
106 |   color: #09BB07 !important;
107 |   text-align: left !important;
108 |   margin: 1.5em 5px !important;
109 |   padding: 0.5em 1em !important;
110 | }
111 | 
112 | h1 {
113 |   font-size: 24px !important;
114 | }
115 | 
116 | h2 {
117 |   font-size: 20px !important;
118 | }
119 | 
120 | h3 {
121 |   font-size: 18px;
122 | }
123 | 
124 | h4 {
125 |   font-size: 16px;
126 | }
127 | 
128 | table {
129 |   padding: 0;
130 |   border-collapse: collapse;
131 |   border-spacing: 0;
132 |   font-size: 1em;
133 |   font: inherit;
134 |   border: 0;
135 |   margin: 0 auto;
136 | }
137 | 
138 | tbody {
139 |   margin: 0;
140 |   padding: 0;
141 |   border: 0;
142 | }
143 | 
144 | table tr {
145 |   border: 0;
146 |   border-top: 1px solid #CCC;
147 |   background-color: white;
148 |   margin: 0;
149 |   padding: 0;
150 | }
151 | 
152 | table tr:nth-child(2n) {
153 |   background-color: #F8F8F8;
154 | }
155 | 
156 | table tr th, table tr td {
157 |   font-size: 16px;
158 |   border: 1px solid #CCC;
159 |   margin: 0;
160 |   padding: 5px 10px;
161 | }
162 | 
163 | table tr th {
164 |   font-weight: bold;
165 |   color: #eee;
166 |   border: 1px solid #09BB07;
167 |   background-color: #09BB07;
168 | }
169 | 


--------------------------------------------------------------------------------
/红色.css:
--------------------------------------------------------------------------------
  1 | .markdown-here-wrapper {
  2 |   font-size: 16px;
  3 |   line-height: 1.8em;
  4 |   letter-spacing: 0em;
  5 | }
  6 | 
  7 | 
  8 | pre, code {
  9 |   font-size: 14px;
 10 |   font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 11 |   margin: auto 5px;
 12 | }
 13 | 
 14 | code {
 15 |   white-space: pre-wrap;
 16 |   border-radius: 2px;
 17 |   display: inline;
 18 | }
 19 | 
 20 | pre {
 21 |   font-size: 15px;
 22 |   line-height: 1.4em;
 23 |   display: block; !important;
 24 | }
 25 | 
 26 | pre code {
 27 |   white-space: pre;
 28 |   overflow: auto;
 29 |   border-radius: 3px;
 30 |   padding: 1px 1px;
 31 |   display: block !important;
 32 | }
 33 | 
 34 | strong, b{
 35 |   color:none;
 36 | }
 37 | 
 38 | em, i {
 39 |   color: #009688;
 40 | }
 41 | 
 42 | hr {
 43 |   border: 1px solid #BF360C;
 44 |   margin: 1.5em auto;
 45 | }
 46 | 
 47 | p {
 48 |   margin: 1.5em 5px !important;
 49 |   padding-right: 10px; !important;
 50 |   padding-left: 7px;!important;
 51 | 
 52 | }
 53 | 
 54 | table, pre, dl, blockquote, q, ul, ol {
 55 |   margin: 10px 5px;
 56 | }
 57 | 
 58 | ul, ol {
 59 |   padding-left: 15px;
 60 | }
 61 | 
 62 | li {
 63 |   margin: 10px;
 64 | }
 65 | 
 66 | li p {
 67 |   margin: 10px 0 !important;
 68 | }
 69 | 
 70 | ul ul, ul ol, ol ul, ol ol {
 71 |   margin: 0;
 72 |   padding-top: 2px; !important;
 73 | 
 74 | }
 75 | 
 76 | ul {
 77 |   list-style-type: circle;
 78 | }
 79 | 
 80 | dl {
 81 |   padding: 0;
 82 | }
 83 | 
 84 | dl dt {
 85 |   font-size: 1em;
 86 |   font-weight: bold;
 87 |   font-style: italic;
 88 | }
 89 | 
 90 | dl dd {
 91 |   margin: 0 0 10px;
 92 |   padding: 0 10px;
 93 | }
 94 | 
 95 | blockquote, q {
 96 |   border-left: 3px solid #e53245;
 97 |   padding: 0 10px;
 98 |   color: #777;
 99 |   quotes: 2px;
100 |   margin: 0 1em;
101 | 
102 | }
103 | 
104 | blockquote::before, blockquote::after, q::before, q::after {
105 |   content: none;
106 | }
107 | 
108 | h1, h2, h3, h4, h5, h6 {
109 | 
110 |   margin: 1.3em 0 1em;
111 |   padding: 0;
112 |   font-weight: bold;
113 |   text-align: center !important;
114 |   color: #e53245 !important;
115 | 
116 | }
117 | 
118 | h1 {
119 |   font-size: 24px !important;
120 |   border-bottom: 1px solid #ddd !important;
121 | }
122 | 
123 | h2 {
124 |   font-size: 1.5em;!important;
125 |   border-bottom: 1px solid #eee;!important;
126 | }
127 | 
128 | h3 {
129 |   font-size: 18px;
130 | }
131 | 
132 | h4 {
133 |   font-size: 16px;
134 | }
135 | 
136 | 
137 | table {
138 |   text-align: justify;!important;
139 |   padding: 0;
140 |   border-collapse: collapse;
141 |   border-spacing: 0;
142 |   font-size: 1em;
143 |   font: inherit;
144 |   border: 0;
145 |   margin: 0 auto;
146 |   text-align: center !important;
147 | }
148 | 
149 | tbody {
150 |   margin: 0;
151 |   padding: 0;
152 |   border: 0;
153 | }
154 | 
155 | table tr {
156 |   border: 0;
157 |   border-top: 1px solid #CCC;
158 |   background-color: white;
159 |   margin: 0;
160 |   padding: 0;
161 | }
162 | 
163 | table tr:nth-child(2n) {
164 |   background-color: #F8F8F8;
165 | }
166 | 
167 | table tr th, table tr td {
168 |   font-size: 16px;
169 |   border: 1px solid #CCC;
170 |   margin: 0;
171 |   padding: 5px 10px;
172 | }
173 | 
174 | table tr th {
175 |   font-weight: bold;
176 |   color: #eee;
177 |   border: 1px solid #009688;
178 |   background-color: #009688;
179 | }
180 | 


--------------------------------------------------------------------------------
/绿色.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /*
  3 |  * NOTE:
  4 |  * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
  5 |  *   If used, they may not render correctly for people reading the email in
  6 |  *   a different browser than the one from which the email was sent.
  7 |  * - The use of state-dependent styles (like a:hover) don't work because they
  8 |  *   don't match at the time the styles are made explicit. (In email, styles
  9 |  *   must be explicitly applied to all elements -- stylesheets get stripped.)
 10 |  */
 11 | 
 12 | /* This is the overall wrapper, it should be treated as the `body` section. */
 13 | 
 14 | .markdown-here-wrapper {
 15 | }
 16 | 
 17 | /* To add site specific rules, you can use the `data-md-url` attribute that we
 18 |    add to the wrapper element. Note that rules like this are used depending
 19 |    on the URL you're *sending* from, not the URL where the recipient views it.
 20 | */
 21 | /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
 22 | 
 23 | pre, code {
 24 |   font-family: Avenir, "PingFangSC-Light";
 25 | 
 26 | }
 27 | 
 28 | code {
 29 |   background-color: #f8f8f8;
 30 |   padding: 0.2em 0.5em;
 31 |   color:#1fcb27;
 32 |   font-size: 0.9em;
 33 |   border-radius: 2px;
 34 |   display: inline; /* added to fix Yahoo block display of inline code */
 35 |   white-space: pre-wrap;
 36 | }
 37 | 
 38 | pre {
 39 |   font-size: 1em;
 40 |   line-height: 1.2em;
 41 | }
 42 | 
 43 | pre code {
 44 |   white-space: pre;
 45 |   overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
 46 |   padding: 0.5em 0.7em;
 47 |   display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
 48 | }
 49 | 
 50 | /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
 51 | code look non-monospace. This rule will override it. */
 52 | .markdown-here-wrapper[data-md-url*="wordpress."] code span {
 53 |   font: inherit;
 54 | }
 55 | 
 56 | /* Wordpress adds a grey background to `pre` elements that doesn't go well with
 57 | our syntax highlighting. */
 58 | .markdown-here-wrapper[data-md-url*="wordpress."] pre {
 59 |   background-color: transparent;
 60 | }
 61 | 
 62 | /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing.
 63 | Note that we only use a top margin and not a bottom margin -- this prevents the
 64 | "blank line" look at the top of the email (issue #243).
 65 | */
 66 | p{
 67 |   /* !important is needed here because Hotmail/Outlook.com uses !important to
 68 |      kill the margin in <p>. We need this to win. */
 69 |   font-family: Avenir, "PingFangSC-Light" !important;
 70 |   font-size: 15px !important;
 71 |   color: #333 !important;
 72 |   line-height: 1.8em !important;
 73 |   letter-spacing: 0.1em !important;
 74 |   margin: 2em 2em !important; /* 增加段落边距 */
 75 |   text-align: justify !important;
 76 | }
 77 | 
 78 | table, pre, dl, blockquote, q, ul, ol {
 79 |   margin: 1.2em 0em;
 80 | }
 81 | 
 82 | ul, ol {
 83 |   padding-left: 0em;
 84 |   margin: 1.2em 2em;
 85 | 
 86 | }
 87 | 
 88 | li{
 89 |   margin: 0.2em 0;
 90 |   font-family: Avenir, "PingFangSC-Light" !important;
 91 |   font-size: 15px !important;
 92 |   color: #333 !important;
 93 |   line-height: 1.8em !important;
 94 |   letter-spacing: 0.1em !important;
 95 |   margin: 0.2em 0.2em !important;
 96 | }
 97 | 
 98 | ul li {
 99 |   margin: 0.2em 0;
100 |   font-family: Avenir, "PingFangSC-Light" !important;
101 |   font-size: 15px !important;
102 |   color: #333 !important;
103 |   line-height: 1.8em !important;
104 |   letter-spacing: 0.1em !important;
105 |   margin: 0.2em 0.2em !important;
106 | }
107 | 
108 | /* Smaller spacing for sub-lists */
109 | ul ul, ul ol, ol ul, ol ol {
110 |   margin: 0;
111 |   padding-left: 1em;
112 | }
113 | 
114 | /* Use Roman numerals for sub-ordered-lists. (Like Github.) */
115 | ol ol, ul ol {
116 |   list-style-type: circle;
117 | }
118 | 
119 | /* Use letters for sub-sub-ordered lists. (Like Github.) */
120 | ul ul ol, ul ol ol, ol ul ol, ol ol ol {
121 |   list-style-type: square;
122 | }
123 | 
124 | dl {
125 |   padding: 0;
126 | }
127 | 
128 | dl dt {
129 |   font-size: 1em;
130 |   font-weight: bold;
131 |   font-style: italic;
132 | }
133 | 
134 | dl dd {
135 |   margin: 0 0 1em;
136 |   padding: 0 1em;
137 | }
138 | 
139 | blockquote, q {
140 |   border-left: 4px solid #1fcb27;
141 |   /* background-color: #fafafa;*/
142 |   padding: 0em; /* 删除内边距 */
143 |   margin: 0em 1em;
144 |   color: #777;
145 |   quotes: none;
146 | }
147 | 
148 | 
149 | strong, b{
150 |   color: ##696969;
151 | }
152 | 
153 | 
154 | /* 设置引用文本颜色 */
155 | blockquote p {
156 |   color:rgb(119, 117, 117)!important
157 | }
158 | 
159 | blockquote::before, blockquote::after, q::before, q::after {
160 |   content: none;
161 | }
162 | 
163 | h1, h2, h3, h4, h5, h6 {
164 |   margin: 1.3em 0 1em;
165 |   padding: 0;
166 |   font-weight: bold;
167 |   letter-spacing: 0.1em !important;
168 |   color:#1fcb27;
169 | 
170 | }
171 | 
172 | h1 {
173 |   font-size: 1.6em;
174 |   border-bottom: 1px solid #ddd;
175 |   color: black;
176 | }
177 | 
178 | h2 {
179 |   font-size: 1.4em;
180 |   color: #1fcb27;;
181 | }
182 | 
183 | h3 {
184 |   font-size: 1.3em;
185 | }
186 | 
187 | h4 {
188 |   font-size: 1.2em;
189 | }
190 | 
191 | h5 {
192 |   font-size: 1em;
193 | }
194 | 
195 | h6 {
196 |   font-size: 1em;
197 |   color: #777;
198 | }
199 | 
200 | table {
201 |   border-collapse: collapse;
202 |   border-spacing: 0;
203 |   font-size: .8em;
204 |   border: 0;
205 |   font-family: Avenir, "PingFangSC-Light";
206 | }
207 | 
208 | tbody {
209 |   margin: 0;
210 |   padding: 0;
211 |   border: 0;
212 | }
213 | 
214 | table tr {
215 |   border: 0;
216 |   border-top: 1px solid #CCC;
217 |   background-color: white;
218 |   margin: 0;
219 |   padding: 0;
220 | 
221 | }
222 | 
223 | table tr:nth-child(2n) {
224 |   background-color: #F8F8F8;
225 | }
226 | 
227 | table tr th, table tr td {
228 |   font-size: 0.8em;
229 |   border: 1px solid #CCC;
230 |   margin: 0;
231 |   padding: 0.5em 1em;
232 | }
233 | 
234 | table tr th {
235 |  font-weight: bold;
236 |  background-color: #F0F0F0;
237 | }
238 | 
239 | table tr:nth-child(2n) {
240 |   background-color: #F8F8F8;
241 | }
242 | 
243 | table tr th, table tr td {
244 |   font-size: 0.8em;
245 |   border: 1px solid #CCC;
246 |   margin: 0;
247 |   padding: 0.5em 1em;
248 | }
249 | 
250 | table tr th {
251 |  font-weight: bold;
252 |  background-color: #F0F0F0;
253 | }
254 | 


--------------------------------------------------------------------------------
/青色苹方字体.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * NOTE:
  3 |  * - The use of browser-specific styles (-moz-, -webkit-) should be avoided.
  4 |  *   If used, they may not render correctly for people reading the email in
  5 |  *   a different browser than the one from which the email was sent.
  6 |  * - The use of state-dependent styles (like a:hover) don't work because they
  7 |  *   don't match at the time the styles are made explicit. (In email, styles
  8 |  *   must be explicitly applied to all elements -- stylesheets get stripped.)
  9 |  */
 10 | 
 11 | /* This is the overall wrapper, it should be treated as the `body` section. */
 12 | 
 13 | .markdown-here-wrapper {
 14 | }
 15 | 
 16 | /* To add site specific rules, you can use the `data-md-url` attribute that we
 17 |    add to the wrapper element. Note that rules like this are used depending
 18 |    on the URL you're *sending* from, not the URL where the recipient views it.
 19 | */
 20 | /* .markdown-here-wrapper[data-md-url*="mail.yahoo."] ul { color: red; } */
 21 | 
 22 | pre, code {
 23 |   font-family: Avenir, "PingFangSC-Light";
 24 | 
 25 | }
 26 | 
 27 | code {
 28 |   background-color: #f8f8f8;
 29 |   padding: 0.2em 0.5em;
 30 |   color:#c7254e;
 31 |   font-size: 0.9em;
 32 |   border-radius: 2px;
 33 |   display: inline; /* added to fix Yahoo block display of inline code */
 34 |   white-space: pre-wrap;
 35 | }
 36 | 
 37 | pre {
 38 |   font-size: 1em;
 39 |   line-height: 1.2em;
 40 | }
 41 | 
 42 | pre code {
 43 |   white-space: pre;
 44 |   overflow: auto; /* fixes issue #70: Firefox/Thunderbird: Code blocks with horizontal scroll would have bad background colour */
 45 |   padding: 0.5em 0.7em;
 46 |   display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
 47 | }
 48 | 
 49 | /* In edit mode, Wordpress uses a `* { font: ...;} rule+style that makes highlighted
 50 | code look non-monospace. This rule will override it. */
 51 | .markdown-here-wrapper[data-md-url*="wordpress."] code span {
 52 |   font: inherit;
 53 | }
 54 | 
 55 | /* Wordpress adds a grey background to `pre` elements that doesn't go well with
 56 | our syntax highlighting. */
 57 | .markdown-here-wrapper[data-md-url*="wordpress."] pre {
 58 |   background-color: transparent;
 59 | }
 60 | 
 61 | /* This spacing has been tweaked to closely match Gmail+Chrome "paragraph" (two line breaks) spacing.
 62 | Note that we only use a top margin and not a bottom margin -- this prevents the
 63 | "blank line" look at the top of the email (issue #243).
 64 | */
 65 | p{
 66 |   /* !important is needed here because Hotmail/Outlook.com uses !important to
 67 |      kill the margin in <p>. We need this to win. */
 68 |   font-family: Avenir, "PingFangSC-Light" !important;
 69 |   font-size: 15px !important;
 70 |   color: #333 !important;
 71 |   line-height: 1.8em !important;
 72 |   letter-spacing: 0.1em !important;
 73 |   margin: 1em 1em !important; /* 增加段落边距 */
 74 |   text-align: justify !important;
 75 | }
 76 | 
 77 | table, pre, dl, blockquote, q, ul, ol {
 78 |   margin: 1.2em 0em;
 79 | }
 80 | 
 81 | ul, ol {
 82 |   padding-left: 0em;
 83 |   margin: 1.2em 2em;
 84 | 
 85 | }
 86 | 
 87 | li{
 88 |   margin: 0.2em 0;
 89 |   font-family: Avenir, "PingFangSC-Light" !important;
 90 |   font-size: 15px !important;
 91 |   color: #333 !important;
 92 |   line-height: 1.8em !important;
 93 |   letter-spacing: 0.1em !important;
 94 |   margin: 0.2em 0.2em !important;
 95 | }
 96 | 
 97 | ul li {
 98 |   margin: 0.2em 0;
 99 |   font-family: Avenir, "PingFangSC-Light" !important;
100 |   font-size: 15px !important;
101 |   color: #333 !important;
102 |   line-height: 1.8em !important;
103 |   letter-spacing: 0.1em !important;
104 |   margin: 0.2em 0.2em !important;
105 | }
106 | 
107 | /* Smaller spacing for sub-lists */
108 | ul ul, ul ol, ol ul, ol ol {
109 |   margin: 0;
110 |   padding-left: 1em;
111 | }
112 | 
113 | /* Use Roman numerals for sub-ordered-lists. (Like Github.) */
114 | ol ol, ul ol {
115 |   list-style-type: circle;
116 | }
117 | 
118 | /* Use letters for sub-sub-ordered lists. (Like Github.) */
119 | ul ul ol, ul ol ol, ol ul ol, ol ol ol {
120 |   list-style-type: square;
121 | }
122 | 
123 | dl {
124 |   padding: 0;
125 | }
126 | 
127 | dl dt {
128 |   font-size: 1em;
129 |   font-weight: bold;
130 |   font-style: italic;
131 | }
132 | 
133 | dl dd {
134 |   margin: 0 0 1em;
135 |   padding: 0 1em;
136 | }
137 | 
138 | blockquote, q {
139 |   border-left: 4px solid #3bb8af;
140 |   /* background-color: #fafafa;*/
141 |   padding: 0em; /* 删除内边距 */
142 |   margin: 0em 1em;
143 |   color: #777;
144 |   quotes: none;
145 | }
146 | 
147 | 
148 | strong, b{
149 |   color: #3bb8af;
150 | }
151 | 
152 | 
153 | /* 设置引用文本颜色 */
154 | blockquote p {
155 |   color: rgb(119, 117, 117) !important
156 | }
157 | 
158 | blockquote::before, blockquote::after, q::before, q::after {
159 |   content: none;
160 | }
161 | 
162 | h1, h2, h3, h4, h5, h6 {
163 |   margin: 1.3em 0 1em;
164 |   padding: 0;
165 |   font-weight: bold;
166 |   letter-spacing: 0.1em !important;
167 | }
168 | 
169 | h1 {
170 |   font-size: 1.7em;
171 |   border-bottom: 1px solid #ddd;
172 |   color: black;
173 | }
174 | 
175 | h2 {
176 |   font-size: 1.4em;
177 |   text-align: center;
178 |   border-bottom: 1px solid #eee;
179 |   color: #3bb8af;
180 | }
181 | 
182 | h3 {
183 |   font-size: 1.3em;
184 | }
185 | 
186 | h4 {
187 |   font-size: 1.2em;
188 | }
189 | 
190 | h5 {
191 |   font-size: 1em;
192 | }
193 | 
194 | h6 {
195 |   font-size: 1em;
196 |   color: #777;
197 | }
198 | 
199 | table {
200 |   border-collapse: collapse;
201 |   border-spacing: 0;
202 |   font-size: .8em;
203 |   border: 0;
204 |   font-family: Avenir, "PingFangSC-Light";
205 | }
206 | 
207 | tbody {
208 |   margin: 0;
209 |   padding: 0;
210 |   border: 0;
211 | }
212 | 
213 | table tr {
214 |   border: 0;
215 |   border-top: 1px solid #CCC;
216 |   background-color: white;
217 |   margin: 0;
218 |   padding: 0;
219 | 
220 | }
221 | 
222 | table tr:nth-child(2n) {
223 |   background-color: #F8F8F8;
224 | }
225 | 
226 | table tr th, table tr td {
227 |   font-size: 0.8em;
228 |   border: 1px solid #CCC;
229 |   margin: 0;
230 |   padding: 0.5em 1em;
231 | }
232 | 
233 | table tr th {
234 |  font-weight: bold;
235 |  background-color: #F0F0F0;
236 | }
237 | 


--------------------------------------------------------------------------------