Nettoyage et remise en forme du CSS du site.

This commit is contained in:
Yoann Bonavero 2011-03-03 09:56:02 +01:00
parent 23944230cb
commit 3ca1457564
5 changed files with 120 additions and 108 deletions

View File

@ -56,9 +56,11 @@ if(isset($_POST['email']) && isset($_POST['subject']) && isset($_POST['message']
</head> </head>
<body> <body>
<?php include("ressources/menu.inc"); ?> <?php include("ressources/menu.inc"); ?>
<div class="content"> <div class="content contact">
<?php include("ressources/showmsg.inc"); ?> <?php include("ressources/showmsg.inc"); ?>
<h2>Contact</h2> <h2>Contact</h2>
<?php <?php
if($msg != null) if($msg != null)
if($displayForm == true) 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&nbsp;: Faites-nous-en part en nous envoyant un message&nbsp;:
</p> </p>
<form action="contact.php" method="POST"> <form action="contact.php" method="POST">
<table class="contacttbl"> <table>
<tr> <tr>
<td> <td>
<label for="email">Votre mail&nbsp;: </label> <label for="email">Votre mail&nbsp;: </label>

View File

@ -42,7 +42,7 @@ if($err == false)
</head> </head>
<body> <body>
<?php include("ressources/menu.inc"); ?> <?php include("ressources/menu.inc"); ?>
<div class="content"> <div class="content creategame">
<h2>Création de parties</h2> <h2>Création de parties</h2>
<?php <?php
if(isset($_POST['nbcloudwords']) && $_POST['nbcloudwords'] > 0) if(isset($_POST['nbcloudwords']) && $_POST['nbcloudwords'] > 0)
@ -60,25 +60,25 @@ if($err == false)
echo '<span class="message success">'.$msg.'</span>'; echo '<span class="message success">'.$msg.'</span>';
if($state == 0) { if($state == 0) {
echo '<table class="creategametbl">'; echo '<table>';
echo '<tr><td><label for="nbcloudwords"> Nombre de mots du nuage : </label></td>'; 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 '<td><input type="text" name="nbcloudwords" /></td></tr>';
echo '<tr><td class="td2"></td><td><input type="submit" value="suivant" /></td></tr>'; echo '<tr><td></td><td><input type="submit" value="suivant" /></td></tr>';
} }
else { else {
echo '<table class="creategametbl25">'; echo '<table class="wordsform">';
echo '<input type="hidden" name="nbcloudwords" value="'.$nbwords.'" />'; echo '<input type="hidden" name="nbcloudwords" value="'.$nbwords.'" />';
echo '<tr><td colspan="2"><label for="centralword">Mot central : </label><br /><br /></td>'; 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++) { for($i = 0; $i < $nbwords; $i++) {
if($i % 2 == 0) { if($i % 2 == 0) {
echo '</tr><tr><td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>'; 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 { else {
echo '<td><label for="word'.$i.'">Mot '.($i+1).' : </label></td>'; 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>';
} }
} }

View File

@ -53,7 +53,7 @@ else if(isset($user) or isset($pswd))
echo '<p class="message warning">'.htmlspecialchars($msg).'</p>'; echo '<p class="message warning">'.htmlspecialchars($msg).'</p>';
?> ?>
<form name="loginform" method="POST" action="login.php?return=<?php echo $location; ?>"> <form name="loginform" method="POST" action="login.php?return=<?php echo $location; ?>">
<table class="logintbl"> <table>
<tr> <tr>
<td> <td>
<label for="loginid"> Identifiant&nbsp;:</label> <label for="loginid"> Identifiant&nbsp;:</label>

View File

@ -1,3 +1,10 @@
/* Entête de la page. */
/*********************/
.android {
font-size: 70%;
}
.menu { .menu {
border-bottom : 1px solid grey; border-bottom : 1px solid grey;
background-color : #FFFFE0; background-color : #FFFFE0;
@ -17,11 +24,30 @@
margin-left : 2%; margin-left : 2%;
} }
#liens { .menu #cnx {
height: 1.3em; float : right
padding : 0.3em 0.3em 0.1em;
} }
/* 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 { .footer {
margin: 0; margin: 0;
padding: 0.7em; padding: 0.7em;
@ -41,60 +67,105 @@
color: black; color: black;
} }
.content { .footer a:hover,
min-height : 80px; a:hover {
margin: 0; color: #c86;
padding: 1em;
padding-top: 1.2em;
padding-bottom : 1.2em;
} }
.content p {
margin-left : 2%;
/* Formulaires. */
/***************/
form {
margin-left : 4em;
margin-top : 4ex;
margin-bottom : 4ex;
margin-right : 4em;
} }
.logintbl, .contacttbl, .signuptbl, .creategametbl { form td:first-child {
margin-left : 4%; vertical-align : top;
}
.logintbl td, .contacttbl td, .signuptbl td, .creategametbl td {
width : 50%;
text-align : right; text-align : right;
padding-left : 5px; padding-right : 1em;
padding-right : 5px;
} }
.creategametbl25 td { form td:last-child {
width : 25%; vertical-align : top;
text-align : right;
padding-left : 5px;
padding-right : 5px;
}
.logintbl .td2, .contacttbl .td2, .signuptbl .td2, .creategametbl .td2, .creategametbl25 .td2 {
text-align : left; text-align : left;
padding-left : 1em;
} }
.contacttbl td { form input[type=submit] {
vertical-align: top;
}
.logintbl input[type=submit], .contacttbl input[type=submit], .signuptbl input[type=submit], .creategametbl input[type=submit], .creategametbl25 input[type=submit] {
display : block; display : block;
margin-left : 0px; margin-left : 0px;
margin-top : 2em; margin-top : 2em;
} }
.contacttbl textarea { .contact form textarea {
width : 200%; width : 200%;
height : 200px; height : 200px;
} }
.creategame td {
vertical-align : top;
text-align : right;
padding-left : 3em;
padding-right : 1em;
}
.creategame .wordsform .inputcell {
vertical-align : top;
text-align : left;
padding-left : 1em;
padding-right : 3em;
}
/* Téléchargement. */
/******************/
.downloadarea {
display : block;
margin : 3em;
margin-top : 2em;
}
#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;
}
/* Autres. */
/**********/
html, body { html, body {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
a {
color: darkgreen;
}
a:visited {
color: #765;
}
h1 { h1 {
color: #8b4; color: #8b4;
margin : 0; margin : 0;
@ -117,37 +188,10 @@ h5 {
color: #874; color: #874;
} }
a {
color: darkgreen;
}
a:visited {
color: #765;
}
.footer a:hover,
a:hover {
color: #c86;
}
/* Message d'informations (erreurs ou succès). */
dd { /**********************************************/
float:left;
margin-left: 1em;
}
dt {
float: left;
clear: both;
font-weight: bold;
}
h2#tache-description {
padding-top: 0.3em;
clear:both;
}
.message { .message {
display : inline-block; display : inline-block;
padding : 5px 30px; padding : 5px 30px;
@ -166,37 +210,3 @@ h2#tache-description {
border : 1px dashed red; border : 1px dashed red;
background-color : #90FF90 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%;
}

View File

@ -127,7 +127,7 @@ if(count($msg) == 0 && $newpage == false)
} }
?> ?>
<form name="signupform" method="post" action="signup.php?return=<?php echo $location; ?>"> <form name="signupform" method="post" action="signup.php?return=<?php echo $location; ?>">
<table class="signuptbl"> <table>
<tr> <tr>
<td> <td>
<label for="signupemail">Saisissez votre adresse mail&nbsp;:</label> <label for="signupemail">Saisissez votre adresse mail&nbsp;:</label>