markdown语法CSS

github.css

#epiceditor-wrapper{
  background:white;
}

#epiceditor-preview{
	padding-top:10px;
	padding-bottom:10px;
	font-family: Helvetica,arial,freesans,clean,sans-serif;
	font-size:16px;
	line-height:1.6;
}

#epiceditor-preview>*:first-child{
	margin-top:0!important;
}

#epiceditor-preview>*:last-child{
	margin-bottom:0!important;
}

#epiceditor-preview a{
	color:#4183C4;
	text-decoration:none;
}

#epiceditor-preview a:hover{
	text-decoration:underline;
}

#epiceditor-preview h1,
#epiceditor-preview h2,
#epiceditor-preview h3,
#epiceditor-preview h4,
#epiceditor-preview h5,
#epiceditor-preview h6{
	margin:20px 0 10px;
	padding:0;
	font-weight:bold;
	-webkit-font-smoothing:antialiased;
}

#epiceditor-preview h1 tt,
#epiceditor-preview h1 code,
#epiceditor-preview h2 tt,
#epiceditor-preview h2 code,
#epiceditor-preview h3 tt,
#epiceditor-preview h3 code,
#epiceditor-preview h4 tt,
#epiceditor-preview h4 code,
#epiceditor-preview h5 tt,
#epiceditor-preview h5 code,
#epiceditor-preview h6 tt,
#epiceditor-preview h6 code{
	font-size:inherit;
}

#epiceditor-preview h1{
	font-size:28px;
	color:#000;
}

#epiceditor-preview h2{
	font-size:24px;
	border-bottom:1px solid #ccc;
	color:#000;
}

#epiceditor-preview h3{
	font-size:18px;
}

#epiceditor-preview h4{
	font-size:16px;
}

#epiceditor-preview h5{
	font-size:14px;
}

#epiceditor-preview h6{
	color:#777;
	font-size:14px;
}

#epiceditor-preview p,
#epiceditor-preview blockquote,
#epiceditor-preview ul,
#epiceditor-preview ol,
#epiceditor-preview dl,
#epiceditor-preview li,
#epiceditor-preview table,
#epiceditor-preview pre{
	margin:15px 0;
}

#epiceditor-preview hr{
	background:transparent url('../../images/modules/pulls/dirty-shade.png') repeat-x 0 0;
	border:0 none;
	color:#ccc;
	height:4px;
	padding:0;
}

#epiceditor-preview>h2:first-child,
#epiceditor-preview>h1:first-child,
#epiceditor-preview>h1:first-child+h2,
#epiceditor-preview>h3:first-child,
#epiceditor-preview>h4:first-child,
#epiceditor-preview>h5:first-child,
#epiceditor-preview>h6:first-child{
	margin-top:0;
	padding-top:0;
}

#epiceditor-preview h1+p,
#epiceditor-preview h2+p,
#epiceditor-preview h3+p,
#epiceditor-preview h4+p,
#epiceditor-preview h5+p,
#epiceditor-preview h6+p{
	margin-top:0;
}

#epiceditor-preview li p.first{
	display:inline-block;
}

#epiceditor-preview ul,
#epiceditor-preview ol{
	padding-left:30px;
}

#epiceditor-preview ul li>:first-child,
#epiceditor-preview ol li>:first-child{
	margin-top:0;
}

#epiceditor-preview ul li>:last-child,
#epiceditor-preview ol li>:last-child{
	margin-bottom:0;
}

#epiceditor-preview dl{
	padding:0;
}

#epiceditor-preview dl dt{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	padding:0;
	margin:15px 0 5px;
}

#epiceditor-preview dl dt:first-child{
	padding:0;
}

#epiceditor-preview dl dt>:first-child{
	margin-top:0;
}

#epiceditor-preview dl dt>:last-child{
	margin-bottom:0;
}

#epiceditor-preview dl dd{
	margin:0 0 15px;
	padding:0 15px;
}

#epiceditor-preview dl dd>:first-child{
	margin-top:0;
}

#epiceditor-preview dl dd>:last-child{
	margin-bottom:0;
}

#epiceditor-preview blockquote{
	border-left:4px solid #DDD;
	padding:0 15px;
	color:#777;
}

#epiceditor-preview blockquote>:first-child{
	margin-top:0;
}

#epiceditor-preview blockquote>:last-child{
	margin-bottom:0;
}

#epiceditor-preview table{
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font: inherit;
}

#epiceditor-preview table tr{
	border-top:1px solid #ccc;
	background-color:#fff;
	margin:0;
	padding:0;
}

#epiceditor-preview table tr:nth-child(2n){
	background-color:#f8f8f8;
}

#epiceditor-preview table tr th{
	font-weight:bold;
}

#epiceditor-preview table tr th,
#epiceditor-preview table tr td{
	border:1px solid #ccc;
	text-align:left;
	margin:0;
	padding:6px 13px;
}

#epiceditor-preview table tr th>:first-child,
#epiceditor-preview table tr td>:first-child{
	margin-top:0;
}

#epiceditor-preview table tr th>:last-child,
#epiceditor-preview table tr td>:last-child{
	margin-bottom:0;
}

#epiceditor-preview img{
	max-width:100%;
}

#epiceditor-preview span.frame{
	display:block;
	overflow:hidden;
}

#epiceditor-preview span.frame>span{
	border:1px solid #ddd;
	display:block;
	float:left;
	overflow:hidden;
	margin:13px 0 0;
	padding:7px;
	width:auto;
}

#epiceditor-preview span.frame span img{
	display:block;
	float:left;
}

#epiceditor-preview span.frame span span{
	clear:both;
	color:#333;
	display:block;
	padding:5px 0 0;
}

#epiceditor-preview span.align-center{
	display:block;
	overflow:hidden;
	clear:both;
}

#epiceditor-preview span.align-center>span{
	display:block;
	overflow:hidden;
	margin:13px auto 0;
	text-align:center;
}

#epiceditor-preview span.align-center span img{
	margin:0 auto;
	text-align:center;
}

#epiceditor-preview span.align-right{
	display:block;
	overflow:hidden;
	clear:both;
}

#epiceditor-preview span.align-right>span{
	display:block;
	overflow:hidden;
	margin:13px 0 0;
	text-align:right;
}

#epiceditor-preview span.align-right span img{
	margin:0;
	text-align:right;
}

#epiceditor-preview span.float-left{
	display:block;
	margin-right:13px;
	overflow:hidden;
	float:left;
}

#epiceditor-preview span.float-left span{
	margin:13px 0 0;
}

#epiceditor-preview span.float-right{
	display:block;
	margin-left:13px;
	overflow:hidden;
	float:right;
}

#epiceditor-preview span.float-right>span{
	display:block;
	overflow:hidden;
	margin:13px auto 0;
	text-align:right;
}

#epiceditor-preview code,
#epiceditor-preview tt{
	margin:0 2px;
	padding:0 5px;
	white-space:nowrap;
	border:1px solid #eaeaea;
	background-color:#f8f8f8;
	border-radius:3px;
}

#epiceditor-preview pre>code{
	margin:0;
	padding:0;
	white-space:pre;
	border:none;
	background:transparent;
}

#epiceditor-preview .highlight pre,
#epiceditor-preview pre{
	background-color:#f8f8f8;
	border:1px solid #ccc;
	font-size:13px;
	line-height:19px;
	overflow:auto;
	padding:6px 10px;
	border-radius:3px;
}

#epiceditor-preview pre code,
#epiceditor-preview pre tt{
	background-color:transparent;
	border:none;
}