Red and grungy

Tags: grunge, emo, red

Description:

Just a red and grunge kind of layout Feel free to use, Comment if your gonna use please.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by K£nny (https://layouts.spacehey.com/layout?id=26172) -->


<style>

 
 
    body {
      background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPZMd6VGBa923H4Ixysecq8LpbwttgbvTGTw&usqp=CAU);
      background-size: px;
      background-attachment: fixed;
       font-family: 'Righteous',cursive;   !important;
    font-size: 17px; 
    color: #cab8bb;

     }
      .contact {
        display: block;
        content: "";
        background-color: #040f11;
        border: dotted ;
      }
     main {
        background-color: #000;
        color: #fffeff;
    
        text-shadow: 1px 1px 0px black
        
     }
     .profile{
         border-radius: 6px;
         border: double #cab8bb 5px;
         
         #a54543
        
     }
nav .top {
    background-image: url(https://w0.peakpx.com/wallpaper/315/606/HD-wallpaper-nightmare-aesthetic-grunge-gothic-horror-black-satanic-sad-dark-demon-scary-depressing-anime.jpg);
    padding:30px;
    border: double 5px #cab8bb;
    border-radius:6px;
    

}
.profile-pic{
    border: ridge 3px  white;
    border-radius: 30px;
    overflow: hidden;
   
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "♠";
    
   
}
nav .links {
        background-color: firebrick;
        text-shadow: 0px 0px 5px white; 
        border: solid 2px #cab8bb;
        border-radius: 10px;
}
 .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: #a54543;
        border:solid #a54543;
        border-radius: 25px;
     overflow:hidden;
    }
.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    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: "📄"
   
}
    
 :root {
    --logo-blue:
    --headers: rgba(255, 255, 255, 255);
    --darker-blue: rgba(135,39,23,255);
    --lighter-blue: rgba(0, 0, 0, 1);
   --even-lighter-blue: ;
    --lightest-blue:rgb(160,68,62) ;
    --dark-orange: ;
    --light-orange: #000000;
    --even-lighter-orange: #000000;
    --green: rgba(255, 255, 255, 255);
    --links:rgba(255, 255, 255, 255);
}
footer {
background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQFQ77TJXimLv74EiBaaqIbJo87ITCLyS1afw&usqp=CAU) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
 padding:30px;
    border: double 5px #cab8bb;
    border-radius:6px;
}
.online{
  content: url("https://dl.glitter-graphics.com/pub/2108/2108007d5yn7ri2x8.png");
} 


.contact .heading h4{
display:none !important;}

}


.contact .heading{ font-size:20px; }
.contact .heading:before{ content: url(https://m.media-amazon.com/images/I/41uVdSYuOQL._CR0,204,1224,1224_UX256.jpg); 
overflow:hidden;
}
.table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url(https://at-cdn-s02.audiotool.com/2019/01/02/documents/816i3nrc24l4/0/cover256x256-bf8f374da24a4c6b844841189712ebeb.jpg); 
}
DIV.blog-preview{
text-align: center;
background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTF3s78r_LT6LyrcNFUg4lhLixdbWO1CvB7jy3FB58U-3qjjA6EJdtqHU0pdn62GwuGpu0&usqp=CAU);
text-transform:lowercase !important;
color: white;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);


}
.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border-style: solid;
border-width: 10px;
border-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTF3s78r_LT6LyrcNFUg4lhLixdbWO1CvB7jy3FB58U-3qjjA6EJdtqHU0pdn62GwuGpu0&usqp=CAU") 60 fill round;
}





 
 
     





    

<style></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 47 comments ( View all | Add Comment )

SKYLARR96	1733079805 Using !!! Report Comment
elyse ♥	1732888985 using!! Report Comment
vex 💌	1732416914 using ty! Report Comment
Jay	1732136094 gonna use! Report Comment
norman (but actually liam)	1729565347 using !!! :3 Report Comment
Cyanide	1728634151 using tysm!!!! Report Comment
Cyanide	1728634146 using tysm!!!! Report Comment
autumnnkissesss	1726947647 Using! Report Comment
CROSS	1726462182 usinggg Report Comment
Matt	1724806973 gonna use it! ^^ Report Comment
SadCandie	1724771990 ye Report Comment
SadCandie	1724771987 ye Report Comment
SadCandie	1724771987 ye Report Comment
SadCandie	1724771987 ye Report Comment
SadCandie	1724771986 ye Report Comment
SadCandie	1724771986 ye Report Comment
𝖓𝖆𝖙𝖍𝖆𝖓𝖆𝖊𝖑	1721828606 using it tyy Report Comment
Roman	1719084757 gonna use it ty for making Report Comment
gumi	1712842928 using:33 Report Comment
Sage<3	1704912508 Using, love it :) Report Comment glad u like it by K£nny; 1704912550; Report