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

Lyn⠀	1770116675 Using Report Comment
𑣲 den	1770092495 using!!!! Report Comment
blasph3m0us707	1770066038 usando Report Comment
Day️🖤	1769908678 Using Report Comment
PUNKSTATIKPARANOIA	1769841785 using!!! thank youu!! Report Comment
MonsterSerial	1769749509 usin' Report Comment
nerdles	1769727315 using ! Report Comment
Sᴛʀɪᴋɪ Kɪᴋɪ	1769401786 usinggg Report Comment
kynxxiii	1769323384 usingg Report Comment
seerofblood	1769277024 using! thank y9u. Report Comment
Billy Boy :3	1769057305 UUSSINGGG<3 Report Comment
Kanama	1768756877 Using! Report Comment
MoonOfChaos	1768637978 using Report Comment
MoonOfChaos	1768637978 using Report Comment
Dizzy walks	1768567233 Using Report Comment
BEAU?!	1767904407 Using! Report Comment
0lliezz	1767580106 USINGGGG x3 Report Comment
Aspen <3	1767225387 using <3 Report Comment
Antolettreaux	1767022434 USINGG!! :3 Report Comment
yash 𖹭.ᐟ	1766697052 using Report Comment