blog/2025
1
Fork 0
Code Issues Activity

Correction pour validation HTML + CSS + RSS

Browse Source
This commit is contained in:
Richard Dern
2026-04-04 23:27:51 +02:00
parent fdc3b58ce0
commit 7b288f6bc2
32 changed files with 496 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
themes/2026/assets/css/base.css
View File

@@ -10,9 +10,9 @@ body {
line-height: 1.7;
background: linear-gradient(
170deg,
color-mix(in srgb, var(--color-background-wash) 16%, var(--color-background-alt)) 0%,
color-mix(in srgb, var(--color-background-wash) 8%, var(--color-background-alt)) 46%,
color-mix(in srgb, var(--color-background-wash) 4%, var(--color-background-deep)) 100%
var(--color-body-gradient-top) 0%,
var(--color-body-gradient-mid) 46%,
var(--color-body-gradient-bottom) 100%
);
color: var(--color-text);
padding: var(--page-gutter);
@@ -75,8 +75,8 @@ body:has(> header.article-header) > main > article > :is(p, ul, ol, blockquote,
text-shadow: none;
background-image: linear-gradient(
to bottom,
color-mix(in srgb, var(--color-strong-highlight) 82%, var(--color-background-deep)) 0%,
color-mix(in srgb, var(--color-strong-highlight) 92%, var(--color-background-deep)) 100%
var(--color-strong-highlight-start) 0%,
var(--color-strong-highlight-end) 100%
);
background-size: 100% 1em;
background-position: 0 52%;
@@ -106,9 +106,9 @@ a {
color: var(--color-link);
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: color-mix(in srgb, currentColor 72%, transparent);
text-decoration-color: currentColor;
text-underline-offset: 0.15em;
word-break: break-word;
overflow-wrap: anywhere;
}
a:hover,
@@ -162,7 +162,7 @@ body:has(> main.listing-page) > main.listing-page table span.link-dead {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-thickness: 1px;
text-decoration-color: color-mix(in srgb, currentColor 72%, transparent);
text-decoration-color: currentColor;
text-underline-offset: 0.2em;
}
@@ -177,7 +177,7 @@ body:has(> main.listing-page) > main.listing-page table span.link-dead:is(:hover
body:has(> header.article-header) > main > article > :not(footer):not(section.article-asides) :is(a, span).link-dead.link-dead-404:not(.ui-button),
body:has(> main.listing-page) > main.listing-page table span.link-dead.link-dead-404 {
color: var(--color-link-dead-404);
text-decoration-color: color-mix(in srgb, var(--color-link-dead-404) 78%, transparent);
text-decoration-color: var(--color-link-dead-404-underline);
}
body:has(> header.article-header) > main > article > :not(footer):not(section.article-asides) :is(a, span).link-dead.link-dead-404:not(.ui-button):is(:hover, :focus-visible),
@@ -189,7 +189,7 @@ body:has(> main.listing-page) > main.listing-page table span.link-dead.link-dead
body:has(> header.article-header) > main > article > :not(footer):not(section.article-asides) del.link-dead.link-dead-marked,
body:has(> main.listing-page) > main.listing-page table del.link-dead.link-dead-marked {
color: var(--color-link-dead-marked);
text-decoration-color: color-mix(in srgb, var(--color-link-dead-marked) 82%, transparent);
text-decoration-color: var(--color-link-dead-marked-underline);
}
body:has(> header.article-header) > main > article > :not(footer):not(section.article-asides) del.link-dead.link-dead-marked > span.link-dead.link-dead-marked:not(.ui-button),
@@ -287,7 +287,7 @@ details > summary {
}
.ui-button:is(:hover, :focus-visible) {
border-color: color-mix(in srgb, var(--color-accent-1) 62%, var(--color-border-strong));
border-color: var(--color-accent-1-border-soft);
background: linear-gradient(180deg, rgba(118, 167, 215, 0.32) 0%, rgba(17, 27, 42, 0.96) 100%);
color: #ffffff;
text-decoration: none;