63 lines
1.0 KiB
CSS
63 lines
1.0 KiB
CSS
:root {
|
|
|
|
--nuage-1: hsl(60, 100%, 97.6%);
|
|
--nuage-2: hsl(48, 20%, 80.4%);
|
|
--bleu-ciel: hsl(215.3, 91.1%, 78%);
|
|
}
|
|
|
|
body {
|
|
|
|
background: var(--bleu-ciel);
|
|
background-image: url("sprites/default_water.png"); /* fallback */
|
|
background-image:
|
|
linear-gradient(var(--bleu-ciel) 0%, var(--bleu-ciel) 10rem, transparent 25rem),
|
|
url("sprites/default_water.png");
|
|
background-size:
|
|
auto,
|
|
192px;
|
|
}
|
|
|
|
body > header .sitedesc {
|
|
|
|
color: #2e2c36;
|
|
}
|
|
|
|
body > header nav a,
|
|
body > header nav a:visited {
|
|
|
|
color: #333;
|
|
background: var(--nuage-1);
|
|
padding: 0.5rem 2rem;
|
|
}
|
|
|
|
body > header nav li a {
|
|
|
|
border-bottom: 0.125rem solid var(--nuage-2);
|
|
}
|
|
|
|
@media (min-width: 34.375rem) {
|
|
|
|
body > header nav li:first-of-type a {
|
|
|
|
border-left: 0.125rem solid var(--nuage-2);
|
|
}
|
|
|
|
body > header nav li:last-of-type a {
|
|
|
|
border-right: 0.125rem solid var(--nuage-2);
|
|
}
|
|
}
|
|
|
|
|
|
main > h1,
|
|
main > h2 {
|
|
|
|
color: white;
|
|
text-shadow: 0 0 0.5rem hsla(0, 0%, 0%, 0.75);
|
|
}
|
|
|
|
body > footer {
|
|
|
|
background: linear-gradient(transparent 0%, white calc(100% - 2rem));
|
|
}
|