X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2Fyopyop.css;h=122c0d82745bd5a3cf0f771704fcf751297974ba;hb=5994f8f0dab3e0f66bd8107536e9cbccd208be40;hp=13c59a8755f175647ef785489fd211d000e38128;hpb=e3d8a82d6bbb87c6f6d45339be6d2fd85aebadd7;p=pompage.git

diff --git a/css/yopyop.css b/css/yopyop.css
index 13c59a8..122c0d8 100644
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -1,8 +1,213 @@
 * {
-    margin: 0;
-    padding: 0;
-    border-width: 0;
-    font: normal 11px Verdana, Helvetica, Arial, sans-serif;
-    color: #000;
-    background-color: #FFF;
-}
\ No newline at end of file
+   margin: 0;
+   padding: 0;
+   border-width: 0;
+}
+
+html {
+	background-color: #8DDD83;
+   height: auto;
+   font: normal 12pt Arial, Verdana, Helvetica, sans-serif;
+}
+
+a {
+   text-decoration: none;
+}
+a:link {
+   color: #51874A;
+}
+a:visited {
+   color: #51874A;
+}
+a:hover {
+   color: #5DDF4C;
+}
+a:active {
+   color: #5DDF4C;
+}
+
+body {
+   width: 90%;
+   height: auto;
+   margin-left: auto;
+   margin-right: auto;
+   margin-top: 0px;
+   text-align: left;
+}
+
+h1 {
+	font-size: 20pt;
+	font-style: italic;
+	font-weight: bold;
+	margin-left: 40px;
+}
+
+th {
+	font-size: 14pt;
+	font-weight: bold;	
+}
+
+td {
+	vertical-align:top;
+}
+
+div.entete {
+   width: 90%;
+	position: fixed;
+   background-color: #65A35D;
+   height: 50px;
+   color: #8DDD83;
+   -moz-border-radius: 0px 0px 20px 20px;
+}
+
+div.entete img {
+   position: absolute;
+   left: 180px;
+   top: -3px;
+}
+
+div.entete h1 {
+	float: left;     
+   margin-top: 8px;
+}
+
+div.entete form {
+   float: right;
+   padding-right: 10px;
+   padding-top: 5px;
+   margin-right: 30px;
+}
+
+div.entete form input {
+   font-size: 16pt;
+   background-color: #B1F1A9;
+   margin: 0px;
+   padding: 0px;
+}
+
+div.entete form button {
+   position: relative;
+   height: 25px;
+   width: 25px;
+   border: 0px;
+   background-color: #B1F1A9;
+   background-image: url(../img/clear.png);
+   background-position: center;
+   background-repeat: no-repeat;
+   vertical-align: top;
+}
+
+div.entete form p {
+	color: black;
+	font-size: 7pt;
+	margin-top: 1px;
+}
+
+div.entete form p label {
+	margin-right: 4px;
+}
+
+div.entete form input[type='checkbox'] {
+	border:2px solid red;
+}
+
+div.pied {
+   position: fixed;
+   bottom: 0px;
+   height: 50px;
+   width: 90%;
+   background-image: url(../img/collines.png)
+}
+
+div.contenu {
+   padding-top: 50px;
+}
+
+table#liste {
+	width: 100%;
+	border-spacing: 0px 0px;
+   margin-bottom:50px;
+}
+
+table#liste th {
+   background-color: #8DDD83;
+	padding: 3px;
+   font-size: 13pt;
+}
+
+table#liste th.titre {
+	text-align: left;
+}
+
+table#liste th.annee {
+	width: 50px;
+	text-align: center;
+}
+
+table#liste th.duree {
+	width: 80px;
+	text-align: center;
+}
+
+table#liste th.lien {
+	width: 50px;
+	text-align: center;
+}
+
+table#liste th.fichier {
+	width: 50px;
+	text-align: center;
+}
+
+table#liste td {
+   background-color: #7BC671;	
+   color: #20531A;
+	padding: 3px;
+}
+
+table#liste td.titre {
+	font-weight: bold;
+}
+
+table#liste td.annee {
+	text-align: right;
+}
+
+table#liste td.duree {
+	text-align: right;
+}
+
+table#liste td.lien {
+	text-align: center;
+}
+
+table#liste td.fichier {
+	text-align: center;
+}
+
+table#liste td.titre:hover {
+    background-color: #B1F1A9;	
+	padding: 3px;
+}
+
+table#liste td.detail {
+   background-color: #8DDD83;	
+	padding: 0px 0px 0px 0px;
+}
+
+table#liste table.detail {
+	display:none;
+   padding-bottom: 10px;
+	border-spacing: 0px 0px;
+}
+
+table#liste table.detail td {
+	padding: 3px;	
+   background-color: #B1F1A9;
+}
+
+table#liste table.detail td.titreDetail {
+	font-weight: bold;
+}
+
+