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 294 comments ( View all | Add 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
nana☥𓆣	1751139870 usingg!! Report Comment
Luz ⸸	1749983825 using Report Comment
dinaa !?	1749377318 using!! Report Comment
rach!!	1749181205 using!! Report Comment
UsuallyFelix	1749179854 Using ‼️ Report Comment
F4WN	1748369725 USING!! Report Comment
TheTrueLegion666	1747507364 Using! Report Comment
Moth~lover	1746970564 Using!! Report Comment
1_Train	1746528745 Using Report Comment
Naee <3	1745964983 USING !! Report Comment
Naee <3	1745964970 USING !! Report Comment
Naee <3	1745964968 USING !! Report Comment
✮⋆˙BLOO_COLA˙⋆✮	1745378768 using!! Report Comment