made upper menu always hover, looks nicer and produces less troubles

- added notification inbox into quick menu
- commented yet innactive compose message button

rhodecode/public/css/style.css

@@ -284,7 +284,10 b' div.options a {'
 	width: 100% !important;
 	margin-left: -10px !important;
 	z-index: 10000;
-	border-radius: 0px 0px 4px 4px;
+    -webkit-border-radius: 0px 0px 0px 0px;
+    -khtml-border-radius: 0px 0px 0px 0px;
+    -moz-border-radius: 0px 0px 0px 0px;
+    border-radius: 0px 0px 0px 0px;	
 }
 #header #header-inner #home a {
 	height: 40px;
@@ -326,7 +329,7 b' div.options a {'
 	float: right;
 	list-style-type: none;
 	list-style-position: outside;
-	margin: 8px 5px 0 0;
+	margin: 8px 8px 0 0;
 	padding: 0;
 }
 
@@ -1970,7 +1973,14 b' div.form div.fields div.field div.button'
 #quick_login .big_gravatar{
 	padding:4px 0px 0px 6px;
 }
-
+#quick_login .inbox{
+    padding:4px 0px 0px 6px;
+    color: #FFFFFF;
+    font-weight: bold;    
+}
+#quick_login .inbox a{
+	color: #FFFFFF;
+}
 #quick_login .email,#quick_login .email a{
     color: #FFFFFF;
     padding: 3px;
@@ -3143,7 +3153,7 b' div.gravatar img {'
 #content {
 	clear: both;
 	overflow: hidden;
-	padding: 14px 10px;
+	padding: 54px 10px 14px 10px;
 }
 
 #content div.box div.title div.search {

rhodecode/templates/admin/notifications/notifications.html

@@ -18,11 +18,11 b''
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
-        <ul class="links">
-            <li>
-              <span style="text-transform: uppercase;"><a href="#">${_('Compose message')}</a></span>
-            </li>
-        </ul>
+        ##<ul class="links">
+        ##    <li>
+        ##      <span style="text-transform: uppercase;"><a href="#">${_('Compose message')}</a></span>
+        ##    </li>
+        ##</ul>
     </div>
     %if c.notifications:
       <div style="padding:10px 15px;text-align: right">

rhodecode/templates/admin/notifications/show_notification.html

@@ -20,11 +20,11 b''
     <!-- box / title -->
     <div class="title">
         ${self.breadcrumbs()}
-        <ul class="links">
-            <li>
-              <span style="text-transform: uppercase;"><a href="#">${_('Compose message')}</a></span>
-            </li>
-        </ul>
+        ##<ul class="links">
+        ##    <li>
+        ##      <span style="text-transform: uppercase;"><a href="#">${_('Compose message')}</a></span>
+        ##    </li>
+        ##</ul>
     </div>
     <div class="table">
       <div id="notification_${c.notification.notification_id}">

rhodecode/templates/base/base.html

@@ -3,7 +3,7 b''
 
 <!-- HEADER -->
 <div id="header">
-    <div id="header-inner" class="title">
+    <div id="header-inner" class="title hover">
         <div id="logo">
             <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>
         </div>
@@ -115,6 +115,7 b''
                 <div class="full_name">${c.rhodecode_user.full_name_or_username}</div>
                 <div class="email">${c.rhodecode_user.email}</div>
                 <div class="big_gravatar"><img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,48)}" /></div>
+                <div class="inbox"><a href="${h.url('notifications')}">${_('Inbox')}: ${c.unread_notifications}</a></div>
             </div>
             <div class="links_right">
             <ol class="links">

rhodecode/templates/base/root.html

@@ -123,16 +123,6 b''
                      }
                  }
              });
-
-            // hover menu
-            YUE.on(window,'scroll',function(){
-                if(YUD.getDocumentScrollTop() > 45){
-                      YUD.addClass('header-inner','hover');
-                }
-                else{
-                    YUD.removeClass('header-inner','hover');
-                }
-            })
            })
             </script>
         </%def>