Commit 015bf58a
Changed files (5)
app
assets
images
stylesheets
views
layouts
doc
mockups
app/assets/images/btn-search.png
Binary file
app/assets/images/frm-search-bg.png
Binary file
app/assets/stylesheets/interface.css
@@ -11,10 +11,6 @@ a:hover { color: #000; }
#hd { background: #fff ; }
#hd .top { height: 80px; width: 100%; ; }
#hd .top .logo { margin: 0 0 0 -10px; }
-#hd .search { top: -35px; height: 0; }
-#hd .search form { background: #fff; }
-#hd .search input[type=submit] { background: url(/assets/arx/btn-search.png) no-repeat; border: none; margin-left: 5px; }
-#hd .search input[type=text] { background: none; border: none; width: 140px; position: relative; top: -2px; outline: none; }
#hd .info { text-align: left; color: #CED8D9; padding-top: 12px; }
#hd .info .dull { color: #647F84; }
#hd .info .arrow { position: relative; }
@@ -59,6 +55,11 @@ a:hover { color: #000; }
#bd .content .direction .next.disabled { background: url(/assets/arx/arrow-right-deactive.jpg) no-repeat right center; }
#bd .content .direction .previous.disabled { background: url(/assets/arx/arrow-left-deactive.jpg) no-repeat left center; }
+#bd .search { }
+#bd .search form { background: url(/assets/frm-search-bg.png) no-repeat; height: 44px; width: 100%; }
+#bd .search input[type=submit] { background: url(/assets/btn-search.png) no-repeat; border: none; float:right; width: 124px; height: 36px; }
+#bd .search input[type=text] { background: none; border: none; width: 300px; position: relative; outline: none; margin-left:30px; margin-top: 15px; }
+
/* footer */
#ft { background: #000; color: #fff; padding: 26px 0; }
#ft h3 { font-size: 14px; }
app/views/layouts/application.html.erb
@@ -19,18 +19,20 @@
<body>
<div id="hd">
<div class="container_12" style="background: #fff url(/assets/header.png) no-repeat;">
- <div class="grid_12 top">
+ <div class="grid_5 alpha">
<div class="logo">
- <a href="<%= url_for home_index_path %>">
- <img src="/assets/cakeside-logo.png" alt="cakeside" width="150" /></div>
- </a>
+ <a href="<%= url_for home_index_path %>"><img src="/assets/cakeside-logo.png" alt="cakeside" width="150" /></a>
+ </div>
</div>
- <div class="clear"></div>
- <div class="grid_3 push_9 search">
- <%= link_to "add creation", new_creation_path %>
+ <div class="grid_2" style="text-align: center;">
+ <%= link_to "Add My Creation", new_creation_path %>
+ </div>
+ <div class="grid_3">
+
+ </div>
+ <div class="grid_2 omega">
<% if user_signed_in? %>
- Hi <%= link_to current_user.name, edit_user_registration_path %>
- <%= link_to "Sign Out", destroy_user_session_path %>
+ Hi <%= link_to current_user.name, edit_user_registration_path %> <%= link_to "Sign Out", destroy_user_session_path %>
<% else %>
<%= link_to "Sign Up", new_user_registration_path %> or <%= link_to "Sign In", new_user_session_path %>
<% end %>
@@ -40,15 +42,15 @@
</div><!-- /#hd -->
<div id="bd">
<div class="container_12">
- <div class="grid_6">
+ <div class="grid_6 alpha search">
<%= form_tag(search_index_path, :method => "get", :name => "search") do %>
<input name="q" type="text" placeholder="search" />
- <input type="submit" value="search" />
+ <input type="submit" value="" />
<% end %>
</div>
- <div class="grid_2"> </div>
<div class="grid_2"> <%= link_to "Artist", all_profiles_path %> </div>
<div class="grid_2"> Help </div>
+ <div class="grid_2 omega"> </div>
<div class="clear"></div>
<div class="grid_3 sidebar">
<div class="menu">
doc/mockups/FW Main.png
Binary file