From dd2913337f6c3062a7c06ca52bb65f48e82bbc54 Mon Sep 17 00:00:00 2001 From: Esenjin Date: Tue, 18 Feb 2025 01:10:42 +0100 Subject: [PATCH] correction de l'alignement du texte et des images --- assets/css/content.css | 212 +++++++++++++++++++++++++++-------------- version.txt | 2 +- 2 files changed, 142 insertions(+), 72 deletions(-) diff --git a/assets/css/content.css b/assets/css/content.css index 2a3fa57..4752b56 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -2,7 +2,8 @@ /* Conteneur principal du contenu */ .chapter-content, -.novel-description { +.novel-description, +.about-description { font-size: 1.1rem; line-height: 1.8; color: var(--text-primary); @@ -24,34 +25,47 @@ .novel-description h3, .novel-description h4, .novel-description h5, -.novel-description h6 { +.novel-description h6, +.about-description h1, +.about-description h2, +.about-description h3, +.about-description h4, +.about-description h5, +.about-description h6 { margin: 1.5em 0 0.8em; line-height: 1.3; color: var(--text-primary); } .chapter-content h1, -.novel-description h1 { font-size: 2em; } +.novel-description h1, +.about-description h1 { font-size: 2em; } .chapter-content h2, -.novel-description h2 { font-size: 1.75em; } +.novel-description h2, +.about-description h2 { font-size: 1.75em; } .chapter-content h3, -.novel-description h3 { font-size: 1.5em; } +.novel-description h3, +.about-description h3 { font-size: 1.5em; } .chapter-content h4, -.novel-description h4 { font-size: 1.25em; } +.novel-description h4, +.about-description h4 { font-size: 1.25em; } .chapter-content h5, -.novel-description h5 { font-size: 1.1em; } +.novel-description h5, +.about-description h5 { font-size: 1.1em; } .chapter-content h6, -.novel-description h6 { font-size: 1em; } +.novel-description h6, +.about-description h6 { font-size: 1em; } /* Paragraphes et espacement */ .chapter-content p, -.novel-description p { - margin: 0 0 0em 0; +.novel-description p, +.about-description p { + margin: 0em 0; min-height: 1.5em; } @@ -59,21 +73,25 @@ .chapter-content ul, .chapter-content ol, .novel-description ul, -.novel-description ol { +.novel-description ol, +.about-description ul, +.about-description ol { margin: 1em 0; padding-left: 2em; list-style-position: outside; } .chapter-content li, -.novel-description li { +.novel-description li, +.about-description li { margin: 0.5em 0; padding-left: 0.5em; } /* Citations */ .chapter-content blockquote, -.novel-description blockquote { +.novel-description blockquote, +.about-description blockquote { margin: 1.5em 0; padding: 1em 1.5em; border-left: 4px solid var(--accent-primary); @@ -85,7 +103,8 @@ /* Blocs de code */ .chapter-content pre, -.novel-description pre { +.novel-description pre, +.about-description pre { margin: 1.5em 0; padding: 1em; background-color: var(--bg-secondary); @@ -97,7 +116,8 @@ } .chapter-content code, -.novel-description code { +.novel-description code, +.about-description code { font-family: "Consolas", "Monaco", monospace; font-size: 0.9em; padding: 0.2em 0.4em; @@ -106,28 +126,109 @@ max-width: 100%; } +/* Images et alignements */ +.chapter-content .ql-align-left, +.novel-description .ql-align-left, +.about-description .ql-align-left { + text-align: left !important; +} + +.chapter-content .ql-align-center, +.novel-description .ql-align-center, +.about-description .ql-align-center { + text-align: center !important; +} + +.chapter-content .ql-align-right, +.novel-description .ql-align-right, +.about-description .ql-align-right { + text-align: right !important; +} + +.chapter-content .ql-align-justify, +.novel-description .ql-align-justify, +.about-description .ql-align-justify { + text-align: justify !important; +} + /* Images */ -.chapter-content img, -.novel-description img { +.chapter-content p img, +.novel-description p img, +.about-description p img { max-width: 100%; height: auto; - margin: 1.5em 0; + margin: 1.5em auto; border-radius: var(--radius-sm); + display: inline-block; + vertical-align: middle; +} + +/* Ajustements spécifiques pour les images selon l'alignement */ +.ql-align-left p img { + margin-left: 0; + margin-right: auto; +} + +.ql-align-center p img { + margin-left: auto; + margin-right: auto; display: block; } -/* Alignements */ -.chapter-content [style*="text-align"], -.novel-description [style*="text-align"], -.novel-description p[style*="text-align"] { - display: block !important; - margin: 1em 0 !important; +.ql-align-right p img { + margin-left: auto; + margin-right: 0; + display: block; } -.novel-description .font-serif, -.novel-description .font-sans, -.novel-description .font-mono { - display: inline-block !important; +/* Support des tailles d'images */ +.ql-size-small img { + max-width: 50% !important; +} + +.ql-size-large img { + max-width: 100% !important; +} + +/* Styles pour les liens */ +.chapter-content a, +.novel-description a, +.about-description a { + color: var(--accent-primary); + text-decoration: none; + transition: color var(--transition-fast); +} + +.chapter-content a:hover, +.novel-description a:hover, +.about-description a:hover { + color: var(--accent-secondary); + text-decoration: underline; +} + +/* Styles pour les indices et exposants */ +.chapter-content sub, +.novel-description sub, +.about-description sub { + vertical-align: sub; + font-size: smaller; +} + +.chapter-content sup, +.novel-description sup, +.about-description sup { + vertical-align: super; + font-size: smaller; +} + +/* Barre de séparation */ +.chapter-divider { + margin: 2em auto; + border: none; + border-top: 2px solid var(--accent-primary); + opacity: 0.5; + width: 100%; + display: block; } /* Polices */ @@ -143,68 +244,37 @@ font-family: "Consolas", "Monaco", monospace !important; } -/* Barre de séparation */ -.chapter-divider { - margin: 2em auto; - border: none; - border-top: 2px solid var(--accent-primary); - opacity: 0.5; - width: 100%; - display: block; -} - -/* Styles pour les liens */ -.chapter-content a, -.novel-description a { - color: var(--accent-primary); - text-decoration: none; - transition: color var(--transition-fast); -} - -.chapter-content a:hover, -.novel-description a:hover { - color: var(--accent-secondary); - text-decoration: underline; -} - -/* Styles pour les indices et exposants */ -.chapter-content sub, -.novel-description sub { - vertical-align: sub; - font-size: smaller; -} - -.chapter-content sup, -.novel-description sup { - vertical-align: super; - font-size: smaller; -} - /* Media queries pour le responsive */ @media (max-width: 768px) { .chapter-content, - .novel-description { + .novel-description, + .about-description { font-size: 1rem; } .chapter-content blockquote, - .novel-description blockquote { + .novel-description blockquote, + .about-description blockquote { margin: 1em 0; padding: 0.8em 1em; } .chapter-content pre, - .novel-description pre { + .novel-description pre, + .about-description pre { padding: 0.8em; font-size: 0.85em; } .chapter-content h1, - .novel-description h1 { font-size: 1.75em; } + .novel-description h1, + .about-description h1 { font-size: 1.75em; } .chapter-content h2, - .novel-description h2 { font-size: 1.5em; } + .novel-description h2, + .about-description h2 { font-size: 1.5em; } .chapter-content h3, - .novel-description h3 { font-size: 1.25em; } + .novel-description h3, + .about-description h3 { font-size: 1.25em; } } \ No newline at end of file diff --git a/version.txt b/version.txt index ab67981..a5ba932 100644 --- a/version.txt +++ b/version.txt @@ -1 +1 @@ -1.1.6 \ No newline at end of file +1.1.7 \ No newline at end of file