Bloody Grunge

Tags: blood, grunge, dark, black, simple, red, black and red, goth, emo

Description:

Note: -Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section. (I do this to keep your codes separate from other content) -You can change your interest labels, found at the top of the code. Labeled "topic".

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Hooterbby (https://layouts.spacehey.com/layout?id=28792) -->

<style>
table, th, td {border: 0px solid;}:root {

  --topic1: "topic 1";
  --topic2: "topic 2";
  --topic3: "topic 3";
  --topic4: "topic 4";
  --topic5: "topic 5";
  --topic6: "topic 6";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
h1{
  font-family: 'Creepster', cursive;
  font-size: 4.5em !important;
}
</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>

<style>
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: white;
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }
</style>

<style>
a:hover{

background-color: white !important;
background-image: url('') !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: transparent !important;
background-image: url('https://png.pngtree.com/png-clipart/20211018/ourmid/pngtree-blood-powder-spray-png-image_3975881.png') !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>

<style>
.friends-grid{display: none !important;}
</style>

<style>
.contact .heading{display: none !important;}

.url-info{display: none !important;}

.profile-info{display: none !important;}

 .blurbs .section h4{display: none !important;}

.comment-replies{border: 0px solid white !important;}

 .table-section .heading{display: none !important;}

.blurbs .heading{display: none !important;}
</style>

<style>
    main{
    background-color: #490100 !important;
    }

    body{
        
    background-color: black !important;
    background-image: url('https://wallpapercave.com/wp/wp2778205.jpg') !important;
    background-attachment: static !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
        
    }
</style>

<style>
    .top{
        
    background-color: transparent !important;
    }
    .links{
        
    background-color: transparent !important;
    }
    footer{
        
    background-color: transparent !important;
    }
</style>

<style>
body  
    {
--lighter-blue: none;
}
</style>

<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "💀"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "💀"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "💀"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "💀"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "💀"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "💀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "💀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "💀"
}
</style>

<style>
table.comments-table{

display: block;
height: 500px!important;
overflow-y: scroll;

}
</style>

<style>
.friends .heading{
color: maroon !important;
background-color: black !important;
}
</style>

<style>
.count{
color: white !important;
}
</style>

<style>
    .top{
    background-color: transparent !important;
    }
        .contact{
    background-color: transparent !important;
        }
    table.details-table{
    background-color: transparent !important;
    }
    .profile .details-table td{
    background-color: transparent !important;
    }
    .comments-table td{
    background-color: transparent !important;
    }
    footer{
    background-color: transparent !important;
    }

</style>

<style>
main:before {
width: 100%;
height: 20px;
display: block;
content: "";
background-image: url('');
background-position: center;
background-size: ;
}
@media only screen and (max-width: 600px) {
main: before{
height: 200px;
}
}
</style>

<style>
    a{
        
    color: white !important;
        
    }
    a:hover{
        
    color: red !important;
        
    }
    a:visited{
        
    color: white !important;
        
    }
    .top a{

    color: white !important;

    }
    .top a:hover{

    color: red !important;

    }
    .top a:visited{

    color: white !important;

    }
    .links a{
    
    color: white !important;
    
    }
    .links a:hover{

    color: red !important;

    }
    .links a:visited{

    color: white !important;

   }
    .friends-grid p{
        
    color: white !important;
        
    }
    footer .links a{

    color: white !important;

   }
    footer .links a:hover{

    color: red !important;

   }
    footer .links a:visited{

    color: black !important;

   }
</style>

<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    }

    ::-webkit-scrollbar-thumb {
    background: red;
    }

    ::-webkit-scrollbar-track {
    background: maroon;
    }
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/user/use-1/use2.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/12/11/bloody-x.html" target="_blank" title="Bloody X"><img src="https://cur.cursors-4u.net/cursor.png" alt="Bloody X" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>  table, th, td {text-align: center;}</style>
<style>  body {text-align: center;}</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 33 comments ( View all | Add Comment )

SH4YLEEXD	1744334406 Using :> Report Comment
niya ♫⋆｡♪ ₊˚♬ ﾟ.	1743508341 usingg Report Comment
CYB3RZ	1742775003 using ! Report Comment
Gatz	1738122148 using Report Comment
Kasha	1736741946 Using <3 Report Comment
R4D	1733815321 using! Report Comment
harvey !!	1728866927 Uzing !! X3 Report Comment
Themicearehere	1728352118 using Report Comment
Neo	1723931464 Using!! Report Comment
0000	1723418479 Using! Report Comment
Ayu	1717944715 Using! Report Comment
DAM13N!!	1715191179 USING!! Report Comment
zaramustdie	1711577891 using! Report Comment
ethan (O__O)	1711393539 using Report Comment
Moon	1711141839 using! Report Comment
addarawl	1710814282 using Report Comment
Shake	1710210553 using Report Comment
MILOOOOOOOOO	1708954504 using! Report Comment
rusty3cutie	1707421313 using!! Report Comment