insanehong 2013-08-02
add markdown style css
@4be41332505541c5ce7c7322e61baa8171eaefe5
 
app/assets/stylesheets/less/_markdown.less (added)
+++ app/assets/stylesheets/less/_markdown.less
@@ -0,0 +1,107 @@
+// readme style
+.markdown-wrap {
+	a {
+      color:#4183c4;
+      text-decoration:none;
+  }
+
+  a:hover {
+      color:#4183c4;
+      text-decoration:underline;
+  }
+
+  a:active {
+      color:#4183c4;
+      text-decoration:none;
+  }
+
+  h1 {
+  	margin:1em 0 15px;
+  	border-bottom:1px solid #bbb;
+  	font-size:2.5em;
+  }
+
+  h2 {
+  	margin:1em 0 15px;
+  	border-bottom:1px solid #ccc;
+  	font-size:2,0em;
+  }
+
+  h3 {
+  	font-size:1.5em;
+  }
+
+  h4 {
+  	font-size:1em;
+  }
+
+  hr {
+  	height:1px;
+  	margin:10px 0;
+  	border:0;color:#ccc;
+  	background-color:#ccc;
+  }
+
+  p {
+  	font-size: 14px;
+  	margin : 15px 0;
+  }
+
+  code {
+	  margin: 0 2px;
+		padding: 0px 5px;
+		border: 1px solid #ddd;
+		background-color: #f8f8f8;
+		border-radius: 3px;
+	}
+
+	blockquote{
+		border-left: 4px solid #DDD;
+		padding: 0 15px;
+		color: #777;
+	}
+
+	img{
+		max-width:100%;
+		margin:10px 0;
+	}
+
+	ul{
+	 	margin:10px 15px;
+	 	line-height:21px;
+	 	list-style:disc;
+	}
+
+	ol{
+	 	margin:10px 15px;
+	 	line-height:21px;
+	 	list-style:decimal;
+	}
+
+	pre {
+		code {
+			marign : 0;
+			padding: 0;
+			border : none;
+			background-color:none;
+
+		}
+	}
+
+	table {
+		border-collapse:collapse;
+
+		th {
+			padding:5px;
+			border:1px solid #dcddde;
+			background-color:#f7f7f7;
+		}
+
+		td {
+			padding:5px;
+			border:1px solid #dcddde;
+		}
+
+	}
+
+}(No newline at end of file)
app/assets/stylesheets/yobi.less
--- app/assets/stylesheets/yobi.less
+++ app/assets/stylesheets/yobi.less
@@ -5,4 +5,5 @@
 @import "less/_page.less";
 @import "less/_reponsive.less";
 @import "less/_yobiUI.less";
-@import "less/_temporary.less";
(No newline at end of file)
+@import "less/_temporary.less";
+@import "less/_markdown.less";
(No newline at end of file)
app/views/project/overview.scala.html
--- app/views/project/overview.scala.html
+++ app/views/project/overview.scala.html
@@ -60,7 +60,7 @@
 	                } else {
 	                    <div class="readme-wrap">
 	                        <header><i class="ico ico-readme-book"></i><strong>@project.getReadmeFileName</strong></header>
-	                        <div class="readme-body" markdown="true">@project.readme</div>
+	                        <div class="readme-body markdown-wrap" markdown="true">@project.readme</div>
 	                    </div>
 	                }
 	                @markdown(project)
Add a comment
List