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 260 comments ( View all | Add 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
Sleepy / Evelin	1766871210 Using!! Report Comment
Billy Boy :3	1766712874 UUSSIINGGGG<3 Report Comment
Jem	1766346620 USINGGG!! Report Comment
tinglebid	1765982101 do u think u could post just the code for the filter alone? I used this layout for a long time and i'd like to have that red filter on my new layout but I cant figure it out Report Comment Hi! I wanted the same but when reading the code i found it } img { filter: sepia(100%) hue-rotate(312deg) saturate(7); } just copy and paste that! :D but tbh i'm still figuring out where exactly in my code to paste it to make it visible... by olivzmustdie; 1766044195; Report
rinz★	1765196301 using! Report Comment
noki! xP	1764383385 using! xP Report Comment
𝖒𝖆𝖗𝖐𝖎𝖙𝖔𝖘 ⌖	1764370545 using :3 Report Comment
Lovediarys696	1764275546 usingg Report Comment
H.	1764243111 using :) Report Comment
M!aw	1763632847 Using <33 Report Comment
Ren	1763460609 Using!! Report Comment
✪⚠︎☢︎︎𝖠ꪱᜒᑯ౿𐓣 ౿ᥣ ρɑɣɑડ𝗈☢︎︎⚠︎✪	1763421660 usinn 🗣️🗣️ Report Comment
marty	1763165899 using Report Comment
marty	1763165896 using Report Comment
ArezFM	1762214030 using! tysm!!! Report Comment