affichage du menu utilisateur dans le header

[mtweb] / mw / app / out / default / css / style.css

diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css
index 8d87b8b..5a4abb9 100644 (file)
--- a/mw/app/out/default/css/style.css
+++ b/mw/app/out/default/css/style.css
@@ -56,7 +56,7 @@ body{
 
 #main_header .content{
   padding: 10px 0 3px 0;
-  min-height: 11em;
+/*  min-height: 11em;*/
   position: relative;
 }
 
@@ -69,7 +69,7 @@ body{
 
 #menu_top{
   position: absolute;
-  bottom: 5px;
+  bottom: 0px;
   right: 30px;
 }
 
@@ -140,10 +140,46 @@ body{
   background-repeat: no-repeat;
 }
 
-#main_header .menu_user{
+#main_header ul.menu_user{
+  float: left;
+  border: solid 1px #d5d5d5;
+  border-radius: 3px;
+  padding: 0;
+  margin-bottom: 5px;
+}
+#main_header ul.menu_user li{
+  position: relative;
+}
+#main_header ul.menu_user li .welcome,
+#main_header ul.menu_user li a{
+  display: block;
+  padding: 0.4em 1em;
+  background-color: #ffffff;
+}
+#main_header ul.menu_user li .welcome{
+  padding: 0.4em 1.5em 0.4em 2.8em;
+  background-image: url(../icons/desc.gif);
+  background-position: 1em 0.8em;
+  background-repeat: no-repeat;
+}
+#main_header ul.menu_user li .welcome:hover,
+#main_header ul.menu_user li a:hover{
+  background-color: #f5f5f5;
+}
+#main_header ul.menu_user li a:hover{
+  color: #000066;
+}
+#main_header ul.menu_user ul{
   position: absolute;
-  top: 4em;
-  left: 30px;
+  top: 100%;
+  left: -1px;
+  border: solid 1px #d5d5d5;
+  background-color: #ffffff;
+  box-shadow: 4px 4px 10px #d5d5d5;
+  display: none;
+}
+#main_header ul.menu_user ul li a{
+  padding: 0.3em 7em 0.3em 3em;
 }
 
 /* --------------------------------------------- CONTENUS */