red and black stars layout

Tags: red, black, stars, ghosts, emo, dark, mcr, my chemical romance

Description:

got bored,,, comment if ur gonna use! please don't remove the credit. loosely based on mcr? like that was the original idea lol

Preview:

click on the image for a larger preview

Code:

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

<marquee><h1> <a href="https://spacehey.com/gods_worst_angel">layout by valerie</a> </h1></marquee>

<style>
img{
filter: saturate(200%);
}
img:hover{
transition: 2s !important;
filter: blur(1px) grayscale(100%);
}
</style>

<style>
body{
  background: url(https://i.pinimg.com/564x/44/e3/65/44e3651546399e970a544372bac0edf1.jpg);
  background-size: 300px;
}

main, nav .top, nav .links, footer{
  background: rgb(172, 1, 0, 0.5);
  color: white;
  border: white 3px solid;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.profile .table-section, .profile .friends, .blog-preview{
  background: url(https://i.pinimg.com/236x/2d/11/31/2d11317428fc56ea966916abc1726b9f.jpg);
  color: white !important;
  border: white 3px solid;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.profile .blurbs{
  background: url(https://i.pinimg.com/originals/98/91/ce/9891ced35da83d5d5fc66faf00746ac9.jpg);
  color: white !important;
  border: white 3px solid;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  word-wrap: break-word;
}

.profile .contact, .profile .mood, .friends{
  color: white !important;
  border: white 3px solid;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.profile .contact, .profile .mood{
  background: url(https://i.pinimg.com/originals/98/91/ce/9891ced35da83d5d5fc66faf00746ac9.jpg);
}

.profile .url-info{
  background: url(https://i.pinimg.com/originals/4f/69/d3/4f69d37b6c38f227557490224dd60475.jpg);
  background-position: center;
  background-size: 400px;
  height: 210px;
  font-size: 0px;
  border: white 3px solid;
  border-radius: 10px;
}

.profile-info{
  background: url(https://i.pinimg.com/originals/49/a7/77/49a77728896abda1d0f00a5a32750551.jpg);
  background-size: 450px;
  background-position: center;
  height: 200px;
  font-size: 0px;
  border: white 3px solid;
  border-radius: 10px;
  margin-bottom: 25px;
}

.friends#comments{
  background: url(https://i.pinimg.com/236x/2d/11/31/2d11317428fc56ea966916abc1726b9f.jpg);
}

.heading{
  background: black !important;
  border-radius: 10px;
}

a, nav .links a, nav .top a, footer a{
  color: white;
}
a:hover, nav .links a:hover, nav .top a:hover, footer a:hover{
  color: #424242;
  text-decoration: line-through;
  text-transform: uppercase;
  filter: blur(.5px);
}

button{
  color: white !important;
  border: none !important;
  background: none !important;
}

button:hover{
  color: #424242 !important;
  text-decoration: line-through !important;
  text-transform: uppercase !Important;
  filter: blur(.5px) !important;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}

.profile-pic img, .friends img{
 animation-name: floating;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 0px;
  margin-top: 0px;
}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px);   
}
</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 47 comments ( View all | Add Comment )

BL00DSUCK3R	1748573629 using !!:3 Report Comment
Makenna	1748387533 using!! Report Comment
an4rchy	1745739800 usingggg Report Comment
Leepy_ALCZ	1743882378 Usinggggg !! X3 Report Comment
Marcy!!	1740295624 Using:33 Report Comment
adam.	1739321629 using! Report Comment
S0ar1ng_skyzz	1737914311 usinggg!! Report Comment
luluslens	1737629530 usinngngg Report Comment
Liesel XD	1736640385 Tyyy! Using BTW Report Comment
✮	1735702766 ty for layout :3 Report Comment
Pierce_the_meg	1735505315 Thank you!!!! Report Comment
𝔣𝔵𝔫𝔤𝔰⁷🦇꩜.ᐟ	1732824521 uussiinngg!! Report Comment
Val	1717885520 Usandoo! Report Comment
Nikki<3	1717174647 using Report Comment
vxmp.bby	1710713763 using !! Report Comment
xf4ngziex	1708742995 using!! Report Comment
Just_ethan	1707367564 Using Report Comment
Charlie!! 🍉	1707130350 using :3 Report Comment
jiji	1706597817 using!!!!! ^_^ Report Comment
Yumi (^-^)	1706303161 usando!! Report Comment