[OLD] red edge layout [slight flash w the crt flicker]

Tags: red, animated, emo, dark, crt, glitch, heart

Description:

layout updated, imgur links changed!

⚠slight flash!! [its not much just a slightly unnoticeable flicker]⚠

if the flicker bothers you, you can remove the code [its labeled at the bottom! :)]

𓆩♡𓆪 credit if u use

𓆩♡𓆪 change if up if u want [i attempted 2 label some parts but not all]

𓆩♡𓆪 if you need help, i'll try my best but ultimately, idk what im doin either lawl [i'm getting the hang of this thing!!]

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap');

p{
  font-family: 'Space Grotesk', sans-serif;
  font-size: 90%; 
  color: #e75064;
}
h1,h2,h3,h4,h5{
  font-family: 'Space Grotesk', sans-serif;
  font-size: 70%;  
  color: #e75064;
}
    .top{
    background-image: url('https://64.media.tumblr.com/61ae7b60f2b9b0a869c0b9b460725e0a/18efeb11e4220549-8b/s250x400/09dd7653e9e1207bddd59b75807d000362aed683.gifv') !important;
        
    }
    
  body {
   background-image: url('https://64.media.tumblr.com/4d0337d48076339e6a81f35511cf2d79/18efeb11e4220549-bc/s2048x3072/6c3b6d041a0ea0cb19caa2e019fd21ec296997bc.jpg');

}
    .top input{
        
    background-color: rgba(106, 49, 62, 1) !important;
    }
    button{
    background-color: rgba(106, 49, 62, 1) !important;
    }
    main .right,
    main .left{
        background-color: rgba(168, 59, 59, 0.47);
        border: 1px dashed red;
    }
    main{
      background-color: transparent;
  }
 
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url('https://64.media.tumblr.com/61ae7b60f2b9b0a869c0b9b460725e0a/18efeb11e4220549-8b/s250x400/09dd7653e9e1207bddd59b75807d000362aed683.gifv');
   color: #a42c39;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-image: url('https://64.media.tumblr.com/61ae7b60f2b9b0a869c0b9b460725e0a/18efeb11e4220549-8b/s250x400/09dd7653e9e1207bddd59b75807d000362aed683.gifv');
   color: #a42c39;
}

.blog-preview h4{
    background-image: url('https://64.media.tumblr.com/61ae7b60f2b9b0a869c0b9b460725e0a/18efeb11e4220549-8b/s250x400/09dd7653e9e1207bddd59b75807d000362aed683.gifv');
    
    
}

.profile .contact .section,
  .profile .table-section .section{
   color: #a42c39;
}

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}

footer {
    border-radius: 1px;
    background-image: url(https://64.media.tumblr.com/61ae7b60f2b9b0a869c0b9b460725e0a/18efeb11e4220549-8b/s250x400/09dd7653e9e1207bddd59b75807d000362aed683.gifv);
    color: #ea6375;
    border: 1px dashed red;
}

table.comments-table{
    color: #7595ff;
    border: 1px dashed red;
    
}
    a{
        
    color: #a42c39 !important;
    font-family: 'Space Grotesk', sans-serif;
        
    }
    a:hover{
        
    color: #37c8b6 !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #a42c39 !important;

    }
    .top a:hover{

    color: #37c8b6 !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    
    color: #a42c39 !important;
    
    }
    .links a:hover{

    color: #37c8b6 !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: #a42c39 !important;
        
    }
    .comments-table p{
        
    color: #a42c39;
    
    }
    footer .links a{

    color: #ea6375 !important;

   }
    footer .links a:hover{

    color: #37c8b6 !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: rgba(12, 12, 12, 0.66);
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --dark-orange: #e75064;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --green: ;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
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 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 {
/* 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 2 group  */
content: "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🖤"
}

.online{content:url("http://www.myspacegens.com/images/online_now/39.gif");
}

    ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: red;
    }

    ::-webkit-scrollbar-track {
    background-color: black;
    }

nav img.logo{filter: invert(52%) sepia(44%) saturate(2101%) hue-rotate(318deg) brightness(103%) contrast(79%);}

/* you can remove this part if ye want [flicker animation] */
@keyframes flicker {
  0% {
  opacity: 0.27861;
  }
  5% {
  opacity: 0.34769;
  }
  10% {
  opacity: 0.23604;
  }
  15% {
  opacity: 0.90626;
  }
  20% {
  opacity: 0.18128;
  }
  25% {
  opacity: 0.83891;
  }
  30% {
  opacity: 0.65583;
  }
  35% {
  opacity: 0.67807;
  }
  40% {
  opacity: 0.26559;
  }
  45% {
  opacity: 0.84693;
  }
  50% {
  opacity: 0.96019;
  }
  55% {
  opacity: 0.08594;
  }
  60% {
  opacity: 0.20313;
  }
  65% {
  opacity: 0.71988;
  }
  70% {
  opacity: 0.53455;
  }
  75% {
  opacity: 0.37288;
  }
  80% {
  opacity: 0.71428;
  }
  85% {
  opacity: 0.70419;
  }
  90% {
  opacity: 0.7003;
  }
  95% {
  opacity: 0.36108;
  }
  100% {
  opacity: 0.24387;
  }
}
/* the crt filter */
body::before {

content: " ";

display: block;

position: fixed;

top: 0;

left: 0;

bottom: 0;

right: 0;

background: linear-gradient(rgb(0 0 0 / 48%) 50%, rgb(0 0 0 / 0%) 50%);

z-index: 2;

background-size: 100% 2px, 3px 100%;

pointer-events: none;

animation: flicker 0.15s infinite;

}

</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 41 comments ( View all | Add Comment )

Moth~lover	1747160642 Using!!! Report Comment
agramoon	1746276880 usando Report Comment
CYB3RZ	1742702858 using ! Report Comment
Kay	1738644066 using (the labels actually helped sm) <3 Report Comment
Kay	1738322352 using<3 Report Comment
d3molition.lovrs	1737605954 usinggg tysmmm Report Comment
Leo :p	1718540433 Using!! Report Comment
Ollie 🐾𖤐	1715273626 how do i change the online gif? Report Comment change the url in this `.online{content:url("http://www.myspacegens.com/images/online_now/39.gif");}` by avenue4strangerz; 1715276605; Report
mrjlov3r <3	1715259045 uSING!! TYSM Report Comment
CryftangLs	1714892837 using!>_< Report Comment
leila	1713835012 using!!!!! ^_^ Report Comment
Yuki :D	1709308317 Using! Report Comment
ANDI	1708324454 USING ;33 Report Comment
♡𝕮𝖆𝖒𝖎♡™	1708211478 USING!!!!! >.< Report Comment
Valen ☆	1706041002 using!!!! ☆ (ﾉ≧ڡ≦)｡ Report Comment
Isa!	1704389884 Ising! :3 Report Comment Using* sorry by Isa!; 1704389957; Report
swaypilled	1704344597 Using! Report Comment
cursed.with.curves	1704081310 using!! :3 Report Comment
Nexorcist	1703176883 Defo using Report Comment
xXMassacreMEOW	1701847551 using!! <3 Report Comment