休整消息样式

app/views/users/user_messages.html.erb

@@ -52,11 +52,12 @@
                   <span class="newsBlue homepageNewsPublisher">Trustie平台</span><span class="homepageNewsType fl">发布新消息：</span>
                 </li>
                 <li class="homepageNewsContent fl">
-                  <%= link_to usm.content.nil? ? ("【系统消息】"+usm.description).html_safe : ("【系统消息】"+usm.content).html_safe, user_message_path(User.current, :type => "system_messages"),
-                              :class => "newsRed",
-                              :onmouseover => "message_titile_show($(this),event);",
-                              :onmouseout => "message_titile_hide($(this));"
-                  %>
+                  <span style="color: red;float: left">【系统消息】</span><li class="homepageSystenMessageContent fl" id="content_<%= usm.id %>">
+                <%= link_to usm.content.nil? ? usm.description.html_safe : usm.content.html_safe, user_message_path(User.current, :type => "system_messages"),
+                            :id => "content_link_#{usm.id}",
+                            :onmouseover =>"message_titile_show($(this),event);",
+                            :onmouseout => "message_titile_hide($(this));"
+                %>
                 </li>
                 <div style="display:none;" class="message_title_red system_message_style">
                   <%= usm.content.nil? ? usm.description.html_safe : usm.content.html_safe %>
@@ -376,8 +377,8 @@
                       </a>
                     </li>
                     <li class="homepageNewsPubType fl"><span class="newsBlue homepageNewsPublisher" >Trustie平台</span><span class="homepageNewsType fl">发布新消息：</span></li>
-                    <li class="homepageNewsContent fl" id="content_<%= ma.id %>">
-                      <span style="color: red">【系统消息】</span><%= link_to ma.content.nil? ? ma.description.html_safe : ma.content.html_safe, user_message_path(User.current, :type => "system_messages"),
+                    <span style="color: red;float: left">【系统消息】</span><li class="homepageSystenMessageContent fl" id="content_<%= ma.id %>">
+                     <%= link_to ma.content.nil? ? ma.description.html_safe : ma.content.html_safe, user_message_path(User.current, :type => "system_messages"),
                                   :id => "content_link_#{ma.id}",
                                   :onmouseover =>"message_titile_show($(this),event);",
                                   :onmouseout => "message_titile_hide($(this));"

public/stylesheets/new_user.css

@@ -515,6 +515,7 @@ a.homepageMenuText {color:#484848; font-size:16px; margin-left:20px;}
 .homepageNewsType {width:110px; padding-left: 5px; font-size:12px; color:#888888; display:block;}
 .homepageNewsPubType {width:220px; font-size:12px; color:#888888; display: block;}
 .homepageNewsContent {width:365px; max-width:365px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
+.homepageSystenMessageContent {width:291px; max-width:291px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
 .homepageHomeworkContentWarn {width:110px; max-width:365px; margin-right:10px; font-size:12px; color:red; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
 .homepageHomeworkContent {width:245px; max-width:365px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;max-height: 49px; }
 
@@ -983,7 +984,7 @@ img.ui-datepicker-trigger {
     text-overflow: ellipsis;
     margin-bottom: 3px;
 }
-.message_title{border: 1px solid #484848;padding: 0.6em;margin-left: 1.4em;margin-right: 0.4em;border-radius: 4px;font-family: "Microsoft YaHei";background-size: 100% 100%;margin-bottom: 5px;background-color: #fff; max-width:400px;word-wrap:break-word; word-break:break-all;}
+.message_title{border: 1px solid #9C9C9C;padding: 0.6em;margin-left: 1.4em;margin-right: 0.4em;border-radius: 4px;font-family: "Microsoft YaHei";background-size: 100% 100%;margin-bottom: 5px;background-color: #fff; max-width:400px;word-wrap:break-word; word-break:break-all;}
 .message_title_red{border: 1px solid #484848;padding: 0.6em;margin-left: 1.4em;margin-right: 0.4em;border-radius: 4px;font-family: "Microsoft YaHei";background-size: 100% 100%;margin-bottom: 5px;background-color: #fff;background-image: -moz-linear-gradient(top, #fff, #E0E0E0);}
 
 .description{display: none !important;}