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 2785 comments ( View all | Add Comment )

L	1759975618 Using:) Report Comment
TheSmokeleaf	1759939038 using! Report Comment
TheSmokeleaf	1759939035 using! Report Comment
rue	1759893830 using :p Report Comment
HarajukuFN	1759833453 using Report Comment
turnip	1759826410 using this,...i love green Report Comment
felix	1759781248 im so using this Report Comment
wiwiwi	1759781127 using! Report Comment
mayz !! (silly)	1759654438 using !! Report Comment
starrystar.	1759629154 using!! Report Comment
lilthh✧	1759416124 using!! Report Comment
bakingsoda	1759408134 Going to use, but does anyone know how to maybe lessen the green effect on my profile picture? I like the theme but my picture looks really messed up. Report Comment
Kewsi3542	1759346523 Changed some of the html but totally using this! Report Comment
🦇Kai🦑🐇	1759319756 using!! Report Comment
RatPawz (side)	1759226914 Using Report Comment
idaidaida	1759223130 using Report Comment
angela	1759187663 usinggg Report Comment
Magic Druid	1759143785 Using ! Report Comment
octofig	1759118252 i am using this lmfao tyy Report Comment
🐾Yandere_Puppy⚠️	1759116946 Using Report Comment