Introduction du nouveau thème

2025-10-11 00:36:18 +02:00
parent fa5ba208ed
commit 2653b0fa01
112 changed files with 1590 additions and 2766 deletions
--- a/themes/42/assets/css/article-body.css
+++ b/themes/42/assets/css/article-body.css
@@ -0,0 +1,159 @@
+article.article-body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap);
+    padding: var(--padding) 0;
+    font-size: 1.5rem;
+
+    .stat {
+        max-width: var(--width-content-max);
+        margin: var(--margin) auto;
+        width: 100%;
+    }
+
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    >p,
+    >details,
+    >ul,
+    >ol,
+    >blockquote,
+    .footnotes ol {
+        min-width: var(--width-content-min);
+        max-width: var(--width-content-max);
+        width: 100%;
+    }
+
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: auto;
+        color: var(--color-site-title);
+        font-variant: small-caps;
+        text-shadow: var(--shadow-text);
+        text-wrap: balance;
+    }
+
+    >p,
+    >details p {
+        margin: auto;
+        line-height: 150%;
+        text-align: justify;
+    }
+
+    >details {
+        margin: auto;
+        background: var(--background-spoiler);
+        padding: var(--padding);
+        border-radius: var(--radius-base);
+
+        summary {
+            font-variant: small-caps;
+            color: var(--color-site-title);
+            text-shadow: var(--shadow-text);
+            display: block;
+            cursor: help;
+        }
+
+        summary~* {
+            padding-top: var(--padding);
+        }
+
+        p {
+            width: 100%;
+        }
+    }
+
+    >ul,
+    >ol,
+    >details ul,
+    >details ol {
+        margin: 0 auto;
+        padding-left: var(--list-padding);
+        line-height: 150%;
+        display: flex;
+        flex-direction: column;
+        gap: var(--gap-list);
+    }
+
+    strong {
+        color: var(--color-site-title);
+    }
+
+    blockquote {
+        color: var(--color-text-light);
+        font-style: italic;
+        text-align: justify;
+        margin: auto;
+
+        cite {
+            display: block;
+            font-style: normal;
+            text-align: right;
+        }
+    }
+
+    >blockquote {
+        padding: var(--padding);
+        border: var(--border-panel-outer);
+        border-top: var(--border-panel-top);
+        background: var(--background-chat-other);
+        border-radius: var(--radius-base);
+        box-shadow: var(--shadow-base);
+        color: var(--color-text-muted);
+    }
+
+    pre,
+    code {
+        border-radius: var(--radius-base);
+    }
+
+    pre {
+        padding: var(--padding);
+        overflow: scroll;
+        max-height: 50vh;
+        max-width: 80vw;
+        width: 100%;
+        margin: var(--margin) auto;
+        border: var(--border-panel-outer);
+        border-top: var(--border-panel-top);
+        box-shadow: var(--shadow-base);
+    }
+
+    .footnotes {
+        ol {
+            margin: var(--margin) auto;
+            font-size: 1rem;
+            list-style-type: decimal;
+            display: flex;
+            flex-direction: column;
+            gap: var(--gap-half);
+
+            p {
+                width: auto;
+                line-height: 130%;
+            }
+        }
+    }
+
+    sub,
+    sup {
+        font-size: 0.75em;
+        line-height: 1;
+        position: relative;
+        vertical-align: baseline;
+    }
+
+    sup {
+        top: -0.4em;
+    }
+
+    sub {
+        bottom: -0.2em;
+    }
+}