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

𝄞 finn :o	1767899788 using!:3 Report Comment
Kindness	1767445970 using! Report Comment
Evan	1767359375 usingg Report Comment
♡𝐿𝑢𝑐𝑎𝑠♡	1766862183 usingggg Report Comment
V1mpire	1766464800 using good job! :3 Report Comment
valentin0pr0xeneta	1765814417 USINGGGGGGG Report Comment
l1mazs2_	1764825657 usando :3 Report 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
... [❝ ℛ𝒾𝓃 !！❞] ◌ೄ	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