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

є𝔩𝔩𝔦𝔢	1764652038 using :3 Report Comment
altruism2003	1764440985 Using xx Report Comment
lucero	1764142648 using! Report Comment
Lei	1764138829 Using :D Report Comment
starzeryl	1764048285 using! Report Comment
eyehaterylee	1762757430 using :) Report Comment
eddie/nova	1762713596 using!! Report Comment
... [❝ ℛ𝒾𝓃 !！❞] ◌ೄ	1762562730 using Report Comment
RavennMwahhh	1762310517 using <3 Report Comment
M4rc3ll0	1761845678 using! Report Comment
Percyy⠀.ᐟ	1758894540 using Report Comment
Nicomustdiee	1758780830 using!^^ Report Comment
👾★«𝐊𝐮𝐦𝐢»★👾	1758603913 Usando Report Comment
⋅⊰༻♱ 𝐡𝐚𝐳𝐞𝐥 ♱༺⊱⋅	1758410245 using!! :3 Report Comment
erruhh	1757728458 Using Report Comment
erruhh	1757728456 Using Report Comment
techicidal𓄧	1756697606 using Report Comment
Killian/Strawwb3rry	1756089064 Using!! Report Comment
SXRINS	1756071535 using Report Comment
Zeynep Asia	1755717985 usinggg Report Comment