From e47882fd2919f1971479bc9c31436f5bf7085240 Mon Sep 17 00:00:00 2001
From: AurelioAHeckert <AurelioAHeckert@3f533792-8f58-4932-b0fe-aaf55b0a4547>
Date: Thu, 19 Jun 2008 23:28:33 +0000
Subject: [PATCH] ActionItem413: more code adaptetion for a better user experience

---
 app/views/account/login.rhtml                                        |   4 +++-
 app/views/layouts/application.rhtml                                  |   5 ++++-
 app/views/search/_display_results.rhtml                              |   2 +-
 app/views/shared/categories_menu.rhtml                               |   2 +-
 public/designs/icons/default/style.css                               |   1 +
 public/designs/templates/default/stylesheets/style.css               |   1 -
 public/designs/themes/ecosol/stylesheets/common.css                  |   4 ++++
 public/designs/themes/ecosol/stylesheets/menu.css                    |  13 +++++--------
 public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css |   5 ++++-
 public/designs/themes/zen3/stylesheets/common.css                    |   6 +++++-
 public/designs/themes/zen3/stylesheets/controller_search.css         |   2 +-
 public/designs/themes/zen3/stylesheets/menu.css                      | 194 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------
 public/javascripts/auto-open-menu.js                                 |   2 ++
 public/javascripts/lightbox.js                                       |   2 +-
 public/stylesheets/button.css                                        |   6 +-----
 public/stylesheets/common.css                                        |   2 +-
 public/stylesheets/controller_search.css                             |   7 +++++++
 public/stylesheets/help.css                                          |   1 +
 public/stylesheets/menu.css                                          | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------
 script/change-theme                                                  |   9 ++++++++-
 20 files changed, 200 insertions(+), 171 deletions(-)

diff --git a/app/views/account/login.rhtml b/app/views/account/login.rhtml
index 1a8db48..a851b7c 100644
--- a/app/views/account/login.rhtml
+++ b/app/views/account/login.rhtml
@@ -11,10 +11,12 @@
    :html => { :help => _('If you are a registered user, enter your username and password to be authenticated.')+'<p/>'+_('To join on this environment, click on "<b>I want to be an user!</b>".')+'<p/>'+_('If you forgot your password, click on "<b>I forgot my password!</b>" link.') } do |f| %>
 
 <%= f.text_field :login,
+                 :id => ( lightbox? ? 'lightbox_' : '' ) + 'user_login',
                  :help => _('Here goes the nickname that you give on the registration.'),
                  :onchange => 'this.value = convToValidLogin( this.value )' %>
 
 <%= f.password_field :password,
+                     :id => ( lightbox? ? 'lightbox_' : '' ) + 'user_password',
                      :help => _('your password is personal, protect it.') %>
 
 <% button_bar do %>
@@ -36,7 +38,7 @@
 
 <% if lightbox? %>
   <script type='text/javascript'>
-    $('login').focus();
+    $("lightbox_user_login").focus();
   </script>
 <% end %>
 
diff --git a/app/views/layouts/application.rhtml b/app/views/layouts/application.rhtml
index 98e825d..4aa9f59 100644
--- a/app/views/layouts/application.rhtml
+++ b/app/views/layouts/application.rhtml
@@ -93,6 +93,10 @@
         </div>
 
         <div id="navigation_bar">
+          <%= link_to "<span>"+ @environment.name() +"</span>",
+                      { :controller=>"home" },
+                        :id=>"menu_link_to_envhome",
+                        :title=>@environment.name  %>
           <%= render :file => 'shared/categories_menu' %>
         </div><!-- id='navigation_bar' -->
         <script type="text/javascript">
@@ -105,7 +109,6 @@
 
         <div id="user_box">
           <%= render :file => 'shared/user_menu' %>
-          <%= theme_opt_menu_search %>
         </div><!-- id='user_box' -->
 
         <a href="#" id="btShowHelp" class="icon-help32on help-on"
diff --git a/app/views/search/_display_results.rhtml b/app/views/search/_display_results.rhtml
index a9f8ea6..4aa5d6b 100644
--- a/app/views/search/_display_results.rhtml
+++ b/app/views/search/_display_results.rhtml
@@ -15,7 +15,7 @@
         <% if @results.size != 1 %>
           <h3>
             <%= @names[name] %>
-            <%= link_to _('(more ...)'), params.merge(:action => 'index', :find_in => [ name ]) %>
+            <%= icon_button :more, _('more...'), params.merge(:action => 'index', :find_in => [ name ]) %>
           </h3>
         <% end %>
       <% end %>
diff --git a/app/views/shared/categories_menu.rhtml b/app/views/shared/categories_menu.rhtml
index b9c41b4..d793ab4 100644
--- a/app/views/shared/categories_menu.rhtml
+++ b/app/views/shared/categories_menu.rhtml
@@ -1,5 +1,4 @@
 <ul id="cat_menu">
-  <%= link_to( "<span>"+ @environment.name() +"</span>", {:controller=>"home"}, :id=>"menu_link_to_envhome", :title=>@environment.name) %>
   <% @environment.display_categories.each do |item| %>
     <li id="category<%= item.display_color %>"<%= ' class="active"' if (@category && (@category.top_ancestor == item)) %>>
       <%= item.name %>
@@ -17,6 +16,7 @@
 </ul><!-- fim id="cat_menu" -->
 
 <div id="assets_menu">
+  <%= theme_opt_menu_search %>
   <div id="assets_menu_list" class="top_extra_menu">
     <ul id="assets_menu_ul">
       <%= generate_assets_menu %>
diff --git a/public/designs/icons/default/style.css b/public/designs/icons/default/style.css
index 1bc5bba..f860e94 100644
--- a/public/designs/icons/default/style.css
+++ b/public/designs/icons/default/style.css
@@ -14,6 +14,7 @@
 .icon-back      { background-image: url(go-back-HC.gif)          }
 .icon-next      { background-image: url(gtk-media-next-ltr.png)  }
 .icon-add       { background-image: url(add-HC.gif)              }
+.icon-more      { background-image: url(add-HC.gif)              }
 .icon-up        { background-image: url(go-up-HC.gif)            }
 .icon-up-red    { background-image: url(go-up-red-HC.gif)        }
 .icon-down      { background-image: url(go-down-HC.gif)          }
diff --git a/public/designs/templates/default/stylesheets/style.css b/public/designs/templates/default/stylesheets/style.css
index 836c93a..713af4d 100644
--- a/public/designs/templates/default/stylesheets/style.css
+++ b/public/designs/templates/default/stylesheets/style.css
@@ -18,7 +18,6 @@
 }
 
 .box-3 {
-  margin-top: 20px;
   float: right;
   width: 200px;
 }
diff --git a/public/designs/themes/ecosol/stylesheets/common.css b/public/designs/themes/ecosol/stylesheets/common.css
index 0e430d2..9141c60 100644
--- a/public/designs/themes/ecosol/stylesheets/common.css
+++ b/public/designs/themes/ecosol/stylesheets/common.css
@@ -33,6 +33,10 @@ body.category2 #wrap { background-image: url("../images/bg-top-verde.png");    }
 body.category3 #wrap { background-image: url("../images/bg-top-lilas.png");    }
 body.category4 #wrap { background-image: url("../images/bg-top-vermelho.png"); }
 
+.box-3 {
+  padding-top: 35px;
+}
+
 #path_category {
   position: absolute;
   top: 40px;
diff --git a/public/designs/themes/ecosol/stylesheets/menu.css b/public/designs/themes/ecosol/stylesheets/menu.css
index 67a4f79..a24bf70 100644
--- a/public/designs/themes/ecosol/stylesheets/menu.css
+++ b/public/designs/themes/ecosol/stylesheets/menu.css
@@ -1,3 +1,8 @@
+#navigation_bar {
+  top: 3px;
+  left: 3px;
+  right: 3px;
+}
 
 #menu_link_to_envhome {
   display: block;
@@ -13,11 +18,6 @@ body.category2 #menu_link_to_envhome { background-image: url(../images/ico-fbes-
 body.category3 #menu_link_to_envhome { background-image: url(../images/ico-fbes-fundo-lilas.gif)    }
 body.category4 #menu_link_to_envhome { background-image: url(../images/ico-fbes-fundo-vermelho.gif) }
 
-#noosfero_bar {
-  left: 3px;
-  right: 3px;
-}
-
 body.category1  #noosfero_bar { background-color: #E26B00 }
 #category1       .linkSubMenu,
 #category1       ul           { background-color: #F57900 }
@@ -62,9 +62,6 @@ body.category4 .linkSubMenu { background-image: url(../images/borda-esq-aba-verm
 #assets_menu {
   overflow: hidden; /* MSIE workarround bug */
 }
-#assets_menu ul {
-  height: 55px;
-}
 
 body.category1 #assets_menu_layout_iten { background: url(../images/top-bar/assets-menu-top-laranja.gif)   }
 body.category2 #assets_menu_layout_iten { background: url(../images/top-bar/assets-menu-top-verde.gif)     }
diff --git a/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css b/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
index 9cbf704..ea6caa7 100644
--- a/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
+++ b/public/designs/themes/zen3/stylesheets/blocks/profile-list-block.css
@@ -1,9 +1,12 @@
 
 .common-profile-list-block li a {
-  border: 2px solid #FFF;
+  border: 2px solid transparent;
   color: #C00;
   -moz-border-radius: 4px;
 }
+.msie6 .common-profile-list-block li a {
+  border: 2px solid #FFF;
+}
 
 .common-profile-list-block li a:hover {
   border: 2px solid #C00;
diff --git a/public/designs/themes/zen3/stylesheets/common.css b/public/designs/themes/zen3/stylesheets/common.css
index 10ce5c4..ccd1bf0 100644
--- a/public/designs/themes/zen3/stylesheets/common.css
+++ b/public/designs/themes/zen3/stylesheets/common.css
@@ -1,6 +1,6 @@
 
 body {
-  background: #9ca09a; #A1A59F; /* #BABDB6; #888A85; */
+  background: #9CA09A;
 }
 
 #wrap {
@@ -19,6 +19,10 @@ body {
 
 /* * * Content * * * * * * * * * * * * * * * * * * * */
 
+#content {
+  padding: 0px 0px 15px 0px;
+}
+
 #content h1, #content h2, #content h3,
 #content h4, #content h5, #content h6 {
   margin: 10px 0px;
diff --git a/public/designs/themes/zen3/stylesheets/controller_search.css b/public/designs/themes/zen3/stylesheets/controller_search.css
index 9bcc752..bfcb342 100644
--- a/public/designs/themes/zen3/stylesheets/controller_search.css
+++ b/public/designs/themes/zen3/stylesheets/controller_search.css
@@ -5,7 +5,7 @@
 
 #view-category,
 #search-results {
-  padding: 0% 2% 10px 2%;
+  padding: 0% 2%;
 }
 
 #view-category a,
diff --git a/public/designs/themes/zen3/stylesheets/menu.css b/public/designs/themes/zen3/stylesheets/menu.css
index 93cf32e..96b3b5e 100644
--- a/public/designs/themes/zen3/stylesheets/menu.css
+++ b/public/designs/themes/zen3/stylesheets/menu.css
@@ -1,9 +1,7 @@
 
 #noosfero_bar {
   height: 34px;
-  z-index: 100;
   font-size: 12px;
-  letter-spacing: -1px;
   background: #F57900 url(../images/menu-bg.png) 0% 100% repeat-x;
 }
 
@@ -23,11 +21,98 @@
 }
 
 
+/* * * Assets Menu * * * * * * * * * * * */
+
+#assets_menu {
+  width: 180px;
+  position: absolute;
+  top: 7px;
+  right: 160px;
+  padding: 0px;
+}
+.msie6 #assets_menu {
+  margin-right: 160px;
+}
+
+#assets_menu_layout_iten {
+  display: none;
+}
+
+#assets_menu_list {
+  padding: 0px;
+  background: transparent;
+}
+
+#assets_menu ul {
+  height: auto;
+  max-width: none;
+  width: auto;
+  overflow: visible;
+}
+#assets_menu li {
+  margin: 0px;
+  padding: 0px 4px;
+  float: left;
+  width: 22px;
+  height: 20px;
+  position: relative;
+}
+
+#assets_menu a {
+  letter-spacing: 0px;
+  color: #FFF;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  overflow: visible;
+  opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+.msie #assets_menu a {
+  width: 100px;
+  height: 20px;
+  margin-left: 0px;
+  cursor: pointer;
+}
+#assets_menu a:hover {
+  background: transparent;
+  opacity: 1;
+	filter: alpha(opacity=100);
+}
+.msie #assets_menu a:hover {
+  height: 44px;
+}
+
+#assets_menu a strong {
+  position: absolute;
+  top: 22px;
+  left: -10px;
+  background: #F57900;
+  border: 1px solid #A40000;
+  padding: 1px 5px;
+  display: none;
+}
+.msie #assets_menu a strong {
+  left: 0px;
+}
+
+.msie #assets_menu a span {
+  left: 10px;
+}
+
+#assets_menu a:hover strong {
+  display: block;
+  -moz-border-radius: 4px;
+}
+
 /* * * Menu Search Box * * * * * * * * * * * */
 
 #simple-search {
+  position: absolute;
+  top: -1px;
+  left: 190px;
   margin: 0px;
-  padding: 5px 0px 0px 0px;
+  padding: 0px;
 }
 
 #simple-search input {
@@ -35,6 +120,8 @@
   padding-top: 2px;
   height: 16px;
   border: 1px solid #A40000;
+  border-right: 1px solid #900;
+  border-bottom: 1px solid #800;
   background: #F57900 url(../images/search.gif) 1px 90% no-repeat;
   color: #000;
   text-align: center;
@@ -61,8 +148,9 @@
 /* * * User Menu * * * * * * * * * * * */
 
 #user_menu {
-  top: 4px;
-  right: 350px;
+  position: absolute;
+  top: 0px;
+  left: -180px;
   width: 150px;
   overflow: hidden;
   padding: 2px 0px;
@@ -86,19 +174,17 @@
 }
 
 #user_menu_head img {
-  margin-left: -20px;
+  margin-left: 0px;
 }
-.msie #user_menu_head img {
-  margin-left: 5px;
+.msie6 #user_menu_head img {
+  margin-left: 4px;
 }
 
 #user_menu_head span {
   color: #FFF;
   opacity: 0.6;
 	filter: alpha(opacity=60);
-}
-.msie #user_menu_head span {
-  margin-left: 24px;
+  margin-left: 16px;
 }
 
 #user_menu a {
@@ -143,92 +229,6 @@
   display: none; /* do not show this link in the fist page */
 }
 
-/* * * Assets Menu * * * * * * * * * * * */
-
-#assets_menu {
-  position: absolute;
-  top: 7px;
-  right: 160px;
-  padding: 0px;
-}
-.msie6 #assets_menu {
-  margin-right: 170px;
-}
-.msie7 #assets_menu {
-  margin-right: 10px;
-}
-
-#assets_menu_layout_iten {
-  display: none;
-}
-
-#assets_menu_list {
-  padding: 0px;
-  background: transparent;
-}
-
-#assets_menu ul {
-  height: auto;
-  max-width: none;
-  width: auto;
-  overflow: visible;
-}
-#assets_menu li {
-  margin: 0px;
-  padding: 0px 4px;
-  float: left;
-  width: 22px;
-  height: 20px;
-  position: relative;
-}
-
-#assets_menu a {
-  letter-spacing: 0px;
-  color: #FFF;
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  overflow: visible;
-  opacity: 0.6;
-	filter: alpha(opacity=60);
-}
-.msie #assets_menu a {
-  width: 100px;
-  height: 20px;
-  margin-left: 0px;
-  cursor: pointer;
-}
-#assets_menu a:hover {
-  background: transparent;
-  opacity: 1;
-	filter: alpha(opacity=100);
-}
-.msie #assets_menu a:hover {
-  height: 40px;
-}
-
-#assets_menu a strong {
-  position: absolute;
-  top: 20px;
-  left: -10px;
-  background: #F57900;
-  border: 1px solid #A40000;
-  padding: 1px 4px;
-  display: none;
-}
-.msie #assets_menu a strong {
-  left: 0px;
-}
-
-.msie #assets_menu a span {
-  left: 10px;
-}
-
-#assets_menu a:hover strong {
-  display: block;
-  -moz-border-radius: 4px;
-}
-
 /* * * Language Selector * * * * * * * * * */
 
 #language-selector {
diff --git a/public/javascripts/auto-open-menu.js b/public/javascripts/auto-open-menu.js
index a07a04e..b608b16 100644
--- a/public/javascripts/auto-open-menu.js
+++ b/public/javascripts/auto-open-menu.js
@@ -27,6 +27,7 @@ function setAutoOpenMenu( menu ) {
     this.className = this.className.replace( / closed/g, "" );
     if ( !/menu-opened/.test(this.className) ) { this.className += " opened" }
     var mul = this.mul;
+    mul.style.display = "block";
     if ( mul.paddingBottom ) mul.parentNode.style.paddingBottom = mul.paddingBottom +"px";
     if ( mul.h < mul.maxSize ) {
       mul.h += mul.inc;
@@ -48,6 +49,7 @@ function setAutoOpenMenu( menu ) {
       if ( mul.h > mul.minSize ) {
         mul.h -= mul.inc++;
         if ( mul.h < 0 ) mul.h = 0;
+        if ( mul.h == 0 ) mul.style.display = "none";
         if ( this.isIE ) if ( mul.h < 1 ) mul.h = 1;
         mul.style.height = mul.h +"px";
         this.timeoutClose = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseout(true)", 33 );
diff --git a/public/javascripts/lightbox.js b/public/javascripts/lightbox.js
index 569f528..3e8cd4d 100644
--- a/public/javascripts/lightbox.js
+++ b/public/javascripts/lightbox.js
@@ -199,4 +199,4 @@ function addLightboxMarkup() {
 						  '</div>';
 	bod.appendChild(overlay);
 	bod.appendChild(lb);
-}
\ No newline at end of file
+}
diff --git a/public/stylesheets/button.css b/public/stylesheets/button.css
index fa29b91..7d1b5aa 100644
--- a/public/stylesheets/button.css
+++ b/public/stylesheets/button.css
@@ -19,11 +19,7 @@ input.button {
 .button span {
   display: none;
 }
-.msie .button span {
-  display: inline;
-  width: 0px;
-  overflow: hidden;
-}
+
 .button.with-text span,
 .msie .button.with-text span {
   display: inline;
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
index 7989334..8d193a3 100644
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@@ -18,7 +18,7 @@ body {
 }
 
 #header {
-  height: 60px;
+  padding: 10px;
 }
 
 #design_boxes {
diff --git a/public/stylesheets/controller_search.css b/public/stylesheets/controller_search.css
index 703ce56..4f63695 100644
--- a/public/stylesheets/controller_search.css
+++ b/public/stylesheets/controller_search.css
@@ -25,6 +25,13 @@
 
 #search-results h3 {
   margin: 20px 0px 0px 20px;
+  position: relative;
+}
+
+#search-results h3 .button {
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
 }
 
 .search-results-box {
diff --git a/public/stylesheets/help.css b/public/stylesheets/help.css
index e7375f2..950ef32 100644
--- a/public/stylesheets/help.css
+++ b/public/stylesheets/help.css
@@ -1,5 +1,6 @@
 
 #btShowHelp {
+  z-index: 100;
   position: absolute;
   top: 2px;
   right: 2px;
diff --git a/public/stylesheets/menu.css b/public/stylesheets/menu.css
index d7f9cae..d0e84d8 100644
--- a/public/stylesheets/menu.css
+++ b/public/stylesheets/menu.css
@@ -8,19 +8,26 @@
 }
 
 #noosfero_bar {
-  position: absolute;
-  left: 0px;
-  right: 0px;
   height: 22px;
-  z-index: 100;
   font-size: 11px;
   letter-spacing: -1px;
   background: #2A5896 url(../images/white-pixel.gif) 0px 100% repeat-x;
 }
 
 #navigation_bar {
-  width: 100%; /* MSIE workarround bug */
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  z-index: 100;
 }
+#navigation_bar a {
+  font-weight: bold;
+  line-height: 22px;
+  text-decoration: none;
+  color: #FFF;
+}
+
 
 #menu_link_to_envhome {
   float: left;
@@ -30,9 +37,9 @@
   padding: 0px;
   margin: 0px;
 }
-.msie #cat_menu {
+.msie6 #cat_menu {
   width: 100%;
-  position: relative;
+  margin-top: -22px;
 }
 
 #cat_menu .linkSubMenu,
@@ -40,13 +47,6 @@
   background-color: #5380B8;
 }
 
-#cat_menu a {
-  font-weight: bold;
-  line-height: 22px;
-  text-decoration: none;
-  color: #FFF;
-}
-
 .linkSubMenu {
   cursor: default;
   float: left;
@@ -59,6 +59,10 @@
   background-image: url(../images/borda-esq-aba-azul.gif);
   border-right: 1px solid #FFF;
 }
+.msie6 .linkSubMenu {
+  position: relative;
+  left: 100px;
+}
 .linkSubMenu span {
   display: block;
   line-height: 22px;
@@ -91,37 +95,42 @@
   border: 1px solid #FFF;
   border-top: none;
 }
-.msie #cat_menu ul {
-  /* width: 100%; */
-}
 
 #cat_menu ul a {
   background: url(../images/bolota.gif) 0% 50% no-repeat;
   padding-left: 15px;
   margin-left: -10px;
+  white-space: nowrap;
 }
 #cat_menu ul span {
   background: url(../images/bolota.gif) 100% 50% no-repeat;
   padding-right: 15px;
 }
 
-/* * * Assets Menu * * * * * * * * * * * */
+/* * * Assets Menu and User Box * * * * * * * * * * * */
 
 #assets_menu {
   position: absolute;
-  top: 21px;
+  top: 0px;
   right: 0px;
   padding: 0px 0px 0px 10px;
   border: none; /* work arround IE Bug */
   background: transparent; /* work arround IE Bug */
+  width: 150px;
 }
 .msie6 #assets_menu {
   right: -1px;
 }
 
+#assets_menu a#open_search {
+  display: block;
+  height: 21px;
+  margin-left: 5px;
+}
+
 #assets_menu_layout_iten {
   position: absolute;
-  top: 0px;
+  top: 21px;
   left: 0px;
   width: 11px;
   height: 11px;
@@ -137,10 +146,12 @@
 #assets_menu ul {
   margin: 0px;
   padding: 0px;
+  position: relative; /* work arround IE Bug */
   overflow: hidden;
   height: 56px;
-  max-width: 135px;
-  width: 136px;
+}
+.msie #assets_menu ul {
+  height: 55px;
 }
 
 .top_extra_menu li {
@@ -149,11 +160,20 @@
   list-style: none;
 }
 
+#user_box {
+  position: absolute;
+  top: 3px;
+  right: 170px;
+  width: 150px;
+  z-index: 100;
+}
+
 #user_menu_head,
 #user_box a,
 #assets_menu a,
 .top_extra_menu a {
   font-size: 12px;
+  line-height: 18px;
   font-weight: bold;
   text-decoration: none;
   color: #B8CFE7;
@@ -178,7 +198,7 @@
 
 #user_box img,
 #user_box a span,
-.top_extra_menu a span {
+#assets_menu a span {
 	position: absolute;
 	top: 0px;
 	left: 0px;
@@ -191,51 +211,31 @@
   opacity: 0.7;
 	filter: alpha(opacity=70);
 }
+#assets_menu a#open_search span {
+	top: 1px;
+}
 /*.msie5 #user_box img,*/
 .msie5 #user_box a span,
-.msie5 .top_extra_menu a span {
+.msie5 #assets_menu a span {
   display: none;
 }
 #user_box img,
 #user_box a:hover span,
-.top_extra_menu a:hover span {
+#assets_menu a:hover span {
   opacity: 1;
 	filter: alpha(opacity=100);
 }
 #user_box img {
   border: none;
-  top: -1px;
+  top: -2px;
   left: -1px;
 	width: 20px;
 	height: 20px;
 }
 
-/* * * User Box * * * * * * * * * * * */
-
-#user_box {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 150px;
-}
-
-#open_search {
-  position: absolute;
-  top: 2px;
-  left: 14px;
-  float: left;
-}
-#user_box #open_search:hover {
-  background: none;
-}
-
 /* * * User Menu * * * * * * * * * * * */
 
 #user_menu {
-  position: absolute;
-  top: 0px;
-  right: 150px;
-  width: 170px;
   border: none; /* work arround IE Bug */
   background: transparent; /* work arround IE Bug */
 }
@@ -247,11 +247,12 @@
 #user_menu_head span {
   position: relative;
   top: 1px;
+  left: 1px;
 }
 
 #user_menu_head,
 #user_box a#link_login {
-  margin-left: 25px;
+  margin-left: 4px;
   display: inline;
 }
 #user_menu a#link_login:hover {
@@ -279,6 +280,7 @@
   width: 150px;
   max-width: 140px;
   height: 0px;
+  position: relative; /* work arround IE Bug */
   overflow: hidden;
   padding: 0px 4px 0px 5px;
   margin: 0px;
@@ -298,6 +300,7 @@
   position: absolute;
   left: 90px;
   top: 5px;
+  z-index: 100;
   font-size: 10px;
   opacity: 0.7;
 	filter: alpha(opacity=70);
diff --git a/script/change-theme b/script/change-theme
index d8b4817..9966062 100755
--- a/script/change-theme
+++ b/script/change-theme
@@ -1,5 +1,7 @@
 #!/bin/bash
 
+t_ini="$1"
+
 cd "$( dirname $0 )/../public/designs/themes/"
 
 test -L default && rm default
@@ -14,7 +16,12 @@ done
 ok=false
 while ! [ -L default ]; do
   
-  read t
+  if [ "$t_ini" = "" ]; then
+    read t
+  else
+    t="$t_ini"
+    t_ini=""
+  fi
   n=0
   ls -1 | while read theme; do
     let n++
--
libgit2 0.21.2