git-svn-id: svn://euphorik.ch/pompage@23 02bbb61a-6d21-0410-aba0-cb053bdfd66a

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index 7c9997b..5f5e1bf 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -1,4 +1,4 @@
-* {\r
+* {\r
    margin: 0;\r
    padding: 0;\r
    border-width: 0;\r
@@ -139,17 +139,6 @@ table#liste {
    margin-top: 10px;   \r
 }\r
 \r
-table#liste .listeFichiers {\r
-       background-color: #2D5728;\r
-       color: #FFFFFF;\r
-       display: none;\r
-    left: 4px;\r
-    top: 8px;\r
-       z-index: 4;\r
-       position: absolute;\r
-       text-align: left;\r
-}\r
-\r
 table#liste .listeFichiers img {\r
        position: absolute;\r
     left: -9px;\r
@@ -213,22 +202,70 @@ table#liste td.fichier div {
    position: absolute;\r
 }\r
 \r
-table#liste td.fichier a {\r
+table#liste td.fichier div ul {\r
+   display: block;\r
    position: absolute;\r
+   left: 5px;\r
+   top: 3px;\r
+   padding: 2px;\r
+}\r
+\r
+table#liste td.fichier div ul:hover {\r
+   z-index: 4;\r
+   background-color: #4F8749;\r
+}\r
+\r
+table#liste td.fichier div ul > a {\r
+   position: absolute; \r
+   left: -3px;\r
+   top: -4px;\r
    width: 12px;\r
    height: 20px;\r
    display: block;\r
-   z-index: 1;\r
-   background-image: url(../img/poire1.png)\r
+   z-index: 3;\r
+   background-image: url(../img/poire1.png);\r
 }\r
-/*\r
-table#liste td.fichier a:hover {\r
+\r
+table#liste td.fichier div ul:hover > a {\r
    width: 24px;\r
    height: 40px;   \r
-   left: -6px;\r
-   top: -10px;\r
+   left: -8px;\r
+   top: -14px;\r
    z-index: 10;\r
-   background-image: url(../img/poire2.png)\r
+   background-image: url(../img/poire2.png);\r
+}\r
+\r
+table#liste td.fichier div ul li {\r
+   display: none;\r
+}\r
+\r
+table#liste td.fichier div ul li a {\r
+   color: #8DDD83;\r
+}\r
+\r
+table#liste td.fichier div ul li a:hover {\r
+   color: #BFF6B8;\r
+}\r
+\r
+table#liste td.fichier div ul:hover li {\r
+   display: block;\r
+   z-index: 4;\r
+   padding: 3px 8px 3px 17px;\r
+   text-align: left;\r
+   white-space: nowrap;\r
+   color: #8DDD83;\r
+   background-color: #2D5728;\r
+   font-size: 10pt;\r
+}\r
+\r
+table#liste td.fichier div ul:hover li:hover {\r
+   background-color: #43773D;\r
+}\r
+\r
+/* Pourquoi ca ne marche pas ? */\r
+/*\r
+table#liste td.fichier div ul:hover li:first-child {\r
+   margin-top: 10px;\r
 }*/\r
 \r
 table#liste td.titre:hover {\r