Grunge / Emo layout

Tags: 2000s, 90s, emo, grunge, goth, music, punk, dark, black, red

Description:

Includes: base layout, custom cursor, custom Online Now icon, grain overlay, and extra graphics.
Feel free to change anything, no credits needed, just please don't steal!
Spinning profile photo not included.
View my other layouts!! https://layouts.spacehey.com/crashtestdummy. Any problems let me know!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Crash Test Dummy!1 (https://layouts.spacehey.com/layout?id=35167) -->

<img src="https://media.discordapp.net/attachments/809904391158366218/887535921560444958/Tumblr_l_1277788035946469.gif"/>

<img src="https://cur.glitter-graphics.net/pub/2448/2448293nizu9s1qxy.gif"/>

<img src="https://media.discordapp.net/attachments/809904391158366218/887529519991373844/Tumblr_l_2473164142565302.gif"/>
<style>

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://th.bing.com/th/id/R.f64028776b7c56d064de5fe61357f06e?rik=XvZ4qlLpcPKnvA&pid=ImgRaw&r=0);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain
  70% { transform:translate(0%, 15%) }
}

.online{

content: url("https://i9.glitter-graphics.org/pub/76/76579nter2k6mhd.gif") !important;

}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth904.cur), auto !important;} /* End https://www.cursors-4u.com */

    body{
color: white !important;
font-family: courier new;
background-image: url('https://th.bing.com/th/id/OIP.9BYvZEA-Dh4Ju9BvyMGPCwHaEx?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;
    }
    .container{
border-radius: 10px;
    }
    main{
border-radius: 10px;
border: 2px solid darkred;
box-shadow: 5px 5px 5px black;
background-image: url('https://th.bing.com/th/id/R.939dca17e7465ca7077efd6a348ab2b1?rik=l0Pv8feAeG2wFg&pid=ImgRaw&r=0') !important;
    }
    .profile{
border-radius: 10px;
    }
    a{
color: white !important; 
    }
    a:hover{ 
color: yellow !important; 
    }
    a:visited{
color: white !important;        
    }
    button{
color: black !important;
    }
    h4{
color: white !important;
background-color: darkred !important;
    }
    .top{
color: white !important;
font-weight: bold !important;
border: 2px solid darkred !important;
border-radius: 10px;
box-shadow: 5px 5px 5px black;
background-image: url('https://i9.glitter-graphics.org/pub/327/327469mkd8ke9yub.jpg') !important;
background-repeat: REPEAT !important;  
    }
    .logo{
    }
    .top label{
color: white !important;
    }
    .top input{
color: black !important;
background-color: white !important; 
    }
    .top button {
color: black !important;
    }
    .top a{
color: white !important;
font-weight: bold;
    }
    .top a:hover{
color: lightgray !important;
    }
    .top a:visited{
color: white !important;
font-weight: bold !important;
    }
    .links{  
background-color: darkred !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
    }
    .links a{
color: white !important;        
    }
    .links a:hover{
color: yellow !important;
    }
    .links a:visited{
color: white !important;
    }
    h1{
color: white !important;
font-weight: bold !important;
    }
    .profile-pic{
    }
    .profile-pic img{
box-shadow: 5px 5px 5px black;
border-radius: 10px;
    }
    .general-about{
box-shadow: 5px 5px 5px black;
color: white !important;
border: 2px solid darkred !important;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/R.2643fd440721ba5623247c4dd78ad9a6?rik=M4QT0xw9T7ebuQ&riu=http%3a%2f%2fwallpapercave.com%2fwp%2fyaLjpKB.jpg&ehk=ObOKg7rVcufacTPY%2b2FwV62hHJr7keQ%2bYpnqvtyQkqM%3d&risl=&pid=ImgRaw&r=0') !important;
background-repeat: REPEAT !important;
    }
    .mood{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkred !important;
border-radius: 10px;
background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;
background-repeat: REPEAT !important;
    }
    .mood a{
color: yellow !important;
font-weight: bold !important;   
    }
    .mood a:hover{
color: white !important;
font-weight: bold !important;
    }
    .mood a:visited{
color: yellow !important;
font-weight: bold !important;
    }
    .mood b{ 
color: white !important;
    }
    .mood p{    }
    .contact .heading{
color: white !important;
font-weight: bold !important;
background-color: darkred !important;
    }
    .contact{
box-shadow: 5px 5px 5px black;
border: 2px solid darkred !important;
background-image: url('https://i.pinimg.com/236x/e2/e1/a3/e2e1a30cec83c1b9aec00c4835f0490a.jpg');
border-radius: 10px;
    }
    .contact a{
color: white !important;
font-weight: bold !important;
    }
    .contact a:hover{
color: yellow !important;
font-weight: bold !important;
    }
    .contact a:visited{
color: white !important;
font-weight: bold !important;
    }
    .url-info{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkred !important;
border-radius: 10px;
background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;
background-repeat: REPEAT !important;
    }
    .url-info b{
color: white !important;
    }
    .url-info p{
    }
    .table-section{
border: 2px solid darkred !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
background-color: black !important;
    }
    .table-section .heading{
color: white !important;
font-weight: bold !important;
background-color: darkred!important;
    }
    table.details-table{
    }
    .profile .details-table td{
color: white !important;
font-weight: bold !important;
border-radius: 3px;
background-image: url('https://i.pinimg.com/236x/e2/e1/a3/e2e1a30cec83c1b9aec00c4835f0490a.jpg') !important;
    }
    .profile-info{
color: white !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
border: 2px solid darkred;
background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;
    }
    .blog-preview{
color: white !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
font-weight: bold !important;
border: 2px solid darkred;
background-image: url('https://i9.glitter-graphics.org/pub/1014/1014359plv9uekb2b.jpg') !important;
background-repeat: REPEAT !important;
    }
    .blog-preview h4{
color: white !important;
    }
    .blog-preview a{
color: yellow !important;
font-weight: bold !important;
    }
    .blog-preview a:hover{
color: white !important;
font-weight: bold !important;
    }
    .blog-preview a:visited{
color: yellow !important;
font-weight: bold !important;
    }
    .blog-preview p{
    }
    .blurbs{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkred;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/R.2643fd440721ba5623247c4dd78ad9a6?rik=M4QT0xw9T7ebuQ&riu=http%3a%2f%2fwallpapercave.com%2fwp%2fyaLjpKB.jpg&ehk=ObOKg7rVcufacTPY%2b2FwV62hHJr7keQ%2bYpnqvtyQkqM%3d&risl=&pid=ImgRaw&r=0') !important;
background-repeat: REPEAT !important;
    }
    .blurbs .heading{
color: white !important;
font-weight: bold !important;
background-color: darkred !important;
border-radius: 3px;
    }
    .blurbs .section h4{
color: white !important;
font-weight: bold !important;
    }
    .friends .heading{
color: white !important;
font-weight: bold !important;
border-radius: 3px;
background-color: darkred !important;
    }
    .friends{
color: white !important;
box-shadow: 5px 5px 5px black;
font-weight: bold !important;
border: 2px solid darkred;
border-radius: 10px;
background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;
background-repeat: REPEAT !important;
    }
    .friends-grid{
    }
    .friends a{
color: white !important;
font-weight: bold !important;
    }
    .friends a:hover{
color: yellow !important;
font-weight: bold !important;
    }
    .friends a:visited{
color: wbite !important;
font-weight: bold !important;        
    }
    .friends b{
color: white !important;
font-weight: bold !important;
    }
    .friends p{
    }
    .friends .person p{
color: white !important;
font-weight: bold !important;
    }
    .count{
color: yellow !important;
font-weight: bold !important;
    }
    .more{
color: white !important;
font-weight: bold !important;
    }
    .comments-table{
box-shadow: 5px 5px 5px black;
color: white !important;
font-weight: bold !important;
border: 2px solid black;
background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png')!important;
border-radius: 10px;
    }
    .comments-table td{
box-shadow: 5px 5px 5px black;
color: white !important;
border-radius: 10px;
border: 2px solid black;
background-image: url('https://i3.glitter-graphics.org/pub/1857/1857503syv4r9nfyd.png') !important;
    }
    .pagination{
    }
    footer{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkred;
border-radius: 10px;
background-image: url('https://i7.glitter-graphics.org/pub/507/507767tv9mtutha9.jpg') !important;
background-repeat: REPEAT !important;
    }
    footer a{
color: darkred !important;
font-weight: bold !important;
    }
    footer a:hover{
color: yellow !important;
font-weight: bold !important;
    }
    footer a:visited{
color: darkred !important;
font-weight: bold !important;
    }
    footer .links{
color: white !important;
    }
    footer .links a{
color: white !important;
font-weight: bold !important;
    }
    footer .links a:hover{
color: yellow !important;
font-weight: bold !important;
    }
    footer .links a:visited{
color: white !important;
font-weight: bold !important;
    }
    .copyright{
color: white !important;
    }
</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 24 comments ( View all | Add Comment )

doomkerr	1710346348 Using! Report Comment
🎸✞✰ ~ 𝘽𝙍𝘼𝙉𝘿𝙊𝙉 🖇️🐟🏷️✧˚.ᵎᵎ	1709264584 USING!! XD Report Comment
oogaboogabunghole	1708554874 Using this is awesome Report Comment
shisttyy	1707103618 Using!!! Report Comment
☆ Jules ☆	1705775505 Using :D Report Comment
Skyy/Austin★🎧⋆｡	1704587117 Using :] Report Comment
King Arty	1700553199 Using! Report Comment
FЯ3ak⋆0n⋆a⋆L3ash	1700100036 USINGGG Report Comment
Just_ethan	1698514433 Using Report Comment
hai	1695786838 using Report Comment
lloyd !!	1694310526 gonna use !! Report Comment
★AmazingLucas★	1693709403 might use Report Comment
MTMTE_Spinister	1692649740 using Report Comment
Nick	1692294674 using!! Report Comment
Fizzy_Red_Soda	1691359191 might use Report Comment
xXb0neXx	1691199008 totes putting this on my list for themes Report Comment
Sixpence	1689988144 Defffff using Report Comment
lvzielbbarks	1689548901 OMG this looks so cool!! Report Comment
Razzlepunkboi	1689468770 Yo, is it okay I use this layout? I dunno how to make one on an iphone. Report Comment yes!! thats what it's for! by Crash Test Dummy!1; 1689524616; Report