guichet/static/css/lesgv.css
2023-07-25 22:05:03 +02:00

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;
}
}