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 303 comments ( View all | Add 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
b6st66rd	1755349814 using Report Comment
marshall	1754182777 using Report Comment
Crimson_r3d	1753906931 using Report Comment
QueenOfAsgard	1753095291 Using :) Report Comment
Feldu 𐕣	1752446952 Usingg Report Comment
Thea	1752239512 usingg Report Comment
naju𝄞	1751139870 usingg!! Report Comment
NIZELCORE	1749983825 using Report Comment
dinaa !?	1749377318 using!! Report Comment
rach!!	1749181205 using!! Report Comment