76 lines
1.2 KiB
CSS
76 lines
1.2 KiB
CSS
:root {
|
|
--color-lesartsvoisins: #f0494d;
|
|
}
|
|
body {
|
|
font-family: fengardoneue;
|
|
color: var(--color-text);
|
|
background-color: var(--color-background);
|
|
}
|
|
a {
|
|
color: var(--color-link);
|
|
}
|
|
h1, h2, h3, h4, h5, h6, nav {
|
|
font-family: lack;
|
|
clear: both;
|
|
}
|
|
hr {
|
|
border-style: none;
|
|
border-bottom: 1px solid var(--color-text);
|
|
}
|
|
button.toggle-darkmode {
|
|
position: fixed;
|
|
top: 0;
|
|
left:0;
|
|
z-index: 300;
|
|
}
|
|
|
|
img.richtext-image.full-width {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
img.richtext-image.left {
|
|
max-width: 50%;
|
|
float: left;
|
|
padding: 0 1rem 0 0 ;
|
|
height: auto;
|
|
}
|
|
img.richtext-image.right {
|
|
max-width: 50%;
|
|
float: right;
|
|
padding: 0 0 0 1rem ;
|
|
height: auto;
|
|
}
|
|
a:hover {
|
|
color: var(--color-link-hover);
|
|
}
|
|
|
|
img.lesgv.hero {
|
|
margin: 0 auto;
|
|
max-height: 35vh;
|
|
}
|
|
|
|
div.card {
|
|
flex-direction: row;
|
|
}
|
|
|
|
div.card-header {
|
|
transform: rotate(180deg);
|
|
writing-mode: vertical-lr;
|
|
}
|
|
|
|
body.darkmode div.card-header {
|
|
color: var(--color-text-inverted);
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
div.card {
|
|
flex-direction: column;
|
|
}
|
|
div.card-header {
|
|
transform: unset;
|
|
writing-mode: unset;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
|