avant corrections

resources/styles/app.css

@@ -28,7 +28,6 @@
         url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.woff2") format("woff2"),
         url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.otf") format("otf");
         font-style: normal;
-    
       }
       
       @font-face {
@@ -47,5 +46,163 @@
         font-style: italic;
       }
 
-            
+      #wpadminbar {
+        display: none;
+      }
+      
+      thead::after {
+        content: '';
+        display: block;
+        position: fixed;
+        width: 100px;
+        height: 80px;
+        background-color: #010d19;
+        top: 100px;
+        left: 83.3333vw;
+        z-index: 10;
+      }
+
+      .isContentPart td:last-of-type {
+        position: absolute;
+        width: auto !important;
+        padding: 0;
+        right: 14vw;
+        height: auto;
+        display: flex;
+        align-items: center;
+        padding-bottom: 0.75rem;
+      }
+
+      .isContentPart td:last-of-type a {
+        font-size: 1.1rem;
+        opacity: 0.4;
+        transition: opacity 0.2s ease-in;
+      }
+
+      .isContentPart td:last-of-type a:hover {
+        opacity: 1 !important;
+      }
+
+      .isContentPart:hover td:last-of-type a {
+        opacity: 0.7;
+      }
+
+      em {
+        font-family: "Libre_Caslon";
+        font-style: italic;
+      }
+
+      .xoo-el-sidebar {
+        max-width: 50%;
+        background-color: #eee;
+      }
+
+      .xoo-el-sidebar p {
+        padding: 40px 40px;
+        color: 010d19;
+      }
+
+      #about_popup {
+        z-index: 10;
+        position: fixed;
+        top: 0;
+        left: 0;
+        display: none;
+        opacity: 0;
+        width: 100vw;
+        height: 100vh;
+        align-items: center;
+        justify-content: center;
+        transition: opacity 0.3s ease-out;
+      }
+      
+      #about_popup #about_modale {
+        position: relative;
+        background-color: white;
+        color: #010d19;
+        width: 75vw;
+      }
+      
+      #about_popup #about_modale span {
+        position: absolute;
+        top: -11px;
+        right: -11px;
+        color: #010d19;
+        font-size: 23px;
+        border-radius: 50%;
+        background-color: white;
+        border: 4px solid white;
+        cursor: pointer;
+      }
+
+      #about_popup #about_modale span:hover {
+        color: red;
+      }
+
+      #about_popup #about_modale #about_title {
+        color: #010d19;
+        background-color: white;
+        width: 100%;
+        height: 80px;
+        text-align: center;
+        font-family: 'Libre_Caslon';
+        padding-top: 25px;
+        text-transform: uppercase;
+        font-size: 1.3rem;
+      }
+
+      #about_popup #about_modale #about_content {
+        color: #010d19;
+        background-color: #eee;
+        padding: 40px 30px;
+        height: 100%;
+      }
+
+      #about_popup #about_modale #about_content p {
+        margin-bottom: 15px;
+      }
+
+      .highlight {
+        color: #010d19;
+        background-color: yellow;
+      }
+
+      input {
+        width: 100%;
+      }
+
+      #search_results {
+        display: none;
+        top: 8vh;
+        background-color: #26313b;
+        max-height: 0px;
+        height:auto;
+        opacity: 0;
+        transition: opacity 0.3s ease, max-height 0.3s ease;
+      }
+
+      #search_results img.disabled {
+        opacity: 0.4;
+        cursor: default;
+      }
+
+      #search_results > div:last-of-type {
+        padding: 15px;
+        border-top: solid 1px white;
+      }
+
+      #search_results > div:last-of-type p {
+        display: inline-block;
+        padding: 3px 9px;
+        margin: 5px 3px;
+        border: solid 1px white;
+        border-radius: 10px;
+        background-color: rgba(255, 255, 255, 0.2);
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+      }
+
+      #search_results > div:last-of-type p:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+      }
 }