From 6eef3ab00319ce9e1cdf07894dbbe248577776ae Mon Sep 17 00:00:00 2001
From: Adrien Bourmault <neox@os-k.eu>
Date: Wed, 13 Apr 2022 23:54:06 +0200
Subject: [PATCH] Corrections de marges et version mobile

---
 styles.css | 73 +++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 47 insertions(+), 26 deletions(-)

diff --git a/styles.css b/styles.css
index eb59091..8d6d2c0 100644
--- a/styles.css
+++ b/styles.css
@@ -45,6 +45,14 @@ title {
    display:                none;
 }
 
+head {
+   display:                none;
+}
+
+style {
+   display:none;
+}
+
 body {
    color:                  var(--chalec_black);
    background:             var(--chalec_white);
@@ -73,7 +81,7 @@ article {
 }
 
 aside {
-   margin: 10px;
+   margin: 30px;
    flex-basis: 30%;
 }
 
@@ -97,8 +105,8 @@ header {
 #chalec_banner,
 #chalec_footer {
    display:                 flex;
-   height:                  300px;
-   width:                   100%;
+   height:                  auto;
+   width:                   auto;
    padding:                 20px 25px;
 }
 
@@ -121,19 +129,19 @@ header {
    flex-direction:          column;
    align-items:              center;
    place-content:           baseline center;
-   padding:                 20px
 }
 
 #chalec_site-titles h2 {
    font-weight:             normal;
    color:                   var(--chalec_red);
    font-size:               130%;
+   margin-top:              15px;
 }
 
 #chalec_site-name a {
    color:                   var(--chalec_yellow);
    font-weight:             bold;
-   font-size:               300%;
+   font-size:               300%;   
 }
 
 #chalec_site-name a:hover {
@@ -163,6 +171,8 @@ footer {
    font-size:               130%;
    color:                   var(--chalec_yellow);
    font-weight:             bold;
+   margin-top:              0px;
+   margin-left:             0px;
 }
 
 #chalec_footer {
@@ -183,14 +193,17 @@ footer {
 }
 
 div#chalec_copyright {
-   font-size:               90%;
-   flex-basis:              25%;
+   font-size:               100%;
+   flex-basis:              30%;
+   margin-left:             -100px;
 }
 
 div#chalec_infos {
-   flex-basis:              75%;
-   font-size:               105%;
+   flex-basis:              70%;
+   font-size:               100%;
+   margin:                  0px 110px 0px 0px;
 }
+
 .chalec_list-cr {
    display:                 block;
    margin:                  0 0 5px 25px;
@@ -264,7 +277,6 @@ div#chalec_infos {
   text-align:               left;
   float:                    right;
   top:                      -10px;
-  right:                    10px;
   padding:                  5px;
   font-size:                82%;
 }
@@ -526,30 +538,31 @@ h1,h2,h3,h4,h5,h6 {
       font-size:           130%;
       margin-top:          30px;
       margin-bottom:       5px;
+      margin-left:         20px;
    }
    h2 {
       font-size:           125%;
-      margin-left:         30px;
+      margin-left:         20px;
       margin-top:          30px;
       margin-bottom:       5px;
    }
    h3 {
       font-size:           120%;
-      margin-left:         40px;
+      margin-left:         20px;
       margin-top:          30px;
       margin-bottom:       5px;
    }
    h4 {
       font-size:           115%;
-      margin-left:         50px;
+      margin-left:         20px;
    }
    h5 {
       font-size:           110%;
-      margin-left:         60px;
+      margin-left:         20px;
    }
    h6 {
       font-size:           105%;
-      margin-left:         75px;
+      margin-left:         20px;
    }
 
 /*
@@ -561,7 +574,7 @@ h1,h2,h3,h4,h5,h6 {
 
    section#chalec_page-wrapper {
     display:                block;
-    margin:                 0 25px;
+    margin:                 10px 25px;
   }
  
    aside#chalec_sidebar {
@@ -573,7 +586,11 @@ h1,h2,h3,h4,h5,h6 {
    }
    
    div#chalec_metas {
-      margin:                       10px -10px 0px 0px;
+      margin:                       0px -10px 0px 0px;
+   }
+   
+   article {
+      margin-top: 20px;
    }
    
    article#chalec_index {
@@ -587,7 +604,7 @@ h1,h2,h3,h4,h5,h6 {
    
    #chalec_footer .chalec_paragraph{
       margin-bottom: 30px;
-      font-size: 80%;
+      font-size: 90%;
       border:                       2px solid var(--chalec_yellow);
       border-top : unset;
       border-left: unset;
@@ -596,10 +613,11 @@ h1,h2,h3,h4,h5,h6 {
    }
    
    #chalec_footer  h1 {
-      margin-top: 10px;
+      margin-top: 0px;
       font-size: 115%;
       padding: 15px;
       margin-bottom: -20px;
+      font-size: 120%
    }
    
    #chalec_footer li {
@@ -614,24 +632,27 @@ h1,h2,h3,h4,h5,h6 {
    #chalec_site-logo img {
       all: unset;
       display: inline-block;
-      float: left;
-      position: relative;
       width:                   100%;
-      height:                  35%;
+      height:                  160px;
    }
    
    #chalec_site-name a {
-      margin-top: -30px;
+      margin-top: -50px;
       position: relative;
       float: left;
       font-size: 3rem;
    }
    
+   #chalec_site-titles h2 {
+   font-weight:             normal;
+   color:                   var(--chalec_red);
+   font-size:               130%;
+   margin-top:              15px;
+   margin-bottom:           5px;
+   }
+   
 
    #chalec_site-name a:hover {
-      margin-top: -30px;
-      margin-bottom: -20px;
-      position: relative;
       float: left;
       font-size: 3rem;
    }