diff --git a/static/css/style.css b/static/css/style.css index 4c597a0..1305848 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -16,7 +16,7 @@ font-display: block;*/ } -/* Parametres generaux */ +/* paramètres généraux */ * { margin: 0; @@ -32,21 +32,18 @@ header { display: flex; } -header * { - background-color: #0E0E1B; -} - header a { padding-top: 1em; padding-right: 1em; padding-left: 1em; color: white; text-decoration: none; + background-color: inherit; } header a:hover { background-color: white; - color: #0E0E1B + color: #0E0E1B; } footer { @@ -57,7 +54,7 @@ footer { text-align: center; color: white; display: grid; - grid-template-columns: 0.5fr 0.5fr 2fr 1fr + grid-template-columns: 0.5fr 0.5fr 2fr 1fr; } a { @@ -86,11 +83,7 @@ h1, h2, h3, h4, h5, h6 { text-align: right; } -/* Parametres pour macro de prévisualisation d’articles */ - -.pre-art h2, .pre-art a, .pre-art div, .pre-art p { - background-color: #0E0E1B; -} +/* paramètres pour macro de prévisualisation d'articles */ .pre-art { background-color: #0E0E1B; @@ -104,12 +97,18 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; } -.summary { - margin-bottom: 5%; +.pre-art p, .pre-art h2 { + background-color: inherit; } .pre-art a { text-decoration: none; + background-color: inherit; +} + +.summary { + margin-bottom: 5%; + background-color: inherit; } .author:link { @@ -143,6 +142,10 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 1em; } +.tags { + background-color: inherit; +} + .tags a { font-size: 12px; background-color: #2c3e50; @@ -152,7 +155,7 @@ h1, h2, h3, h4, h5, h6 { margin-right: 1em; } -/* parametres pour category */ +/* paramètres pour catégorie */ h1 { color: white; text-align: center; @@ -166,7 +169,7 @@ h1 { margin-bottom: 3em; } -/* Parametres pour article */ +/* Paramètres pour article */ #article-header { color: grey; @@ -213,20 +216,20 @@ blockquote p { background-color: #1B1B42; padding: 10px; padding-left: 20px; - border-left: 5px solid aliceblue + border-left: 5px solid aliceblue; } pre, code { font-family: DejaVu Sans Mono; font-size: 16px; line-height: 1.4; + color: black; background-color: #F8F8F8; border-color: #E6E6E6; border-radius: 2px; } code { - color: black; padding: 3px; padding-left: 5px; padding-right: 5px; @@ -236,7 +239,6 @@ pre { margin-top: 1em; margin-bottom: 1em; padding: 10px; - color: black; overflow: auto; border-style: solid; border-width: 1px; @@ -307,6 +309,10 @@ pre * { } } +.highlight { + background-color: F8F8F8; +} + /* pygments */ .highlight .c { color: #8f5902; font-style: italic; } .highlight .err { color: #a40000; border: 1px solid #ef2929; }