hushasha
/
trustieforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

组织新界面修改

Browse Source
dev_wuhao
huang 9 years ago
parent f2106d0045
commit 7c55356ace
24 changed files with 415 additions and 322 deletions
Show Stats Download Patch File Download Diff File

27
app/controllers/organizations_controller.rb
Unescape View File

@ -70,11 +70,16 @@ class OrganizationsController < ApplicationController
def show def show
# 组织新类型 show_mode：判断标准 1为新类型，0为旧 # 组织新类型 show_mode：判断标准 1为新类型，0为旧
if @organization.show_mode == 1 && params[:org_subfield_id].nil? if @organization.show_mode == 1 && params[:org_subfield_id].nil? && params[:type] .nil?
@subfield_content = @organization.org_subfields.order("priority") @subfield_content = @organization.org_subfields.order("priority")
@project_acts = get_project_activities_org @organization # 项目两种动态
@project_issue_acts = get_project_issue_activities_org @organization
@project_message_acts = get_project_message_activities_org @organization
# 磕碜动态
#@project_acts_issues = get_project_activities_org @organization
@course_acts_homework = get_course_homework_activities_org @organization @course_acts_homework = get_course_homework_activities_org @organization
@course_acts_message = get_course_message_activities_org @organization @course_acts_message = get_course_message_activities_org @organization
@course_acts_news = get_course_news_activities_org @organization
render :layout => 'base_org_newstyle' render :layout => 'base_org_newstyle'
else else
if @organization.is_public? || User.current.admin? || User.current.member_of_org?(@organization) if @organization.is_public? || User.current.admin? || User.current.member_of_org?(@organization)
@ -125,20 +130,30 @@ class OrganizationsController < ApplicationController
end end
def get_project_activities_org org def get_project_message_activities_org org
project_ids = org.projects.map{|project| project.id}.join(",") project_ids = org.projects.map{|project| project.id}.join(",")
project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{project_ids}) and container_type = 'project' order by updated_at desc limit 3;") project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{project_ids}) and container_type = 'project' and org_act_type = 'Message' order by updated_at desc limit 2;")
end
def get_project_issue_activities_org org
project_ids = org.projects.map{|project| project.id}.join(",")
project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{project_ids}) and container_type = 'project' and org_act_type = 'issue' order by updated_at desc limit 4;")
end end
def get_course_homework_activities_org org def get_course_homework_activities_org org
course_ids = org.courses.map{|course| course.id}.join(",") course_ids = org.courses.map{|course| course.id}.join(",")
#project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' order by updated_at desc limit 5;") #project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' order by updated_at desc limit 5;")
project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' and org_act_type = 'HomeworkCommon' order by updated_at desc limit 4;") project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' and org_act_type = 'HomeworkCommon' order by updated_at desc limit 1;")
end end
def get_course_message_activities_org org def get_course_message_activities_org org
course_ids = org.courses.map{|course| course.id}.join(",") course_ids = org.courses.map{|course| course.id}.join(",")
project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' and org_act_type = 'Message' order by updated_at desc limit 4;") project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' and org_act_type = 'Message' order by updated_at desc limit 1;")
end
def get_course_news_activities_org org
course_ids = org.courses.map{|course| course.id}.join(",")
project_acts = OrgActivity.find_by_sql("SELECT * FROM org_activities where container_id in (#{course_ids}) and container_type = 'course' and org_act_type = 'News' order by updated_at desc limit 1;")
end end
def update def update

7
app/helpers/organizations_helper.rb
Unescape View File

@ -30,7 +30,12 @@ module OrganizationsHelper
end end
def get_message_org(org_id, field_id) def get_message_org(org_id, field_id)
OrgDocumentComment.find_by_sql("SELECT * FROM org_document_comments where organization_id = #{org_id} and org_subfield_id = #{field_id} order by updated_at desc limit 3;") OrgDocumentComment.find_by_sql("SELECT * FROM org_document_comments where organization_id = #{org_id} and org_subfield_id = #{field_id} and parent_id is null order by updated_at desc limit 2;")
end
def get_message_reply_org(org_id, ids)
# OrgDocumentComment.find_by_sql("SELECT * FROM org_document_comments where organization_id = #{org_id} and parent_id is not null order by updated_at desc limit 1;")
OrgDocumentComment.find_by_sql("SELECT * FROM org_document_comments where organization_id = #{org_id} and parent_id in (#{ids}) order by updated_at desc limit 1;")
end end
def get_attach_org(field_id) def get_attach_org(field_id)

205
app/views/layouts/base_org_newstyle.html.erb
Unescape View File

@ -27,7 +27,36 @@
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
}); });
</script> </script>
<script>
jQuery(document).ready(function($){
// browser window scroll (in pixels) after which the "back to top" link is shown
var offset = 300,
//browser window scroll (in pixels) after which the "back to top" link opacity is reduced
offset_opacity = 1200,
//duration of the top scrolling animation (in ms)
scroll_top_duration = 700,
//grab the "back to top" link
$back_to_top = $('.cd-top');
//hide or show the "back to top" link
$(window).scroll(function(){
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
if( $(this).scrollTop() > offset_opacity ) {
$back_to_top.addClass('cd-fade-out');
}
});
//smooth scroll to top
$back_to_top.on('click', function(event){
event.preventDefault();
$('body,html').animate({
scrollTop: 0 ,
}, scroll_top_duration
);
});
});
</script>
</head> </head>
<!--add by huang--> <!--add by huang-->
@ -78,158 +107,110 @@
<% if is_default_field?(field) %> <% if is_default_field?(field) %>
<% case field.name %> <% case field.name %>
<% when 'course' %> <% when 'course' %>
<div class="box1"> <div class="box1 bg-grey">
<div class="content"> <div class="content">
<div class="box-top" id="course_<%= field.id %>"><h2 class="box-title">课程动态</h2><p class="box-title-p">course activities</p></div> <div class="box-top" id="course_<%= field.id %>"><h2 class="box-title">课程动态</h2><p class="box-title-p">course activities</p></div>
<div class="row "> <div class="course-list">
<div class="row-box1 mr40 fl"> <ul class="clearfix">
<a href="#" target="_blank" class="row-img"><img src="/images/org_new_style/img1.jpg"></a> <li >
<% @course_acts_homework.each do |act| %> <% @course_acts_homework.each do |act| %>
<% if act.container_type == 'Course' %>
<% case act.org_act_type.to_s %>
<% when 'HomeworkCommon' %>
<%= render :partial => 'org_new_course_homework', :locals => {:activity => HomeworkCommon.find(act.org_act_id),:user_activity_id =>act.id, :course_activity => 0} %> <%= render :partial => 'org_new_course_homework', :locals => {:activity => HomeworkCommon.find(act.org_act_id),:user_activity_id =>act.id, :course_activity => 0} %>
<% when 'News' %>
<%= render :partial => 'org_new_course_news', :locals => {:activity => News.find(act.org_act_id),:user_activity_id =>act.id} %>
<% when 'Message'%>
<%= render :partial => 'org_new_course_message', :locals => {:activity => Message.find(act.org_act_id),:user_activity_id =>act.id} %>
<% when 'Poll' %>
<%= render :partial => 'org_new_course_poll', :locals => {:activity => Poll.find(act.org_act_id), :user_activity_id => act.id} %>
<% when 'Course'%>
<%= render :partial => 'org_new_course_create', :locals => {:activity => Course.find(act.org_act_id), :user_activity_id => act.id} %>
<% end %>
<% end %>
<% end %> <% end %>
<a href="#" target="_blank" class="btn-more">More</a> </li>
</div><!--row-box1 end--> <li >
<div class="row-box1 mr40 fl">
<a href="#" target="_blank" class="row-img"><img src="/images/org_new_style/img2.jpg"></a>
<% @course_acts_message.each do |act| %> <% @course_acts_message.each do |act| %>
<% if act.container_type == 'Course' %>
<% case act.org_act_type.to_s %>
<% when 'HomeworkCommon' %>
<%= render :partial => 'org_new_course_homework', :locals => {:activity => HomeworkCommon.find(act.org_act_id),:user_activity_id =>act.id,:course_activity => 0} %>
<% when 'News' %>
<%= render :partial => 'org_new_course_news', :locals => {:activity => News.find(act.org_act_id),:user_activity_id =>act.id} %>
<% when 'Message'%>
<%= render :partial => 'org_new_course_message', :locals => {:activity => Message.find(act.org_act_id), :user_activity_id =>act.id} %> <%= render :partial => 'org_new_course_message', :locals => {:activity => Message.find(act.org_act_id), :user_activity_id =>act.id} %>
<% when 'Poll' %>
<%= render :partial => 'org_new_course_poll', :locals => {:activity => Poll.find(act.org_act_id), :user_activity_id => act.id} %>
<% when 'Course'%>
<%= render :partial => 'org_new_course_create', :locals => {:activity => Course.find(act.org_act_id), :user_activity_id => act.id} %>
<% end %>
<% end %> <% end %>
</li>
<li >
<% @course_acts_news.each do |act| %>
<%= render :partial => 'org_new_course_news', :locals => {:activity => News.find(act.org_act_id), :user_activity_id =>act.id} %>
<% end %> <% end %>
<a href="#" target="_blank" class="btn-more">More</a> </li>
</div><!--row-box1 end-->
<div class="row-box2 fl ">
<div class="row-con2">
<a href="#" target="_blank">
<h3 class="row-title">届卫星导航仿真与测试专题研讨会在...</h3>
<p class="row-txt2">10月15日，由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民天产业基地隆重召开由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民用航天产业基地隆重召开...</p>
</a>
</div><!--row-con2 end-->
<div class="row-con2">
<a href="#" target="_blank">
<h3 class="row-title">届卫星导航仿真与测试专题研讨会在...</h3>
<p class="row-txt2">10月15日，由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民天产业基地隆重召开由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民用航天产业基地隆重召开...</p>
</a>
</div><!--row-con2 end-->
<div class="row-con2">
<a href="#" target="_blank">
<h3 class="row-title">届卫星导航仿真与测试专题研讨会在...</h3>
<p class="row-txt2">10月15日，由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民天产业基地隆重召开由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民用航天产业基地隆重召开...</p>
</a>
</div><!--row-con2 end-->
</div><!--row-box2 end-->
<div class="cl"></div> <div class="cl"></div>
</ul>
</div> </div>
</div><!--content end--> </div><!--content end-->
</div><!--box1 end--> </div><!--box1 end-->
<% when 'project' %> <% when 'project' %>
<div class="box2"> <div class="box1">
<div class="content"> <div class="content">
<div class="box-top" id="project_<%= field.id %>"><h2 class="box-title">项目动态</h2><p class="box-title-p">project activities</p></div> <div class="box-top" id="project_<%= field.id %>"><h2 class="box-title">项目动态</h2><p class="box-title-p">project activities</p></div>
<!--start-slider2-->
<div class="slider2-bg">
<div class="container">
<div class="row"> <div class="row">
<div class=" slider2-left fl" > <div class="row-l fl">
<% @project_acts.each do |act| %>
<% if act.container_type == 'Project' %> <!-- img -->
<% case act.org_act_type.to_s %> <div class="item-img fr">
<% when 'Issue' %> <a href="#">
<%= render :partial => 'organizations/org_new_project_issues', :locals => {:activity => Issue.find(act.org_act_id)} %> <img src="/images/org_new_style/img2.jpg" width="180" height="115">
<% when 'Message' %> </a>
</div>
<!-- text -->
<% @project_message_acts.each do |act| %>
<%= render :partial => 'organizations/org_new_project_message', :locals => {:activity => Message.find(act.org_act_id)} %> <%= render :partial => 'organizations/org_new_project_message', :locals => {:activity => Message.find(act.org_act_id)} %>
<% when 'ProjectCreateInfo'%>
<%= render :partial => 'organizations/org_new_project_create', :locals => {:activity => act} %>
<% end %> <% end %>
<% end %> <%= link_to "More", organization_path(@organization, :type => 1), :class => "more-btn mt30 fr", :target => "_blank" %>
<% end %>
</div>
<div class=" slider2-right fl " >
<div class="slider2">
<div class="callbacks_container">
<ul class="rslides" id="slider2">
<li>
<img src="/images/org_new_style/slide1.png" class="img-responsive" alt="" />
</li>
<li>
<img src="/images/org_new_style/slide2.png" class="img-responsive" alt="" />
</li>
<li>
<img src="/images/org_new_style/slide1.png" class="img-responsive" alt="" />
</li>
<li>
<img src="/images/org_new_style/slide2.png" class="img-responsive" alt="" />
</li>
</ul>
</div>
</div>
</div>
<div class="cl"></div> <div class="cl"></div>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider2").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true
});
});
</script>
</div> </div>
<!-- row-l end -->
<div class="row-r fr">
<% @project_issue_acts.each do |act| %>
<%= render :partial => 'organizations/org_new_project_issues', :locals => {:activity => Issue.find(act.org_act_id)} %>
<% end %>
<%= link_to "More", organization_path(@organization, :type => 1), :class => "more-btn mt30 fr", :target => "_blank" %>
<div class="cl"></div>
</div> </div>
<!-- article-rwrap end -->
</div> </div>
<!--//end-slider2--> <div class="cl"></div>
</div><!--content end--> </div><!--content end-->
</div><!--box2 end--> </div><!--box2 end-->
<% end %> <% end %>
<% else %> <% else %>
<% if field.field_type == "Post" %> <%# 讨论类型 %> <% if field.field_type == "Post" %> <%# 讨论类型 %>
<% message_ats = get_message_org(@organization.id, field.id) %> <% message_ats = get_message_org(@organization.id, field.id) %>
<div class="box1" style="display:<%= field.hide == 0?'block':'none' %>;" id="org_subfield_<%= field.id %>"> <% ids = field.org_document_comments.map{|o| o.id}.join(",") %>
<div class="box1 bg-grey" style="display:<%= field.hide == 0?'block':'none' %>;" id="org_subfield_<%= field.id %>">
<div class="content"> <div class="content">
<div class="box-top" id="message_<%= field.id %>"><h2 class="box-title"><%= field.name %></h2><p class="box-title-p">discussion zone</p></div> <div class="box-top" id="message_<%= field.id %>"><h2 class="box-title"><%= field.name %><%= field.id %></h2><p class="box-title-p">discussion zone</p></div>
<div class="row"> <div class="row">
<%= render :partial => 'organizations/org_new_forum', :locals => {:message_ats => message_ats, :field => field, :organization => @organization} %> <div class="con-left fl">
<% message_ats.each do |act| %>
<%= render :partial => 'organizations/org_new_forum', :locals => {:activity => act, :field => field, :organization => @organization} %>
<% end %>
<%#= link_to "More", organization_path(@organization, :org_subfield_id => field.id), :class => "more-btn mt30 fr", :target => "_blank" %>
<div class="cl"></div> <div class="cl"></div>
</div><!--con-left end-->
<% unless ids.blank? %>
<% message_reply_ats = get_message_reply_org(@organization.id, ids) %>
<div class="con-right fr">
<% message_reply_ats.each do |act| %>
<%= render :partial => 'organizations/org_new_forum_reply', :locals => {:activity => act, :field => field, :organization => @organization} %>
<% end %>
<div class="cl"></div>
</div><!--con-right end--->
<% end %>
</div> </div>
</div><!--content end--> </div><!-content end-->
<div class="cl"></div>
<%= link_to "More", organization_path(@organization, :org_subfield_id => field.id), :class => "more-btn-center mt30" , :target => "_blank" %>
<div class="cl"></div>
</div><!--box1 end--> </div><!--box1 end-->
<% elsif field.field_type == "Resource" %> <% elsif field.field_type == "Resource" %>
<% org_attachs = get_attach_org2(field) %> <% org_attachs = get_attach_org2(field) %>
<div class="box1" style="display:<%= field.hide == 0?'block':'none' %>;" id="org_subfield_<%= field.id %>"> <div class="box1" style="display:<%= field.hide == 0?'block':'none' %>;" id="org_subfield_<%= field.id %>">
<div class="content"> <div class="content">
<div class="box-top" id="resource_<%= field.id %>"><h2 class="box-title"><%= field.name %></h2><p class="box-title-p">resource dwonload</p></div> <div class="box-top" id="resource_<%= field.id %>"><h2 class="box-title"><%= field.name %><%= field.id %></h2><p class="box-title-p">resource dwonload</p></div>
<div class="row"> <div class="row">
<%= render :partial => 'organizations/org_new_resource', :locals => {:org_attachs => org_attachs} %> <%= render :partial => 'organizations/org_new_resource', :locals => {:org_attachs => org_attachs} %>
<!--row-ziyuan end--> <!--row-ziyuan end-->
</div> </div>
<div class="cl"></div>
<%= link_to "More", organization_path(@organization, :org_subfield_id => field.id), :class => "more-btn-center mt30" , :target => "_blank" %>
<div class="cl"></div> <div class="cl"></div>
</div><!--row end--> </div><!--row end-->
<div class="cl"></div> <div class="cl"></div>
@ -252,6 +233,10 @@
<p>Copyright 2007~2016 All Rights Reserved<br>湘ICP备09019772</p> <p>Copyright 2007~2016 All Rights Reserved<br>湘ICP备09019772</p>
</div> </div>
</div> </div>
<!--backtop end-->
<main class="cd-container">
</main>
<a href="#0" class="cd-top">Top</a>
</div><!--container end--> </div><!--container end-->

6
app/views/organizations/_org_logined_header.html.erb
Unescape View File

@ -23,8 +23,10 @@
</ul> </ul>
</div> </div>
<% else %> <% else %>
<li class="navOrgMenu fr"><a href="<%= signin_url_without_domain %>" class="login fr"></a></li> <div class="login fr" >
<li class="navOrgMenu fr"><a href="<%= register_url_without_domain %>" class="register fr"></a></li> <a href="<%= signin_url_without_domain %>" class=" " >登陆&nbsp;&nbsp;|&nbsp;</a>
<a href="<%= register_url_without_domain %>" class=" " >退出</a>
</div>
<% end %> <% end %>
<script type="text/javascript"> <script type="text/javascript">

16
app/views/organizations/_org_new_course_homework.html.erb
Unescape View File

@ -1,5 +1,13 @@
<a href="#" target="_blank" class="row-con"> <a href="/#" title="">
<span class="row-time"><%= format_date activity.updated_at %></span> <div class="course-list-img">
<h3 class="row-title "><%= activity.name %></h3> <img width="370" height="220" alt="#" src="/images/org_new_style/default-img.jpg">
<div class="row-txt row-txt-line"><%= activity.description.html_safe %></div> </div>
<h5>
<span><%= link_to activity.name.to_s, student_work_index_url_in_org(activity.id), :target => '_blank' %></span>
</h5>
<div class="item-btm clearfix">
<a class="publisher-name fl" href="#" target="_blank"><%= activity.user.realname.nil? ? activity.user : activity.user.realname %></a>
<p class="pass-time fl"><span><%= format_date activity.updated_at %></span></p>
<div class="fr right-info"> <span> <%= activity.journals_for_messages.count %></span></div>
</div>
</a> </a>

25
app/views/organizations/_org_new_course_message.html.erb
Unescape View File

@ -1,18 +1,17 @@
<a href="#" target="_blank" class="row-con"> <a href="/#" title="">
<span class="row-time"><%= format_date activity.updated_on %></span> <div class="course-list-img">
<h3 class="row-title "> <img width="370" height="220" alt="#" src="/images/org_new_style/default-img.jpg">
</div>
<h5>
<% if activity.parent_id.nil? %> <!--+"(帖子标题)"--> <% if activity.parent_id.nil? %> <!--+"(帖子标题)"-->
<%= link_to activity.subject.to_s.html_safe, board_message_url_in_org(activity.board_id, activity.id), :class=> "postGrey" %> <%= link_to activity.subject.to_s.html_safe, board_message_url_in_org(activity.board_id, activity.id), :target => '_blank' %>
<% else %>
<%= link_to activity.parent.subject.to_s.html_safe, board_message_url_in_org(activity.board_id, activity.id), :class=> "postGrey" %>
<% end %>
</h3>
<div class="row-txt row-txt-line">
<% if activity.parent_id.nil? %>
<% content = activity.content %>
<% else %> <% else %>
<% content = activity.parent.content %> <%= link_to activity.parent.subject.to_s.html_safe, board_message_url_in_org(activity.board_id, activity.id), :target => '_blank' %>
<% end %> <% end %>
<%= content.to_s.html_safe %> </h5>
<div class="item-btm clearfix">
<a class="publisher-name fl" href="#" target="_blank"><%= activity.try(:author).try(:realname).nil? ? activity.try(:author).try(:login) : activity.try(:author).try(:realname) %></a>
<p class="pass-time fl"><span><%= format_date activity.updated_on %></span></p>
<div class="fr right-info"> <span> <%= activity.children.count %></span></div>
</div> </div>
</a> </a>

16
app/views/organizations/_org_new_course_news.html.erb
Unescape View File

@ -1,5 +1,13 @@
<a href="#" target="_blank" class="row-con"> <a href="/#" title="">
<span class="row-time"><%= format_date activity.updated_at %></span> <div class="course-list-img">
<h3 class="row-title ">首届卫星导航仿真与测试专题研讨会在...首届卫星导航仿真与测试专题研讨会在...</h3> <img width="370" height="220" alt="#" src="/images/org_new_style/default-img.jpg">
<div class="row-txt row-txt-line">10月15日，由卫星导航仿真与测试开放实验室联盟主办的首次专题研讨会在西安国家民用航天产业基地隆重召开...</div> </div>
<h5>
<span><%= link_to activity.title.to_s, news_url_in_org(activity.id), :target => '_blank' %></span>
</h5>
<div class="item-btm clearfix">
<a class="publisher-name fl" href="#" target="_blank"><%= activity.try(:author).try(:realname).nil? ? activity.try(:author).try(:login) : activity.try(:author).try(:realname) %></a>
<p class="pass-time fl"><span><%= format_date activity.created_on %></span></p>
<div class="fr right-info"> <span> <%= activity.comments.count %></span></div>
</div>
</a> </a>

14
app/views/organizations/_org_new_forum.html.erb
Unescape View File

@ -1,12 +1,4 @@
<% message_ats.each do |message| %>
<div class="row-box3 mr30 fl">
<a href="#" target="_blank" class="row-img2"><img src="/images/org_new_style/pic1.jpg"></a>
<a href="#" target="_blank" class="row-con">
<h3 class="row-title3 fl"><%=link_to message.title %></h3>
<span class="row-time fr"><%= format_date(message.updated_at) %></span>
<div class="cl"></div> <div class="cl"></div>
<div class="row-txt"><%= message.content.html_safe %></div> <img src="/images/org_new_style/con-left2.jpg" alt="" class="fl con-left-img"/>
</a> <div class="fl con-left-txt"><%=link_to activity.content.html_safe, organization_path(organization, :org_subfield_id => field.id) %></div>
<%= link_to "More", organization_path(organization, :org_subfield_id => field.id), :class => "btn-more" %> <div class="cl"></div>
</div><!--row-box3 end-->
<% end %>

6
app/views/organizations/_org_new_forum_reply.html.erb
Unescape View File

@ -0,0 +1,6 @@
<a href="#" target="_blank">
<div class="con-r-img fl">
<%= link_to image_tag(url_to_avatar(activity.creator),:width => "40", :height => "40"), user_path(activity.creator) %>
<span class="con-name"><%= activity.try(:creator).try(:realname).nil? ? activity.try(:creator).try(:login) : activity.try(:creator).try(:realname) %></span></div>
<p class="fr"><%= activity.content.html_safe %></p>
</a>

19
app/views/organizations/_org_new_project_issues.html.erb
Unescape View File

@ -1,4 +1,17 @@
<h3><span><%= format_date(activity.updated_on) %>项目社区</span> <div class="article-rwrap">
<%= link_to activity.subject.to_s, issue_url_in_org(activity.id) %> <h3 class="item-title-r">
<%= link_to activity.subject.to_s, issue_url_in_org(activity.id), :class => "title-detail-r" %>
</h3> </h3>
<p><%= activity.description.html_safe %></p> <div class="item-btm clearfix">
<ul class="fl left-info">
<li class="hd-pic">
<%= link_to activity.author.realname.nil? ? activity.author.login : activity.author.realname, user_path(activity.author), :class => "publisher-name fl", :target => "_blank" %>
</li>
<li class="pass-time"><span><%= format_date(activity.updated_on) %></span></li>
</ul>
<div class="fr right-info">
<span> <%= activity.journals.count %></span>
</div>
</div>
<div class="cl"></div>
</div>

37
app/views/organizations/_org_new_project_message.html.erb
Unescape View File

@ -1,8 +1,10 @@
<h3><span><%= format_date(activity.updated_on) %>项目社区</span> <div class="article-lwrap clearfix">
<div class="item-txt fl">
<h3 class="item-title">
<% if activity.parent_id.nil? %> <% if activity.parent_id.nil? %>
<%= link_to activity.subject.to_s.html_safe, board_message_url_in_org(activity.board.id,activity.id) %> <%= link_to activity.subject.to_s.html_safe, board_message_url_in_org(activity.board.id,activity.id), :class => "title-detail" %>
<% else %> <% else %>
<%= link_to activity.parent.subject.to_s.html_safe, board_message_url_in_org(activity.board.id,activity.id) %> <%= link_to activity.parent.subject.to_s.html_safe, board_message_url_in_org(activity.board.id,activity.id), :class => "title-detail" %>
<% end %> <% end %>
</h3> </h3>
<% if activity.parent_id.nil? %> <% if activity.parent_id.nil? %>
@ -10,6 +12,29 @@
<% else %> <% else %>
<% content = activity.parent.content %> <% content = activity.parent.content %>
<% end %> <% end %>
<p> <div class="item-bd">
<%= content.to_s.html_safe %> <span class="fl"><%= content.to_s.html_safe %></span>
</p> <% if activity.parent_id.nil? %>
<%= link_to "[查看全文]", board_message_url_in_org(activity.board.id,activity.id), :class => "read-more fl" %>
<% else %>
<%= link_to "[查看全文]", board_message_url_in_org(activity.board.id,activity.id), :class => "read-more fl" %>
<% end %>
</div>
<div class="item-btm clearfix">
<ul class="fl left-info">
<li class="hd-pic">
<%= link_to image_tag(url_to_avatar(activity.author),:width => "20", :height => "20"), user_path(activity.author), :class => "publisher-hd fl", :target => "_blank" %>
<a class="publisher-name fl" href="#" target="_blank">
<%= link_to activity.author.realname.nil? ? activity.author.login : activity.author.realname, user_path(activity.author), :class => "publisher-name fl", :target => "_blank" %>
</a>
</li>
<li class="pass-time"><span><%= format_date(activity.updated_on) %></span></li>
</ul>
<div class="fr right-info">
<span> <%= activity.children.count %></span>
</div>
</div>
</div>
<div class="cl"></div>
</div>

BIN
public/images/org_new_style/bg.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
public/images/org_new_style/bg2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

7
public/images/org_new_style/cd-top-arrow.svg
Unescape View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<polygon fill="#FFFFFF" points="8,2.8 16,10.7 13.6,13.1 8.1,7.6 2.5,13.2 0,10.7 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 555 B

BIN
public/images/org_new_style/default-img.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
public/images/org_new_style/default-img2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/images/org_new_style/detailimg1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

BIN
public/images/org_new_style/detailimg2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 33 KiB

BIN
public/images/org_new_style/detailimg3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 22 KiB

BIN
public/images/org_new_style/header-background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 131 KiB

BIN
public/images/org_new_style/icons.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

BIN
public/images/org_new_style/slide1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 230 KiB

BIN
public/images/org_new_style/slide2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 227 KiB

148
public/stylesheets/org_new_style.css
Unescape View File

@ -15,6 +15,7 @@ a:hover{color:#29156f;}
.mr30{ margin-right:30px;} .mr30{ margin-right:30px;}
.mb20{ margin-bottom:20px;} .mb20{ margin-bottom:20px;}
.mb70{ margin-bottom:70px;} .mb70{ margin-bottom:70px;}
.bg-grey{ background:#f2f2f2;}
/** header **/ /** header **/
.header{ width:100%; height:60px; background:#29146f; padding:5px 0 0px; } .header{ width:100%; height:60px; background:#29146f; padding:5px 0 0px; }
@ -24,26 +25,28 @@ a.login{ background:url(../images/org_new_style/icons.png) -7px -11px no-repeat;
a:hover.login{ background:url(../images/org_new_style/icons.png) -7px -88px no-repeat; } a:hover.login{ background:url(../images/org_new_style/icons.png) -7px -88px no-repeat; }
a.register{ background:url(../images/org_new_style/icons.png) -190px -11px no-repeat; width:158px; height:55px; ;margin-top:11px;} a.register{ background:url(../images/org_new_style/icons.png) -190px -11px no-repeat; width:158px; height:55px; ;margin-top:11px;}
a:hover.register{ background:url(../images/org_new_style/icons.png) -190px -88px no-repeat; } a:hover.register{ background:url(../images/org_new_style/icons.png) -190px -88px no-repeat; }
.login{ margin-top:15px;}
.login a{ color:#fff; font-size:14px; margin-top:10px; }
/** nav **/ /** nav **/
.nav-box{ width:1200px; height:60px; margin:0 auto;} .nav-box{ width:1200px; height:60px; margin:0 auto;}
.nav a{ display:block; padding:15px 10px; font-size:18px; color:#000; margin-right:20px; } .nav a{ display:block; padding:15px 10px; font-size:18px; color:#000; margin-right:20px; }
.navact{border-bottom:3px solid #ffbd18;} .navact{border-bottom:3px solid #ffbd18;}
.nav a:hover{border-bottom:3px solid #ffbd18;} .nav a:hover{border-bottom:3px solid #ffbd18;}
.searchbox{ width:338px; height:57px; border:1px solid #ccc; -moz-border-radius: 35px; -webkit-border-radius: 35px; margin:10px 0px 0 0;} .searchbox{ width:338px; height:57px; border:1px solid #ccc; -webkit-border-radius: 3px;border-radius: 3px; margin:10px 0px 0 0;}
.search-input{width:270px; height:40px; color:#bebebe; font-size:18px; border:1px solid #ccc;-moz-border-radius: 35px; -webkit-border-radius: 35px;border-radius: 35px; border:0px; background:none; margin:10px 0 0 20px;} .search-input{width:270px; height:40px; color:#bebebe; font-size:18px; border:1px solid #ccc; -webkit-border-radius: 3px;border-radius: 3px;border:0px; background:none; margin:10px 0 0 20px;}
.search-input:hover{ border:none;color:#fff; } .search-input:hover{ border:none;color:#fff; }
a.search-icon{ background:url(../images/org_new_style/icons.png) -387px -11px no-repeat; width:40px; height:40px; margin-top:8px;} a.search-icon{ background:url(../images/org_new_style/icons.png) -387px -11px no-repeat; width:40px; height:40px; margin-top:8px;}
a:hover.search-icon{ background:url(../images/org_new_style/icons.png) -387px -89px no-repeat;} a:hover.search-icon{ background:url(../images/org_new_style/icons.png) -387px -89px no-repeat;}
.searchbox:hover{ background:#999999; color:#fff;} .searchbox:hover{ background:#999999; color:#fff;}
/* Header text */ /* banner */
.banner{ width:100%; height:234px; background:#070317 url(../images/org_new_style/banner.jpg) 0 0 no-repeat; color:#fff; text-align:center; padding-top:80px; line-height:2.4;} .banner{ width:100%; height:234px; background:#070317 url(../images/org_new_style/banner.jpg) 0 0 no-repeat; color:#fff; text-align:center; padding-top:70px; line-height:2.4;}
.banner h2{ font-size:42px; } .banner h2{ font-size:42px; }
.banner p{ font-size:18px;} .banner p{ font-size:18px;}
.banner span{ font-size:16px;} .banner span{ font-size:16px;}
/** box1 **/ /** box1 **/
.box1{ width:100%; padding:70px 0;} .box1{ width:100%; padding:60px 0;}
.content{ width:1200px; margin:0 auto;} .content{ width:1200px; margin:0 auto;}
.box-top{ margin:0 auto; text-align:center; margin-bottom:45px; } .box-top{ margin:0 auto; text-align:center; margin-bottom:45px; }
.box-title{ width:355px; height:67px; margin:0 auto; background:#29156f; color:#fff; text-align:center; font-size:40px; font-weight: lighter; margin-bottom:2px;} .box-title{ width:355px; height:67px; margin:0 auto; background:#29156f; color:#fff; text-align:center; font-size:40px; font-weight: lighter; margin-bottom:2px;}
@ -55,10 +58,10 @@ a:hover.search-icon{ background:url(../images/org_new_style/icons.png) -387px -8
.row-title{ font-size:16px; font-weight:bold; line-height:1.9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .row-title{ font-size:16px; font-weight:bold; line-height:1.9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.row-con { display:block; } .row-con { display:block; }
.row-con:hover{ color:#29156f; } .row-con:hover{ color:#29156f; }
.row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888 !important; height: 68px; overflow: hidden;} .row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888;}
.row-txt:hover{color:#29156f;} .row-txt:hover{color:#29156f;}
.row-txt-line{border-bottom:1px solid #cccccc; width:365px; height:56px; overflow:hidden;} .row-txt-line{border-bottom:1px solid #cccccc; width:365px;}
a.btn-more{ display:block; font-size:14px; width:110px; height:40px;-moz-border-radius: 3px; -webkit-border-radius: 3px; background:#ffbd18; color:#fff; text-align:center; line-height:3.0;} a.btn-more{ display:block; font-size:14px; width:110px; height:40px; -webkit-border-radius: 3px;border-radius: 3px;background:#ffbd18; color:#fff; text-align:center; line-height:3.0;}
a:hover.btn-more{ background:#29156f;} a:hover.btn-more{ background:#29156f;}
.row-box2{ width:388px; border:1px solid #ccc; border-bottom:none;} .row-box2{ width:388px; border:1px solid #ccc; border-bottom:none;}
.row-con2 a{ display:block;padding:20px 10px; border-bottom:1px solid #ccc;} .row-con2 a{ display:block;padding:20px 10px; border-bottom:1px solid #ccc;}
@ -66,53 +69,7 @@ a:hover.btn-more{ background:#29156f;}
.row-con2 a:hover{ color:#fff;} .row-con2 a:hover{ color:#fff;}
.row-txt2{line-height:2.4; color:#888;} .row-txt2{line-height:2.4; color:#888;}
.row-txt2:hover{ color:#fff; } .row-txt2:hover{ color:#fff; }
/** 项目动态 **/
.slider2 {position: relative;text-align: center;}
.slider2-left{ width:550px; margin-top:20px;}
.slider2-left h3{ font-size:18px; font-weight:bold; display:block; width:550px;white-space:nowrap; overflow:hidden; }
.slider2-left h3 span{color:#29156f; margin-right:20px;}
.slider2-left p{ display:block; margin-top:20px; font-size:14px; line-height:1.9; width:550px;}
.slider2-right{ width:600px; margin-top:20px;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute; display: none; width: 100%;left:60px;top: 0; }
.rslides li:first-child {position: relative;display: block; float: left;}
.callbacks_tabs a:after {
content: "\f111";
font-size: 0;
font-family: FontAwesome;
visibility: visible;
display: block;
width: 15px;
height: 15px;
display: inline-block;
background:url(../images/org_new_style/icons.png) no-repeat -100px -511px ;
}
.callbacks_here a:after{background:url(../images/org_new_style/icons.png) no-repeat -83px -511px ;}
.callbacks_tabs a{visibility:hidden;}
.callbacks_tabs li{display:inline-block;}
ul.callbacks_tabs.callbacks1_tabs {position:absolute;bottom: 7.3%;z-index: 999;left: -92%; display: block;}
/** 开源 **/
.box2{ height:569px; padding:70px 0; width:100%; background:url(../images/org_new_style/bg.jpg) no-repeat; }
.row-box3{ width:370px;}
.row-title3{ width:288px; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; }
.box3{height:540px; width:100%; padding:70px 0; background:url(../images/org_new_style/bg2.jpg) no-repeat; }
.box-title-p3{font-size:14px; color:#999999;}
.row-img2{ margin-bottom:10px; width:380px; height:310px; display:block;}
/** 社区规则 **/
.indexmaindiv{height:310px;margin:0px auto;width:1200px; }
.indexmaindiv1{margin-top:25px;}
.stylesgoleft{float:left;width:49px;height:47px;background:url(../images/org_new_style/icons.png) no-repeat -391px -360px; opacity:.5;margin:106px 20px 0px 0px;cursor:pointer;}
.stylesgoleft:hover{float:left;opacity:1;}
.playerdetail{width:240px;height:310px; }
.div.detailimg{width:240px;height:240px;}
.detailimg img{width:240px;height:240px;}
.teanames{font-size:18px; font-weight:bold;margin-top:10px;color:#000;}
.teadetail{font-size:14px; color:#999;margin-top:5px;}
.stylesgoright{float:left;width:49px;height:47px;background:url(../images/org_new_style/icons.png) no-repeat -393px -432px; opacity:.5;margin:106px 0px 0px 15px;cursor:pointer;}
.stylesgoright:hover{float:left;opacity:1;}
.teanames{ text-align:left;}
.maindiv1{float:left;width:1063px;height:310px;overflow:hidden;position:relative; }
.maindiv1 ul{position:absolute;left:0;top:0;}
.maindiv1 ul li{float:left;width:240px;height:310px;margin-left:21px; }
/** 活动专区 **/ /** 活动专区 **/
.con-left{ width:618px;} .con-left{ width:618px;}
.con-left-box{ margin-bottom:20px; height:96px; display:block;} .con-left-box{ margin-bottom:20px; height:96px; display:block;}
@ -132,20 +89,48 @@ a.con-arrow-btn{ display: block;width:25px;height:25px;background:url(../images/
a.pre-arrow,a.pre-back{ display:block; width:25px; height:10px; background:#29156f; margin-left:5px;} a.pre-arrow,a.pre-back{ display:block; width:25px; height:10px; background:#29156f; margin-left:5px;}
a.pre-back{ background:#888;} a.pre-back{ background:#888;}
/** footer **/ /** footer **/
.footer{ height:220px; background:#29156f; width:100%;} .footer{ height:150px; background:#29156f; width:100%;}
.footer-con{ width:1200px; padding:65px 0 0 60px; margin:0 auto; text-align:center; font-size:14px; color:#fff;} .footer-con{ width:1200px; padding:30px 0 0 60px; margin:0 auto; text-align:center; font-size:14px; color:#fff;}
.footer-con ul{ display:block; width:430px; height:50px; margin:0 auto; } .footer-con ul{ display:block; width:430px; height:50px; margin:0 auto; }
.footer-con ul li a{font-size:18px; color:#fff; margin-right:35px; font-weight:bold;} .footer-con ul li a{font-size:18px; color:#fff; margin-right:35px; font-weight:bold;}
/** ziyuan **/ /** download **/
.row-ziyuan{ width:570px; border-bottom:1px solid #f0f0f0; padding:15px 0;margin: 0px 15px;} .row-ziyuan{ width:570px; border-bottom:1px solid #f0f0f0; padding:15px 0;margin: 0px 15px;}
.ziyuan-box{ width:420px; margin-right:20px;} .ziyuan-box{ width:420px; margin-right:20px;}
.ziyuan-box span{ margin-right:5px;} .ziyuan-box span{ margin-right:5px;}
.ziyuan-title{ display:block; width:420px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ziyuan-title{ display:block; width:420px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ziyuan-box p{display:block; width:420px; color:#888; font-size:12px; line-height:2.5;} .ziyuan-box p{display:block; width:420px; color:#888; font-size:12px; line-height:2.5;}
a.download-btn{ display:block; border:1px solid #ccc; margin-top:10px; font-size:14px; width:70px; height:27px;-moz-border-radius: 3px; -webkit-border-radius: 3px; color:#888; text-align:center; line-height:1.9;} a.download-btn{ display:block; border:1px solid #ccc; margin-top:10px; font-size:14px; width:70px; height:27px;-webkit-border-radius: 3px;border-radius:3px;color:#888; text-align:center; line-height:1.9;}
a:hover.download-btn{ background:#29146f; color:#fff; border:none;} a:hover.download-btn{ background:#29146f; color:#fff; border:none;}
.user-img img{ border:2px solid #e6473b; margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;} .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;} .ml60{ margin-left:60px;}
.user-img img{border:2px solid #e6473b; }
.user-img img:hover{border:2px solid #29156f;}
.article-lwrap{ width:760px; border-bottom:1px solid #E4E4E4; padding:10px 0;}
.item-txt{ width:555px;}
.item-img,.item-img img{ width:180px; height:120px;}
.item-title{ display:block; width:555px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
.item-bd{ width:555px; font-size:14px !important; color:#888; line-height:1.9; height:55px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.item-bd:hover{color:#29156f;}
a.read-more{ color:red;}
a:hover.read-more{ text-decoration:underline;}
.publisher-hd,.publisher-hd img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:28px; height:28px;}
.left-info li,left-info li a{ float:left;}
.item-btm,.publisher-name,.pass-time{ margin-top:5px;}
.pass-time{ margin-left:20px; color:#888;}
.right-info{background:url(../images/org_new_style/icons.png) no-repeat -41px -541px ; width:15px; height:16px; padding-left:20px; color:#888; margin-top:5px;}
.nopic{ width:760px;}
.article-lwrap{ width:760px; border-bottom:1px solid #E4E4E4; padding:20px 0;}
.item-title-r{ display:block; width:400px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article-rwrap{ width:400px; border-bottom:1px dashed #E4E4E4; padding:12px 0;}
.course-list ul{ }
.course-list ul li{ display:block; width:370px; float:left; margin:0 15px;}
.course-list h5{display:block; width:380px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.course-list-img,.course-list-img img{ width:370px; height:220px; margin-bottom:10px;}
/*用户图像*/ /*用户图像*/
.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{ 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 a{color:#269ac9;}
@ -155,6 +140,49 @@ a:hover.download-btn{ background:#29146f; color:#fff; border:none;}
.none {display: none;} .none {display: none;}
/** backtop **/
.cd-top {
display: inline-block;
height: 60px;
width: 60px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(232, 98, 86, 0.8) url(../images/org_new_style/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #29156f;
opacity: 1;
}
a.more-btn{ display:block; background:#ccc; color:#fff; margin-top:10px; width:100px; height:38px;font-size:14px; -webkit-border-radius: 5px;border-radius:5px;text-align:center; line-height:38px;}
a.more-btn-center{ display:block; background:#ccc; color:#fff; margin-top:10px; width:100px; height:38px;font-size:14px; -webkit-border-radius: 5px;border-radius:5px;text-align:center; line-height:38px;width:100px; margin:0px auto;margin-top: 15px;}
a:hover.more-btn{ background:#29146f; color:#fff;}
.mt30{ margin-top:30px;}

Write Preview
Loading…
Cancel
Save