commit 3ca1457564b08df61c4d78005f5b0eae156d2384
parent 23944230cbd710e75d194d336d21c8641fdac2e4
Author: Yoann Bonavero <yoann.b87@voila.fr>
Date: Thu, 3 Mar 2011 09:56:02 +0100
Nettoyage et remise en forme du CSS du site.
Diffstat:
5 files changed, 118 insertions(+), 106 deletions(-)
diff --git a/code/serveur/php/contact.php b/code/serveur/php/contact.php
@@ -56,9 +56,11 @@ if(isset($_POST['email']) && isset($_POST['subject']) && isset($_POST['message']
</head>
<body>
<?php include("ressources/menu.inc"); ?>
- <div class="content">
+ <div class="content contact">
<?php include("ressources/showmsg.inc"); ?>
+
<h2>Contact</h2>
+
<?php
if($msg != null)
if($displayForm == true)
@@ -74,7 +76,7 @@ if(isset($_POST['email']) && isset($_POST['subject']) && isset($_POST['message']
Faites-nous-en part en nous envoyant un message :
</p>
<form action="contact.php" method="POST">
- <table class="contacttbl">
+ <table>
<tr>
<td>
<label for="email">Votre mail : </label>
diff --git a/code/serveur/php/createGame.php b/code/serveur/php/createGame.php
@@ -42,7 +42,7 @@ if($err == false)
</head>
<body>
<?php include("ressources/menu.inc"); ?>
- <div class="content">
+ <div class="content creategame">
<h2>Création de parties</h2>
<?php
if(isset($_POST['nbcloudwords']) && $_POST['nbcloudwords'] > 0)
@@ -60,25 +60,25 @@ if($err == false)
echo '<span class="message success">'.$msg.'</span>';
if($state == 0) {
- echo '<table class="creategametbl">';
+ echo '<table>';
echo '<tr><td><label for="nbcloudwords"> Nombre de mots du nuage : </label></td>';
- echo '<td class="td2"><input type="text" name="nbcloudwords" /></td></tr>';
- echo '<tr><td class="td2"></td><td><input type="submit" value="suivant" /></td></tr>';
+ echo '<td><input type="text" name="nbcloudwords" /></td></tr>';
+ echo '<tr><td></td><td><input type="submit" value="suivant" /></td></tr>';
}
else {
- echo '<table class="creategametbl25">';
+ echo '<table class="wordsform">';
echo '<input type="hidden" name="nbcloudwords" value="'.$nbwords.'" />';
echo '<tr><td colspan="2"><label for="centralword">Mot central : </label><br /><br /></td>';
- echo '<td colspan="2" class="td2"><input type="text" name="centralword" /><br /><br /></td>';
+ echo '<td colspan="2" class="inputcell"><input type="text" name="centralword" /><br /><br /></td>';
for($i = 0; $i < $nbwords; $i++) {
if($i % 2 == 0) {
echo '</tr><tr><td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>';
- echo '<td class="td2"><input type="text" name="word'.$i.'" /></td>';
+ echo '<td class="inputcell"><input type="text" name="word'.$i.'" /></td>';
}
else {
echo '<td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>';
- echo '<td class="td2"><input type="text" name="word'.$i.'" /></td>';
+ echo '<td class="inputcell"><input type="text" name="word'.$i.'" /></td>';
}
}
diff --git a/code/serveur/php/login.php b/code/serveur/php/login.php
@@ -53,7 +53,7 @@ else if(isset($user) or isset($pswd))
echo '<p class="message warning">'.htmlspecialchars($msg).'</p>';
?>
<form name="loginform" method="POST" action="login.php?return=<?php echo $location; ?>">
- <table class="logintbl">
+ <table>
<tr>
<td>
<label for="loginid"> Identifiant :</label>
diff --git a/code/serveur/php/ressources/simple.css b/code/serveur/php/ressources/simple.css
@@ -1,3 +1,10 @@
+
+/* Entête de la page. */
+/*********************/
+.android {
+ font-size: 70%;
+}
+
.menu {
border-bottom : 1px solid grey;
background-color : #FFFFE0;
@@ -17,11 +24,30 @@
margin-left : 2%;
}
-#liens {
- height: 1.3em;
- padding : 0.3em 0.3em 0.1em;
+.menu #cnx {
+ float : right
+}
+
+
+
+/* Contenu de la page */
+/*********************/
+.content {
+ min-height : 80px;
+ margin: 0;
+ padding: 1em;
+ padding-top: 1.2em;
+ padding-bottom : 1.2em;
+}
+
+.content p {
+ margin-left : 2%;
}
+
+
+/* Pied de page. */
+/****************/
.footer {
margin: 0;
padding: 0.7em;
@@ -41,80 +67,95 @@
color: black;
}
-.content {
- min-height : 80px;
- margin: 0;
- padding: 1em;
- padding-top: 1.2em;
- padding-bottom : 1.2em;
+.footer a:hover,
+a:hover {
+ color: #c86;
}
-.content p {
- margin-left : 2%;
-}
-.logintbl, .contacttbl, .signuptbl, .creategametbl {
- margin-left : 4%;
-}
-.logintbl td, .contacttbl td, .signuptbl td, .creategametbl td {
- width : 50%;
- text-align : right;
- padding-left : 5px;
- padding-right : 5px;
+/* Formulaires. */
+/***************/
+form {
+ margin-left : 4em;
+ margin-top : 4ex;
+ margin-bottom : 4ex;
+ margin-right : 4em;
}
-.creategametbl25 td {
- width : 25%;
+form td:first-child {
+ vertical-align : top;
text-align : right;
- padding-left : 5px;
- padding-right : 5px;
+ padding-right : 1em;
}
-.logintbl .td2, .contacttbl .td2, .signuptbl .td2, .creategametbl .td2, .creategametbl25 .td2 {
+form td:last-child {
+ vertical-align : top;
text-align : left;
+ padding-left : 1em;
}
-.contacttbl td {
- vertical-align: top;
-}
-
-.logintbl input[type=submit], .contacttbl input[type=submit], .signuptbl input[type=submit], .creategametbl input[type=submit], .creategametbl25 input[type=submit] {
+form input[type=submit] {
display : block;
margin-left : 0px;
margin-top : 2em;
}
-.contacttbl textarea {
+.contact form textarea {
width : 200%;
height : 200px;
}
-html, body {
- padding: 0;
- margin: 0;
+.creategame td {
+ vertical-align : top;
+ text-align : right;
+ padding-left : 3em;
+ padding-right : 1em;
}
-h1 {
- color: #8b4;
- margin : 0;
- padding: 0.2em 0.5em;
+.creategame .wordsform .inputcell {
+ vertical-align : top;
+ text-align : left;
+ padding-left : 1em;
+ padding-right : 3em;
}
-h2 {
- color: #4a4;
+
+/* Téléchargement. */
+/******************/
+.downloadarea {
+ display : block;
+ margin : 3em;
+ margin-top : 2em;
}
-h3 {
- color: #484;
+#downloadlink {
+ color : black;
+ text-decoration : none;
+ font-size : 16pt;
+ background-color: #ccccff;
+ border: medium solid #5555ff;
+ border-radius: 1em;
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ padding: 0.5em;
+ padding-left : 2em;
+ padding-right : 2em;
}
-h4 {
- color: #784;
+#downloadlink:hover {
+ background-color: #5555ff;
+ color: white;
+ border-color: #ccccff;
}
-h5 {
- color: #874;
+
+
+/* Autres. */
+/**********/
+html, body {
+ padding: 0;
+ margin: 0;
}
a {
@@ -125,29 +166,32 @@ a:visited {
color: #765;
}
-.footer a:hover,
-a:hover {
- color: #c86;
+h1 {
+ color: #8b4;
+ margin : 0;
+ padding: 0.2em 0.5em;
}
+h2 {
+ color: #4a4;
+}
-
-dd {
- float:left;
- margin-left: 1em;
+h3 {
+ color: #484;
}
-dt {
- float: left;
- clear: both;
- font-weight: bold;
+h4 {
+ color: #784;
}
-h2#tache-description {
- padding-top: 0.3em;
- clear:both;
+h5 {
+ color: #874;
}
+
+
+/* Message d'informations (erreurs ou succès). */
+/**********************************************/
.message {
display : inline-block;
padding : 5px 30px;
@@ -166,37 +210,3 @@ h2#tache-description {
border : 1px dashed red;
background-color : #90FF90
}
-
-#downloadlink {
- color : black;
- text-decoration : none;
- font-size : 16pt;
- background-color: #ccccff;
- border: medium solid #5555ff;
- border-radius: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- padding: 0.5em;
- padding-left : 2em;
- padding-right : 2em;
-}
-
-#downloadlink:hover {
- background-color: #5555ff;
- color: white;
- border-color: #ccccff;
-}
-
-.downloadarea {
- display : block;
- margin : 3em;
- margin-top : 2em;
-}
-
-#cnx {
- float : right
-}
-
-.android {
- font-size: 70%;
-}
diff --git a/code/serveur/php/signup.php b/code/serveur/php/signup.php
@@ -127,7 +127,7 @@ if(count($msg) == 0 && $newpage == false)
}
?>
<form name="signupform" method="post" action="signup.php?return=<?php echo $location; ?>">
- <table class="signuptbl">
+ <table>
<tr>
<td>
<label for="signupemail">Saisissez votre adresse mail :</label>
