nouveau style menu_top

diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css
index fdbdaab..ef6fbcd 100644 (file)
--- a/mw/app/out/default/css/style.css
+++ b/mw/app/out/default/css/style.css
@@ -39,8 +39,8 @@ body{
 /* --------------------------------------------- HEADER */
 
 #main_header .content{
-  border-bottom: solid 1px #d9d9d9;
-  padding: 10px 0;
+  border-bottom: solid 1px #e9e9e9;
+  padding: 10px 0 3px 0;
 }
 
 #main_header .content h1{
@@ -76,23 +76,42 @@ body{
 
 #menu_top ul li a:hover{
   color: #000066;
-  background-color: #f1f1f1;
+  background-color: #f7f7f7;
 }
 
-#menu_top ul li ul{
+#menu_top ul li .menu{
+  padding: 11px 0 0 0;
   position: absolute;
   top: 100%;
   left: 0;
   display: none;
+  background-image: url(../images/sub_menu.png);
+  background-position: 1em 6px;
+  background-repeat: no-repeat;
+}
+
+#menu_top ul li ul{
+  border: solid 1px #e9e9e9;
+  border-radius: 2px;
+  background-color: #ffffff;
 }
 
 #menu_top ul li ul li{
   float: none;
+  padding: 0;
 }
 
-#menu_top ul li ul li ul{
+#menu_top ul li ul li a{
+  border: none;
+}
+
+#menu_top ul li ul li .menu{
+  padding: 0 0 0 6px;
   top: 0;
   left: 100%;
+  background-image: url(../images/sub_sub_menu.png);
+  background-position: 1px 0.8em;
+  background-repeat: no-repeat;
 }
 
 /* --------------------------------------------- CONTENUS */
@@ -350,7 +369,7 @@ table.admin td.action{
 /* --------------------------------------------- FOOTER */
 
 #main_footer .content{
-  border-top: solid 1px #d9d9d9;
+  border-top: solid 1px #e9e9e9;
   padding-bottom: 20px;
 }
 

diff --git a/mw/app/out/default/functions.php b/mw/app/out/default/functions.php
index af0564e..20ba7a9 100644 (file)
--- a/mw/app/out/default/functions.php
+++ b/mw/app/out/default/functions.php
@@ -69,14 +69,14 @@
   function get_menu_ul($menu, $indent = ""){
     $html = "";
     if($menu["subs"]){
-      $html .= $indent."<ul>\n";
+      $html .= $indent."<div class=\"menu\"><ul>\n";
       foreach($menu["subs"] as $sub){
         $html .= $indent."  <li>\n";
         $html .= $indent."    <a href=\"".$sub["url"]."\">".$sub["intitule"]."</a>\n";
         $html .= get_menu_ul($sub, $indent."    ");
         $html .= $indent."  </li>\n";
       }
-      $html .= $indent."</ul>\n";
+      $html .= $indent."</ul></div>\n";
     }
     return $html;
   }

diff --git a/mw/app/out/default/images/sub_menu.png b/mw/app/out/default/images/sub_menu.png
new file mode 100644 (file)
index 0000000..fd7ea70
Binary files /dev/null and b/mw/app/out/default/images/sub_menu.png differ

diff --git a/mw/app/out/default/images/sub_sub_menu.png b/mw/app/out/default/images/sub_sub_menu.png
new file mode 100644 (file)
index 0000000..c27fa98
Binary files /dev/null and b/mw/app/out/default/images/sub_sub_menu.png differ

diff --git a/mw/app/out/default/js/script.js b/mw/app/out/default/js/script.js
index 7cd3ae4..384a53d 100644 (file)
--- a/mw/app/out/default/js/script.js
+++ b/mw/app/out/default/js/script.js
@@ -7,10 +7,10 @@ $(document).ready(
 function init_menu_top(){
   $("#menu_top ul li").hover(
     function(){
-      $(this).find("ul").first().slideDown(200);
+      $(this).find(".menu").first().slideDown(200);
     },
     function(){
-      $(this).find("ul").first().slideUp(200);
+      $(this).find(".menu").first().slideUp(200);
     }
   );
 }

diff --git a/readme.txt b/readme.txt
index f644aec..cb7a226 100644 (file)
--- a/readme.txt
+++ b/readme.txt
@@ -2,7 +2,7 @@
         mtweb - base de programmation pour application web
 
 
-  copyright 2010-2012 by dj3c1t
+  copyright 2010-2013 by dj3c1t
 
 
   This program is free software: you can redistribute it and/or modify