ADD Images (img)

[pompage.git] / css / yopyop.css

diff --git a/css/yopyop.css b/css/yopyop.css
index 07ebd42..6f9e440 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -1,13 +1,38 @@
 * {\r
-    margin: 0;\r
-    padding: 0;\r
-    border-width: 0;\r
-    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
-    color: #000000;\r
+   margin: 0;\r
+   padding: 0;\r
+   border-width: 0;\r
+}\r
+\r
+html {\r
+       background-color: #8DDD83;\r
+   height: auto;\r
+   font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
+}\r
+\r
+a {\r
+   text-decoration: none;\r
+}\r
+a:link {\r
+   color: #51874A;\r
+}\r
+a:visited {\r
+   color: #51874A;\r
+}\r
+a:hover {\r
+   color: #5DDF4C;\r
+}\r
+a:active {\r
+   color: #5DDF4C;\r
 }\r
 \r
 body {\r
-       background-color: #DDDDDD;\r
+   width: 90%;\r
+   height: auto;\r
+   margin-left: auto;\r
+   margin-right: auto;\r
+   margin-top: 0px;\r
+   text-align: left;\r
 }\r
 \r
 h1 {\r
@@ -26,14 +51,72 @@ td {
        vertical-align:top;\r
 }\r
 \r
+div.entete {\r
+   width: 90%;\r
+       position: fixed;\r
+   background-color: #65A35D;\r
+   height: 50px;\r
+   color: #8DDD83;\r
+   -moz-border-radius: 0px 0px 20px 20px;\r
+}\r
+\r
+div.entete img {\r
+   position: absolute;\r
+   left: 180px;\r
+   top: -3px;\r
+}\r
+\r
+div.entete h1 {\r
+       float: left;     \r
+   margin-top: 10px;\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
+}\r
+\r
+div form {\r
+       float: right;\r
+   padding-right: 10px;\r
+   padding-top: 5px;\r
+}\r
+\r
+div form input {\r
+   font-size: 16pt;\r
+   background-color: #B1F1A9;\r
+}\r
+\r
+div 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-image: url(../img/clear.png);\r
+   background-position: center;\r
+   background-repeat: no-repeat;\r
+}\r
+\r
+div.contenu {\r
+   padding-top: 50px;\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: #9999DD; \r
+   background-color: #8DDD83;\r
        padding: 3px;\r
+   font-size: 13pt;\r
 }\r
 \r
 table#liste th.titre {\r
@@ -42,22 +125,27 @@ table#liste th.titre {
 \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
 }\r
 \r
 table#liste th.lien {\r
        width: 50px;\r
+       text-align: center;\r
 }\r
 \r
 table#liste th.fichier {\r
        width: 50px;\r
+       text-align: center;\r
 }\r
 \r
 table#liste td {\r
-    background-color: #BBBBEE; \r
+   background-color: #7BC671;  \r
+   color: #20531A;\r
        padding: 3px;\r
 }\r
 \r
@@ -82,24 +170,24 @@ table#liste td.fichier {
 }\r
 \r
 table#liste td.titre:hover {\r
-    background-color: #CCCCFF; \r
+    background-color: #B1F1A9; \r
        padding: 3px;\r
 }\r
 \r
 table#liste td.detail {\r
-    background-color: #FFFFFF; \r
+   background-color: #8DDD83;  \r
        padding: 0px 0px 0px 0px;\r
 }\r
 \r
 table#liste table.detail {\r
-       visibility:hidden;\r
-       position:absolute;\r
+       display:none;\r
+   padding-bottom: 10px;\r
        border-spacing: 0px 0px;\r
 }\r
 \r
 table#liste table.detail td {\r
        padding: 3px;   \r
-    background-color: #DDDDFF;\r
+   background-color: #B1F1A9;\r
 }\r
 \r
 table#liste table.detail td.titreDetail {\r