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

King Arty	1700553199 Using! Report Comment
StUpid G🫀TS	1700100036 USINGGG Report Comment
Just_ethan	1698514433 Using Report Comment
hai	1695786838 using Report Comment
lloyd !!	1694310526 gonna use !! Report Comment
☆Lucas☆	1693709403 might use Report Comment
aurora \| Skyfire	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
Maxz_Corpse	1689151764 omg this is so cute!! Report Comment
SCENEMO	1689038559 THIS IS SO COOL GOOD JOB!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment THANK UUUUUUU by Crash Test Dummy!1; 1689084923; Report
scourge the jeff the killer	1689035534 GAWD DAMN this is SO SICK Report Comment
milica <3	1689028417 how do i give kudos to this Report Comment it's amazing tbh by milica <3; 1689028430; Report thanks!1 :D by Crash Test Dummy!1; 1689028543; Report