From 11ade09d51ac3ea4879dced9afd3593214d65a4f Mon Sep 17 00:00:00 2001
From: pyg77 <pyg@framasoft.net>
Date: Thu, 14 Mar 2013 12:51:30 +0100
Subject: [PATCH] Meilleur affichage des sondages standard

---
 choix_autre.php |  6 ++---
 style.css       | 65 +++++++++++++++++++++++++++++++++++++++++--------
 2 files changed, 58 insertions(+), 13 deletions(-)

diff --git a/choix_autre.php b/choix_autre.php
index 93a8e85..a61a473 100644
--- a/choix_autre.php
+++ b/choix_autre.php
@@ -175,8 +175,8 @@ if (issetAndNoEmpty('titre', $_SESSION) === false || issetAndNoEmpty('nom', $_SE
   //echo '<table><tr>'."\n";
   //echo '<td>'. _("Next") .'</td><td><input type="image" name="fin_sondage_autre" value="Cr&eacute;er le sondage" src="images/next-32.png"></td>'."\n";
   //echo '</tr></table>'."\n";
-  echo '<button name="fin_sondage_autre_x" value="'._('Next').'" type="submit" class="button green poursuivre"><strong>'. _('Next') . '</strong> </button>';
-  echo '<div style="clear:both"></div>';
+  //echo '<button name="fin_sondage_autre_x" value="'._('Next').'" type="submit" class="button green poursuivre"><strong>'. _('Next') . '</strong> </button>';
+  //echo '<div style="clear:both"></div>';
   
   //test de remplissage des cases
   $testremplissage = '';
@@ -206,7 +206,7 @@ if (issetAndNoEmpty('titre', $_SESSION) === false || issetAndNoEmpty('nom', $_SE
     echo '<br>'."\n";
     echo '<div class=presentationdatefin>'."\n";
     echo '<br>'. _("Your poll will be automatically removed after 6 months.<br> You can fix another removal date for it.") .'<br><br>'."\n";
-    echo _("Removal date (optional)") .' : <input type="text" name="champdatefin" value="'.$date_selected.'" size="10" maxlength="10"> '. _("(DD/MM/YYYY)") ."\n";
+    echo _("Removal date (optional)") .' : <input type="text" class="champdatefin" name="champdatefin" value="'.$date_selected.'" size="10" maxlength="10"> '. _("(DD/MM/YYYY)") ."\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";
diff --git a/style.css b/style.css
index 277b131..0011ecc 100644
--- a/style.css
+++ b/style.css
@@ -297,14 +297,15 @@ div.presentationdate {
 	border-width:1px;
 	border-style:solid;
 	border-color:#969696;
-	position:static;
+	/* position:static;
 	top:110px;
  	right:1px;
-	left:1px;
+	left:1px; */
 	margin-top:10px;
 	margin-left:15%;
 	margin-right: 15%; 
-	background-color: #FFF;
+	background-color: #EEF;
+	border-radius: 5px;
 }
 div.presentationdatefin {
 	width:90%;
@@ -317,13 +318,18 @@ div.presentationdatefin {
 	background-color: #FAFAFA;
 	border-radius: 3px; 
 }
+
+.champdatefin {
+    width: 8em !important;
+}
+
 /*cadre principal de studs.php*/
 div.cadre {
 	padding:10px; 
-	font-family:arial;
+/*	font-family:arial;
 	font-size:12px;	
 	position:static;
-	top:235px;
+	top:235px; */
 	text-align:center;
 	margin:0 auto;
 }
@@ -339,7 +345,7 @@ div.cadre table.resultats {
 }
 
 div.cadre td {
-	height:21px;
+	height:30px;
 }
 /*case de tableau OK dans affichage de sondage*/
 div.cadre td.ok {
@@ -353,10 +359,29 @@ div.cadre td.non {
 	width:35px;
 }
 /*Case de tableau VIDE dans affichage de sondage*/
-div.cadre td.vide {
+div.cadre td.vide, div.cadre td.sujet {
 	background-color: #DDDDDD; 
 	text-align:center;
 }
+
+div.cadre td.vide, div.cadre td.ok, div.cadre td.non, div.cadre td.sujet, div.cadre td.nom {
+	border-right: 1px solid #BBB !important;
+	border-bottom: 1px solid #BBB !important;
+
+}
+
+div.cadre td:hover.vide {
+    opacity: 0.6;
+}
+
+.resultats tbody tr {
+
+}
+
+.resultats tbody tr:hover {
+    opacity: 0.9;
+}
+
 /*Case de tableau contenant les noms dans affichage de sondage*/
 div.cadre td.nom {
 	background-color: #DDDDDD; 
@@ -366,6 +391,7 @@ div.cadre td.nom {
 div.cadre td.casevide {
 	background-color: white; 
 	text-align:center;
+	border: none !important;
 }
 /*les cases contenant les sommes de chaque colonne dans l'affichage de 
 calendrier*/
@@ -384,6 +410,10 @@ div.cadre td.sujet, div.cadre td.jour, div.cadre td.heure {
 	padding:1px 5px;
 }
 
+td.jour {
+    min-width: 55px;
+}
+
 div.cadre td.annee {
 	border: 2px;
 	background-color: #969696; 
@@ -465,7 +495,14 @@ p.affichageresultats{
 }
 
 div.comment{
-	width:100%;
+	
+	margin-top: 10px;
+	border-left: 1px dashed #999;
+	background: #F5F5F5;
+	padding-left: 25px;
+	padding-top: 4px;
+	padding-bottom: 4px;
+	width: inherit;
 }
 
 div.comment span.usercomment{
@@ -524,9 +561,17 @@ div.nouveau_sondage span {
 div.error, div.addcomment {
     text-align:center;
     border: 1px;
-    font-family: arial;
-    font-size: 13px;
+    /*    font-family: arial;
+    font-size: 13px; */
 }
+
+div.addcomment {
+    border-top: 1px solid #CCC;
+    padding-top: 25px;
+    background: #EFEFEF;
+    border-radius: 5px;
+}
+
 ul.exports {
   display:none; /* fonction non fonctionnelle */
     text-align:center;