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

tylertism	1764728895 using! Report Comment
Carlxs (Nya)	1764537781 Usando, le agregare cambios con el paso del tiempo Report Comment
Carlxs (Nya)	1764537779 Usando, le agregare cambios con el paso del tiempo Report Comment
Carlxs (Nya)	1764537779 Usando, le agregare cambios con el paso del tiempo Report 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
Ragdoll	1721175956 Using! Report Comment
𖦹 FRANKIE ✶🥩⋆.˚🦴	1720788711 using Report Comment
( ^_^ ) GLOGNUT !!	1709264584 USING!! XD Report Comment
🐇oogaboogabunghole🦇	1708554874 Using this is awesome Report Comment
Gothurna	1707103618 Using!!! Report Comment
☆ Jules ☆	1705775505 Using :D Report Comment