nouveau css page d'acceuil

Vue/Vue.php

@@ -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">

Vue/style/style_accueil.css

@@ -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