jan/e59-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update file style.css

Browse Source
This commit is contained in:
Jan BELLON 2024-03-08 20:27:04 +00:00
parent 9f02c04985
commit 20bbdac5c4
1 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
html/src/css/style.css
View File

@ -7,10 +7,8 @@
.body {
--text: hsl(var(--hue), var(--saturation), 80%);
--background: hsl(var(--hue), var(--saturation), 15%);
--dark-background: hsl(var(--hue), var(--saturation), 10%);
--darker-background: hsl(var(--hue), var(--saturation), 5%);
--article-background: hsl(var(--hue), var(--saturation), 15%);
--article-text: hsl(var(--hue), var(--saturation), 100%);
--banner-background: hsl(var(--hue), var(--saturation), 10%);
--buttons: hsl(var(--hue), var(--saturation), 5%);
}
}
@ -18,10 +16,8 @@
.body {
--text: hsl(var(--hue), var(--saturation), 20%);
--background: hsl(var(--hue), var(--saturation), 100%);
--dark-background: hsl(var(--hue), var(--saturation), 100%);
--darker-background: hsl(var(--hue), var(--saturation), 100%);
--article-background: hsl(var(--hue), var(--saturation), 100%);
--article-text: hsl(var(--hue), var(--saturation), 0%);
--banner-background: hsl(var(--hue), var(--saturation), 100%);
--buttons: hsl(var(--hue), var(--saturation), 100%);
}
}
@ -50,7 +46,7 @@ main {
header, footer, nav {
width: 100%;
margin: 0;
background: var(--dark-background);
background: var(--banner-background);
display: flex;
}
@ -69,7 +65,7 @@ input, textarea {
}
input[type='submit'], button {
background-color: var(--darker-background);
background-color: var(--buttons);
color: var(--text);
border: 1px solid var(--text);
border-radius: 10px;
@ -81,7 +77,7 @@ input[type='submit']:hover, button:hover {
.navitem {
padding: 0.5em;
background-color: var(--darker-background);
background-color: var(--buttons);
margin-right: 1em;
}
@ -165,19 +161,13 @@ a {
}
.article {
background-color: var(--article-background);
color: var(--article-text);
border-radius: 10px;
}
.article-content {
padding: 2em;
}
.row {
display: inline-block;
background-color: var(--dark-background);
background-color: var(--banner-background);
border-radius: 10px;
padding: 2em;
margin: 2em;
@ -188,7 +178,7 @@ a {
}
.button {
background-color: var(--darker-background);
background-color: var(--buttons);
color: var(--text);
border-radius: 10px;
color: var(--text);