Commit 243dd42b authored by Clement GAUDUCHEAU's avatar Clement GAUDUCHEAU
Browse files

nouveau css page d'acceuil

parent 389e0afe
......@@ -73,13 +73,13 @@
</div>
</div>
<div id="div2">
<div id="citation_jour">
<div id="citation_aleatoire">
<h2 class="titre">Citation Aléatoire</h2>
<li class="citation_recherchee" style="list-style-type:none;">
<div class="titre">
<div class="auteurAleatoire">
<p> <?php echo $citationAleatoire[0]["nom_auteur"]?></p>
</div>
<div class="texte">
<div class="texteAleatoire">
<p> <?php echo $citationAleatoire[0]["contenu"]?></p>
</div>
<div class="infos">
......@@ -108,7 +108,7 @@
</table>
</div>
</div>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
<footer>
<p>Posted by: Medjo Johann, Dormeval Charles, Gauducheau Clément and Bosshardt Arthur</p></br>
<p>Contact information: <a href="mailto:arthur.bosshardt@gmail.com">
......
......@@ -103,21 +103,21 @@ p {
#div2 {
color: #2c2a2a;
margin-left: 5%;
margin-top: 50px;
margin-top: 5%;
position: relative;
width: 90%;
height: 200px;
height: 100%;
}
#citation_jour {
#citation_aleatoire {
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:grey;
position: absolute;
position: relative;
font-family: Muli;
float: left;
width: 48%;
height: 100%;
height: 200%;
background-color: #E1DDD7;
}
......@@ -125,7 +125,7 @@ p {
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:grey;
position: absolute;
position: relative;
font-family: Muli;
width: 48%;
height: 100%;
......@@ -137,7 +137,7 @@ p {
padding: 2%;
font-family: 'Julius Sans One', sans-serif;
color: #2c2a2a;
font-size: 200%;
font-size: 150%;
text-transform: uppercase;
}
......@@ -158,16 +158,14 @@ td {
height: 60px;
}
#citation_jour p {
#citation_aleatoire p {
padding: 0% 10% 0% 10%;
display: inherit;
text-align: justify;
font-style: italic;
}
#citation_jour p span{
font-size: 40px;
}
#infos {
position: absolute;
......@@ -229,5 +227,29 @@ textarea {
.auteursFrequents{
font-size: medium;
font-size: 80%;
}
.auteurAleatoire{
font-size:150%;
text-align:left;
margin-bottom: 3%;
}
.texteAleatoire{
font-size:90%;
margin-bottom: 3%;
text-indent: 3%;
}
.infos{
font-size:100%;
float:right;
margin-right:5%;
margin-bottom: 3%;
}
#nuage a:hover{
font-weight: bold;
font-size: 1em;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment