♡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 22 comments ( View all | Add 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
Holly	1704657901 using! Report Comment
Dino	1704483022 using! <3 Report Comment
ashton !! o.0	1703664630 using ^_^ Report Comment
Roxax Lee Hooni	1703048337 Using Report Comment
Sebastian	1702761056 USING Report Comment
WARABI ✩	1702575801 USING!! :3 Report Comment
mmpfh claudia	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
kam	1700860199 using!! ^o^ Report Comment
val	1700195811 using Report Comment
cookie / Mal	1700159274 Using Report Comment
charlie!! 🍉	1699987761 using!! :D Report Comment
K4ICRXTT3D!! ★	1699890863 using!!:33 Report Comment