css

user/themes/gilles_acezat/scss/theme/_blog.scss

@@ -1,4 +1,21 @@
 #items{
+  .cat-list{
+    padding: 0 5px;
+    ul{
+      li{
+        display: flex;
+        &::after{
+          width: 5px;
+          content: " ";
+        }
+        &:hover{
+          &::after{
+            content: "\002022";
+          }
+        }
+      }
+    }
+  }
   .full-works{
     width: 100%;
   }

user/themes/gilles_acezat/scss/theme/_header.scss

@@ -57,11 +57,11 @@ body{
 body{
   & > .item{
     header{
-      height: 100px;
+      height: 130px;
       position: relative;
       nav{
         position: absolute;
-        margin-top: 50px; /* poussé de la moitié de hauteur de viewport */
+        margin-top: 65px; /* poussé de la moitié de hauteur de viewport */
         transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
       }
       h1{

user/themes/gilles_acezat/scss/theme/_typography.scss

@@ -121,7 +121,7 @@ body{
     .tags{
         font-family: $medium;
         font-weight: normal;
-        font-size: $fs-i;
+        font-size: 0.8rem;
         text-transform: capitalize;
         a{
           color: $grey;
@@ -134,3 +134,26 @@ body{
     }
   }
 }
+
+.prev-next{
+  .title{
+    font-family: $bold;
+    font-size: $fs;
+  }
+  .tags{
+    font-family: $italic;
+    font-size: $fs!important;
+  }
+  .blog-date{
+    time{
+      font-family: $italic;
+      font-size: $fs!important;
+    }
+  }
+}
+
+.top{
+  p{
+    font-size: 0.8rem;
+  }
+}

user/themes/gilles_acezat/scss/theme/_variables.scss

@@ -9,12 +9,12 @@
 
 $fh1: 11rem;
 $fh2:3rem;
-$fh2-i: 1.3rem;
+$fh2-i: 1.1rem;
 $fh3: 1rem;
 $fh5:0.8rem;
-$fp: 1rem;
+$fp: 0.9rem;
 $fs:0.8rem;
-$fs-i: 1.3rem;
+$fs-i: 1.1rem;
 // interline
 
 //interlettre

user/themes/gilles_acezat/scss/theme/all.scss

@@ -4,9 +4,10 @@ body{
 
 header{
   .contact{
+    z-index: 9999;
     position: fixed;
-    top: 50px;
-    right: 50px;
+    top: 20px;
+    right: 40px;
     transform: scale(1);
     transition: transform 0.5s ease;
     cursor: pointer;

user/themes/gilles_acezat/scss/theme/item.scss

@@ -3,6 +3,15 @@ body{
     #body-wrapper.blog-listing{
       border-top: 1px solid black;
       padding-top: 20px;
+      .img-card{
+        width: 50%;
+        &:nth-child(odd){
+          padding-right: 10px;
+        }
+        &:nth-child(even){
+          padding-left: 10px;
+        }
+      }
       .header-item{
         position: relative;
         .title{
@@ -20,21 +29,40 @@ body{
         }
         .content{
           width: calc((100% / 3) * 2);
+          margin: 20px  0;
           .txt{
             column-count: 2;
-            margin: 20px  0;
           }
         }
         .prev-next{
-          position: absolute;
           width: calc(100% / 3);
+          padding-left: 20px;
+          position: absolute;
           top: 0;
           right: 0;
+          .btn-info{
+            position: absolute;
+            transform: rotate(-15deg);
+            margin-left: 40px;
+            margin-top: 20px;
+          }
+          img{
+            float: right;
+            width: 80%;
+          }
         }
-        .top{
-          text-align: center;
-          margin-bottom: 20px;
-        }
+      }
+    }
+    .top{
+      text-align: center;
+      margin: 20px auto 20px auto;
+      width: 50px;
+      img{
+        width: 20px;
+        margin-bottom:5px;
+      }
+      p{
+        transform: rotate(-10deg);
       }
     }
   }