mcr layout

Tags: mcr, my chemical romance, emo, goth, red, black, dark

Description:

idk i did this in like an hour or two i kept messing up

Preview:

click on the image for a larger preview

Code:

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

<div class="mikey">
<div class="gerard">

<style>

 
 
    body {
      background-image: url(https://i.pinimg.com/236x/fc/3c/85/fc3c8524d64e208e945fc7821a143c08.jpg);
      background-size: 90px;
      background-attachment: fixed;
       font-family: 'Jim Nightshade', c !important;
    font-size: 25px;
    color: #cab8bb;
<style>
    }
    .gerard{
        background: url(https://64.media.tumblr.com/20f140fd66eabd198ac0f117ee305536/4ca0b9bebdf47f7c-46/s400x600/583b8e0b6af99b635c0566767e201f50b5e3a94e.gifv) no-repeat;
        background-size: 50%!important;
        position:fixed;
        left: 6px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }
     .mikey {
        background: url(https://64.media.tumblr.com/c46bb252f874c0c1722a684bd49ad6c6/tumblr_mp61x1IjPT1sn1r2jo1_500.png) no-repeat;
        background-size: 99%!important;
        position: fixed;
        right: -30px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
     }
      .contact {
        display: block;
        content: "";
        background-color: #040f11;
        border: dotted ;
      }
     main {
        background-color: #040f11;
        color: #fffeff;
    
        text-shadow: 1px 1px 0px black
        
     }
     .profile{
         border-radius: 6px;
         border: double #cab8bb 5px;
         
         #a54543
        
     }
nav .top {
    background-image: url(https://i.pinimg.com/564x/27/80/21/278021332d4519085e04ce4c7dbb1fa6.jpg);
    padding:30px;
    border: double 5px #cab8bb;
    border-radius:6px;
    

}
.profile-pic{
    border: ridge 3px  #a54543;
    border-radius: 30px;
    overflow: hidden;
   
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "🩸";
    
   
}
nav .links {
        background-color: #5e6166;
        text-shadow: 0px 0px 5px white; 
        border: solid 2px #cab8bb;
        border-radius: 10px;
}
 .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: #a54543;
        border:solid #a54543;
        border-radius: 25px;
     overflow:hidden;
    }
.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    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: "📄"
   
}
    
 :root {
    --logo-blue:
    --headers: rgba(255, 255, 255, 255);
    --darker-blue: rgba(135,39,23,255);
    --lighter-blue: rgba(0, 0, 0, 1);
   --even-lighter-blue: ;
    --lightest-blue:rgb(160,68,62) ;
    --dark-orange: ;
    --light-orange: #000000;
    --even-lighter-orange: #000000;
    --green: rgba(255, 255, 255, 255);
    --links:rgba(255, 255, 255, 255);
}
footer {
background-image: url(https://i.pinimg.com/564x/27/80/21/278021332d4519085e04ce4c7dbb1fa6.jpg) 
!important; 
background-position: bottom center !important;
background-repeat: repeat !important;
 padding:30px;
    border: double 5px #cab8bb;
    border-radius:6px;
}
.online img {
        content: url(https://ct.pimp-my-profile.com/online/deadnow17qp.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: none;
        animation-iteration-count: infinite;
        animation-duration: 2s;
}


.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:20px; }
.contact .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 
overflow:hidden;
}
.table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 
}
DIV.blog-preview{
text-align: center;
background-image: url(https://i.pinimg.com/236x/31/88/af/3188aff06bc733d40f60385566840ba2.jpg);
text-transform:lowercase !important;
color: white;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);


}
.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
}





 
 
     





    

    
        </style></div></div>

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

xxchugg3rsxx	1678048834 i love ur layouts Report Comment tyy by ace; 1678244914; Report
mathew ⛧	1678048788 Using! Report Comment
WillowedKitty	1677532861 :o I love this, def gonna use this! ^^ Report Comment
Vinny	1675813019 This is rlly cool! , Using :) Report Comment