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

Liv ⛧	1693810678 USINGGGG Report Comment
hensim	1693634750 using ! Report Comment
TaTuM!! XP	1690600870 USING!!! Report Comment
Razzlepunkboi	1689469475 Imma use this layout broski. Hope you don’t mind. Report Comment
B.L.A.I.S.E	1687820982 using!! Report Comment
Melly!!	1684711248 Using!! :3 Report Comment
sherlockhomo	1684657563 using!! Report Comment
Noli	1684519648 using! Report Comment
xXxMurphyxXx	1683234453 using Report Comment
Em ♥︎	1682830807 Using! Report Comment