My Chemical Romance The Black Parade

Tags: mcr, my chemical romance, black, white, tbp, the black parade, gerard way
Description:

My Chemical Romace, specifically the black prade themed. Autoplays Welcome To The Black Parade. Black n white.
Preview:

click on the image for a larger preview
Code:

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

<style>
  
  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1134670771353038881/1149881177176551455/8391fa61-96db-4bea-9ffc-c8a11475d429.png")
  
  }
  
  </style>
<style>
/* profile background/the image behind the profile box */
body { 
background: url(https://i.pinimg.com/originals/1f/7e/57/1f7e57b2a7caeb78ba68f643c56d5e21.jpg);
}
nav .top, footer{
background:url(https://media.freestocktextures.com/cache/f4/c2/f4c2a708f62dd7aabcc763f53e20cf8b.jpg)
}
</style>

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

<style>/* Cursor & Scrollbar */
	* {cursor: url(data:image/x-icon;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #878787;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #616161;
		border-radius: 10px;
		border: 3px solid #7d7d7d;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #8f8f8f;
        --darker-blue: #bdbdbd;
        --lighter-blue: #c9c9c9;
        --even-lighter-blue: #cdcccf;
        --lightest-blue: #000000;
        --dark-orange: #a8a8a8;
        --light-orange: #ebebed;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://media.istockphoto.com/id/1420755455/photo/grunge-dirty-background-overlay.webp?b=1&s=170667a&w=0&k=20&c=7wfOkV1I0RJVAsuZlCzMD8zRenjlWo1hUYCAIsGBckw=");
}
     
    .profile {background-color:#5d5e5e; color: #000;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(248,230,226) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: #545454;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #fff !important;}
	
    footer .links a:hover{color: #fff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<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: #989b9c;
	font-weight: bold;
    background-color: #fff !important;
	}
</style>

<style>/* Navigation */
nav .top a{color: #fff;}
nav .top a:hover{color: #fff; !important;}

    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #fff !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #919191;}
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>

<style>/* Profile Name Header */
	 @import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
	.profile .left h1{ font-family: 'Rock Salt', sans-serif; font-size: 38px; color: #3d3d3d; text-align: center; overflow-wrap: break-word; text-shadow: 3px 3px 3px #000;}
</style>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 15px; color: #000;}
.profile .mood {color: #000;}
	.mood {text-align: right;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://cdn.discordapp.com/attachments/1134670771353038881/1149881883837087885/My_Chemical_Romance_logo.png"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px;
		display: block;
		margin-left: auto;
		margin-right: auto;
    }
.profile .url-info {color: #000;}
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #8c8c8c !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid white;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #9d9e9e; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #cacacc !important;}
.details-table td:first-child {color: #a2a3a3 !important;}
</style>

<style>/* Blog Info */
.blog-preview h4 {color: #000;}

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #000;
font-weight: bolder;
    }
	
    .blog-preview p a{color: #4e4f4f !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color:  #1d912d !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #8c8a89;}
    .profile .friends .person p{color: #7a7979 !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(242, 149, 45, 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}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #9e9d9d !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "I dont bite"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like "; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Friend Me "; font-size:.9rem; font-weight: bolder; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My Blogs "; font-size:.9rem; font-weight: bolder; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Life "; font-size:.9rem; font-weight: bolder; }

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

.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:.9rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "My Friends "; font-size:.9rem; font-weight: bolder;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment "; font-size:.9rem; font-weight: bolder;}


<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "🖤"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "🖤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🖤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🖤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🖤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🖤"
}
</style>


<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExaXVoOGVuMTA3NTZpcHIwMmc5ZzU4cXJseGI4Mm1xeHd0aTdpYXYyNiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/F7HGvv8iGwnyBoj9BY/giphy_s.gif') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>
<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 9px; z-index: 200;">
<img src="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExbWMxYWRrYjFyMTNxbDY4cjNpOHB5NzBoeW1ob3F1NHc4ZzE4YWZhYyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/f7LMZeKT1VEhBlm9iQ/giphy_s.gif" width="350" height="350"/></div>

<img src="https://24.media.tumblr.com/tumblr_magh3rKTbT1rti8xbo1_r1_400.gif"/>
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 0 of 0 comments ( View all | Add Comment )