Commit dd6b5db71bb4b056982ebd1ab4e3e171504e291b
1 parent
4659d272
Exists in
master
and in
29 other branches
ActionItem260: Search formatation apear ok now. May be better, but this is ok.
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1709 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
15 changed files
with
240 additions
and
133 deletions
Show diff stats
app/helpers/forms_helper.rb
@@ -10,4 +10,16 @@ module FormsHelper | @@ -10,4 +10,16 @@ module FormsHelper | ||
10 | 10 | ||
11 | end | 11 | end |
12 | 12 | ||
13 | + def labelled_radio_button( human_name, name, value, checked = false, options = {} ) | ||
14 | + options[:id] ||= 'radio-' + rand.to_s | ||
15 | + radio_button_tag( name, value, checked, options ) + | ||
16 | + content_tag( 'label', human_name, :for => options[:id] ) | ||
17 | + end | ||
18 | + | ||
19 | + def labelled_check_box( human_name, name, value = "1", checked = false, options = {} ) | ||
20 | + options[:id] ||= 'checkbox-' + rand.to_s | ||
21 | + check_box_tag( name, value, checked, options ) + | ||
22 | + content_tag( 'label', human_name, :for => options[:id] ) | ||
23 | + end | ||
24 | + | ||
13 | end | 25 | end |
app/views/consumed_products/new.rhtml
@@ -3,8 +3,14 @@ | @@ -3,8 +3,14 @@ | ||
3 | <%= error_messages_for :consumption %> | 3 | <%= error_messages_for :consumption %> |
4 | 4 | ||
5 | <% form_for :consumption, @consumption do |f| %> | 5 | <% form_for :consumption, @consumption do |f| %> |
6 | - <p> <%= _('Product:') %> <%= f.select "product_category_id", ProductCategory.find(:all).map{|pc| [pc.name, pc.id]} %></p> | ||
7 | - <p> <%= _('Aditional specifications:') %><br> <%= f.text_area "aditional_specifications" %> </p> | 6 | + <p> |
7 | + <%= _('Product:') %> | ||
8 | + <span class="formfield"> <%= f.select "product_category_id", ProductCategory.find(:all).map{|pc| [pc.name, pc.id]} %> </span> | ||
9 | + </p> | ||
10 | + <p> | ||
11 | + <%= _('Aditional specifications:') %> <br /> | ||
12 | + <span class="formfield"> <%= f.text_area "aditional_specifications", :rows => 5 %> </span> | ||
13 | + </p> | ||
8 | <% button_bar do %> | 14 | <% button_bar do %> |
9 | <%= submit_button('add', _('Add product'), :cancel => {:action => 'index'}) %> | 15 | <%= submit_button('add', _('Add product'), :cancel => {:action => 'index'}) %> |
10 | <% end %> | 16 | <% end %> |
app/views/layouts/application.rhtml
@@ -127,21 +127,23 @@ | @@ -127,21 +127,23 @@ | ||
127 | <% end %> | 127 | <% end %> |
128 | 128 | ||
129 | </div><!-- id="content" --> | 129 | </div><!-- id="content" --> |
130 | - <div id="footer_content"><!-- Rodape do onteudo --> | 130 | + <div id="footer_content"><!-- Rodape do Conteudo --> |
131 | </div><!-- id="footer_content" --> | 131 | </div><!-- id="footer_content" --> |
132 | </div><!-- id="frame" --> | 132 | </div><!-- id="frame" --> |
133 | </div><!-- id="wrap" --> | 133 | </div><!-- id="wrap" --> |
134 | 134 | ||
135 | <div id="footer"> | 135 | <div id="footer"> |
136 | - Um projeto do FBES <br/> | ||
137 | - Fórum Brasileiro de Economia Solidária | ||
138 | - <p/> | 136 | + <a href="http://fbes.org.br" id="footer-esq"> |
137 | + <%= _('A FBES project') %> <br/> | ||
138 | + Fórum Brasileiro de Economia Solidária | ||
139 | + </a> | ||
140 | + <a href="http://colivre.coop.br" id="footer-dir"> | ||
141 | + <%= _('Desenvolvimento Colivre') %> <br/> | ||
142 | + Cooperativa de Tecnologias Livres | ||
143 | + </a> | ||
139 | <%= language_chooser %> | 144 | <%= language_chooser %> |
140 | <p/> | 145 | <p/> |
141 | <%= footer %> | 146 | <%= footer %> |
142 | - <p/> | ||
143 | - Desenvolvimento Colivre <br/> | ||
144 | - Cooperativa de Tecnologias Livres | ||
145 | </div><!-- id="footer" --> | 147 | </div><!-- id="footer" --> |
146 | 148 | ||
147 | <div id="helpBox" style="display:none"> | 149 | <div id="helpBox" style="display:none"> |
app/views/search/_category.rhtml
@@ -15,27 +15,7 @@ | @@ -15,27 +15,7 @@ | ||
15 | <div class="category-innerbox"> | 15 | <div class="category-innerbox"> |
16 | <ul class="recent_on_cat recent_comments"> | 16 | <ul class="recent_on_cat recent_comments"> |
17 | <% @recent_comments.each do |comment| %> | 17 | <% @recent_comments.each do |comment| %> |
18 | - <li> | ||
19 | - <% if comment.author %> | ||
20 | - <%= link_to content_tag( 'span', comment.author.name() ), comment.author.url, | ||
21 | - :class => 'comment-picture', | ||
22 | - :style => 'background-image:url(%s)' % profile_icon(comment.author, :icon) | ||
23 | - %> | ||
24 | - <% else %> | ||
25 | - <%# unauthenticated user: display gravatar icon %> | ||
26 | - <%= content_tag 'span', ' ', | ||
27 | - :class => 'comment-picture', | ||
28 | - :style => 'background-image:url(%s)' % str_gravatar_url_for( comment.email, :size => 20 ) | ||
29 | - %> | ||
30 | - <% end %> | ||
31 | - <strong><%= link_to(comment.title, comment.url) %></strong> | ||
32 | - <div class="item_meta"> | ||
33 | - <%= _('by %{author} on "%{article}"') % { | ||
34 | - :comment => link_to(comment.title, comment.url), | ||
35 | - :article => link_to(comment.article.title, comment.article.url), | ||
36 | - :author => comment.author_name } %> | ||
37 | - </div> | ||
38 | - </li> | 18 | + <%= render :partial => 'comment', :object => comment %> |
39 | <% end %> | 19 | <% end %> |
40 | </ul> | 20 | </ul> |
41 | </div><!-- end class="category-innerbox" --> | 21 | </div><!-- end class="category-innerbox" --> |
app/views/search/_comment.rhtml
1 | <li> | 1 | <li> |
2 | - <strong><%= link_to(comment.title, comment.url)%></strong> | 2 | + <%- if comment.author -%> |
3 | + <%= link_to content_tag( 'span', comment.author.name() ), comment.author.url, | ||
4 | + :class => 'comment-picture', | ||
5 | + :style => 'background-image:url(%s)' % profile_icon(comment.author, :icon) | ||
6 | + %> | ||
7 | + <%- else -%> | ||
8 | + <%# unauthenticated user: display gravatar icon %> | ||
9 | + <%= content_tag 'span', ' ', | ||
10 | + :class => 'comment-picture', | ||
11 | + :style => 'background-image:url(%s)' % str_gravatar_url_for( comment.email, :size => 20 ) | ||
12 | + %> | ||
13 | + <%- end %> | ||
14 | + <strong><%= link_to(comment.title, comment.url) %></strong> | ||
3 | <div class="item_meta"> | 15 | <div class="item_meta"> |
4 | - <span class="cat_item_by"><%= _('by %s, on "%s"') % [comment.author_name, link_to(comment.article.name, comment.article.url)] %></span> | 16 | + <%= _('by %{author} on "%{article}"') % { |
17 | + :comment => link_to(comment.title, comment.url), | ||
18 | + :article => link_to(comment.article.title, comment.article.url), | ||
19 | + :author => comment.author_name } %> | ||
5 | </div> | 20 | </div> |
6 | </li> | 21 | </li> |
7 | 22 |
app/views/search/_display_results.rhtml
1 | -<%= render :partial => 'search_form' %> | ||
2 | - | ||
3 | -<div> | ||
4 | -<%= link_to _('Search for "%s" in the whole site') % @query, :controller => 'search', :action => 'index', :category_path => [], :query => @query if @category %> | ||
5 | -</div> | ||
6 | - | ||
7 | - | ||
8 | <div id="search-results" class="<%= 'only-one-result-box' if @results.size == 1 %>"> | 1 | <div id="search-results" class="<%= 'only-one-result-box' if @results.size == 1 %>"> |
9 | -<% pos = :odd %> | ||
10 | -<% @results.each do |name,results| %> | 2 | +<% |
3 | + pos2 = :odd # allow to format in a two colons layout | ||
4 | + pos3 = 3 # allow to format in a thre colons layout | ||
5 | +%> | ||
6 | +<% @results.sort_by { |name,results| @names[name] }.each do |name,results| %> | ||
7 | + <% | ||
8 | + pos3 += 1; pos3 = 1 if pos3 > 3 | ||
9 | + pos2==:odd ? pos2=:even : pos2=:odd | ||
10 | + %> | ||
11 | <% if !results.nil? and !results.empty? %> | 11 | <% if !results.nil? and !results.empty? %> |
12 | - <div class="search-results-<%= name %> search-results-box <%= pos==:odd ? pos=:even : pos=:odd %>"> | 12 | + <div class="search-results-<%= name %> search-results-box <%= pos2 %> <%= 'col%s_of3' % pos3.to_s %>"> |
13 | <% if @controller.action_name != 'assets' %> | 13 | <% if @controller.action_name != 'assets' %> |
14 | <h3><%= @names[name] %></h3> | 14 | <h3><%= @names[name] %></h3> |
15 | <% end %> | 15 | <% end %> |
@@ -23,7 +23,7 @@ | @@ -23,7 +23,7 @@ | ||
23 | </div><!-- end class="search-results-innerbox" --> | 23 | </div><!-- end class="search-results-innerbox" --> |
24 | </div><!-- end class="search-results-<%= name %>" --> | 24 | </div><!-- end class="search-results-<%= name %>" --> |
25 | <% else %> | 25 | <% else %> |
26 | - <div class="search-results-<%= name %> search-results-empty search-results-box <%= pos==:odd ? pos=:even : pos=:odd %>"> | 26 | + <div class="search-results-<%= name %> search-results-empty search-results-box <%= pos2 %> <%= 'col%s_of3' % pos3.to_s %>"> |
27 | <% if @controller.action_name != 'assets' %> | 27 | <% if @controller.action_name != 'assets' %> |
28 | <h3><%= @names[name] %></h3> | 28 | <h3><%= @names[name] %></h3> |
29 | <% end %> | 29 | <% end %> |
@@ -35,3 +35,4 @@ | @@ -35,3 +35,4 @@ | ||
35 | <% end %> | 35 | <% end %> |
36 | <br style="clear:both" /> | 36 | <br style="clear:both" /> |
37 | </div><!-- end id="search-results" --> | 37 | </div><!-- end id="search-results" --> |
38 | + |
app/views/search/_search_form.rhtml
1 | -<% form_tag({:action => 'index', :category_path => (@category ? @category.explode_path : [])}, :method => 'get') do%> | 1 | +<% form_tag( { :action => 'index', :category_path => ( @category ? @category.explode_path : [] ) }, |
2 | + :method => 'get', :class => 'search_form' ) do %> | ||
3 | + <%= '<h3>%s</h3>' % form_title if defined? form_title %> | ||
2 | 4 | ||
3 | <div class="search-field"> | 5 | <div class="search-field"> |
4 | <span class="formfield"> | 6 | <span class="formfield"> |
@@ -9,36 +11,30 @@ | @@ -9,36 +11,30 @@ | ||
9 | </div> | 11 | </div> |
10 | 12 | ||
11 | <% if @category %> | 13 | <% if @category %> |
12 | - <h3><%= _('Search in:') %></h3> | 14 | + <div class="search-options search-in"> |
15 | + <h4><%= _('Search in:') %></h4> | ||
13 | <ul> | 16 | <ul> |
14 | - <li> | ||
15 | - <%= radio_button_tag :search_whole_site, 'no', true %> | ||
16 | - <span><%= _('Only in %{category}') % { :category => @category.full_name } %></span> | ||
17 | - </li> | ||
18 | - <li> | ||
19 | - <%= radio_button_tag :search_whole_site, 'yes' %> | ||
20 | - <span><%= _('Whole site') %></span> | ||
21 | - </li> | 17 | + <li><%= labelled_radio_button _('Only in %s') % @category.full_name(' → '), :search_whole_site, 'no', true %></li> |
18 | + <li><%= labelled_radio_button _('Whole site'), :search_whole_site, 'yes' %></li> | ||
22 | </ul> | 19 | </ul> |
20 | + </div><!-- fim class="search-options" --> | ||
23 | <% end %> | 21 | <% end %> |
24 | 22 | ||
25 | - <div class="search-options"> | ||
26 | - <h3><%= _('Search for:') %></h3> | 23 | + <div class="search-options search-for"> |
24 | + <h4><%= _('Search for:') %></h4> | ||
27 | <ul> | 25 | <ul> |
28 | <% @search_in.map { |t,n| [t,gettext(n)] } . | 26 | <% @search_in.map { |t,n| [t,gettext(n)] } . |
29 | sort_by(&:last).each do |thing, name| %> | 27 | sort_by(&:last).each do |thing, name| %> |
30 | <li> | 28 | <li> |
31 | - <%= check_box_tag 'find_in[]', thing.to_s, true %> | ||
32 | - <span><%= name %></span> | 29 | + <%= labelled_check_box name, 'find_in[]', thing.to_s, true %> |
33 | </li> | 30 | </li> |
34 | <% end %> | 31 | <% end %> |
35 | </ul> | 32 | </ul> |
36 | <br style="clear:both" /> | 33 | <br style="clear:both" /> |
37 | </div><!-- fim class="search-options" --> | 34 | </div><!-- fim class="search-options" --> |
38 | 35 | ||
39 | - <% button_bar do %> | ||
40 | - <%= submit_button(:search, _('Search')) %> | ||
41 | - <%= lightbox_close_button(_('Close')) if lightbox? %> | ||
42 | - <% end %> | 36 | + <% if lightbox?; button_bar do %> |
37 | + <%= lightbox_close_button _('Close') %> | ||
38 | + <% end; end %> | ||
43 | 39 | ||
44 | <% end %> | 40 | <% end %> |
app/views/search/index.rhtml
1 | -<h2> <%=h @category ? (_('Search results for "%{query}" in "%{category}"') % { :query => @query, :category => @category.name}) : (_('Search results for "%s"') % @query) %> </h2> | 1 | +<h1> <%=h @category ? (_('Search results for "%{query}" in "%{category}"') % { :query => @query, :category => @category.name}) : (_('Search results for "%s"') % @query) %> </h1> |
2 | 2 | ||
3 | <%= render :partial => 'display_results' %> | 3 | <%= render :partial => 'display_results' %> |
4 | 4 | ||
5 | +<%= render :partial => 'search_form', :locals => { :form_title => _("Filter your search") } %> | ||
6 | +<br style="clear:both" /> | ||
7 | + |
app/views/search/popup.rhtml
1 | <div id="search-popup"> | 1 | <div id="search-popup"> |
2 | 2 | ||
3 | -<h2><%= _('Search %s') % @environment.name %></h2> | ||
4 | - | ||
5 | -<%= render :partial => 'search_form' %> | 3 | +<%= render :partial => 'search_form', :locals => { :form_title => _('Search %s') % @environment.name } %> |
6 | 4 | ||
7 | <script type='text/javascript'> | 5 | <script type='text/javascript'> |
8 | $('query').focus(); | 6 | $('query').focus(); |
app/views/shared/categories_menu.rhtml
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | <ul> | 6 | <ul> |
7 | <% item.all_children.each do |child| %> | 7 | <% item.all_children.each do |child| %> |
8 | <% if (@controller.controller_name == 'search') && (@controller.action_name == 'assets') %> | 8 | <% if (@controller.controller_name == 'search') && (@controller.action_name == 'assets') %> |
9 | - <li><%=h link_to(content_tag('span', child.name), :controller => 'search', :action => 'assets', :asset => params[:asset], :category_path => child.explode_path) %></li> | 9 | + <li><%= link_to(content_tag('span', child.name), :controller => 'search', :action => 'assets', :asset => params[:asset], :category_path => child.explode_path) %></li> |
10 | <% else %> | 10 | <% else %> |
11 | <li><%= link_to(content_tag('span', child.name), :controller => 'search', :action => 'category_index', :category_path => child.explode_path) %></li> | 11 | <li><%= link_to(content_tag('span', child.name), :controller => 'search', :action => 'category_index', :category_path => child.explode_path) %></li> |
12 | <% end %> | 12 | <% end %> |
doc/README_FOR_APP
@@ -49,6 +49,8 @@ commands and make sure you understand what you are doing): | @@ -49,6 +49,8 @@ commands and make sure you understand what you are doing): | ||
49 | rake makemo | 49 | rake makemo |
50 | # create some test data: | 50 | # create some test data: |
51 | ./script/populate | 51 | ./script/populate |
52 | + # install the test dependences: | ||
53 | + aptitude install libtidy-ruby libhpricot-ruby | ||
52 | # run the automated test suite to make sure your environment is sane: | 54 | # run the automated test suite to make sure your environment is sane: |
53 | rake test | 55 | rake test |
54 | 56 |
public/designs/themes/default/stylesheets/controller_search.css
1 | 1 | ||
2 | +#view-category, | ||
3 | +#search-results { | ||
4 | + padding: 0% 2% 10px 2%; | ||
5 | +} | ||
6 | + | ||
7 | +#view-category a, | ||
8 | +#search-results a { | ||
9 | + text-decoration: none; | ||
10 | +} | ||
11 | +#view-category a:hover, | ||
12 | +#search-results .search-results-type-comment a:hover, | ||
13 | +#search-results .search-results-type-article a:hover, | ||
14 | +#search-results .search-results-type-product a:hover { | ||
15 | + text-decoration: underline; | ||
16 | +} | ||
17 | + | ||
18 | +#content .search_form { | ||
19 | + margin: 0px; | ||
20 | + padding: 0% 10%; | ||
21 | +} | ||
22 | + | ||
23 | +body.category1 .search-options { | ||
24 | + border: 1px solid #E26B00; | ||
25 | +} | ||
26 | +body.category2 .search-options { | ||
27 | + border: 1px solid #58A80A; | ||
28 | +} | ||
29 | +body.category3 .search-options { | ||
30 | + border: 1px solid #694371; | ||
31 | +} | ||
32 | +body.category4 .search-options { | ||
33 | + border: 1px solid #B80000; | ||
34 | +} | ||
35 | + | ||
36 | +.search-results-box { | ||
37 | + width: 32.5%; | ||
38 | +} | ||
39 | + | ||
40 | +.search-results-box.odd { | ||
41 | + margin-left: 0px; | ||
42 | +} | ||
43 | + | ||
44 | +.search-results-box.col2_of3, | ||
45 | +.search-results-box.col3_of3 { | ||
46 | + margin-left: 1.25%; | ||
47 | +} | ||
48 | + | ||
2 | .category-innerbox, | 49 | .category-innerbox, |
3 | .search-results-innerbox { | 50 | .search-results-innerbox { |
4 | padding: 10px 0px 10px 10px; | 51 | padding: 10px 0px 10px 10px; |
@@ -7,14 +54,17 @@ | @@ -7,14 +54,17 @@ | ||
7 | background: #B8CFE7; | 54 | background: #B8CFE7; |
8 | -moz-border-radius: 15px; | 55 | -moz-border-radius: 15px; |
9 | } | 56 | } |
10 | - | ||
11 | -.search-results-type-article a, | ||
12 | -.search-results-type-product a { | ||
13 | - text-decoration: none; | 57 | +body.category1 .search-results-innerbox { |
58 | + background: #FDD79E; | ||
14 | } | 59 | } |
15 | -.search-results-type-article a:hover, | ||
16 | -.search-results-type-product a:hover { | ||
17 | - text-decoration: underline; | 60 | +body.category2 .search-results-innerbox { |
61 | + background: #C4F099; | ||
62 | +} | ||
63 | +body.category3 .search-results-innerbox { | ||
64 | + background: #D6BFD3; | ||
65 | +} | ||
66 | +body.category4 .search-results-innerbox { | ||
67 | + background: #F79494; | ||
18 | } | 68 | } |
19 | 69 | ||
20 | .search-results-type-product li li a { | 70 | .search-results-type-product li li a { |
@@ -38,12 +88,41 @@ | @@ -38,12 +88,41 @@ | ||
38 | padding: 0px 0px 5px 0px; | 88 | padding: 0px 0px 5px 0px; |
39 | } | 89 | } |
40 | 90 | ||
41 | -/* * * Category Page * * * * * * * * * * * * */ | 91 | +.search-results-type-profile.common-profile-list-block a { |
92 | + width: 90px; | ||
93 | +} | ||
94 | +.search-results-type-profile.common-profile-list-block li div { | ||
95 | + width: 88px; | ||
96 | + height: 64px; | ||
97 | +} | ||
98 | +.search-results-type-profile.common-profile-list-block li span { | ||
99 | + display: block; | ||
100 | + width: 82px; | ||
101 | +} | ||
42 | 102 | ||
43 | -.category_itens ul a { | ||
44 | - text-decoration: none; | 103 | +.search-results-type-profile.common-profile-list-block li a { |
104 | + color: #000; | ||
105 | +} | ||
106 | + | ||
107 | +body.category1 .search-results-type-profile.common-profile-list-block li a { | ||
108 | + background: #FDD79E; | ||
109 | +} | ||
110 | +body.category2 .search-results-type-profile.common-profile-list-block li a { | ||
111 | + border: 2px solid #C4F099 !important; | ||
112 | +} | ||
113 | +body.category2 .search-results-type-profile.common-profile-list-block li a:hover { | ||
114 | + border: 2px solid #61B60E !important; | ||
115 | + background: #D0F8A0 !important; | ||
116 | +} | ||
117 | +body.category3 .search-results-type-profile.common-profile-list-block li a { | ||
118 | + background: #D6BFD3; | ||
119 | +} | ||
120 | +body.category4 .search-results-type-profile.common-profile-list-block li a { | ||
121 | + background: #F79494; | ||
45 | } | 122 | } |
46 | 123 | ||
124 | +/* * * Category Page * * * * * * * * * * * * */ | ||
125 | + | ||
47 | #view-category h2 { | 126 | #view-category h2 { |
48 | font-size: 16px; | 127 | font-size: 16px; |
49 | line-height: 20px; | 128 | line-height: 20px; |
@@ -60,18 +139,6 @@ | @@ -60,18 +139,6 @@ | ||
60 | float: left; | 139 | float: left; |
61 | } | 140 | } |
62 | 141 | ||
63 | -#category-comments { | ||
64 | - margin-left: 55%; | ||
65 | -} | ||
66 | - | ||
67 | -#content #category-comments ul, | ||
68 | -#content #category-comments li { | ||
69 | - margin: 0px; | ||
70 | - padding: 0px; | ||
71 | - list-style: none; | ||
72 | - color: #888; | ||
73 | -} | ||
74 | - | ||
75 | .category-innerbox { | 142 | .category-innerbox { |
76 | height: 170px; | 143 | height: 170px; |
77 | } | 144 | } |
@@ -119,14 +186,5 @@ body.category4 .category-innerbox { | @@ -119,14 +186,5 @@ body.category4 .category-innerbox { | ||
119 | 186 | ||
120 | #category-childs a { | 187 | #category-childs a { |
121 | font-weight: bold; | 188 | font-weight: bold; |
122 | - text-decoration: none; | ||
123 | -} | ||
124 | - | ||
125 | -/* * * Comments on Category Page * * * * * * */ | ||
126 | - | ||
127 | -#view-category .comment-picture { | ||
128 | - width: 20px; | ||
129 | - height: 20px; | ||
130 | - margin: -2px 5px 0px 0px; | ||
131 | } | 189 | } |
132 | 190 |
public/stylesheets/common.css
1 | body { | 1 | body { |
2 | padding: 0px; | 2 | padding: 0px; |
3 | margin: 0px; | 3 | margin: 0px; |
4 | - font-family: Verdana, Sans-Serif; | 4 | + font-family: Verdana, sans-serif; |
5 | font-size: 14px; | 5 | font-size: 14px; |
6 | } | 6 | } |
7 | 7 | ||
@@ -88,41 +88,58 @@ div#errorExplanation h2 { | @@ -88,41 +88,58 @@ div#errorExplanation h2 { | ||
88 | text-align: center; | 88 | text-align: center; |
89 | } | 89 | } |
90 | 90 | ||
91 | -div#footer { | ||
92 | - background: #ffffff url("../images/bg_footer.png") repeat-x !important; | 91 | +#footer_content { |
92 | + clear: both; | ||
93 | +} | ||
94 | + | ||
95 | +#footer { | ||
96 | + background: #ffffff url("../images/bg_footer.png") repeat-x; | ||
93 | background-position: 0px 0px; | 97 | background-position: 0px 0px; |
94 | - font-family: Verdana, Arial, Serif-sans; | ||
95 | - margin: 0px !important; | ||
96 | - padding: 5px !important; | ||
97 | - text-align: center !important; | ||
98 | - clear: both !important; | ||
99 | - font-size: 10px !important; | ||
100 | - color: #545454 !important; | 98 | + margin: 0px; |
99 | + padding: 10px; | ||
100 | + text-align: center; | ||
101 | + clear: both; | ||
102 | + font-size: 10px; | ||
103 | + color: #777; | ||
101 | } | 104 | } |
102 | 105 | ||
103 | -div#footer a { | ||
104 | - color: #545454; | 106 | +#footer a { |
107 | + color: #777; | ||
105 | text-decoration: none; | 108 | text-decoration: none; |
106 | - border-bottom: 1px dotted #545454; | 109 | + border-bottom: 1px dotted #777; |
107 | } | 110 | } |
108 | 111 | ||
109 | -div#footer a:hover { | ||
110 | - color: #000000; | 112 | +#footer a:hover { |
113 | + color: #555; | ||
111 | border: 0px; | 114 | border: 0px; |
112 | } | 115 | } |
113 | 116 | ||
114 | -div#footer ul { | 117 | +#footer ul { |
115 | margin: 0px; | 118 | margin: 0px; |
116 | padding: 0px; | 119 | padding: 0px; |
117 | } | 120 | } |
118 | 121 | ||
119 | -div#footer li { | 122 | +#footer li { |
120 | display: block; | 123 | display: block; |
121 | float: right; | 124 | float: right; |
122 | margin-right: 20px; | 125 | margin-right: 20px; |
123 | height: 20px; | 126 | height: 20px; |
124 | } | 127 | } |
125 | 128 | ||
129 | +#footer a#footer-esq { | ||
130 | + padding: 5px 0px 0px 10px; | ||
131 | + float: left; | ||
132 | + text-align: left; | ||
133 | + border: none; | ||
134 | +} | ||
135 | + | ||
136 | +#footer a#footer-dir { | ||
137 | + padding: 5px 10px 0px 0px; | ||
138 | + float: right; | ||
139 | + text-align: right; | ||
140 | + border: none; | ||
141 | +} | ||
142 | + | ||
126 | 143 | ||
127 | /*********************************************************/ | 144 | /*********************************************************/ |
128 | 145 | ||
@@ -135,20 +152,6 @@ div#footer li { | @@ -135,20 +152,6 @@ div#footer li { | ||
135 | top: 200px; | 152 | top: 200px; |
136 | } | 153 | } |
137 | 154 | ||
138 | -#footer_content { | ||
139 | -clear: both; | ||
140 | -} | ||
141 | - | ||
142 | -#footer { | ||
143 | - clear: both; | ||
144 | - text-align: center; | ||
145 | - font-size: smaller; | ||
146 | - color: #333; | ||
147 | - margin: 0px; | ||
148 | - padding: 5px; | ||
149 | -} | ||
150 | - | ||
151 | - | ||
152 | /* Notice */ | 155 | /* Notice */ |
153 | 156 | ||
154 | div#notice { | 157 | div#notice { |
public/stylesheets/controller_search.css
@@ -52,6 +52,27 @@ | @@ -52,6 +52,27 @@ | ||
52 | color: #888; | 52 | color: #888; |
53 | } | 53 | } |
54 | 54 | ||
55 | +#category-comments { | ||
56 | + margin-left: 55%; | ||
57 | +} | ||
58 | + | ||
59 | +#content .search-results-comments ul, | ||
60 | +#content .search-results-comments li, | ||
61 | +#content #category-comments ul, | ||
62 | +#content #category-comments li { | ||
63 | + margin: 0px; | ||
64 | + padding: 0px; | ||
65 | + list-style: none; | ||
66 | + color: #888; | ||
67 | +} | ||
68 | + | ||
69 | +.search-results-comments .comment-picture, | ||
70 | +#category-comments .comment-picture { | ||
71 | + width: 20px; | ||
72 | + height: 20px; | ||
73 | + margin: -2px 5px 0px 0px; | ||
74 | +} | ||
75 | + | ||
55 | #content .search-results-type-product ul, | 76 | #content .search-results-type-product ul, |
56 | #content .search-results-type-product li { | 77 | #content .search-results-type-product li { |
57 | margin: 0px; | 78 | margin: 0px; |
public/stylesheets/search.css
@@ -15,11 +15,11 @@ | @@ -15,11 +15,11 @@ | ||
15 | 15 | ||
16 | /***** search-popup ***************************/ | 16 | /***** search-popup ***************************/ |
17 | 17 | ||
18 | -#search-popup h2 { | 18 | +#search-popup h3 { |
19 | color: #2A5896; | 19 | color: #2A5896; |
20 | font-size: 20px; | 20 | font-size: 20px; |
21 | } | 21 | } |
22 | -#search-popup h3 { | 22 | +#search-popup h4 { |
23 | color: #2A5896; | 23 | color: #2A5896; |
24 | font-size: 16px; | 24 | font-size: 16px; |
25 | } | 25 | } |
@@ -28,8 +28,8 @@ | @@ -28,8 +28,8 @@ | ||
28 | text-align: center; | 28 | text-align: center; |
29 | } | 29 | } |
30 | 30 | ||
31 | -.search-options ul, | ||
32 | -.search-options li { | 31 | +#content .search-options ul, .search-options ul, |
32 | +#content .search-options li, .search-options li { | ||
33 | margin: 0px; | 33 | margin: 0px; |
34 | padding: 0px; | 34 | padding: 0px; |
35 | list-style: none; | 35 | list-style: none; |
@@ -44,7 +44,8 @@ | @@ -44,7 +44,8 @@ | ||
44 | margin-top: 20px; | 44 | margin-top: 20px; |
45 | } | 45 | } |
46 | 46 | ||
47 | -.search-options h3 { | 47 | +.search-options h4, |
48 | +#content .search-options h4 { | ||
48 | float: left; | 49 | float: left; |
49 | margin: -10px 0px 0px 0px; | 50 | margin: -10px 0px 0px 0px; |
50 | background: #FFF; | 51 | background: #FFF; |
@@ -57,8 +58,17 @@ | @@ -57,8 +58,17 @@ | ||
57 | padding: 2px 0px; | 58 | padding: 2px 0px; |
58 | } | 59 | } |
59 | 60 | ||
61 | +.search-in li { | ||
62 | + float: none; | ||
63 | + width: auto; | ||
64 | +} | ||
65 | +.search-in br { | ||
66 | + clear: none; | ||
67 | +} | ||
68 | + | ||
60 | #search-popup .button-bar { | 69 | #search-popup .button-bar { |
61 | clear: left; | 70 | clear: left; |
62 | padding-top: 0px; | 71 | padding-top: 0px; |
72 | + margin-bottom: -20px; | ||
63 | } | 73 | } |
64 | 74 |