retro black and red layout with crt (no red filter)

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

Description:

this is an edited version of my retro black and red layout with red crt which 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.

Preview:

click on the image for a larger preview

Code:

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

<!-- (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;
}
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;
}

/* resting (normal cursor) */
* {
cursor: url(https://i.ibb.co/nkrZ6B7/cursor.png), auto;
}
/* i-beam/caret/the little line that shows up when you highlight text */
input {
cursor: url(https://i.ibb.co/mH10sDH/beam.png), auto;
}
/* the rest of these are for the pointer (what shows up when you hover over a link) */
a {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
button {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
.logout-btn {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
</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 576 comments ( View all | Add Comment )

charizard7385	1743724891 using Report Comment
Marc	1743562336 using!! ^_^ Report Comment
sofia ☆	1743557777 using!! Report Comment
Tenwuv	1743519024 Using Report Comment
Soul :3	1743429623 Using Report Comment
s3ver clvmb	1743327638 using Report Comment
Gaia	1743281723 Using Report Comment
HEDONEX	1742957313 Using Report Comment
mahfyzz	1742929778 Usando Report Comment
spideytuli	1742688123 using!! Report Comment
Lumi	1742679698 using Report Comment
pip_theratking	1742670325 using Report Comment
Rabies	1742649340 using Report Comment
insane moth	1742591476 using Report Comment
motr_1456	1742509164 using Report Comment
𝔎𝔞𝔪𝔦۶ৎ	1742446006 usingggg Report Comment
𐔌 . ⋮ meew .ᐟ ֹ ₊ ꒱	1742430445 usingg Report Comment
venice	1742399108 using!! Report Comment
cal	1742236481 usingg, Report Comment
ydedchad	1741880494 usinh Report Comment