Commit 4c7be69ec64bf03749b8c4b4ef29708eb361801d

Authored by LeandroNunes
1 parent ef4b706c

ActionItem19: updating system to use new version design plugin

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@918 3f533792-8f58-4932-b0fe-aaf55b0a4547
app/controllers/admin/edit_template_controller.rb
@@ -2,11 +2,9 @@ class EditTemplateController < AdminController @@ -2,11 +2,9 @@ class EditTemplateController < AdminController
2 2
3 design_editor :holder => 'environment', :autosave => true, :block_types => :block_types 3 design_editor :holder => 'environment', :autosave => true, :block_types => :block_types
4 4
5 - #FIXME This is wrong  
6 - #See the FavoriteLinksController considerations and choose the better way  
7 def block_types 5 def block_types
8 %w[ 6 %w[
9 - FavoriteLinks 7 + FavoriteLinksProfile
10 ] 8 ]
11 end 9 end
12 10
app/controllers/application.rb
@@ -51,6 +51,8 @@ class ApplicationController < ActionController::Base @@ -51,6 +51,8 @@ class ApplicationController < ActionController::Base
51 51
52 def load_profile 52 def load_profile
53 @profile = Profile.find_by_identifier(params[:profile]) unless @profile 53 @profile = Profile.find_by_identifier(params[:profile]) unless @profile
  54 +#raise "bli %s" % @profile.inspect
  55 +# @profile = Profile.find_by_identifier(params[:profile]) unless @profile
54 render_not_found unless @profile 56 render_not_found unless @profile
55 end 57 end
56 58
app/controllers/my_profile/profile_editor_controller.rb
@@ -4,14 +4,12 @@ class ProfileEditorController < MyProfileController @@ -4,14 +4,12 @@ class ProfileEditorController < MyProfileController
4 4
5 helper :profile 5 helper :profile
6 6
7 -  
8 -  
9 - design_editor :holder => 'profile', :autosave => true, :block_types => :block_types 7 + design_editor :holder => 'profile',:autosave => true, :block_types => :block_types
10 8
11 9
12 def block_types 10 def block_types
13 %w[ 11 %w[
14 - FavouriteLinks 12 + FavoriteLinksProfile
15 ] 13 ]
16 end 14 end
17 15
app/design_blocks/favorite_links_profile/controllers/favorite_links_profile_controller.rb 0 → 100644
@@ -0,0 +1,7 @@ @@ -0,0 +1,7 @@
  1 +class FavoriteLinksProfileController < FavoriteLinksController
  2 +
  3 + needs_profile
  4 +
  5 + acts_as_design_block
  6 +
  7 +end
app/design_blocks/favorite_links_profile/models/favorite_links_profile.rb 0 → 100644
@@ -0,0 +1,7 @@ @@ -0,0 +1,7 @@
  1 +class FavoriteLinksProfile < FavoriteLinks
  2 +
  3 + def self.description
  4 + _('Favorite Links')
  5 + end
  6 +
  7 +end
app/design_blocks/favourite_links/controllers/favourite_links_controller.rb
@@ -1,73 +0,0 @@ @@ -1,73 +0,0 @@
1 -class FavouriteLinksController < ApplicationController  
2 -  
3 -  
4 - # The methods above are specific for noosfero application. I think  
5 - # this it not the correct way to get this method.  
6 - #  
7 - # We can create a method in the app/controllers/profile_admin folder  
8 - # the inherit this method and adds only the two lines above.  
9 - #  
10 - # With this way we can reuse this block on many others case and each case  
11 - # we follow the same way.  
12 - #  
13 - # Specific for app  
14 - needs_profile  
15 - design :holder => 'profile'  
16 - # End specific for app  
17 -  
18 -  
19 - acts_as_design_block  
20 -  
21 - CONTROL_ACTION_OPTIONS = {  
22 - 'manage_links' => _('Manage Links'),  
23 - 'edit' => _('Edit'),  
24 - }  
25 -  
26 - def index  
27 - get_favourite_links  
28 - design_render  
29 - end  
30 -  
31 - def edit  
32 - design_render_on_edit  
33 - end  
34 -  
35 - def save  
36 - if @design_block.update_attributes(params[:design_block])  
37 - get_favourite_links  
38 - design_render_on_edit :action => 'manage_links'  
39 - else  
40 - design_render_on_edit :nothing => true  
41 - end  
42 - end  
43 -  
44 - def manage_links  
45 - get_favourite_links  
46 - design_render_on_edit  
47 - end  
48 -  
49 - def add_link  
50 - design_render_on_edit  
51 - end  
52 -  
53 - def remove_link  
54 - @design_block.delete_link(params[:link])  
55 - get_favourite_links  
56 - design_render_on_edit :action => 'manage_links'  
57 - end  
58 -  
59 - def get_favourite_links  
60 - favourite_links = @design_block.favourite_links  
61 - @favourite_links_pages, @favourite_links = paginate_by_collection favourite_links  
62 - end  
63 -  
64 - def paginate_by_collection(collection, options = {})  
65 - page = params[:page].blank? ? 1 : params[:page].to_i  
66 - items_per_page = @design_block.limit_number  
67 - offset = (page - 1) * items_per_page  
68 - link_pages = Paginator.new(self, collection.size, items_per_page, page)  
69 - collection = collection[offset..(offset + items_per_page - 1)]  
70 - return link_pages, collection  
71 - end  
72 -  
73 -end  
app/design_blocks/favourite_links/models/favourite_links.rb
@@ -1,37 +0,0 @@ @@ -1,37 +0,0 @@
1 -class FavouriteLinks < Design::Block  
2 -  
3 - def self.description  
4 - _('Favourite Links')  
5 - end  
6 -  
7 - def limit_number= value  
8 - self.settings[:limit_number] = value.to_i  
9 - end  
10 -  
11 - def limit_number  
12 - self.settings[:limit_number] || 5  
13 - end  
14 -  
15 - def favourite_links_limited  
16 - self.favourite_links.first(self.limit_number)  
17 - end  
18 -  
19 - def favourite_links  
20 - self.settings[:favourite_links] ||= []  
21 - end  
22 -  
23 - def delete_link link  
24 - self.settings[:favourite_links].reject!{ |item| item == link }  
25 - self.save  
26 - end  
27 -  
28 - def favourite_link  
29 - nil  
30 - end  
31 -  
32 - def favourite_link= link  
33 - self.favourite_links.push(link)  
34 - self.favourite_links.uniq!  
35 - end  
36 -  
37 -end  
app/design_blocks/favourite_links/views/add_link.rhtml
@@ -1,13 +0,0 @@ @@ -1,13 +0,0 @@
1 -<h2> <%= _('Editing Favourite Links') %> </h2>  
2 -  
3 -<% design_form_remote_tag( :url => {:action => 'save'}) do %>  
4 -  
5 - <p>  
6 - <label for="design_block_title"> <%= _("Title") %> </label>  
7 - <%= text_field 'design_block', 'favourite_link'%>  
8 - </p>  
9 -  
10 - <%= submit_tag _('Save') %>  
11 -  
12 -<% end %>  
13 -  
app/design_blocks/favourite_links/views/edit.rhtml
@@ -1,29 +0,0 @@ @@ -1,29 +0,0 @@
1 -  
2 -<h2> <%= _('Editing Favourite Links') %> </h2>  
3 -  
4 - <% design_form_remote_tag( :url => {:action => 'save'}) do %>  
5 -  
6 - <p>  
7 - <label for="design_block_title"> <%= _("Title") %> </label>  
8 - <%= text_field 'design_block', 'title'%>  
9 - </p>  
10 -  
11 - <p>  
12 - <label for="design_block_display_header"> <%= _("Display header?") %> </label>  
13 - <%= check_box 'design_block', 'display_header', {}, 'true', 'false' %>  
14 - </p>  
15 -  
16 - <p>  
17 - <label for="design_block_display_title"> <%= _("Display title?") %> </label>  
18 - <%= check_box 'design_block', 'display_title', {}, 'true', 'false' %>  
19 - </p>  
20 -  
21 - <p>  
22 - <label for="design_block_limit_number"> <%= _("Max number of links") %> </label>  
23 - <%= text_field 'design_block', 'limit_number'%>  
24 - </p>  
25 -  
26 - <%= submit_tag _('Save') %>  
27 -  
28 -<% end %>  
29 -  
app/design_blocks/favourite_links/views/index.rhtml
@@ -1,16 +0,0 @@ @@ -1,16 +0,0 @@
1 -  
2 -<% if @favourite_links_pages.current.previous%>  
3 - <%= design_link_to_remote(_('Previous'), :url => {:action => 'index', :page => @favourite_links_pages.current.previous}) %>  
4 -<% end %>  
5 -<% if @favourite_links_pages.current.next %>  
6 - <%= design_link_to_remote(_('Next'), :url => {:action => 'index', :page => @favourite_links_pages.current.next}) %>  
7 -<% end %>  
8 -  
9 -<% @favourite_links.each do |link| %>  
10 - <ul>  
11 - <li>  
12 - <%= link_to link, link, :popup => true %>  
13 - </li>  
14 - </ul>  
15 -<% end %>  
16 -  
app/design_blocks/favourite_links/views/manage_links.rhtml
@@ -1,21 +0,0 @@ @@ -1,21 +0,0 @@
1 -  
2 -<h2>  
3 - <%= _('Favourite Links') %>  
4 - <%= design_link_to_remote(_('Add Link'), :url => {:action => 'add_link'} )%>  
5 -  
6 -</h2>  
7 -<% if @favourite_links_pages.current.previous%>  
8 - <%= design_link_to_remote(_('Previous'), :url => {:action => 'manage_links', :page => @favourite_links_pages.current.previous}) %>  
9 -<% end %>  
10 -<% if @favourite_links_pages.current.next %>  
11 - <%= design_link_to_remote(_('Next'), :url => {:action => 'manage_links', :page => @favourite_links_pages.current.next}) %>  
12 -<% end %>  
13 -  
14 -<% @favourite_links.each do |link| %>  
15 - <ul>  
16 - <li>  
17 - <%= link_to link, link, :popup => true %>  
18 - <%= design_link_to_remote content_tag(:span,_('Remove')), :url => {:action => 'remove_link', :link => link } %>  
19 - </li>  
20 - </ul>  
21 -<% end %>  
config/routes.rb
@@ -37,7 +37,9 @@ ActionController::Routing::Routes.draw do |map| @@ -37,7 +37,9 @@ ActionController::Routing::Routes.draw do |map|
37 map.category 'cat/*path', :controller => 'category', :action => 'view' 37 map.category 'cat/*path', :controller => 'category', :action => 'view'
38 38
39 ## controllers for blocks 39 ## controllers for blocks
40 - map.controllers 'block/:controller/:action/:id', :controller => Noosfero.pattern_for_controllers_from_design_blocks 40 + # FIXME this path didn't works Leandro comments this line and the reference to the controller path on
  41 + # /lib/noosfero.rg file.
  42 + #map.controllers 'block/:controller/:action/:id', :controller => Noosfero.pattern_for_controllers_from_design_blocks
41 43
42 ###################################################### 44 ######################################################
43 ## Controllers that are profile-specific (for profile admins ) 45 ## Controllers that are profile-specific (for profile admins )
lib/noosfero.rb
@@ -9,18 +9,21 @@ module Noosfero @@ -9,18 +9,21 @@ module Noosfero
9 Regexp.new(pattern) 9 Regexp.new(pattern)
10 end 10 end
11 11
12 - def self.pattern_for_controllers_from_design_blocks  
13 - items = Dir.glob(File.join(RAILS_ROOT, 'app', 'design_blocks', '*', 'controllers', '*_controller.rb')).map do |item|  
14 - item.gsub(/^.*\/([^\/]+)_controller.rb$/, '\1')  
15 - end.join('|')  
16 - Regexp.new(items.blank? ? '' : ('(' + items + ')'))  
17 - end 12 +# FIXME This path is not working. I put a line deteach on the 'controllers_in_directory' method to meka the blocks
  13 +# works
  14 +# def self.pattern_for_controllers_from_design_blocks
  15 +# items = Dir.glob(File.join(RAILS_ROOT, 'app', 'design_blocks', '*', 'controllers', '*_controller.rb')).map do |item|
  16 +# item.gsub(/^.*\/([^\/]+)_controller.rb$/, '\1')
  17 +# end.join('|')
  18 +# Regexp.new(items.blank? ? '' : ('(' + items + ')'))
  19 +# end
18 20
19 private 21 private
20 22
21 def self.controllers_in_directory(dir) 23 def self.controllers_in_directory(dir)
22 app_controller_path = Dir.glob(File.join(RAILS_ROOT, 'app', 'controllers', dir, '*_controller.rb')) 24 app_controller_path = Dir.glob(File.join(RAILS_ROOT, 'app', 'controllers', dir, '*_controller.rb'))
23 - app_controller_path.map do |item| 25 + items = Dir.glob(File.join(RAILS_ROOT, 'app', 'design_blocks', '*', 'controllers', '*_controller.rb')) # FIXME line added to blocks works
  26 + (app_controller_path + items).map do |item|
24 item.gsub(/^.*\/([^\/]+)_controller.rb$/, '\1') 27 item.gsub(/^.*\/([^\/]+)_controller.rb$/, '\1')
25 end 28 end
26 end 29 end
public/designs/templates/default/stylesheets/style.css
@@ -36,24 +36,24 @@ body { @@ -36,24 +36,24 @@ body {
36 height: 145px; 36 height: 145px;
37 } 37 }
38 38
39 -#boxes { 39 +#design_boxes {
40 position: relative; 40 position: relative;
41 margin-left: 10px; 41 margin-left: 10px;
42 margin-right: 10px; 42 margin-right: 10px;
43 padding: 0em; 43 padding: 0em;
44 } 44 }
45 45
46 -#box_3 { 46 +#design_box_3 {
47 width: 210px; 47 width: 210px;
48 float: right; 48 float: right;
49 } 49 }
50 50
51 -#box_2 { 51 +#design_box_2 {
52 float: left; 52 float: left;
53 width: 280px; 53 width: 280px;
54 } 54 }
55 55
56 -#box_1 { 56 +#design_box_1 {
57 margin-left: 285px; 57 margin-left: 285px;
58 margin-right: 215px; 58 margin-right: 215px;
59 } 59 }
public/designs/templates/leftbar/stylesheets/style.css
@@ -18,7 +18,7 @@ background: url(&quot;../images/bg_header.png&quot;) top center no-repeat; @@ -18,7 +18,7 @@ background: url(&quot;../images/bg_header.png&quot;) top center no-repeat;
18 height: 135px; 18 height: 135px;
19 } 19 }
20 20
21 -#boxes { 21 +#design_boxes {
22 position: relative; 22 position: relative;
23 width: 780px; 23 width: 780px;
24 left: 50%; 24 left: 50%;
@@ -26,12 +26,12 @@ margin-left: -390px; @@ -26,12 +26,12 @@ margin-left: -390px;
26 padding-top: 1em; 26 padding-top: 1em;
27 } 27 }
28 28
29 -#box_2 { 29 +#design_box_2 {
30 float: left; 30 float: left;
31 width: 200px; 31 width: 200px;
32 } 32 }
33 33
34 -#box_1 { 34 +#design_box_1 {
35 margin-left: 205px; 35 margin-left: 205px;
36 } 36 }
37 37
public/designs/templates/onecolumn/stylesheets/style.css
@@ -14,14 +14,14 @@ background: url(&quot;../images/bg_bgheader.png&quot;) top left repeat-x; @@ -14,14 +14,14 @@ background: url(&quot;../images/bg_bgheader.png&quot;) top left repeat-x;
14 height: 55px; 14 height: 55px;
15 } 15 }
16 16
17 -#boxes { 17 +#design_boxes {
18 position: relative; 18 position: relative;
19 width: auto; 19 width: auto;
20 margin: 20px; 20 margin: 20px;
21 padding: 10px; 21 padding: 10px;
22 } 22 }
23 23
24 -#box_1 { 24 +#design_box_1 {
25 } 25 }
26 26
27 #spinner { 27 #spinner {
public/designs/templates/rightcolumn/stylesheets/editor.css
@@ -40,7 +40,7 @@ border: 1px inset #545454; @@ -40,7 +40,7 @@ border: 1px inset #545454;
40 border: 2px dotted #545454; 40 border: 2px dotted #545454;
41 } 41 }
42 42
43 -#design_editor .box { 43 +#design_editor .design_box {
44 border: 2px solid transparent; 44 border: 2px solid transparent;
45 } 45 }
46 46
public/designs/templates/rightcolumn/stylesheets/style.css
@@ -36,19 +36,19 @@ body { @@ -36,19 +36,19 @@ body {
36 height: 145px; 36 height: 145px;
37 } 37 }
38 38
39 -#boxes { 39 +#design_boxes {
40 position: relative; 40 position: relative;
41 margin-left: 10px; 41 margin-left: 10px;
42 margin-right: 10px; 42 margin-right: 10px;
43 padding: 0em; 43 padding: 0em;
44 } 44 }
45 45
46 -#box_2 { 46 +#design_box_2 {
47 width: 280px; 47 width: 280px;
48 float: right; 48 float: right;
49 } 49 }
50 50
51 -#box_1 { 51 +#design_box_1 {
52 margin-right: 285px; 52 margin-right: 285px;
53 } 53 }
54 54
public/designs/templates/threecolumn/stylesheets/style.css
@@ -16,7 +16,7 @@ background: url(&quot;../images/bg_header.png&quot;) top center no-repeat; @@ -16,7 +16,7 @@ background: url(&quot;../images/bg_header.png&quot;) top center no-repeat;
16 height: 135px; 16 height: 135px;
17 } 17 }
18 18
19 -#boxes { 19 +#design_boxes {
20 position: relative; 20 position: relative;
21 width: 760px; 21 width: 760px;
22 left: 50%; 22 left: 50%;
@@ -24,17 +24,17 @@ height: 135px; @@ -24,17 +24,17 @@ height: 135px;
24 padding: 0em; 24 padding: 0em;
25 } 25 }
26 26
27 -#box_3 { 27 +#design_box_3 {
28 width: 200px; 28 width: 200px;
29 float: right; 29 float: right;
30 } 30 }
31 31
32 -#box_2 { 32 +#design_box_2 {
33 float: left; 33 float: left;
34 width: 200px; 34 width: 200px;
35 } 35 }
36 36
37 -#box_1 { 37 +#design_box_1 {
38 margin-left: 205px; 38 margin-left: 205px;
39 margin-right: 205px; 39 margin-right: 205px;
40 } 40 }
public/designs/themes/default/style.css
1 /* MacStyle Theme for Blocks */ 1 /* MacStyle Theme for Blocks */
2 2
3 -div.block 3 +.design_block
4 { 4 {
5 background: #FFFFFF; 5 background: #FFFFFF;
6 border: 0px; 6 border: 0px;
@@ -8,29 +8,24 @@ div.block @@ -8,29 +8,24 @@ div.block
8 8
9 /* FIXME: esta usando para flutuar */ 9 /* FIXME: esta usando para flutuar */
10 10
11 -.button_block_remove {  
12 -position: absolute;  
13 -z-index: 999;  
14 -}  
15 -  
16 -ul.block_control_list 11 +ul.design_block_control_list
17 { 12 {
18 list-style: none; 13 list-style: none;
19 margin: 0px; 14 margin: 0px;
20 padding: 0px; 15 padding: 0px;
21 } 16 }
22 17
23 -div#design_editor h3.block_header { 18 +#design_editor h3.design_block_header {
24 cursor:move; 19 cursor:move;
25 } 20 }
26 21
27 -h3.block_header 22 +.design_block h3
28 { 23 {
29 position: relative; 24 position: relative;
30 background: url('images/h3bg.png') repeat-x; 25 background: url('images/h3bg.png') repeat-x;
31 font-family: Sans-serif; 26 font-family: Sans-serif;
32 font-size: 15px; 27 font-size: 15px;
33 - margin: 0px; 28 + margin: 0px;
34 padding: 0px; 29 padding: 0px;
35 overflow: hidden; 30 overflow: hidden;
36 color: #545454; 31 color: #545454;
@@ -39,7 +34,7 @@ h3.block_header @@ -39,7 +34,7 @@ h3.block_header
39 vertical-align: top; 34 vertical-align: top;
40 } 35 }
41 36
42 -a.button_block span { 37 +a.design_button_block span {
43 display: none; 38 display: none;
44 padding: 1px; 39 padding: 1px;
45 color: #000; 40 color: #000;
@@ -50,44 +45,48 @@ font-weight: normal; @@ -50,44 +45,48 @@ font-weight: normal;
50 border: 1px inset #545454; 45 border: 1px inset #545454;
51 } 46 }
52 47
53 -a.button_block:hover span {  
54 -display: inline; 48 +a.design_button_block:hover span {
  49 +display: block;
55 position: absolute; 50 position: absolute;
56 margin-top: -20px; 51 margin-top: -20px;
  52 +z-index: 100;
  53 +float: left;
57 } 54 }
58 55
59 -a.button_block {  
60 -display: block;  
61 -float: right;  
62 -position: absolute;  
63 -width: 20px;  
64 -height: 20px;  
65 -text-decoration: none; 56 +.design_block a.design_button_block {
  57 + display: block !important;
  58 + width: 20px !important;
  59 + height: 20px !important;
  60 + margin-top: 5px !important;
  61 + margin-right: 5px !important;
  62 + float: right !important;
66 } 63 }
67 64
68 -div.block a.button_block_hide {  
69 -right: 5px; 65 +.design_block a.button_block_hide {
70 background:url('images/button.png') no-repeat; 66 background:url('images/button.png') no-repeat;
71 background-position: 0px 0px; 67 background-position: 0px 0px;
72 } 68 }
73 69
74 -div.block a:hover.button_block_hide { 70 +.design_block a:hover.button_block_hide {
75 background: url('images/button.png') no-repeat; 71 background: url('images/button.png') no-repeat;
76 background-position: 0px -20px; 72 background-position: 0px -20px;
77 } 73 }
78 74
79 -div.block a.button_block_remove {  
80 -right: 5px; 75 +.design_block a.button_block_remove,
  76 +.design_block a.button_block_item_options,
  77 +.design_block a.button_block_options {
81 background: url('images/button.png') no-repeat; 78 background: url('images/button.png') no-repeat;
82 background-position:-20px 0; 79 background-position:-20px 0;
83 } 80 }
84 81
85 -div.block a:hover.button_block_remove { 82 +.design_block a:hover.button_block_remove,
  83 +.design_block a.hover.button_block_item_options,
  84 +.design_block a.hover.button_block_options {
86 background: url('images/button.png') no-repeat; 85 background: url('images/button.png') no-repeat;
87 background-position:-20px -20px; 86 background-position:-20px -20px;
88 } 87 }
89 88
90 -div.block_content 89 +.design_block_content
91 { 90 {
92 margin: 0; 91 margin: 0;
93 padding: 5px 10px 9px 10px; 92 padding: 5px 10px 9px 10px;
public/designs/themes/gray/style.css
1 /* Default Plain Theme for Blocks */ 1 /* Default Plain Theme for Blocks */
2 2
3 -div.block 3 +.design_block
4 { 4 {
5 background: #FFFFFF; 5 background: #FFFFFF;
6 border: 3px solid #000000; 6 border: 3px solid #000000;
7 margin-bottom: 10px; 7 margin-bottom: 10px;
8 } 8 }
9 9
10 -div.block ul 10 +.design_block ul
11 { 11 {
12 list-style: none; 12 list-style: none;
13 margin-left: 15px; 13 margin-left: 15px;
14 } 14 }
15 15
16 -div.block h3 16 +
  17 +.design_block h3
17 { 18 {
18 color: #FFFFFF; 19 color: #FFFFFF;
19 background: #545454; 20 background: #545454;
@@ -27,15 +28,22 @@ div.block h3 @@ -27,15 +28,22 @@ div.block h3
27 padding-left: 10px; 28 padding-left: 10px;
28 } 29 }
29 30
30 -div.block span { 31 +a.design_button_block span {
31 display: none; 32 display: none;
  33 +padding: 1px;
  34 +color: #000;
  35 +background: #dfdfdf;
  36 +font-family: Sans-serif;
  37 +font-size: 10px;
  38 +font-weight: normal;
  39 +border: 1px inset #545454;
32 } 40 }
33 41
34 -div.block a.button_block_hide:hover span { 42 +.design_block a.desing_button_block:hover span {
35 display: inline; 43 display: inline;
36 position: absolute; 44 position: absolute;
37 -color: #dfdfdf;  
38 -background: #000000; 45 +color: white;
  46 +background: #009900;
39 font-family: Sans-serif; 47 font-family: Sans-serif;
40 font-size: 13px; 48 font-size: 13px;
41 font-weight: normal; 49 font-weight: normal;
@@ -44,47 +52,51 @@ padding-left: 5px; @@ -44,47 +52,51 @@ padding-left: 5px;
44 padding-right: 5px; 52 padding-right: 5px;
45 } 53 }
46 54
47 -div.block a.button_block {  
48 -display: block !important;  
49 -width: 10px !important;  
50 -height: 10px !important;  
51 -margin-top: 10px !important;  
52 -margin-right: 5px !important;  
53 -float: right !important; 55 +.design_block a.design_button_block {
  56 + display: block !important;
  57 + width: 20px !important;
  58 + height: 20px !important;
  59 + margin-top: 3px !important;
  60 + margin-right: 5px !important;
  61 + float: right !important;
54 } 62 }
55 63
56 -div.block a.button_block_hide { 64 +.design_block a.button_block_hide {
57 border-bottom: 2px solid #dfdfdf; 65 border-bottom: 2px solid #dfdfdf;
58 } 66 }
59 67
60 -div.block a:hover.button_block_hide { 68 +.design_block a:hover.button_block_hide {
61 border-bottom: 2px solid #000000; 69 border-bottom: 2px solid #000000;
62 } 70 }
63 71
64 -div.block a.button_block_remove {  
65 -background: #dfdfdf; 72 +.design_block a.button_block_remove,
  73 +.design_block a.button_block_item_options,
  74 +.design_block a.button_block_options {
  75 + background: #dfdfdf;
66 } 76 }
67 77
68 -div.block a:hover.button_block_remove {  
69 -background: #000000; 78 +.design_block a:hover.button_block_remove,
  79 +.design_block a.hover.button_block_item_options,
  80 +.design_block a.hover.button_block_options {
  81 + background: #000000;
70 } 82 }
71 83
72 -div.block_content 84 +.design_block_content
73 { 85 {
74 padding: 5px; 86 padding: 5px;
75 } 87 }
76 88
77 -div.block ul { 89 +.design_block ul {
78 padding-left: 0px; 90 padding-left: 0px;
79 margin: 0px; 91 margin: 0px;
80 } 92 }
81 93
82 -div.block ul li a:link,  
83 -div.block ul li a:hover { 94 +.design_block ul li a:link,
  95 +.design_block ul li a:hover {
84 display: block; 96 display: block;
85 color: #000; 97 color: #000;
86 } 98 }
87 -div.block ul li a:hover { 99 +.design_block ul li a:hover {
88 background: #ddd; 100 background: #ddd;
89 - color: red;  
90 } 101 }
  102 +
public/designs/themes/green/style.css
1 /* Green Theme for Blocks */ 1 /* Green Theme for Blocks */
2 2
3 -div.block 3 +.design_block
4 { 4 {
5 background: #FFFFFF; 5 background: #FFFFFF;
6 border: 3px solid #060; 6 border: 3px solid #060;
7 margin-bottom: 10px; 7 margin-bottom: 10px;
8 } 8 }
9 9
10 -div.block ul 10 +.design_block ul
11 { 11 {
12 list-style: none; 12 list-style: none;
13 margin-left: 15px; 13 margin-left: 15px;
14 } 14 }
15 15
16 -div.block h3 16 +.design_block h3
17 { 17 {
18 color: #afa; 18 color: #afa;
19 background: green; 19 background: green;
@@ -27,11 +27,18 @@ div.block h3 @@ -27,11 +27,18 @@ div.block h3
27 padding-left: 10px; 27 padding-left: 10px;
28 } 28 }
29 29
30 -div.block span { 30 +a.design_button_block span {
31 display: none; 31 display: none;
  32 +padding: 1px;
  33 +color: #000;
  34 +background: #dfdfdf;
  35 +font-family: Sans-serif;
  36 +font-size: 10px;
  37 +font-weight: normal;
  38 +border: 1px inset #545454;
32 } 39 }
33 40
34 -div.block a.button_block_hide:hover span { 41 +.design_block a.design_button_block:hover span {
35 display: inline; 42 display: inline;
36 position: absolute; 43 position: absolute;
37 color: white; 44 color: white;
@@ -44,48 +51,52 @@ padding-left: 5px; @@ -44,48 +51,52 @@ padding-left: 5px;
44 padding-right: 5px; 51 padding-right: 5px;
45 } 52 }
46 53
47 -div.block a.button_block {  
48 -display: block;  
49 -width: 10px;  
50 -height: 10px;  
51 -margin-top: 10px;  
52 -margin-right: 5px;  
53 -float: right;  
54 -} 54 +.design_block a.design_button_block {
  55 + display: block !important;
  56 + width: 20px !important;
  57 + height: 20px !important;
  58 + margin-top: 3px !important;
  59 + margin-right: 5px !important;
  60 + float: right !important;
  61 +}
  62 +
55 63
56 -div.block a.button_block_hide { 64 +.design_block a.button_block_hide {
57 border-bottom: 2px solid #dfdfdf; 65 border-bottom: 2px solid #dfdfdf;
58 } 66 }
59 67
60 -div.block a:hover.button_block_hide { 68 +.design_block a:hover.button_block_hide {
61 border-bottom: 2px solid #000000; 69 border-bottom: 2px solid #000000;
62 } 70 }
63 71
64 -div.block a.button_block_remove {  
65 -background: #dfdfdf; 72 +.design_block a.button_block_remove,
  73 +.design_block a.button_block_item_options,
  74 +.design_block a.button_block_options {
  75 + background: #dfdfdf;
66 } 76 }
67 77
68 -div.block a:hover.button_block_remove {  
69 -background: #000000; 78 +.design_block a:hover.button_block_remove,
  79 +.design_block a.hover.button_block_item_options,
  80 +.design_block a.hover.button_block_options {
  81 + background: #000000;
70 } 82 }
71 83
72 -div.block_content 84 +.design_block_content
73 { 85 {
74 padding: 5px; 86 padding: 5px;
75 } 87 }
76 88
77 -div.block ul { 89 +.design_block ul {
78 padding-left: 0px; 90 padding-left: 0px;
79 margin: 0px; 91 margin: 0px;
80 } 92 }
81 93
82 -div.block ul li a:link,  
83 -div.block ul li a:hover { 94 +.design_block ul li a:link,
  95 +.design_block ul li a:hover {
84 display: block; 96 display: block;
85 color: #000; 97 color: #000;
86 } 98 }
87 -div.block ul li a:hover { 99 +.design_block ul li a:hover {
88 background: #ddd; 100 background: #ddd;
89 - color: red;  
90 } 101 }
91 102