dark red layout

Tags: red, black, glowing, knife, bloody, stalker, creepy, dark, emo, goth

Description:

this is a black layout with red accents. red glowing accents. it has an autoplayer/autoplaying music/music in the background. it has a custom cursor/mouse. for now i'll leave it like this but if i update it, i'll put an edit note saying that i have. feel free to customize it however you want, i didn't label anything to make that easy but hopefully if you're going to customize it you're already pretty versed in html. let me know if you end up using this in the comments or add me!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ᶻ 𝗓 𐰁 (https://layouts.spacehey.com/layout?id=33582) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
body{
background-color: #0c0000;
}

.container{
width: 1000px;
}

nav img.logo {
content:url("https://cdn.discordapp.com/attachments/1110763120374329415/1121001218764976148/spacehey_logo_geg.png");
}

nav .top{
background-color: transparent;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
margin: 1em 0;
}

nav .links{
background-color: transparent;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

nav .links li::after{
display: none;
}

.profile p{
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

main{ 
background-color: transparent;
margin: 1em 0;
padding: .5em;
}

.profile h1{
font-family: 'UnifrakturCook', cursive;
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-size: 30px;
}

.online{
font-family: 'UnifrakturCook', cursive !important;
color: #b50000;
font-size: 30px !important;
text-shadow: 0px 0px 10px #b50000;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
background-color: transparent;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
color: #b50000;
}

.profile .general-about{
color: #b50000;
}

.profile .blog-preview,
.profile .mood{
color: #b50000;
}

.profile .profile-pic img{
border-radius: 10px;
box-shadow: 0px 0px 10px #b50000;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'UnifrakturCook', cursive;
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
background-color: transparent;
padding: .5em;
font-size: 30px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
color: #b50000;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
font-size: 30px;
}

table.details-table td {
background-color: transparent !important;
color: #b50000 !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
font-family: 'UnifrakturCook', cursive;
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
background-color: transparent;
padding: .5em;
font-size: 30px;
}

.profile .blurbs{
text-shadow: 0px 0px 10px #b50000;
color: #b50000;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
}

.profile .friends-grid .person p,
.profile .friends{
color: #b50000;
}

.profile .blurbs .section h4{
color: #b50000;
}

.profile .comments-table{
background-color: transparent;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
color: #b50000;
}

.profile .comments-table td{
background-color: transparent;
border-radius: 10px;
border: 2px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
padding: .5em;
}

.profile .comments-table .comment-replies{
background-color: transparent;
border-radius: 10px;
border: 1px solid #b50000;
box-shadow: 0px 0px 10px #b50000;
color: #b50000;
}

.comments-table img,
.person img{
border-radius: 10px;
box-shadow: 0px 0px 10px #b50000;
}


footer{
background-color: transparent;
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
}

.count{
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
}

a{
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

a:visited {
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

a:hover {
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

a:active {
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

nav .links a{
color: #b50000;
font-size: 20px;
}

nav .links a:hover{
color: #b50000;
text-shadow: 0px 0px 10px #b50000;
font-family: 'UnifrakturCook', cursive;
font-size: 20px;
}

.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}

.contact .inner a:before{
font-size: 20px;
} 

.profile .blog-preview{
text-align: center;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010270085141/knife_clean_2.png')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010534322308/knife_2.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010534322308/knife_2.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010270085141/knife_clean_2.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010270085141/knife_clean_2.png')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010534322308/knife_2.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010534322308/knife_2.png')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: url('https://cdn.discordapp.com/attachments/1110763120374329415/1121008010270085141/knife_clean_2.png')
}

a:hover{
cursor: url('https://cur.cursors-4u.net/cursors/cur-10/cur966.cur'), auto;
}
* {
cursor: url('https://cur.cursors-4u.net/cursors/cur-10/cur970.cur'), 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 236 comments ( View all | Add Comment )

Max	1733022203 Using!!! Thank you :3 Report Comment
♫✞ 🔪 autumn 🩸♥	1732584808 using !! Report Comment
Satoru.liker	1732059605 Using Report Comment
meekz <3	1731818372 ussiinng >0< Report Comment
amber !	1731651664 using ! Report Comment
Troy	1731538020 using B3 Report Comment
Ari 🕷️🕸️	1731241739 using 🕷️ Report Comment
Z0MB13_GVTZ	1730535968 usinnggg!! Report Comment
Cybercryz	1730529471 usingg Report Comment
evz 🦇	1730063919 usinggggg !!!! Report Comment
yuka88	1730028117 using!!! Report Comment
Camila! <3	1730001574 Using!! x3 Report Comment
//ImJustPassingBy\\ $//ImJustPassingBy\\'s profile picture$	1729409020 using Report Comment
CryftangLs	1729200658 using Report Comment
BLADE	1728826646 using pleadng face Report Comment
Aisha	1728191361 usingg Report Comment
Lukas	1727969847 usando Report Comment
jules ˚. ୭ 📕	1727439872 Using!! Report Comment
M1CR0W6V3	1727368989 uzing^^!!! Report Comment
M1CR0W6V3	1727368987 uzing^^!!! Report Comment