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

𖣂︎ 𝒟𝒾𝓋𝒾𝓃𝑒𝒮𝓌𝒶𝑔 𖣂︎	1743206963 something is wrong with the background with the tapes Report Comment
💡 CAMEO💡	1738257645 using! Report Comment
💡 CAMEO💡	1738257643 using! Report Comment
Ellieeee !!	1737656372 using!! Report Comment
LOST ⛧	1736565291 using with some changes :3 Report Comment
⋆ 𝖊𝖒 ⋆	1730028980 using with changes!! ty Report Comment
Raoul_LovesRock	1729273694 usinggg Report Comment
Luci	1726400288 using:3 (with some changes) Report Comment
pigsneedle	1725420496 using Report Comment
Ragdoll	1721175956 Using! Report Comment
☣︎ FRANKIE ୧ ‧₊˚ 🥩🦴 ⋅	1720788711 using Report Comment
🎸~ CUBEPY ✧˚. [💭🏝️/🐟🏷️]	1709264584 USING!! XD Report Comment
🐇oogaboogabunghole🦇	1708554874 Using this is awesome Report Comment
Gothurna	1707103618 Using!!! Report Comment
☆ Jules ☆	1705775505 Using :D Report Comment
Skyy 𖤍.𖥔 ݁˖	1704587117 Using :] Report Comment
FЯ3ak⋆0n⋆a⋆L3ash(SUPA FREAK)	1700100036 USINGGG Report Comment
Just_ethan	1698514433 Using Report Comment