retro black and red layout with red crt

Tags: black and red, black, red, 2000s, dark, 90s, crt, filter, matrix

Description:

this is a mashup of twitch.tv/kinkarugaming's "amaterasu black and red" layout and p0libius' "matrix - retro computer with green crt" layout.

if you liked this layout please show appreciation to kinkarugaming and p0libius, if it werent for their coding i wouldn't have been able to make this layout. all i did was edit the filter from the matrix layout, remove the background from the amatesaru layout, and add a custom cursor, so they deserve way more appreciation than i do.

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) (credit to twitch.tv/kinkarugaming (https://layouts.spacehey.com/layout?id=17344) and p0libius (https://layouts.spacehey.com/layout?id=1430), if it wasnt for their layouts and their coding i wouldn't have been able to make this layout) -->

<style>
body {
font-family: Courier New, monospace;
background-color: black;
}
img {
filter: sepia(100%) hue-rotate(312deg) saturate(7);
}
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;
}

#q, button {
color: red;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: red !important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: red;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: red !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.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: red !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: red !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color red !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
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 270 comments ( View all | Add Comment )

Doe	1780846980 Using Report Comment
3epcidicvermin_69	1779908067 using Report Comment
tobies	1779742163 using Report Comment
Day️🖤	1777259024 Using Report Comment
Yeni	1776169696 hii! using! Report Comment
݁ ˖⋆.𐔌.⋮ 𝓔𝔃𝓻𝓪.ᐟ꒱	1775924349 using!! Report Comment
Kris	1775597615 using!! Report Comment
! Ghosty {HIS 5EVER} ♡	1775317078 Using Report Comment
Milly!	1775262508 Idk Report Comment
Keeper	1774456856 Using Report Comment
Trasher	1773431702 using Report Comment
Prosaic_D00M	1772772495 Using Report Comment
IhateG✟	1772505799 using Report Comment
L0tti3	1770854713 Using!!^^ Report Comment
V1mpire	1770008176 using thxxx Report Comment
cute girl 555	1769625249 using Report Comment
mercy/rinrin :3	1768225002 is there a way to just get the red crt filter ? I like the way my profile is now but I’m DYING to have a filter like this overtop of what I have,,, and where would I place it to make it visible ?? Report Comment UPDATE: I figured out where to put the red filter ! I just attached it to the first section of stuff that was in my layout’s code [I have no idea how to explain it,,,]—all I need to figure out now is how to add the crt filter on top of that, wish me luck guys by mercy/rinrin :3; 1768228796; Report UPDATE 2: I GOT IT !!!! just paste this after the section of code that starts with “main” ig ?? I don’t code or anything so I’m not sure how else to explain it, I just kept trying different placements until it worked } img { filter: sepia(100%) hue-rotate(312deg) saturate(7); } 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; } by mercy/rinrin :3; 1768230489; Report
grzeski	1767649789 using! Report Comment
sazzznti	1767502817 using :) Report Comment
✦⠀𓈒⠀SLE3PY .ᐟ.ᐟ	1766871210 Using!! Report Comment