♡Red and Black♡

Tags: red, emo, black

Description:

♡Please give me credit and DM me if it's not working and feel free to change anything about it. the CD disc art is by PoBlo and the CD pfp case is by fluorescent lights♡

Preview:

click on the image for a larger preview

Code:

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

Layout by Moss❥

<style>
:root {
--cd-image: url('https://external-media.spacehey.net/media/sCv4E2czwF6N9TbmG7eZ8BxaUIp-keB0WnQNhGS4vy7Q=/https://cdn.discordapp.com/attachments/1085641344329990175/1144478411260182538/life-on-the-murder-scene-4fb94825510af_150x150.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Lakki+Reddy&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Are+You+Serious&display=swap');
p{ 
    font-family: 'Are You Serious', cursive;
    font-size: 200%;
    color: darkred;
}
h1,h2,h3,h4,h5{
   font-family: 'Lakki Reddy', cursive;
    font-size: 225%;
color: red;
}
.profile .blurbs .section h1,
  .profile .blurbs .section h2,
  .profile .blurbs .section h3,
  .profile .blurbs .section h4,
  .profile .blurbs .section h5,
  .profile .blurbs .section h6,
  .count {
    color: red;
  }
 main .col>div,
  .profile .contact,
  .profile .url-info,
  .profile .table-section,
  .home-actions {
   border: 2px dotted red;
 border-radius: 5px;
}
  }
 .profile .contact .heading,
  .profile .table-section .heading,
  .home-actions .heading,
  .profile .blurbs .heading,
  .profile .friends .heading {
    background: darkred;
  }
body {
    background: black; 
background-size: cover;
}
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url(http://image.blingee.com/images19/content/output/000/000/000/7c1/800933934_1408151.gif?4);
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 2s ease 0s 1 normal forwards;
    pointer-events: none;
  }
 @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
 ::-webkit-scrollbar{
    display: none;
 } 
nav .links {
background:transparent;
border-style: hidden;
border-radius: 10px;
}
nav .top{
background:url(https://img1.picmix.com/output/stamp/normal/5/4/5/4/1294545_eea23.gif);
border-style: hidden;
border-radius: 1px;
}
main {
background: url(https://i.pinimg.com/564x/20/39/9f/20399fb1a6e530a31ed153a7f25bf2d3.jpg);
border: 2px dotted Maroon;
border-radius: 30px;
box-shadow: 0px 0px 10px;
}
 .details-table td:first-child,
  .comments-table td:first-child,
  .music-table td:first-child {
    background: rgba(0, 0, 0, 1);
    color:red ;
  }
.details-table td,
  .comments-table td,
  .music-table td {
    background: rgba(0, 0, 0, 1);
  }
main a,
  nav .links a,
  nav .top a,
  footer a {
    color: red;
    text-decoration: underline;
    text-decoration-style:solid;
  }
footer {
    background:transparent;
}
 .profile .contact .heading,
  .profile .table-section .heading,
  .home-actions .heading,
  .profile .blurbs .heading,
  .profile .friends .heading {
background:url(https://i.pinimg.com/564x/0d/9e/8e/0d9e8e52c0d870af5938280f52c8e4ca.jpg);
  }
 main .col>div {
    background:rgba(61, 39, 39, 0.51);

  }
  .url-info{
    display:none !important;
  }

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/symbols/sym-9/sym827.ani), url(https://ani.cursors-4u.net/symbols/sym-9/sym827.png), auto !important;} /* End https://www.cursors-4u.com */
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
content: "🩸"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: "🩹"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: "💋"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: "🌹"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: "♦️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: "🚬"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: "🥀"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: "🍷"
}   
  .online img {
    display: none;
  }
 main .col>div {
    background: rgba(0, 0, 0, 0.8);
 }
.online {content:url('https://dl.glitter-graphics.com/pub/104/104607x61kd02dl0.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 

}
nav img.logo {
 
 content:url("https://files.catbox.moe/wmxqdm.png");
    }
</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 27 comments ( View all | Add Comment )

Elia<3	1731560392 ill be using!! Report Comment
Chula.xd	1728528010 using Report Comment
Kizzezzhugzz	1724821299 using Report Comment
☥ noelle ☥	1721761813 using Report Comment
꒰🥀꒱﹒ 𝔪𝔞𝔡𝔦𝔰𝔬𝔫 ﹒⟢	1720216889 using! Report Comment
Jomben	1708018347 using! Report Comment
count Whitheria	1705215643 Using it ^_^ Report Comment
Luan ☆★	1705183209 Using Report Comment
kaysen x3	1704888125 using x3 !! Report Comment
Hølly	1704657901 using! Report Comment
Dino	1704483022 using! <3 Report Comment
camryn	1703664630 using ^_^ Report Comment
Roxax Lee Hooni	1703048337 Using Report Comment
Sebastian	1702761056 USING Report Comment
WARABI ✩	1702575801 USING!! :3 Report Comment
𝒸𝓁𝒶𝓊𝒹𝒾𝒶 🧟	1702400151 might use later om Report Comment
꒰ ‹𝟹 Mp4 !!꒱	1701432519 MIGHT USE! Report Comment
sid	1701234124 using ! :3 Report Comment
janis	1701048821 using <3 Report Comment