MOD refactoring haskell...

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index 5f5e1bf..c56b4ce 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -5,9 +5,10 @@
 }\r
 \r
 html {\r
-       background-color: #8DDD83;\r
+   background-color: #8DDD83;\r
    height: auto;\r
    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
+   height: 100%;\r
 }\r
 \r
 a {\r
@@ -34,22 +35,23 @@ body {
    margin-right: auto;\r
    margin-top: 0px;\r
    text-align: left;\r
+   height: 100%;\r
 }\r
 \r
 h1 {\r
-       font-size: 20pt;\r
-       font-style: italic;\r
-       font-weight: bold;\r
-       margin-left: 40px;\r
+   font-size: 20pt;\r
+   font-style: italic;\r
+   font-weight: bold;\r
+   margin-left: 40px;\r
 }\r
 \r
 td {\r
-       vertical-align:top;\r
+   vertical-align:top;\r
 }\r
 \r
 div.entete {\r
    width: 90%;\r
-       position: fixed;\r
+   position: fixed;\r
    z-index: 5;\r
    background-color: #65A35D;\r
    height: 50px;\r
@@ -97,78 +99,83 @@ div.entete form button {
    width: 25px;\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
+   margin-left: 2px;\r
+}\r
+div.entete form button:hover {\r
+   background-color: #E3FBE0;\r
+}\r
+div.entete form button:active {\r
+   background-color: #FFFFFF;\r
 }\r
 \r
-div.entete form p {\r
-       color: black;\r
-       font-size: 7pt;\r
-       margin-top: 1px;\r
+div.entete form button#boutonViderRecherche {\r
+   background-image: url(../img/clear.png);\r
 }\r
 \r
-div.entete form p label {\r
-       margin-right: 4px;\r
+div.entete form button#boutonToutOuvrir {\r
+   background-image: url(../img/ouvrir.png);\r
 }\r
 \r
-div.entete form input[type='checkbox'] {\r
-       border:2px solid red;\r
+div.entete form button#boutonAuHasard {\r
+   background-image: url(../img/random.png);\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
-   z-index: 5;\r
-   min-width: 630px;\r
+div.entete form p {\r
+   color: black;\r
+   font-size: 7pt;\r
+   margin-top: 1px;\r
+}\r
+\r
+div.entete form p label {\r
+   margin-right: 4px;\r
 }\r
 \r
 div.contenu {\r
-   padding-top: 50px;\r
    min-width: 630px;\r
+   min-height: 100%;\r
+   background-color: #7BC671;\r
 }\r
 \r
 table#liste {\r
    width: 100%;\r
    border-spacing: 0px 0px;\r
-   margin-bottom:50px;\r
-   margin-top: 10px;   \r
+   margin-bottom:40px;\r
+   margin-top: 50px;   \r
 }\r
 \r
 table#liste .listeFichiers img {\r
-       position: absolute;\r
+   position: absolute;\r
     left: -9px;\r
     top: -18px;\r
 }\r
 \r
 table#liste td {\r
-   background-color: #7BC671;  \r
+   background-color: #7BC671;   \r
    color: #20531A;\r
-       padding: 3px;\r
+   padding: 3px;\r
 }\r
 \r
 table#liste td.titre {\r
-       font-weight: bold;\r
-       cursor: pointer;\r
+   font-weight: bold;\r
+   cursor: pointer;\r
 }\r
 \r
 table#liste td.annee {\r
-       text-align: right;\r
-       width: 50px;\r
+   text-align: right;\r
+   width: 50px;\r
 }\r
 \r
 table#liste td.duree {\r
-       text-align: right;\r
-       width: 80px;\r
+   text-align: right;\r
+   width: 80px;\r
 }\r
 \r
 table#liste td.lien {\r
-       text-align: center;\r
-       width: 15px;\r
+   text-align: center;\r
+   width: 15px;\r
 }\r
 \r
 table#liste td.lien div {\r
@@ -194,8 +201,8 @@ table#liste td.lien a:hover {
 }\r
 \r
 table#liste td.fichier {\r
-       text-align: center;\r
-       width: 12px;\r
+   text-align: center;\r
+   width: 12px;\r
 }\r
 \r
 table#liste td.fichier div {\r
@@ -269,28 +276,60 @@ table#liste td.fichier div ul:hover li:first-child {
 }*/\r
 \r
 table#liste td.titre:hover {\r
-    background-color: #B1F1A9; \r
-       padding: 3px;\r
+   background-color: #B1F1A9;   \r
+   padding: 3px;\r
 }\r
 \r
 table#liste td.detail {\r
-   background-color: #8DDD83;  \r
-       padding: 0px 0px 0px 0px;\r
+   background-color: #8DDD83;   \r
+   padding: 0px 0px 0px 0px;\r
 }\r
 \r
 table#liste table.detail {\r
-       display:none;\r
+   display: none;\r
+   width: 100%;\r
    padding-bottom: 10px;\r
-       border-spacing: 0px 0px;\r
+   border-spacing: 0px 0px;\r
 }\r
 \r
 table#liste table.detail td {\r
-       padding: 3px;   \r
    background-color: #B1F1A9;\r
+   padding: 5px 5px 5px 5px;\r
 }\r
 \r
+table#liste table.detail td.affichette {\r
+   width: 0px;\r
+   padding: 4px;\r
+}\r
 table#liste table.detail td.titreDetail {\r
-       font-weight: bold;\r
+   font-weight: bold;\r
+   width: 0px;\r
+}\r
+table#liste table.detail td.detail {\r
+   width: 100%;\r
+   padding-left: 10px;\r
 }\r
 \r
+div.pied {\r
+   position: fixed;\r
+   bottom: 0px;\r
+   height: 20px;\r
+   width: 90%;\r
+   z-index: 5;\r
+   min-width: 630px;\r
+   padding-top: 10px;\r
+   background-color: #65A35D;\r
+   font-size: 10pt;\r
+   -moz-border-radius: 20px 20px 0px 0px;\r
+}\r
+\r
+div.pied span#tempsRecherche, div.pied span#by {\r
+       margin-left: 10px;\r
+       margin-right: 10px\r
+}\r
+\r
+div.pied a {\r
+   margin-left: 10px;\r
+   margin-right: 10px\r
+}\r
 \r