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

Dayz	1751051618 using Report Comment
🇸🇪🇧🇧🇾	1749802114 using :] Report Comment
Alanta	1749582901 using love how this looks <3 Report Comment
+-Mello !	1748181204 Using<3 Report Comment
Marshall ִ ࣪𖤐.ᐟ	1745897647 using Report Comment
Scott	1745886938 Using Report Comment
Scott	1745886938 Using Report Comment
Dejan	1745796417 Using :) Report Comment
Ryker The Loser	1738301982 Using Report Comment
Sehle	1737629940 using :) Report Comment
˚୨୧⋆Tabi⋆୨୧˚	1737572574 Using!!! Report Comment
Sophs	1736722181 Using!! ️ Report Comment
⋆.ೃ࿔*:･ 𝕶𝖞𝖓𝖟𝖔 ✧.ೃ࿐	1736477110 using it:] Report Comment
St☆rGirlSarah!	1735370078 using :3 Report Comment
piper	1735012900 using!! ^^ Report Comment
piper	1735012899 using!! ^^ Report Comment
piper	1735012897 using!! ^^ Report Comment
Dₐddy'ₛ_ₑₘbₐᵣᵣₐₛₛₘₑₙₜ	1733417079 USING!! Report Comment
꒰ 𝒩𝒶𝓈𝒽𝒶𝓉𝓇𝒶 ꒱	1733416011 Using! Report Comment
Mark	1733404187 I forgot to comment "using"... sorry Using! Report Comment