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

⋆ 𝖊𝖒 ⋆	1730028980 using with changes!! ty Report Comment
Raoul_LovesRock	1729273694 usinggg Report Comment
Luci	1726400288 using:3 (with some changes) Report Comment
nomelestor	1725420496 using Report Comment
Ragdoll	1721175956 Using! Report Comment
☣︎ CHRIZTINEE ´ཀ`⛧☥🦇 ݁ ˖ִ ࣪	1720788711 using Report Comment
🎸~ CUBEPY 🐟🏷️✧˚.ᵎᵎ	1709264584 USING!! XD Report Comment
jolly🎄 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
hai	1695786838 using Report Comment
lloyd !!	1694310526 gonna use !! Report Comment
♀Aurora♀	1692649740 using Report Comment
Nick	1692294674 using!! Report Comment