ADD Avancement sur l'affichage des fichiers

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index efb5076..7c9997b 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -55,6 +55,7 @@ div.entete {
    height: 50px;\r
    color: #8DDD83;\r
    -moz-border-radius: 0px 0px 20px 20px;\r
+   min-width: 630px;\r
 }\r
 \r
 div.entete img {\r
@@ -64,10 +65,18 @@ div.entete img {
 }\r
 \r
 div.entete h1 {\r
-       float: left;     \r
+   float: left;     \r
    margin-top: 8px;\r
 }\r
 \r
+div.entete div#nbFilms {\r
+   position: absolute;\r
+   left: 280px;\r
+   top: 33px;\r
+   font-size: 9pt;\r
+   color: black;\r
+}\r
+\r
 div.entete form {\r
    float: right;\r
    padding-right: 10px;\r
@@ -113,11 +122,14 @@ div.pied {
    bottom: 0px;\r
    height: 50px;\r
    width: 90%;\r
-   background-image: url(../img/collines.png)\r
+   background-image: url(../img/collines.png);\r
+   z-index: 5;\r
+   min-width: 630px;\r
 }\r
 \r
 div.contenu {\r
    padding-top: 50px;\r
+   min-width: 630px;\r
 }\r
 \r
 table#liste {\r
@@ -127,6 +139,23 @@ 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
+    top: -18px;\r
+}\r
+\r
 table#liste td {\r
    background-color: #7BC671;  \r
    color: #20531A;\r
@@ -150,12 +179,34 @@ table#liste td.duree {
 \r
 table#liste td.lien {\r
        text-align: center;\r
-       width: 50px;\r
+       width: 15px;\r
+}\r
+\r
+table#liste td.lien div {\r
+   position: absolute;\r
+}\r
+\r
+table#liste td.lien a {\r
+   position: absolute;\r
+   width: 15px;\r
+   height: 19px;\r
+   display: block;\r
+   z-index: 1;\r
+   background-image: url(../img/pomme1.png)\r
+}\r
+\r
+table#liste td.lien a:hover {\r
+   width: 30px;\r
+   height: 38px;   \r
+   left: -7px;\r
+   top: -9px;\r
+   z-index: 10;\r
+   background-image: url(../img/pomme2.png)\r
 }\r
 \r
 table#liste td.fichier {\r
        text-align: center;\r
-       width: 50px;\r
+       width: 12px;\r
 }\r
 \r
 table#liste td.fichier div {\r
@@ -170,7 +221,7 @@ table#liste td.fichier a {
    z-index: 1;\r
    background-image: url(../img/poire1.png)\r
 }\r
-\r
+/*\r
 table#liste td.fichier a:hover {\r
    width: 24px;\r
    height: 40px;   \r
@@ -178,7 +229,7 @@ table#liste td.fichier a:hover {
    top: -10px;\r
    z-index: 10;\r
    background-image: url(../img/poire2.png)\r
-}\r
+}*/\r
 \r
 table#liste td.titre:hover {\r
     background-color: #B1F1A9; \r