stores css

app/views/layouts/base_stores.html.erb

@@ -7,10 +7,10 @@
 	<meta name="keywords" content="issue,bug,tracker" />
 	<%= csrf_meta_tag %>
 	<%= favicon %>
-		<%= stylesheet_link_tag 'jquery/jquery-ui-1.9.2', 'application', :media => 'all' %>
+	<%= stylesheet_link_tag 'jquery/jquery-ui-1.9.2', 'application', 'nyan', :media => 'all' %>
 	<%= stylesheet_link_tag 'rtl', :media => 'all' if l(:direction) == 'rtl' %>
 	<%= javascript_heads %>
-		<%= heads_for_theme %>
+	<%#= heads_for_theme %>
 	<%= call_hook :view_layouts_base_html_head %>
 	<%= yield :header_tags -%>
 </head>
@@ -19,18 +19,40 @@
 		<div id="wrapper2">
 			<div id="wrapper3">
 				<%= render :partial => 'layouts/base_header'%>
-					<div style="margin-top: 10px;">
+				<div>
 					<div id="main">
-						<div id="sidebar">
+						<div class="top-content">							
+							<table>
+								<tr>
+									<td class="info_font" style="width: 240px; color: #15bccf"><%=t(:label_course_file)%></td>
+									<td style="width: 430px; color: #15bccf"><strong><%= l(:label_user_location) %> : </strong></td>
+									<td rowspan="2" width="250px">
+										<div class="top-content-search" style="display:none;">
+											<%= form_tag(:method => :get) do %>
+											<%= text_field_tag 'name', params[:name], :size => 20 %>
+											<%= hidden_field_tag 'project_type', params[:project_type] %>
+											<%= submit_tag l(:label_search), :class => "enterprise", :name => nil %>	
+											<% end %>
+										</div>
+									</td>
+								</tr>
+								<tr>
+									<td style="padding-left: 8px"><%= link_to stores_url , stores_url %></td>
+									<td><p class="top-content-list"><%=link_to l(:label_home),home_path %> > <%=link_to l(:label_course_file),:controller => 'projects', :action => 'index', :project_type => 0 %> > <%=link_to @project, '' %></p></td>
+								</tr>
+							</table>							
+						</div>
+						<div id="top_field">
+							<%= yield :top_field %>
+						</div>
+						<div id="sidebaraa">
 							<%= yield :sidebar %>
 							<%= view_layouts_base_sidebar_hook_response %>
 						</div>					
-						<div id="content" style="padding-top: 0px;">
+						<div id="store_content" style="padding-top: 0px;">
 							<%= render_flash_messages %>
 							<%= yield %>
 							<%= call_hook :view_layouts_base_content %>						
-						<div style="clear:both;"></div>
-							<%= render_flash_messages %>
 						</div>
 						<%= render :partial => 'layouts/base_footer'%>
 					</div>
@@ -41,13 +63,6 @@
 			</div>
 			<div id="ajax-modal" style="display:none;"></div>
 
-				<div id="footer">
-					<div class="bgl">
-						<div class="bgr">
-							Powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %> &copy; 2006-2013 Jean-Philippe Lang
-						</div>
-					</div>
-				</div>
 		</div>
 	</div>
 	<%= call_hook :view_layouts_base_body_bottom %>

app/views/stores/index.html.erb

@@ -0,0 +1,88 @@
+<style type="text/css">
+	#main *{
+		/*border: 1px solid #eeeeee;*/
+	}
+	#content {
+		max-width: 100%;
+	}
+	#top_field {
+		max-width: 100%;
+		margin: 20px auto;
+	}
+	.line_block{
+		display: inline-block;
+		width: 49%;
+		margin: 10px auto;
+		padding: 0px 2%;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-box-sizing: border-box;
+	}
+	.resource_sum{
+		height: auto;
+	}
+	.line_block p{
+		margin: 1em 0px auto;
+		background: linear-gradient(#ffffff, #e5e5e5) repeat scroll 0% 0% transparent;
+		border-bottom: 1px solid rgb(226,226,226);
+		border-top-left-radius : 6px;
+		border-top-right-radius : 6px;
+		box-shadow: 0px 1px 0px white, 0px, -1px 0px rgb(245,245,245);
+		height: 39px;
+		font-size: 15px;
+		line-height: 26px;
+		height: 30px;
+		font-size: 1.5em;
+		padding-left: 4%;
+		border-bottom: 2px solid #FF661B
+	}
+	.resource_sum, .line_blo{
+		border: 1px solid #eeeeee;
+	}
+	.line_block table{
+		border: 1px solid #eeeeee;
+	}
+	.line_block table thead tr{
+		background-color: #d1d1d1;
+	}
+	.line_block table td{
+		height: 2em;
+	}
+</style>
+
+<% content_for :top_field do%>
+	<div style="margin: 10px 5%;">
+		<%= form_for('#', :remote => true) do |f| %>
+		<%= f.text_field :name, size:"100", placeholder:'请输入要搜索的关键字' %>
+		<%= f.submit value:"search", class:"whiteButton m3p10 h30"%>
+		<% end %>
+	</div>
+<% end %>
+
+<% content_for :sidebar do%>
+	this is sidebar in index.html.erb
+<% end %>
+
+<div class="resource_sum">
+<% 4.times do |c|%>
+	<div class="line_block">
+		<p>热门<%=c%></p>
+		<table style="width: 100%">
+			<thead>
+				<tr>
+					<td>文件名</td>
+					<td>下载次数</td>
+				</tr>
+			</thead>
+			<tbody>
+			<% 5.times do |c1|%>
+				<tr class="<%= cycle 'odd', 'even' %>">
+					<td style="width:62%;"><%=c1%></td>
+					<td style="width:38%;"><%=c1%> ti</td>
+				</tr>
+			<% end %>
+			</tbody>
+		</table>
+	</div>
+<% reset_cycle; end %>
+</div>

public/stylesheets/nyan.css

@@ -1,5 +1,10 @@
 /* TODO: base/common/page 准备封装一些基本样式组合调用 参考YUI
 *******************************************************************************/
+.border_box {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -box-sizing: border-box;
+}
 .text_center{
   text-align: center;
 }
@@ -201,11 +206,7 @@ input[class='nyan-clean-gray']:active, .nyan-clean-gray:active {
 }
 /* 贴吧 forum memo
 *******************************************************************************/
-/** {
+
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -box-sizing: border-box;
-}*/
 div.actions input[type="text"]{
   padding: 3px;
   width: 100%;