MOD refactoring haskell...

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index bb631fd..c56b4ce 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -8,6 +8,7 @@ html {
    background-color: #8DDD83;\r
    height: auto;\r
    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
+   height: 100%;\r
 }\r
 \r
 a {\r
@@ -34,6 +35,7 @@ body {
    margin-right: auto;\r
    margin-top: 0px;\r
    text-align: left;\r
+   height: 100%;\r
 }\r
 \r
 h1 {\r
@@ -97,10 +99,28 @@ 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 button#boutonViderRecherche {\r
+   background-image: url(../img/clear.png);\r
+}\r
+\r
+div.entete form button#boutonToutOuvrir {\r
+   background-image: url(../img/ouvrir.png);\r
+}\r
+\r
+div.entete form button#boutonAuHasard {\r
+   background-image: url(../img/random.png);\r
 }\r
 \r
 div.entete form p {\r
@@ -113,30 +133,17 @@ div.entete form p label {
    margin-right: 4px;\r
 }\r
 \r
-div.entete form input[type='checkbox'] {\r
-   border:2px solid red;\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
-}\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
@@ -279,19 +286,50 @@ table#liste td.detail {
 }\r
 \r
 table#liste table.detail {\r
-   display:none;\r
-   width:100%;\r
+   display: none;\r
+   width: 100%;\r
    padding-bottom: 10px;\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
+   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