Fix(dark theme): typo

This commit is contained in:
Hactarus 2023-03-14 14:09:29 +01:00
parent 2126e2866b
commit 82a2744d84
3 changed files with 54 additions and 25 deletions

View file

@ -1,16 +1,26 @@
/* Navigation */
body {
margin-top: 5vh;
}
header > nav {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
nav > ul {
header {
height: 5vh;
}
header > nav {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 5vh;
background-color: transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
z-index: 2;
background-color: var(--color-bg-head);
color: var(--color-link);
}
nav>ul {
display: flex;
flex-direction: row;
width: 100%;
@ -18,7 +28,7 @@ nav > ul {
justify-content: space-around;
}
nav > ul > li {
nav>ul>li {
flex: auto;
}
@ -27,34 +37,34 @@ section {
}
h2 {
background-color: var(--color-bg);
color: var(--color-txt);
background-color: var(--color-bg);
color: var(--color-txt);
}
/* Decorations */
.strip {
box-sizing: border-box;
width: 90%;
display: block;
width: 100%;
height: 4em;
z-index: -1;
position: absolute;
margin-left: -19px;
position: fixed;
background-color: #FF00C7;
overflow: hidden;
}
.strip>.strip--1 {
top: 55em;
.strip--1 {
top: 20vh;
transform: skew(30deg) rotate(30deg);
}
.strip>.strip--2 {
top: 82em;
.strip--2 {
top: 50vh;
transform: skew(-30deg) rotate(-30deg);
}
.strip>.strip--3 {
top: 109em;
.strip--3 {
top: 90vh;
transform: skew(30deg) rotate(30deg);
}
@ -64,4 +74,22 @@ h2 {
background-size: cover;
filter: invert(1);
margin-top: -19em;
}
.fond {
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 100%;
padding-top: 18vh;
background-image: url(../images/background.png);
background-color: var(--color-bg-head);
filter: contrast(130%);
text-align: center;
}
.highlight {
background: linear-gradient(120deg, #ff00e329 0%, #74ff0069 100%);
background-repeat: no-repeat;
background-size: 100% 20%;
background-position: 0 60%;
}