From 3c3729cade2b0d906eda3e25ae6f1c580f87e6c7 Mon Sep 17 00:00:00 2001
From: pyg77 <pyg@framasoft.net>
Date: Wed, 13 Mar 2013 19:15:21 +0100
Subject: [PATCH] Meilleur affichage de sondage par date

---
 choix_date.php |  4 ++--
 style.css      | 65 +++++++++++++++++++++++++++++---------------------
 2 files changed, 40 insertions(+), 29 deletions(-)

diff --git a/choix_date.php b/choix_date.php
index 0349ef7..ff1ae04 100644
--- a/choix_date.php
+++ b/choix_date.php
@@ -244,7 +244,7 @@ if (!issetAndNoEmpty('nom', $_SESSION) && !issetAndNoEmpty('adresse', $_SESSION)
   //debut du tableau qui affiche le calendrier
   echo '<div class=calendrier>'."\n";
   echo '<table align=center>'."\n";
-  echo '<tr><td><input type="image" name="anneeavant" value="<<" src="images/rewind.png"></td><td><input type="image" name="moisavant" value="<" src="images/previous.png"></td><td width="150px" align="center"> '.$motmois.' '.$_SESSION["annee"].' </td><td><input type="image" name="moisapres" value=">" src="images/next.png"></td><td><input type="image" name="anneeapres" value=">>" src="images/fforward.png"></td><td></td><td></td><td></td><td></td><td></td><td><input type="image" name="retourmois" value="Aujourd\'hui" src="images/reload.png"></td></tr>'."\n";
+  echo '<tr><td><input type="image" name="anneeavant" value="<<" src="images/rewind.png"></td><td><input type="image" name="moisavant" value="<" src="images/previous.png"></td><td align="center" class="choix_date_mois"> '.$motmois.' '.$_SESSION["annee"].' </td><td><input type="image" name="moisapres" value=">" src="images/next.png"></td><td><input type="image" name="anneeapres" value=">>" src="images/fforward.png"></td><td></td><td></td><td></td><td></td><td></td><td><input type="image" name="retourmois" value="Aujourd\'hui" src="images/reload.png"></td></tr>'."\n";
   echo '</table>'."\n";
   echo '<table>'."\n";
   echo '<tr>'."\n";
@@ -576,7 +576,7 @@ if (!issetAndNoEmpty('nom', $_SESSION) && !issetAndNoEmpty('adresse', $_SESSION)
     echo '<br><div class="presentationdatefin">'. _("Your poll will expire automatically 2 days after the last date of your poll.") .'<br></td></tr><tr><td><br>'. _("Removal date") .' : <b> '.$date_fin.'</b><br><br>'."\n";
     echo '</div>'."\n";
     echo '<div class="presentationdatefin">'."\n";
-    echo '<font color="#FF0000">'. _("Once you have confirmed the creation of your poll, you will be automatically redirected on the page of your poll. <br><br>Then, you will receive quickly an email contening the link to your poll for sending it to the voters.") .'</font>'."\n";
+    echo '<font color="#DD0000">'. _("Once you have confirmed the creation of your poll, you will be automatically redirected on the page of your poll. <br><br>Then, you will receive quickly an email contening the link to your poll for sending it to the voters.") .'</font>'."\n";
     echo'</div>'."\n";
     // echo'<p class=affichageexport>'."\n";
     // echo 'Pour finir la cr&eacute;ation du sondage, cliquez sur le bouton <img src="images/add-16.png" alt="ajout"> ci-dessous'."\n";
diff --git a/style.css b/style.css
index 8c4f8f7..277b131 100644
--- a/style.css
+++ b/style.css
@@ -211,7 +211,6 @@ span.sousbandeaulangue {
 
 .corps {
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
-   font-size: 14px;
    /* left: 20px; */
    margin-left: auto;
    margin-right: auto;
@@ -233,7 +232,7 @@ span.sousbandeaulangue {
 
 
 div.corps  table{
-	font-size:12px;
+	/* font-size:12px; */
 }
 div.corpscentre{ 
 	font-size:12px;
@@ -273,13 +272,16 @@ div.jourschoisis {
 /*presenation des pages*/
 div.bodydate {
 	padding:10px;
-	font-family:arial;
+	text-align:center;
+/*	font-family:arial;
 	font-size:12px;	
 	text-align:center;
 	position:static;
 	top:330px;
 	left:20px;
 	right:20px;
+	
+*/
 }
 div.bodydate table{
 	font-family:arial;
@@ -288,7 +290,7 @@ div.bodydate table{
 }
 /*cadre de commentaires*/
 div.presentationdate {
-	width:40%;
+	width:70%;
 	font-family:arial;
 	text-align:center;
 	font-size:12px;	
@@ -300,22 +302,20 @@ div.presentationdate {
  	right:1px;
 	left:1px;
 	margin-top:10px;
-	margin-left:30%;
-	margin-right: 30%; 
+	margin-left:15%;
+	margin-right: 15%; 
 	background-color: #FFF;
 }
 div.presentationdatefin {
-	width:60%;
+	width:90%;
 	padding:10px;
-	font-family:arial;
 	text-align:center;
-	font-size:12px;	
-	border-width:1px;
-	border-style:solid;
+	border:solid 1px #CCCCCC;
 	margin-top: 10px;
-	margin-left: 20%;
-    margin-right: 20%; 
-	position:static;
+	margin-left: 5%;
+	margin-right: 5%;
+	background-color: #FAFAFA;
+	border-radius: 3px; 
 }
 /*cadre principal de studs.php*/
 div.cadre {
@@ -367,7 +367,8 @@ div.cadre td.casevide {
 	background-color: white; 
 	text-align:center;
 }
-/*les cases contenant les sommes de chaque colonne dans l'affichage de calendrier*/
+/*les cases contenant les sommes de chaque colonne dans l'affichage de 
+calendrier*/
 div.cadre td.somme {
 	background-color: white; 
 	font-weight:  bold;
@@ -401,23 +402,29 @@ div.cadre td.mois {
 /*affichage du calendrier*/
 div.calendrier {
 	padding:10px;
-	background-color: #CCC;
-	width:490px;
-	font-size:12px;
-	font-family:arial;
+	background-color: #CCF;
+	width:650px;
     margin-left: auto;
     margin-right: auto;
 	position:static;
 	border-radius: 10px;
 }
+
+div.calendrier td {
+    height: 40px;
+}
+
+div.calendrier td:hover {
+    opacity: 0.6;
+}
+
 /*jour de la semaine dans calendrier*/
 div.calendrier td.joursemaine {
-	width:65px;
+	width:91px;
 	text-align: center;
-	font-family:arial;
-	font-size:14px;
 	border: 2px;
 	background-color: white; 
+	height: 40px;
 }
 div.calendrier td.jourwe {
 	width:65px;
@@ -429,7 +436,7 @@ div.calendrier td.jourwe {
 }
 /*jour avant le premier jour du mois dans calendrier*/
 div.calendrier td.avant {
-	width:65px;
+	/* width:65px; */ /* inutile car fixé par .joursemaine */
 	text-align: center;
 	border: 2px;
 	font-family:arial;
@@ -438,14 +445,14 @@ div.calendrier td.avant {
 }
 /*jour libre dans calendrier*/
 div.calendrier td.libre {
-	width:65px;
+	/* width:65px; */ /* inutile car fixé par .joursemaine */
 	text-align: center;
 	border: 2px;
 	background-color: #66FF99; 
 }
 /*jour deja selectionné dans calendrier*/
 div.calendrier td.choisi {
-	width:65px;
+	/* width:65px; */ /* inutile car fixé par .joursemaine */
 	text-align: center;
 	border: 2px;
 	background-color: #54ADF7;
@@ -479,11 +486,15 @@ div.titregestionadmin{
 	padding:10px;
 }
 
+.choix_date_mois {
+    width: 190px;
+    font-weight: bold;
+    font-size: larger;
+}
 
 .bouton {
-	width: 65px;
 	border:0px;
-	padding:0px 0 0 0;
+	padding: 12px 30px 6px;
 	margin:0px;
 	cursor:pointer;
 	font-family:arial;