FIX Ajustement de la largeur maximale de certains élement

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index 6f9e440..e2d589a 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -12,6 +12,7 @@ html {
 \r
 a {\r
    text-decoration: none;\r
+   cursor: pointer;\r
 }\r
 a:link {\r
    color: #51874A;\r
@@ -42,11 +43,6 @@ h1 {
        margin-left: 40px;\r
 }\r
 \r
-th {\r
-       font-size: 14pt;\r
-       font-weight: bold;      \r
-}\r
-\r
 td {\r
        vertical-align:top;\r
 }\r
@@ -54,10 +50,12 @@ td {
 div.entete {\r
    width: 90%;\r
        position: fixed;\r
+   z-index: 5;\r
    background-color: #65A35D;\r
    height: 50px;\r
    color: #8DDD83;\r
    -moz-border-radius: 0px 0px 20px 20px;\r
+   min-width: 630px;\r
 }\r
 \r
 div.entete img {\r
@@ -67,80 +65,78 @@ div.entete img {
 }\r
 \r
 div.entete h1 {\r
-       float: left;     \r
-   margin-top: 10px;\r
+   float: left;     \r
+   margin-top: 8px;\r
 }\r
 \r
-div.pied {\r
-   position: fixed;\r
-   bottom: 0px;\r
-   height: 50px;\r
-   width: 90%;\r
-   background-image: url(../img/collines.png)\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 form {\r
-       float: right;\r
+div.entete form {\r
+   float: right;\r
    padding-right: 10px;\r
    padding-top: 5px;\r
+   margin-right: 30px;\r
 }\r
 \r
-div form input {\r
+div.entete form input {\r
    font-size: 16pt;\r
    background-color: #B1F1A9;\r
+   margin: 0px;\r
+   padding: 0px;\r
 }\r
 \r
-div form button {\r
+div.entete form button {\r
    position: relative;\r
-   top: -5px;\r
    height: 25px;\r
    width: 25px;\r
-   margin: 2px;\r
-   background-color: #B1F1A9;\r
    border: 0px;\r
+   background-color: #B1F1A9;\r
    background-image: url(../img/clear.png);\r
    background-position: center;\r
    background-repeat: no-repeat;\r
+   vertical-align: top;\r
 }\r
 \r
-div.contenu {\r
-   padding-top: 50px;\r
+div.entete form p {\r
+       color: black;\r
+       font-size: 7pt;\r
+       margin-top: 1px;\r
 }\r
 \r
-table#liste {\r
-       width: 100%;\r
-       border-spacing: 0px 0px;\r
-   margin-bottom:50px;\r
-}\r
-\r
-table#liste th {\r
-   background-color: #8DDD83;\r
-       padding: 3px;\r
-   font-size: 13pt;\r
+div.entete form p label {\r
+       margin-right: 4px;\r
 }\r
 \r
-table#liste th.titre {\r
-       text-align: left;\r
+div.entete form input[type='checkbox'] {\r
+       border:2px solid red;\r
 }\r
 \r
-table#liste th.annee {\r
-       width: 50px;\r
-       text-align: center;\r
-}\r
-\r
-table#liste th.duree {\r
-       width: 80px;\r
-       text-align: center;\r
+div.pied {\r
+   position: fixed;\r
+   bottom: 0px;\r
+   height: 50px;\r
+   width: 90%;\r
+   background-image: url(../img/collines.png);\r
+   z-index: 5;\r
+   min-width: 630px;\r
 }\r
 \r
-table#liste th.lien {\r
-       width: 50px;\r
-       text-align: center;\r
+div.contenu {\r
+   padding-top: 50px;\r
+   min-width: 630px;\r
 }\r
 \r
-table#liste th.fichier {\r
-       width: 50px;\r
-       text-align: center;\r
+table#liste {\r
+   width: 100%;\r
+   border-spacing: 0px 0px;\r
+   margin-bottom:50px;\r
+   margin-top: 10px;   \r
 }\r
 \r
 table#liste td {\r
@@ -151,22 +147,71 @@ table#liste td {
 \r
 table#liste td.titre {\r
        font-weight: bold;\r
+       cursor: pointer;\r
 }\r
 \r
 table#liste td.annee {\r
        text-align: right;\r
+       width: 50px;\r
 }\r
 \r
 table#liste td.duree {\r
        text-align: right;\r
+       width: 80px;\r
 }\r
 \r
 table#liste td.lien {\r
        text-align: center;\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: 12px;\r
+}\r
+\r
+table#liste td.fichier div {\r
+   position: absolute;\r
+}\r
+\r
+table#liste td.fichier a {\r
+   position: absolute;\r
+   width: 12px;\r
+   height: 20px;\r
+   display: block;\r
+   z-index: 1;\r
+   background-image: url(../img/poire1.png)\r
+}\r
+\r
+table#liste td.fichier a:hover {\r
+   width: 24px;\r
+   height: 40px;   \r
+   left: -6px;\r
+   top: -10px;\r
+   z-index: 10;\r
+   background-image: url(../img/poire2.png)\r
 }\r
 \r
 table#liste td.titre:hover {\r