首页显示样式

app/views/welcome/index.html.erb

@@ -104,14 +104,11 @@
 <div class="body_resize">
   <div class="right">
       <div class="home">热门项目</div>
-        <div class="project"> 
+        <div> 
-            <span style="overflow: hidden;
+        	<table><tr><td><p class="welcome-index"><a>Trustie1balabalbalabalbalabalbalabalbalabalbalabalbbalabalbalabalbalabalbalabalbalabalbalabal</a></p></td>
-	white-space: nowrap;
+        		<td><p class="welcome-index"><a>This is a project!balabalabalabala...</a></p></td>
-	text-overflow: ellipsis;
+        	</tr></table>
-	-o-text-overflow: ellipsis;">
+          </div>
-                <a href="#"  >Trustie1balabalbalabalbalabalbalabalbalabalbalabalbbalabalbalabalbalabalbalabalbalabalbalabal</a> 
-            </span>
-            <span class="grey">This is a project!balabalabalabala...</span></div>
                 
         </div>
       <!-- p class="grey">Fusce vehicula dignissim ligula. Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. </p>

public/stylesheets/application.css

@@ -11,6 +11,33 @@ h4 {border-bottom: 1px dotted #bbb;}
 
 /*new by huang*/
 /**/
+.welcome-index{
+	width: 290px; 	
+	white-space: nowrap;
+	overflow: hidden;
+	-o-text-overflow: ellisis;
+	text-overflow: ellipsis;
+}	
+.contextual-borad{
+	float:right; 
+	white-space: nowrap; 
+	line-height:1.4em;
+	margin-top:0px; 
+	margin-right:8px;
+	font-size:0.9em;
+}
+
+.borad-text-list{
+	margin-bottom: 10px;
+	border-bottom: 1px dashed rgb(204, 204, 204);
+	width: 680px; 	
+}	
+
+.borad-message{
+	margin-bottom: 10px;
+	border-bottom: 1px dashed rgb(204, 204, 204);	
+}
+	
 .borad-count{
 	width: 50px;
 	background-color: #e5e2e2;	
@@ -26,8 +53,15 @@ h4 {border-bottom: 1px dotted #bbb;}
 
 .borad-topic-count{
 	padding-top: 10px;
+	padding-left: 5px;
+	border-bottom:solid 1px #848282;	
+}
+
+.borad-topic-count-message{	
 	padding-left: 5px;
 	border-bottom:solid 1px #848282;
+	color: #848282;
+	
 }
 
 .borad-description{