helena // mcr layout ^_^

Tags: mcr, emo, red, my chemical romance, 2000s

Description:

umm idk !! feel free to change whatever !! no credit needed !!

Preview:

click on the image for a larger preview

Code:

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

<style>
body{
background:url(https://external-media.spacehey.net/media/sjwhXF1VJrtHHcbg2YIamTTso-QE9i0S8DajIqQe4llU=/https://media.discordapp.net/attachments/859229634424209439/1102559043295399966/IMG_1326.png?width=897&height=580) no-repeat center
fixed;
-webkit-background-size: cover
}

 logo {
content:url("https://i.ibb.co/vDWLQ57/Space-Hey-A-space-for-comrades-transparent-1.png");
      
}
main {
font-family:uset;
color: red;
background-color: black;
border-color: red;
border-style: dashed;}
nav .top {
background: transparent;
}
nav .links {
  background: rgba(0, 0, 0, 0.9);
}

.general-about img { 
 -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png); 
 -webkit-mask-size: 100%; 
 -webkit-mask-repeat: no-repeat; 
 -webkit-mask-position: center; 
}
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/18/4a/8e/184a8e47cd817ff0d82f5c895cdf57ed.gif);
    background-position: center center;
    background-size: cover;
}
#q, button {
color: #F55536;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: red!important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
main {
background: black;
color: red;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: red !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
background-image: url(<img src="https://s3.amazonaws.com/image.blingee.com/images17/content/output/000/000/000/031/480349435_1031892.gif?4" alt="MCR"/>);
        background-position: center;
        background-size: cover;
	padding: 5px;
        border-radius: 8px;
        border: 2px solid #0307ff;
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact.f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.contact {
  background-image: url(https://i.pinimg.com/736x/1d/a1/23/1da123e0cc792c21d3cf173fe50ed610.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  Width: 300px;
  Height:120px;
}
.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 favorite */
content: "🦇 "
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🦇 "
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "🦇 "
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🦇 "
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 2px solid grey;
border-collapse: collapse;
}
td {
color: red!important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer p {
color red !important;
}
.comments-table {
color: #0307ff;
border: none;
border-radius: 8px;
}
footer {
    background-image: url(https://i.pinimg.com/736x/1d/a1/23/1da123e0cc792c21d3cf173fe50ed610.jpg);
    background-position: center;
background-size: cover;
    border-radius: 8px;
    border: 2px solid red;
}
.general-about {
   border-radius: 8px;
   background: url(https://i.pinimg.com/736x/1d/a1/23/1da123e0cc792c21d3cf173fe50ed610.jpg);
   background-position: center;
   background-size: cover;
padding: 5px;
}
 body:before {
    content: " "; 
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url(https://i.pinimg.com/originals/e8/b5/13/e8b51387dc225d84d89eb92310cf7c69.gif);
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://external-media.spacehey.net/media/snruWYSypWG-dCLChsFw-HN_E-agfF2g-PqB72AWY2js=/https://i.ibb.co/mFPFXQB/ezgif-5-f1b7056d17.png);
}

.online {
  animation: rotation 8s infinite linear;
}

.friends{
   background-image: url(https://i.pinimg.com/originals/65/54/7f/65547f46676e9ce98144be61866876e8.gif);
   background-size: cover;
   border-style:Double; 
   border-width:6px; 
   border-radius: 5px;
   border-color: white}
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>

<style>* {cursor: url(https://external-media.spacehey.net/media/soAFfBqR0YpdYByTST4Sa--wKW1ePrB3r6-T9peKGZVk=/https://64.media.tumblr.com/e3a4d46b8a8803746a694f2e9a099225/4cd9489c664c41c5-42/s75x75_c1/8516e85c85a365ca79699498094e6456ffcd243e.gifv), auto !important;}</style>


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



<div style="float: ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://i.pinimg.com/originals/45/89/05/458905e2ff2166161660ed74cffe1dfa.gif"/>

<style>

</style></div>

<style>
right image
</style>
<div style="float: ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200; width: 300px;"><img src="https://i.pinimg.com/originals/ed/88/8f/ed888f0223a55c417142f5d235511ff9.gif"/></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.