Matrix - retro computer with green CRT

Tags: computer, retro, 80s, cyberpunk, cyber, hacker, lofi, black, green, simple

Description:

`If you liked my theme, you can add me or leave a comment below...`

Sorry if redundant or useless code bothers you, there's probably a lot of it in here.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by p0libius (https://layouts.spacehey.com/layout?id=1430) -->

<style>
body {
font-family: Courier New, monospace;
background-color: black;
}
img {
filter: sepia(100%) hue-rotate(45deg) saturate(5);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(45deg) saturate(10);
}
#q, button {
color: #00ff00;
background-color: black;
border: 1px solid #00ff00;
font-family: inherit;
}
p, i, b, .count {
color: #00ff00 !important;
}
a, .profile .friends .person p, .logout-btn {
color: #00ff00 !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: #00ff00;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px dotted #00ff00;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid #00ff00;
}
main {
background: black;
color: #00ff00;
border-left: 2px dotted #00ff00;
border-right: 2px dotted #00ff00;
}
.heading, .url-info {
color: #00ff00 !important;
background: none;
background-color: black !important;
border: 2px solid #00ff00 !important;
}
.inner {
color: #00ff00 !important;
border: 2px dotted #00ff00;
border-top: none;
}
.profile-info {
border: 2px solid #00ff00;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px dotted #00ff00;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: #00ff00 !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid #00ff00;
border-collapse: collapse;
}
td {
color: #00ff00 !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 2em;
}
footer {
background: black;
border: 2px dotted #00ff00;
}
footer p {
color #00ff00 !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid #00ff00;
margin: 2px;
}
nav .info {
background: none;
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 1869 comments ( View all | Add Comment )

andre ☆	1732013477 using ! Report Comment
sammiii !!	1731974664 using ! Report Comment
ToonWorld!	1731962570 using! Report Comment
Ella	1731887186 Using!! Report Comment
Max	1731880814 using!! Report Comment
Iheartscene	1731789817 using Report Comment
meds	1731750398 using Report Comment
MaddyMax	1731726862 usingggg Report Comment
blammie	1731698085 USING!!!111!11!! Report Comment
kuro_rrr	1731651516 RAHHHHH USING THIS TYSMMMMM!!!!1!11!!!1!!!1111 Report Comment
Micah!!	1731636653 defo using!! Report Comment
3gbert	1731599275 will be using ! ! ! Report Comment
1kool1	1731583718 using! XD Report Comment
Kkami<3	1731567730 im new to spacehey, how do i use this? Report Comment
bloody.EXE	1731537107 usingg!!!! Report Comment
Rollui	1731486395 I love it Ty :) Report Comment
Joy	1731398526 using, tysm Report Comment
aninka	1731353572 Using! Ty it looks amazing :D Report Comment
Z3r0_o	1731350726 Using, thank you :P Report Comment
Ace	1731299695 Using :3 Report Comment