Mise à jour du CSS

assets/css/override.css

@@ -17,7 +17,9 @@
 
   .content {
       background: #121212;
-      box-shadow: 0 0.7rem 2.3rem 0 rgba(255,255,255,0.3);
+      border: solid;
+      border-width: 1px;
+      border-color: white;
   }
 
   .card-container {
@@ -42,6 +44,10 @@
   .blog-card {
       background:  #121212;
       color: white;
+      border: solid;
+      border-color: white;
+      border-width: 2px;
+
   }
 
   .blog-card h2{

assets/css/print.css

@@ -42,6 +42,7 @@
        text-align: justify;
        margin: 0;
        max-width: none;
+       box-shadow: none;
 
    }
 
@@ -60,11 +61,23 @@
    }
 
    footer {
-       color: black;
        font-size: 1em;
+       padding: 1em;
    }
 
    footer::after {
-       content: "Printed from https://n07070.xyz"
+       content: "Printed from https://n07070.xyz";
+       font-size: 1em;
+       font-weight: bolder;
+       display: flex;
+        justify-content: center;
+   }
+
+   footer small {
+       display: none;
+   }
+
+   footer sup {
+       display: none;
    }
 }

assets/css/style.css

@@ -16,7 +16,7 @@
 body {
     font-family: Avenir, HelveticaNeue-Light, "Helvetica Neue Light",
                  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-    color: #454545;
+    /* color: #454545; */
     font-size: 1.1em;
     /* background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white; */
     background-size: 22px 22px;
@@ -27,14 +27,13 @@ body {
     width: 100%;
     box-sizing: border-box;
     word-break: break-word;
-
-
 }
 
 }
 p {
     margin: 1.5em 0;
 }
+
 .home-header {
     min-height: 26rem;
     max-width: 50rem;
@@ -82,6 +81,7 @@ p {
     /* display: flex; */
     justify-content: space-between;
     align-items: center;
+    border-color: black;
 }
 .nav-header {
     margin: 0;
@@ -168,8 +168,12 @@ p {
     /* border-radius: 1.2rem; */
     z-index: 2;
     transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+
+    border: solid;
+    border-width: 1px;
+    border-color: black;
 }
+
 .list-header {
     margin: 1em;
     text-align: center;
@@ -190,21 +194,22 @@ p {
     line-height: 1.6em;
 }
 .card-container {
-    max-width: 48rem;
 }
 /* .card-container > a:first-of-type {
     margin-top: 5em;
 } */
 .card {
     display: block;
-    margin: 3rem 0;
+    /* margin: 3rem 0; */
+    width: 100%;
+    max-width: 50rem;
     box-sizing: border-box;
     background-color: white;
     text-decoration: none;
     /* border-radius: 1.2rem; */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1);
-    box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3);
+    /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */
 }
 .home-card {
     padding: 0.8em;
@@ -217,9 +222,15 @@ p {
 }
 .blog-card {
     display: flex;
+
+    border: solid;
+    border-color: grey;
+    border-width: 3px;
+
     flex-direction: column;
     align-items: stretch;
-    border-style: solid;
+    border-style: none;
+    margin: 1em;
 }
 .bc-next {
     margin-top: 0;
@@ -280,7 +291,6 @@ p {
 }
 .end-nav {
     width: 100%;
-    max-width: 48rem;
     z-index: 2;
 }
 .pagination-nav {
@@ -288,9 +298,12 @@ p {
     width: 100%;
     max-width: 47rem;
 }
-/* .pagination-text {
+
-    font-family: 'LatoLatinWebMedium';
+.pagination-text {
-} */
+    font-weight: bold;
+    color: inherit;
+}
+
 .pagination-newer {
     float:left;
 }
@@ -510,6 +523,9 @@ footer h3 {
     .blog-card {
         flex-direction: row;
         align-items: stretch;
+        border: solid;
+        border-color: grey;
+        border-width: 3px;
     }
     .card-img {
         margin: 0;
@@ -518,7 +534,7 @@ footer h3 {
         width: 16em;
     }
     .card-img-overlay {
-        border-radius: 0.8rem 0.8rem 0 0;
+        /* border-radius: 0.8rem 0.8rem 0 0; */
     }
     .card-body {
         margin: 1.3em 1.7em;