From 23f1135e3777f7260ed1aa4c774f1d1425af8b98 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 24 Apr 2023 20:53:10 +0200
Subject: [PATCH] >

---
 static/css/blog/index.css | 19 ++++++++++---------
 static/css/style.css      | 24 ++++++++++++------------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/static/css/blog/index.css b/static/css/blog/index.css
index 86cbf1c..0043b4c 100644
--- a/static/css/blog/index.css
+++ b/static/css/blog/index.css
@@ -68,6 +68,7 @@ footer > * {
   opacity: 0.7;
   letter-spacing: 0.15rem;
 }
+
 footer > *::before {
   content: "> ";
 }
@@ -87,14 +88,14 @@ a:hover {
 }
 
 /* Barre */
-.timeline ul {
+.timeline > ul {
   list-style-type: none;
   border-left: 2px solid var(--line);
   padding: 0px 5px;
 }
 
 /* Card */
-.timeline ul li {
+.timeline > ul > li {
   padding: 20px 20px;
   position: relative;
   cursor: pointer;
@@ -102,7 +103,7 @@ a:hover {
 }
 
 /* Dates */
-.timeline ul li span {
+.timeline > ul > li > span {
   display: inline-block;
   background-color: var(--date);
   border-radius: 25px;
@@ -111,7 +112,7 @@ a:hover {
 }
 
 /* Titles */
-.timeline ul li .content h2 > a {
+.timeline > ul > li > .content > h2 > a {
   color: var(--title-color);
   font-size: var(--font-size);
   padding-top: 5px;
@@ -119,13 +120,13 @@ a:hover {
 }
 
 /* Descriptions */
-.timeline ul li .content p {
+.timeline > ul > li > .content > p {
   padding: 5px 0px 15px 0px;
   font-size: calc(var(--font-size) - 2px);
 }
 
 /* Points côté */
-.timeline ul li:before {
+.timeline > ul > li:before {
   position: absolute;
   content: "";
   width: 10px;
@@ -138,12 +139,12 @@ a:hover {
 }
 
 /* Card hover */
-.timeline ul li:hover {
+.timeline > ul > li:hover {
   background-color: var(--bg-hover);
 }
 
 /* Point côté hover */
-.timeline ul li:hover:before {
+.timeline > ul > li:hover:before {
   background-color: var(--point-hover);
   box-shadow: 0px 0px 10px 2px var(--point-hover);
 }
@@ -152,7 +153,7 @@ a:hover {
   .timeline {
     padding: 30px 5px 30px 10px;
   }
-  .timeline ul li .content h2 > a {
+  .timeline > ul > li > .content > h2 > a {
     color: var(--title-color);
     font-size: calc(var(--font-size) - 2px);
   }
diff --git a/static/css/style.css b/static/css/style.css
index af86a6b..e002cfc 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -80,17 +80,17 @@ h1#title {
 }
 
 h2.subtitle,
-h2.subtitle a {
+h2.subtitle > a {
   color: rgb(28, 118, 236) !important;
 }
 
 h3.subsubtitle,
-#content h3.subsubtitle a {
+#content > h3.subsubtitle > a {
   text-align: left;
   color: rgb(149, 87, 201);
 }
 
-#content h3.subsubtitle a:hover {
+#content > h3.subsubtitle > a:hover {
   color: rgb(0, 181, 236);
   transition: color 0.1s;
 }
@@ -114,34 +114,34 @@ div#content {
 }
 
 #content a,
-#content a:visited,
+#content > a:visited,
 #content ul {
   text-decoration: none;
   color: rgb(201, 201, 201);
   text-align: center;
 }
 
-#content p {
+#content > p {
   text-decoration: none;
   color: rgb(201, 201, 201);
   text-align: center;
   padding: 0.7em;
 }
 
-#content a:hover {
+#content > a:hover {
   color: rgb(0, 181, 236);
   transition: color 0.1s;
 }
 
 /* https://stackoverflow.com/a/40244401/15436737 */
 
-#content a {
+#content > a {
   position: relative;
   text-decoration: none;
   display: inline-block;
 }
 
-#content a:after {
+#content > a:after {
   display: block;
   content: "";
   border-bottom: solid 3px;
@@ -150,7 +150,7 @@ div#content {
   transform-origin: 100% 50%;
 }
 
-#content a:hover:after {
+#content > a:hover:after {
   transform: scaleX(1);
   transform-origin: 0 50%;
 }
@@ -168,7 +168,7 @@ div.subcontent {
   text-align: center;
 }
 
-#listecontent li {
+#listecontent > li {
   margin-bottom: 0.5em;
 }
 
@@ -230,12 +230,12 @@ footer.backToIndexPage {
   text-align: center;
 }
 
-footer.backToIndexPage a {
+footer.backToIndexPage > a {
   color: rgb(114, 180, 76);
   text-decoration: none;
 }
 
-footer.backToIndexPage a:hover {
+footer.backToIndexPage > a:hover {
   color: rgb(152, 187, 132);
 }