1.mde-preview .mde-preview-content { 2 padding: 10px; } 3 .mde-preview .mde-preview-content p, .mde-preview .mde-preview-content blockquote, .mde-preview .mde-preview-content ul, .mde-preview .mde-preview-content ol, .mde-preview .mde-preview-content dl, .mde-preview .mde-preview-content table, .mde-preview .mde-preview-content pre { 4 margin-top: 0; 5 margin-bottom: 16px; } 6 .mde-preview .mde-preview-content h1, .mde-preview .mde-preview-content h2, .mde-preview .mde-preview-content h3 { 7 margin-top: 24px; 8 margin-bottom: 16px; 9 font-weight: 600; 10 line-height: 1.25; 11 border-bottom: 1px solid #eee; 12 padding-bottom: 0.3em; } 13 .mde-preview .mde-preview-content h1 { 14 font-size: 1.6em; } 15 .mde-preview .mde-preview-content h2 { 16 font-size: 1.4em; } 17 .mde-preview .mde-preview-content h3 { 18 font-size: 1.2em; } 19 .mde-preview .mde-preview-content ul, .mde-preview .mde-preview-content ol { 20 padding-left: 2em; } 21 .mde-preview .mde-preview-content blockquote { 22 margin-left: 0; 23 padding: 0 1em; 24 color: #777; 25 border-left: 0.25em solid #ddd; } 26 .mde-preview .mde-preview-content blockquote > :first-child { 27 margin-top: 0; } 28 .mde-preview .mde-preview-content blockquote > :last-child { 29 margin-bottom: 0; } 30 .mde-preview .mde-preview-content code { 31 padding: 0.2em 0 0.2em 0; 32 margin: 0; 33 font-size: 90%; 34 background-color: rgba(0, 0, 0, 0.04); 35 border-radius: 3px; } 36 .mde-preview .mde-preview-content code::before, .mde-preview .mde-preview-content code::after { 37 letter-spacing: -0.2em; 38 content: "\00a0"; } 39 .mde-preview .mde-preview-content pre { 40 padding: 16px; 41 overflow: auto; 42 font-size: 85%; 43 line-height: 1.45; 44 background-color: #f7f7f7; 45 border-radius: 3px; } 46 .mde-preview .mde-preview-content pre code { 47 display: inline; 48 padding: 0; 49 margin: 0; 50 overflow: visible; 51 line-height: inherit; 52 word-wrap: normal; 53 background-color: transparent; 54 border: 0; } 55 .mde-preview .mde-preview-content pre code::before, .mde-preview .mde-preview-content pre code::after { 56 content: none; } 57 .mde-preview .mde-preview-content pre > code { 58 padding: 0; 59 margin: 0; 60 font-size: 100%; 61 word-break: normal; 62 white-space: pre; 63 background: transparent; 64 border: 0; } 65 .mde-preview .mde-preview-content a { 66 color: #4078c0; 67 text-decoration: none; } 68 .mde-preview .mde-preview-content a:hover { 69 text-decoration: underline; } 70 .mde-preview .mde-preview-content > *:first-child { 71 margin-top: 0 !important; } 72 .mde-preview .mde-preview-content > *:last-child { 73 margin-bottom: 0 !important; } 74 .mde-preview .mde-preview-content::after { 75 display: table; 76 clear: both; 77 content: ""; } 78 .mde-preview .mde-preview-content table { 79 display: block; 80 width: 100%; 81 border-spacing: 0; 82 border-collapse: collapse; } 83 .mde-preview .mde-preview-content table thead th { 84 font-weight: bold; } 85 .mde-preview .mde-preview-content table th, .mde-preview .mde-preview-content table td { 86 padding: 6px 13px; 87 border: 1px solid #c8ccd0; } 88