glitchy red (hypno's lullaby fnf)

Tags: pokemon, creepypasta, pokepasta, red, glitchy red, fnf, friday night funkin

Description:

i cobbled this layout together using an untrackable amount of other garbage one year ago today. today is the day i set him free. merry scrimblas! the filegarden links are all the images i used in this layout -- its a very good filehost, but feel free to change any of them to your hearts content. thats pretty much it idk

Preview:

click on the image for a larger preview

Code:

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

<style>
main {
    background: transparent;
    color: white;
    border-radius: 25px;
}
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
    animation: flicker 75.55s infinite;
}
body{
    background-image:url(https://file.garden/ZHkFKi7WKmdsk-w4/Glitch_City1.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: MS Gothic;
    text-align: center;
    text-transform: none;
    padding-top: 45px;
    font-size: 15px;
    text-shadow: 0px 0px 5px placeholder;
    margin-left: auto;
    color: #cc0000;
    -webkit-animation: fadeIn ease 3s;
}
a {
    color: white;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    margin: 0;
    display: inline-block;
    font-size: 25px;
}
div.col.w-40.left {
    margin-top: 20px;
    background: #cc000050;
    border: 2px solid white;
    border-radius: 25px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.col.right {
    margin-top: 20px;
    background: #cc000050;
    border: 2px solid white;
    border-radius: 25px;
    margin-bottom: 20px;
    max-width: 550px;
}
div.top{
    background: #cc0000;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
    display: flex!important;
}
.logout-btn {
    font-family: MS Gothic;
    text-shadow: 0px 0px 5px placeholder;
    text-decoration: wavy;
    text-decoration-line: underline;
}
.logout-btn, .logout-form {
    color: placeholder;
    display: inline-block;
    font-size: 100%;
}
nav .top a {
    text-decoration: wavy;
    text-decoration-line: underline;
    color: white;
}
ul.links{
    background: #cc0000;
    border-bottom: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
}
nav .links a {
    text-decoration: wavy;
    text-decoration-line: underline;
    color: #ffffff;
    font-size: 0.98em;
}
.profile h1 {
    font-size: 25px;
    margin: 0 0 10px 0;
}
.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
}
.online img {content: url(https://file.garden/ZHkFKi7WKmdsk-w4/online.gif);
    height: 50px;
    margin-right: 2px;
    animation: flicker 15.55s infinite;
}
.online {
    color: #ffffff;
    font-weight: bold;
    font-size: 25px;
}
.profile-info {
    border: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
div.blog-preview>h4 {
    background: #cc0000;
    border: 2px solid white;
    font-size: 25px;
    text-transform: lowercase;
    padding: 2px 7px;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #cc0000;
    color: #cc0000;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: #ffffff;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #000000;
    color: #ffffff;
    border: 2px solid white;
    padding: 2px 7px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    background: #cc0000;
    width: 100%;
    border: 2px solid white;
    margin: 10px 0;
}
.count {
    color: white;
}
.profile .friends .person p {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
.profile .friends .person img:not(.icon) {
    width: 95px;
    height: 95px;
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
    display: block;
    object-fit: cover;
    margin: 0 auto;
}
.comments-table td:first-child, .music-table td:first-child {
    background: #000000;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: #cc0000;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 5px solid white;
    margin-top: 10px;
}
.details-table td {
    background: #cc0000;
    vertical-align: top;
}
.details-table td:first-child {
    background: #cc0000;
    color: white;
    font-weight: bold;
    width: 33%;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #00000050;
    border: 2px solid white;
    border-radius: 25px;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@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;
  }
}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/7ZxaTLpdwD0//? &;amp;;autoplay=1&loop=100&;controls=1" title="Isotope" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://file.garden/ZHkFKi7WKmdsk-w4/glitchcon.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>
<style>
body {cursor: url(https://file.garden/ZHkFKi7WKmdsk-w4/cursor.png), auto;}
</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
</style>
<div class="snowflakes">
  <div class="snowflake">
   <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
  <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
     <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
  <div class="snowflake">
    <img src="https://file.garden/ZHkFKi7WKmdsk-w4/pokesnow.gif"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</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 11 of 11 comments ( View all | Add Comment )

Blake	1740939273 I used some of the code like the slightly transparentb red menu tables and the pokéballs! (I turned it into Snow on Mt Silver lol) Report Comment
★｡･:Marz:･ﾟ★	1734484927 def usingggg!!! Report Comment
slacker	1729296142 THIS IS AWESUM !!! USING !!! Report Comment
AshyBoyxoxo	1725271793 OMFG FINALLY I FOUND IT!!!!! USING IMMEDIATELY Report Comment
Greyk1nz	1723492172 Perfect. !! Using Report Comment
Golden Cheese	1710454924 DEF USING OMG Report Comment
Lucifer	1706158754 USING! Report Comment
miaa	1705654056 OMGG SO COOLLL !! usingg :3 Report Comment
pseudokarp	1705026491 I'm using it!! Report Comment
Jex	1701317684 This is so cool TYSM! I'm using it :D Report Comment
stitchey	1700189628 omg WWWW Report Comment