ActionItem138: notice and wrap height fix

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1091 3f533792-8f58-4932-b0fe-aaf55b0a4547

ActionItem138: notice and wrap height fix
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1091 3f533792-8f58-4932-b0fe-aaf55b0a4547
ValessioBrito
1 parent 8e3f5944
Showing 7 changed files with 19 additions and 41 deletions Show diff stats
app/views/layouts/application.rhtml
app/views/profile_editor/index.rhtml
app/views/shared/categories_menu.rhtml
public/designs/templates/default/stylesheets/forms.css
public/designs/templates/default/stylesheets/style.css
public/stylesheets/common.css
public/stylesheets/menu.css
@@ -29,9 +29,9 @@
   <body class='category<%= category_color %>'>
     <% unless flash[:notice].nil? %>
-      <div id='notice'>
+      <div id='notice' onClick="Element.hide('notice');">
         <%= flash[:notice] %>
-        <%= javascript_tag(visual_effect(:fade, "notice", :duration => 2.0)) %>
+        <%= javascript_tag(visual_effect(:fade, "notice", :duration => 15)) %>
       </div>
     <% end %>
@@ -62,8 +62,7 @@
           document.getElementById(group).style.position = posSetting
           }
           </SCRIPT>
-          <INPUT TYPE="checkbox" NAME="Fix" VALUE="0" onClick="posset(this, 'noosfero_bar')" style='float: left; font-size: 2px'><%= image_tag 'noosfero.png', :style => 'float: left;' %>
-
+          <INPUT TYPE="checkbox" NAME="Fix" VALUE="0" onClick="posset(this, 'noosfero_bar')" style='float: left;'>
           <%= render :file => 'shared/categories_menu' %>
         </div><!-- id='navigation_bar' -->
 <h2><%= _('My profile') %></h2>
-<%= link_to (@profile.image ? image_tag( @profile.image.public_filename(:thumb)) : _('Put image')), :action => 'change_image'  %>
+<%= link_to (@profile.image ? image_tag( @profile.image.public_filename) : _('Put image')), :action => 'change_image'  %>
 <%= display_profile_info(profile) %>
+<%= image_tag 'noosfero.png', :style => 'float: left;' %>
 <ul>
   <li id='category'>Noosfero <ul><li><%= shortcut_header_links %></li></ul></li>
   <% @environment.display_categories.each do |item| %>
@@ -13,10 +13,10 @@
 .formfield.text_field input,
 .formfield.password_field input,
 .formfield textarea {
-  background: transparent url("../images/input-bg.gif") top left no-repeat;
+/*  background: transparent url("../images/input-bg.gif") top left no-repeat; */
   border: 1px solid #999;
-  border-top: none;
-  border-left: none;
+/*  border-top: none;
+  border-left: none; */
   color: #585858;
 }
 .formfield input {
@@ -32,6 +32,7 @@
 .submit {
   border: 1px solid #777;
+  cursor: pointer;
   color: #505050;
   background: #BBB url("../images/bt-bg.png") top left repeat-x;
   padding: 0px 30px;
@@ -77,9 +77,6 @@ clear: both;
   color: #333;
   margin: 0px;
   padding: 5px;
-
-  position: absolute;
-  bottom: 0px;
 }
 /* Notice */ 
@@ -91,28 +88,9 @@ div#notice {
   left: 50%;
   margin-left: -200px;
   width: 400px;
-  border: 1px solid black;
-  background: #efefef;
-  padding: 0.5em;
-}
-
-div#notice .button {
-  text-align: center;
-  margin-top: 1em;
-  margin-bottom: 0.25em;
-}
-  
-div#notice .button a {
-  border: 1px solid gray;
-  background: #ddd;
-  color: black;
-  padding: 4px;
-  padding-left: 28px;
-  background-position: top left;
-  background-repeat: no-repeat;
-}
-div#notice .button a:hover {
-  background-color: #ffd;
+  border: 5px solid #545454;
+  background: #ffffa9;
+  padding: 10px;
 }
@@ -4,13 +4,12 @@ padding: 0px;
 }
 #notice {
-position: absolute;
-margin-top: 10px;
-right: 10px;
-background: #ffffa9;
-padding: 10px;
-border: 3px solid #dfdfdf;
-z-index: 9999 !important ;
+cursor: pointer;
+} 
+
+#wrap {
+height: 100%;
+margin:0px;
 }
 a img {
@@ -54,7 +53,6 @@ div#errorExplanation h2 {
   margin-top: -5px;
   margin-left: -5px;
   margin-right: -5px;
-
   padding: 3px;
   background: #933;
   color: white;
@@ -4,6 +4,7 @@
   height: 40px;
   padding: 0px;
   margin-left: -3px;
+  _margin-left: -0px;
   margin-top: -3px;
   font-family: Sans, Verdana, Arial;
   z-index: 9999;
1	<h2><%= _('My profile') %></h2>	1	<h2><%= _('My profile') %></h2>
2		2
3	-<%= link_to (@profile.image ? image_tag( @profile.image.public_filename(:thumb)) : _('Put image')), :action => 'change_image' %>	3	+<%= link_to (@profile.image ? image_tag( @profile.image.public_filename) : _('Put image')), :action => 'change_image' %>
4		4
5	<%= display_profile_info(profile) %>	5	<%= display_profile_info(profile) %>
6		6
		1	+<%= image_tag 'noosfero.png', :style => 'float: left;' %>
1	<ul>	2	<ul>
2	<li id='category'>Noosfero <ul><li><%= shortcut_header_links %></li></ul></li>	3	<li id='category'>Noosfero <ul><li><%= shortcut_header_links %></li></ul></li>
3	<% @environment.display_categories.each do \|item\| %>	4	<% @environment.display_categories.each do \|item\| %>
	@@ -77,9 +77,6 @@ clear: both;		@@ -77,9 +77,6 @@ clear: both;
77	color: #333;	77	color: #333;
78	margin: 0px;	78	margin: 0px;
79	padding: 5px;	79	padding: 5px;
80	-
81	- position: absolute;
82	- bottom: 0px;
83	}	80	}
84		81
85	/* Notice */	82	/* Notice */
	@@ -91,28 +88,9 @@ div#notice {		@@ -91,28 +88,9 @@ div#notice {
91	left: 50%;	88	left: 50%;
92	margin-left: -200px;	89	margin-left: -200px;
93	width: 400px;	90	width: 400px;
94	- border: 1px solid black;
95	- background: #efefef;
96	- padding: 0.5em;
97	-}
98	-
99	-div#notice .button {
100	- text-align: center;
101	- margin-top: 1em;
102	- margin-bottom: 0.25em;
103	-}
104	-
105	-div#notice .button a {
106	- border: 1px solid gray;
107	- background: #ddd;
108	- color: black;
109	- padding: 4px;
110	- padding-left: 28px;
111	- background-position: top left;
112	- background-repeat: no-repeat;
113	-}
114	-div#notice .button a:hover {
115	- background-color: #ffd;	91	+ border: 5px solid #545454;
		92	+ background: #ffffa9;
		93	+ padding: 10px;
116	}	94	}
117		95
118		96