never/nevereverever.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style changes

Browse source
This commit is contained in:
Never Gude 2026-02-13 17:43:27 +01:00
parent 08069302c0
commit ca6f4250b4
16 changed files with 103 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

26
styles/style.css
View file

@ -1,8 +1,9 @@
:root {
--foreground: #1a1a1a;
--background: #fdfdfdf0;
--background: #fdfdfdc4;
--html-border: #c9c9c9;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #1d5087;
--body-background: linear-gradient(to bottom, #5ab9de, #1d5087);
--blockquote-text: #606060;
--blockquote-border: #e6e6e6;
--button-primary: #e3e3e3;
@ -12,9 +13,10 @@
@media (prefers-color-scheme: dark) {
:root {
--foreground: #fdfdfd;
--background: #1a1a1af0;
--background: #1a1a1ac4;
--html-border: #4c4c4c;
--html-background: linear-gradient(to bottom, #5a6fde 0%, #391d87 100%);
--html-background: #391d87;
--body-background: linear-gradient(to bottom, #5a6fde, #391d87);
--blockquote-text: #e6e6e6;
--blockquote-border: #606060;
--button-primary: #4c4c4c;
@ -22,6 +24,7 @@
}
}
html {
color: var(--foreground);
background: var(--html-background);
@ -30,8 +33,15 @@ html {
}
body {
margin: 0;
background: var(--body-background);
z-index: 0;
}
#page {
position: relative;
background-color: var(--background);
border: solid 1px var(--html-border);
border: solid 1pt var(--html-border);
margin: 0 auto;
max-width: 48em;
padding-left: 50pt;
@ -42,13 +52,14 @@ body {
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
z-index: 2;
}
#tv-screen {
position: fixed;
top: 0;
left: 0;
z-index: -1;
z-index: 1;
}
#page-header {
@ -122,6 +133,7 @@ body {
}
#page-footer {
padding: 4pt;
border: 1pt solid var(--html-border);
background: url("images/shark-top-small.png");
background-size: contain;
@ -129,7 +141,7 @@ body {
justify-content: center;
}
#page-footer p {
#page-footer div {
display: flex;
flex-direction: row;
align-items: center;