more retro
This commit is contained in:
parent
0d441410d8
commit
19095cc728
@ -15,7 +15,7 @@ navbar: topnav
|
|||||||
style="border:none; position: fixed; z-index: 102; bottom: 0; left: 40vw;"
|
style="border:none; position: fixed; z-index: 102; bottom: 0; left: 40vw;"
|
||||||
src="https://dimden.neocities.org/navlink/" name="neolink">
|
src="https://dimden.neocities.org/navlink/" name="neolink">
|
||||||
</iframe>
|
</iframe>
|
||||||
<img src="/assets/images/crt1.png" class="overlay">
|
<!-- <img src="/assets/images/crt1.png" class="overlay"> -->
|
||||||
{% if page.neko == "true" %}
|
{% if page.neko == "true" %}
|
||||||
{% include neko.html %}
|
{% include neko.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -6,6 +6,20 @@
|
|||||||
|
|
||||||
html {
|
html {
|
||||||
background-color: #2196F3;
|
background-color: #2196F3;
|
||||||
|
filter: blur(0.5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
html::before {
|
||||||
|
content: "";
|
||||||
|
position: fixed;
|
||||||
|
top: 0px; left: 0px;
|
||||||
|
width: 100%; height: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0.2;
|
||||||
|
z-index: 100000000;
|
||||||
|
background-color: yellowgreen;
|
||||||
|
opacity: 0.8;
|
||||||
|
mix-blend-mode: multiply;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
@ -79,7 +93,7 @@ img {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 10vh; left: 4vw;
|
bottom: 10vh; left: -4vw;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
width: 25vw;
|
width: 25vw;
|
||||||
@ -125,6 +139,8 @@ body::before {
|
|||||||
opacity: 0.2;
|
opacity: 0.2;
|
||||||
pointer-events: none; z-index: 1000;
|
pointer-events: none; z-index: 1000;
|
||||||
background-image: url("/assets/images/decor/overlay.png");
|
background-image: url("/assets/images/decor/overlay.png");
|
||||||
|
background-image: linear-gradient(#000000, #00000000, #000000);
|
||||||
|
background-size: 3px 3px;
|
||||||
animation-name: static;
|
animation-name: static;
|
||||||
animation-duration: 2s; animation-iteration-count: infinite;
|
animation-duration: 2s; animation-iteration-count: infinite;
|
||||||
animation-timing-function: steps(4);
|
animation-timing-function: steps(4);
|
||||||
|
@ -21,10 +21,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container>* {
|
.container>* {
|
||||||
background-color: #ccc;
|
background-color: #222;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 2px 2px 5px white;
|
||||||
border: 2px black solid;
|
border: 2px black solid;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
|
|
||||||
|
box-shadow: 0px 0px 20px -5px black;
|
||||||
}
|
}
|
||||||
|
.container a { color: white; }
|
||||||
|
|
||||||
.main { grid-area: main; }
|
.main { grid-area: main; }
|
||||||
|
|
||||||
@ -45,6 +50,7 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: transparent;
|
border: transparent;
|
||||||
image-rendering: pixelated;
|
image-rendering: pixelated;
|
||||||
|
box-shadow: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quotes {
|
.quotes {
|
||||||
@ -62,4 +68,4 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.pets { grid-area: pets; }
|
.pets { grid-area: pets; }
|
||||||
|
#statuscafe, #statuscafe a { color: black; }
|
||||||
|
Loading…
x
Reference in New Issue
Block a user