fix menu-admin top css

main/css/base.css

@@ -40,6 +40,9 @@ select {
   padding: 5px;
   margin-top: 10px;
 }
+.clear-header{
+  height: 60px;
+}
 .title-header-tools{
   text-align: center;
 }

main/css/chamilo/default.css

@@ -62,18 +62,21 @@ a:focus {
 }
 .navbar {
   background: #00829C;
-  -webkit-filter: none;
-  filter: none;
   -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
 }
-/*.navbar:after{
-  background: url("images/nav-border.png") repeat-x;
-  height: 5px;
-  width: 100%;
-  display: block;
-  content: "";
-}*/
+.navbar-inverse{
+  background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539);
+  background-image: -o-linear-gradient(#484e55, #3a3f44 60%, #313539);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539));
+  background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
+  background-repeat: no-repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
+  -webkit-filter: none;
+  filter: none;
+  border: 1px solid rgba(0, 0, 0, 0.6);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+}
 .nav > li > a{
    padding: 10px 15px;
 }
@@ -128,9 +131,29 @@ a:focus {
 
   background-color:#00829C;
 }
+.navbar-inverse li a{
+  line-height: 26px !important;
+  background: none !important;
+  border-right:1px solid rgba(0, 0, 0, 0.2) !important;
+  border-left:1px solid rgba(255, 255, 255, 0.1) !important;
+}
 .nav > li > a:hover, .nav > li > a:focus{
   background-color: transparent;
 }
+.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{
+  color: #ffffff;
+}
+.navbar-inverse li a:hover {
+  background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d) !important;
+  background-image: -o-linear-gradient(#020202, #101112 40%, #191b1d) !important;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)) !important;
+  background-image: linear-gradient(#020202, #101112 40%, #191b1d) !important;
+  background-repeat: no-repeat !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0) !important;
+  -webkit-filter: none !important;
+  filter: none !important;
+  border-left-color: transparent !important;
+}
 .badge-warning{
   background-color: #FD6600;
 }

main/template/default/layout/main_header.tpl

@@ -48,7 +48,10 @@
 
     {# topbar #}
     {% block topbar %}
-    {% include template ~ "/layout/topbar.tpl" %}
+        {% include template ~ "/layout/topbar.tpl" %}
+        {% if show_toolbar == 1 %}
+            <div class="clear-header"></div>
+        {% endif %}
     {% endblock %}
         <header>
             <section id="main" class="container">

main/template/default/layout/topbar.tpl

@@ -1,7 +1,7 @@
 <!-- Topbar -->
 {% if show_toolbar == 1 %}
-    <nav class="navbar-inverse navbar-fixed-top">
-        <div class="container">
+    <nav class="navbar navbar-inverse navbar-fixed-top">
+        <div class="container-fluid">
 
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">