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