inleft
2022-03-03 5dfef883049e7f0670f6c6b1b225b233aee41eea
commit | author | age
b505f3 1 .markdown-body{
I 2     body{
3          margin: 0 auto;
4          font-family: "Microsoft YaHei", arial,sans-serif;
5          color: #444444;
6          line-height: 1;
7          padding: 30px;
8      }
9      @media screen and (min-width: 768px) {
10          body {
11              width: 748px;
12              margin: 10px auto;
13          }
14      }
15     h1, h2, h3, h4 {
16         color: #111111;
17         font-weight: 400;
18         margin-top: 1em;
19     }
20     
21     h1, h2, h3, h4, h5 {
22         font-family: Georgia, Palatino, serif;
23     }
24     h1, h2, h3, h4, h5, p , dl{
25         margin-bottom: 16px;
26         padding: 0;
27     }
28     h1 {
29         font-size: 38px;
30         line-height: 54px;
31     }
32     h2 {
33         font-size: 36px;
34         line-height: 42px;
35     }
36     h1, h2 {
37         border-bottom: 1px solid #EFEAEA;
38         padding-bottom: 10px;
39     }
40     h3 {
41         font-size: 24px;
42         line-height: 30px;
43     }
44     h4 {
45         font-size: 21px;
46         line-height: 26px;
47     }
48     h5 {
49         font-size: 18px;
50         list-style: 23px;
51     }
52     a {
53         color: #0099ff;
54         margin: 0;
55         padding: 0;
56         vertical-align: baseline;
57     }
58     a:hover {
59         text-decoration: none;
60         color: #ff6600;
61     }
62     a:visited {
63         /*color: purple;*/
64     }
65     ul, ol {
66         padding: 0;
67         padding-left: 24px;
68         margin: 0;
69     }
70     li {
71         line-height: 24px;
72     }
73     p, ul, ol {
74         font-size: 16px;
75         line-height: 24px;
76     }
77     
78     ol ol, ul ol {
79         list-style-type: lower-roman;
80     }
81     
82     /*pre {
83         padding: 0px 24px;
84         max-width: 800px;
85         white-space: pre-wrap;
86     }
87     code {
88         font-family: Consolas, Monaco, Andale Mono, monospace;
89         line-height: 1.5;
90         font-size: 13px;
91     }*/
92     
93     code, pre {
94         border-radius: 3px;
95         background-color:#f7f7f7;
96         color: inherit;
97     }
98     
99     code {
100         font-family: Consolas, Monaco, Andale Mono, monospace;
101         margin: 0 2px;
102     }
103     
104     pre {
105         line-height: 1.7em;
106         overflow: auto;
107         padding: 6px 10px;
108         border-left: 5px solid #6CE26C;
109     }
110     
111     pre > code {
112         border: 0;
113         display: inline;
114         max-width: initial;
115         padding: 0;
116         margin: 0;
117         overflow: initial;
118         line-height: inherit;
119         font-size: .85em;
120         white-space: pre;
121         background: 0 0;
122     
123     }
124     
125     code {
126         color: #666555;
127     }
128     
129     
130     /** markdown preview plus 对于代码块的处理有些问题, 所以使用统一的颜色 */
131     /*code .keyword {
132       color: #8959a8;
133     }
134     
135     code .number {
136       color: #f5871f;
137     }
138     
139     code .comment {
140       color: #998
141     }*/
142     
143     aside {
144         display: block;
145         float: right;
146         width: 390px;
147     }
148     blockquote {
149         border-left:.5em solid #eee;
150         padding: 0 0 0 2em;
151         margin-left:0;
152     }
153     blockquote  cite {
154         font-size:14px;
155         line-height:20px;
156         color:#bfbfbf;
157     }
158     blockquote cite:before {
159         content: '\2014 \00A0';
160     }
161     
162     blockquote p {
163         color: #666;
164     }
165     hr {
166         text-align: left;
167         color: #999;
168         height: 2px;
169         padding: 0;
170         margin: 16px 0;
171         background-color: #e7e7e7;
172         border: 0 none;
173     }
174     
175     dl {
176         padding: 0;
177     }
178     
179     dl dt {
180         padding: 10px 0;
181         margin-top: 16px;
182         font-size: 1em;
183         font-style: italic;
184         font-weight: bold;
185     }
186     
187     dl dd {
188         padding: 0 16px;
189         margin-bottom: 16px;
190     }
191     
192     dd {
193         margin-left: 0;
194     }
195     
196     /* Code below this line is copyright Twitter Inc. */
197     
198     button,
199     input,
200     select,
201     textarea {
202         font-size: 100%;
203         margin: 0;
204         vertical-align: baseline;
205         *vertical-align: middle;
206     }
207     button, input {
208         line-height: normal;
209         *overflow: visible;
210     }
211     button::-moz-focus-inner, input::-moz-focus-inner {
212         border: 0;
213         padding: 0;
214     }
215     button,
216     input[type="button"],
217     input[type="reset"],
218     input[type="submit"] {
219         cursor: pointer;
220         -webkit-appearance: button;
221     }
222     input[type=checkbox], input[type=radio] {
223         cursor: pointer;
224     }
225     /* override default chrome & firefox settings */
226     input:not([type="image"]), textarea {
227         -webkit-box-sizing: content-box;
228         -moz-box-sizing: content-box;
229         box-sizing: content-box;
230     }
231     
232     input[type="search"] {
233         -webkit-appearance: textfield;
234         -webkit-box-sizing: content-box;
235         -moz-box-sizing: content-box;
236         box-sizing: content-box;
237     }
238     input[type="search"]::-webkit-search-decoration {
239         -webkit-appearance: none;
240     }
241     label,
242     input,
243     select,
244     textarea {
245         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
246         font-size: 13px;
247         font-weight: normal;
248         line-height: normal;
249         margin-bottom: 18px;
250     }
251     input[type=checkbox], input[type=radio] {
252         cursor: pointer;
253         margin-bottom: 0;
254     }
255     input[type=text],
256     input[type=password],
257     textarea,
258     select {
259         display: inline-block;
260         width: 210px;
261         padding: 4px;
262         font-size: 13px;
263         font-weight: normal;
264         line-height: 18px;
265         height: 18px;
266         color: #808080;
267         border: 1px solid #ccc;
268         -webkit-border-radius: 3px;
269         -moz-border-radius: 3px;
270         border-radius: 3px;
271     }
272     select, input[type=file] {
273         height: 27px;
274         line-height: 27px;
275     }
276     textarea {
277         height: auto;
278     }
279     /* grey out placeholders */
280     :-moz-placeholder {
281         color: #bfbfbf;
282     }
283     ::-webkit-input-placeholder {
284         color: #bfbfbf;
285     }
286     input[type=text],
287     input[type=password],
288     select,
289     textarea {
290         -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
291         -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
292         transition: border linear 0.2s, box-shadow linear 0.2s;
293         -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
294         -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
295         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
296     }
297     input[type=text]:focus, input[type=password]:focus, textarea:focus {
298         outline: none;
299         border-color: rgba(82, 168, 236, 0.8);
300         -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
301         -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
302         box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
303     }
304     /* buttons */
305     button {
306         display: inline-block;
307         padding: 4px 14px;
308         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
309         font-size: 13px;
310         line-height: 18px;
311         -webkit-border-radius: 4px;
312         -moz-border-radius: 4px;
313         border-radius: 4px;
314         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
315         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
316         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
317         background-color: #0064cd;
318         background-repeat: repeat-x;
319         background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
320         background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
321         background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
322         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
323         background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
324         background-image: -o-linear-gradient(top, #049cdb, #0064cd);
325         background-image: linear-gradient(top, #049cdb, #0064cd);
326         color: #fff;
327         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
328         border: 1px solid #004b9a;
329         border-bottom-color: #003f81;
330         -webkit-transition: 0.1s linear all;
331         -moz-transition: 0.1s linear all;
332         transition: 0.1s linear all;
333         border-color: #0064cd #0064cd #003f81;
334         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
335     }
336     button:hover {
337         color: #fff;
338         background-position: 0 -15px;
339         text-decoration: none;
340     }
341     button:active {
342         -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
343         -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
344         box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
345     }
346     button::-moz-focus-inner {
347         padding: 0;
348         border: 0;
349     }
350     table {
351         *border-collapse: collapse; /* IE7 and lower */
352         border-spacing: 0;
353         width: 100%;
354     }
355     table {
356         border: solid #ccc 1px;
357         -moz-border-radius: 6px;
358         -webkit-border-radius: 6px;
359         border-radius: 6px;
360         /*-webkit-box-shadow: 0 1px 1px #ccc;
361         -moz-box-shadow: 0 1px 1px #ccc;
362         box-shadow: 0 1px 1px #ccc;   */
363     }
364     table tr:hover {
365         background: #fbf8e9;
366         -o-transition: all 0.1s ease-in-out;
367         -webkit-transition: all 0.1s ease-in-out;
368         -moz-transition: all 0.1s ease-in-out;
369         -ms-transition: all 0.1s ease-in-out;
370         transition: all 0.1s ease-in-out;
371     }
372     table td, .table th {
373         border-left: 1px solid #ccc;
374         border-top: 1px solid #ccc;
375         padding: 10px;
376         text-align: left;
377     }
378     
379     table th {
380         background-color: #dce9f9;
381         background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
382         background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
383         background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
384         background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
385         background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
386         background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
387         /*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
388         -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
389         box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;*/
390         border-top: none;
391         text-shadow: 0 1px 0 rgba(255,255,255,.5);
392         padding: 5px;
393     }
394     
395     table td:first-child, table th:first-child {
396         border-left: none;
397     }
398     
399     table th:first-child {
400         -moz-border-radius: 6px 0 0 0;
401         -webkit-border-radius: 6px 0 0 0;
402         border-radius: 6px 0 0 0;
403     }
404     table th:last-child {
405         -moz-border-radius: 0 6px 0 0;
406         -webkit-border-radius: 0 6px 0 0;
407         border-radius: 0 6px 0 0;
408     }
409     table th:only-child{
410         -moz-border-radius: 6px 6px 0 0;
411         -webkit-border-radius: 6px 6px 0 0;
412         border-radius: 6px 6px 0 0;
413     }
414     table tr:last-child td:first-child {
415         -moz-border-radius: 0 0 0 6px;
416         -webkit-border-radius: 0 0 0 6px;
417         border-radius: 0 0 0 6px;
418     }
419     table tr:last-child td:last-child {
420         -moz-border-radius: 0 0 6px 0;
421         -webkit-border-radius: 0 0 6px 0;
422         border-radius: 0 0 6px 0;
423     }
424     
425 }