My Chemical Romance Layout

Tags: layout, layouts, my chemical romance, black, grey, simple, 2000s, emo, music, dark

Description:

Hello Everyone!
I hope you like this layout I created!
This layout includes the song "Helena" from My Chemical Romance, plus lyrics from My Chemical Romance as headers! Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends! 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=30037) -->

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #3b3b3b;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>
	main:before {
		width: 100%;
		height: 400px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/fe/6c/43xXfizK_o.jpg');
		background-position: center center;
		background-size: cover;
</style>

<style>

    :root {
        --logo-blue: #3b3b3b;
        --darker-blue: #9a9a9a;
        --lighter-blue: #3b3b3b;
        --even-lighter-blue: #010101;
        --lightest-blue: #9a9a9a;
        --dark-orange: #ffffff;
        --light-orange: #010101;
        --even-lighter-orange: #000000;
        --green: #000000;
	}

    * {font-family: Monospace;}
	
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-1/cur67.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #000000;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #3b3b3b;
		border-radius: 10px;
		border: 3px solid #3b3b3b;
	}

    body
        {background: url('https://images2.imgbox.com/d0/f7/o235lgqL_o.jpg');
		background-position: center;
		background-size: cover;
		background-attachment: fixed;
		}
     
    .profile {background-color: #000000; color: #ffffff;}
    
        
    a:hover {color: #ffffff;}
	
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !important;
        text-shadow: none!important;
    }
    
    nav .links a:hover {color: #ffffff;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
	
	.profile-pic {border-radius: 500px; overflow: hidden;}
    
    .online {visibility: hidden;} 
    
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px; 
    }
    
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #9a9a9a;
font-weight: bolder;
    }

    .blog-preview p a{color: #ffffff !important;}

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #ffffff !important;
    }
    
    .profile .blurbs .section h4{color: #9a9a9a;}

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    
    .count {color: #9a9a9a;}
    
    .profile .friends .person p{color: #9a9a9a;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(154,154,154,0.71);
        border: 2px solid rgba(255,255,255,1)
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {
        transition: 0.5s ease
    }

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: black !important;}

h1{
font-size: 40px !important;
font-family: 'Paytone One', sans-serif;	text-align: center; overflow-wrap: break-word;
}

h1{
background: -webkit-linear-gradient(#9a9a9a, #010101);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #3b3b3b !important;
        color: #ffffff; !important;
        text-align: center;
        border-bottom: 2px solid;
    }
    
    .profile .friends .heading{color: #ffffff;}

    main {
        border-radius: 0 0 10px 10px;
        background: rgba(1,1,1) !important;
padding: 0px 0px;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(1,1,1) !important;
        color: #fff !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: black !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "We'll Carry On, We'll Carry On..."; font-size:.8rem; font-weight:bold; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "I'm Not Okay..."; font-size:.8rem; font-weight: bold; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "I Am Not Afraid To Keep On Living. I Am Not Afraid To Walk This World Alone..."; font-size:.8rem; font-weight: bold; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "What's The Worst That I Can Say? Things Are Better If I stay. So Long And Goodnight. So Long And Goodnight..."; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Well, If You Wanted Honesty, That's All You Had To Say..."; font-size:.8rem; font-weight:bold; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.8rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.8rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Teenagers Scare The Livin' Shit Out Of Me!"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "And All The Things That You Never Ever Told Me. And All The Smiles That Are Ever Gonna Haunt Me..."; font-size:.8rem; font-weight:bold;}

.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
    }

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/7SM5laxokpg/?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

About me text goes here.

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

✮CODI✮	1724400580 using Report Comment
xX_Freya_Xx	1717139281 Using and love it Report Comment
Damon XwX	1707520106 Using Report Comment Thank you! by Jody Marie ♡; 1707667697; Report
bella	1704740336 using! Report Comment Thank you! by Jody Marie ♡; 1704802670; Report
Millie	1684540688 Im going to use this!! Report Comment Thank you! by Jody Marie ♡; 1684545881; Report