197 lines
3.8 KiB
CSS
197 lines
3.8 KiB
CSS
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);
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary~* {
|
|
padding-top: var(--padding);
|
|
}
|
|
|
|
p {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
dl {
|
|
margin: var(--margin) auto;
|
|
max-width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 40% 60%;
|
|
row-gap: 0;
|
|
border: var(--border-panel-outer);
|
|
overflow: hidden;
|
|
margin: var(--margin) auto;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
/* Base commune */
|
|
dt,
|
|
dd {
|
|
padding: var(--padding-half) var(--padding);
|
|
}
|
|
|
|
/* Colonne de gauche */
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Colonne de droite */
|
|
dd {
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Effet zébré sur les paires dt/dd */
|
|
dl dt:nth-of-type(odd),
|
|
dl dd:nth-of-type(odd) {
|
|
background-color: var(--background-body-alt);
|
|
}
|
|
|
|
>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);
|
|
|
|
ul,
|
|
ol {
|
|
padding-left: var(--list-padding);
|
|
}
|
|
}
|
|
|
|
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;
|
|
}
|
|
} |