顶部导航及样式

app/views/organizations/_org_logined_header.html.erb

@@ -23,9 +23,11 @@
       </ul>
     </div>
 <% else %>
-    <div class="login fr" >
+    <div class="sn-row sn-bg-grey">
-      <a href="<%= signin_url_without_domain %>" class=" " >登录&nbsp;&nbsp;|&nbsp;</a>
+      <div class="sn-login">
-      <a href="<%= register_url_without_domain %>" class=" " >退出</a>
+        <a href="<%= signin_url_without_domain %>" class="sn-link-blue">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
+        <a href="<%= register_url_without_domain %>" class="sn-link-blue">注册</a>
+      </div>
     </div>
 <% end %>
 

public/stylesheets/org2.css

@@ -8,6 +8,13 @@ ol,ul,li{ list-style-type:none}
 a:link,a:visited{color:#000;text-decoration:none;}
 a:hover,a:active{color:#24366e;}
 
+.sn-fl {float:left;}
+.sn-fr {float:right;}
+.sn-cl {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
+.sn-container {width:100%; background-color:#fff;}
+.sn-p-absolute {position:absolute;}
+.sn-grey-opacity {background:rgba(230, 230, 230, 0.9)!important; filter:Alpha(opacity=90); background:#e6e6e6;}
+.sn-border {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
 /* 公共 */
 .cl{ clear:both;}
 .fl{ float:left;}
@@ -15,6 +22,60 @@ a:hover,a:active{color:#24366e;}
 .mb18{ margin-bottom:18px;}
 .mt10{ margin-top:10px;}
 .mr20{  margin-right:20px;}
+.mr10{  margin-right:10px;}
+
+/*字体，链接颜色*/
+.sn-font-black {color:#000;}
+.sn-font-grey {color:#b4bbbf;}
+.sn-font-grey2 {color:#5e5e5e;}
+.sn-font-grey3 {color:#999;}
+a.sn-link-blue {color:#24366e;}
+a.sn-link-white {color:#fff;}
+a.sn-link-grey {color:#999;}
+a.sn-link-grey:hover {color:#24366e;}
+a.sn-link-grey2 {color:#888;}
+a.sn-link-select {color:#809df9;}
+/*字体大小*/
+.sn-f14 {font-size:14px;}
+.sn-f18 {font-size:18px;}
+/*padding&margin*/
+.sn-mt-10 {margin-left:-10px;}
+.sn-mt10 {margin-top:10px;}
+.sn-mt13 {margin-top:13px;}
+.sn-mt15 {margin-top:15px;}
+.sn-mt28 {margin-top:28px;}
+.sn-mb40 {margin-bottom:40px;}
+.sn-ml15 {margin-left:15px;}
+.sn-ml55 {margin-left:55px;}
+.sn-mr0 {margin-right:0px !important;}
+.sn-mr50 {margin-right:50px;}
+/*头部样式*/
+.sn-header {}
+.sn-row {width:100%;}
+.sn-bg-grey {background-color:#f4f4f4;}
+.sn-bg-grey2 {background-color:#a5a5a5;}
+.sn-bg-white {background-color:#fff;}
+.sn-bg-blue {background-color:#24366e;}
+.sn-login {width:1200px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#24366e; vertical-align:middle; text-align:right;}
+.sn-logo {width:1200px; height:90px; line-height:90px; margin:0 auto; vertical-align:middle;}
+.sn-search-input {width:328px; height:40px; font-size:16px; color:#ccc; padding-left:10px; border:1px solid #ccc; border-right:none; float:right; background-color:#fff; outline:none;}
+a.sn-search-button {width:53px; height:40px; border:1px solid #ccc; border-left:none; float:right; outline:none; background:url(../images/sn_search_icon.jpg) 0 3px no-repeat;}
+.sn-nav {width:1200px; height:55px; margin:0 auto; font-size:16px; position:relative; line-height:1;}
+.sn-nav li {float:left; margin-top:10px; margin-right:50px; border-radius:5px;}
+.sn-nav li a {display:inline-block; padding:8px 6px;}
+.sn-nav li:hover {background-color:#809df9;}
+.sn-sub-nav {width:1200px; margin:0 auto; font-size:14px; position:relative; line-height:1;}
+.sn-sub-nav li {color:#999; float:left;}
+.sn-sub-nav li a {height:40px; line-height:40px; vertical-align:middle; margin:0 5px; padding:0 5px; display:inline-block;}
+.sn-sub-nav li a:hover {border-bottom:3px solid #ffbd18; height:37px;}
+.sn-subnav-slice {margin:12px 5px;}
+.sn-banner {width:1200px; height:210px; margin:0 auto;}
+.sn-content-position {width:1200px; height:50px; line-height:50px; vertical-align:middle; font-size:14px; color:#888; margin:0 auto;}
+/*footer样式*/
+.sn-footer {width:1200px; height:220px; margin:0 auto; text-align:center; font-size:14px; color:#fff; line-height:normal;}
+.sn-footer-link {padding:40px 0 30px 0;}
+.sn-footer-link li {display:inline-block;}
+.sn-contact {margin-bottom:30px;}
 /* 首页内容 */
 .sn-content{ width:1200px; margin:0 auto;}
 .sn-content-left{ width:820px; margin-right:12px; margin-bottom:74px;}
@@ -88,13 +149,57 @@ a.more-btn{ display:block; width:190px; height:30px; text-align:center; backgrou
 /* 内页新闻列表 */
 .sn-inner-body{ width:100%; background-color:#fff;}
 .sn-innner-content{ width:1200px; margin:0 auto;}
-.sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:10px; border-bottom:1px dashed #eee;}
+.sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:5px; border-bottom:1px dashed #eee;}
 .sn-circle{ margin:18px 5px 0 5px ;border:1px solid #24366e; width:5px; height:5px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
-.sn-inner-newslist ul li{ line-height:42px; font-size:15px;}
+.sn-inner-newslist ul li{ line-height:42px; font-size:15px; border-bottom:1px solid #eee;}
 .sn-inner-newslist a{font-size:15px; color:#888;}
 .sn-inner-newslist a:hover{ color:#24366e;}
 a.sn-newslist-titile{ font-size:15px;width:840px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
+a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;}
+.sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:30px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
+.sn-inner-pages a:hover{  background-color:#24366e; color:#fff;}
+a.sn-inner-pages-big{ width:50px;}
+a.sn-pages-active{  background-color:#24366e; color:#fff;}
+.sn-inner-pages{width:330px; margin:20px auto 10px;}
+/* 内页新闻展示 */
+.sn-inner-newscon{ width:1200px; padding:5px 0 50px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; color:#999; font-size:14px; }
+.sn-inner-pcon{text-indent:2em;}
+.sn-inner-newscon img{ display:block; width:830px; margin:25px auto 5px;}
+.sn-inner-psmall{ color:#999; font-size:12px; margin-bottom:15px;}
+.sn-inner-imgp{ color:#000;   text-align:center; margin-bottom:30px;}
+a.sn-newslist-zan{ display:block; background:url(../images/zan.gif) 0 15px no-repeat; width:54px; height:28px; padding-left:12px; color:#999; }
+a:hover.sn-newslist-zan{ background:url(../images/zan.gif) 0 -21px no-repeat; }
+/* 留言 */
+.sn-replybox{ margin-bottom:100px;}
+.sn-reply-h2{ font-size:18px; font-weight:normal; color:#24366e; margin-bottom:6px;}
+.sn-reply-form{ width:1200px;height:180px; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#fff; margin-bottom:20px; }
+.sn-reply-text{ width:1200px; height:130px; background:#fff; border:none; resize:none;}
+.sn-reply-btnbox{border-top:1px solid #e8e8e8; height:48px;}
+a.submit-btn{ display:block; color:#fff; text-align:center; font-size:14px; line-height:27px; width:79px; height:27px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#24366e; margin:8px 0 0 10px;}
+a:hover.submit-btn{ color:#16275c; color:#fff;}
+.sn-comment-h2{ color:#999; font-size:16px; font-weight:normal; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
+.sn-reply-userpic{ height:65px; margin-right:15px;}
+.sn-reply-userpic img{ width:40px; height:40px;-webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
+a.sn-reply-zan{ display:block; background:url(../images/zan.gif) 0 4px no-repeat; width:54px; height:16px; padding-left:12px; color:#999;  }
+a:hover.sn-reply-zan{ background:url(../images/zan.gif) 0 -32px no-repeat; }
+.sn-comment-listbox{ padding:23px 0; width:1200px;border-bottom:1px solid #e8e8e8;}
+a.sn-reply-username { color:#24366e; margin-right:15px; }
+.sn-reply-usertxt{ width:1145px; font-size:14px; }
+.sn-reply-more{ width:1200px; height:25px; background:#ddd; text-align:center; line-height:25px;}
+
+/*用户图像*/
+.topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px;}
+.topnav_login_list a{color:#269ac9;}
+.topnav_login_list li{ }
+.homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}
+.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
+.none {display: none;}
+.user-img,.user-img img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;}
+.ml60{ margin-left:60px;}
+.user-img img{border:2px solid #e6473b; }
+.user-img img:hover{border:2px solid #29156f;}
 
+.fr{float: right}