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 gio (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 12 of 12 comments ( View all | Add Comment )

Z3n_R10t	1763976652 HYPNO'S LULLABY FANS EXIST HERE??????????/POS Report Comment i dont usually reply to layout comments but this is hilarious to me. a couple years ago this place was absolutely crawling with us. not sure where everyone went but i swear i got a friend request from another hypnos lullaby fan like every other day for a while. glad you like it!!!!!! by gio; 1764315559; Report ^^!! by Z3n_R10t; 1764374854; Report
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
Moonkate 🌟	1725271793 OMFG FINALLY I FOUND IT!!!!! USING IMMEDIATELY Report Comment
Greyk1nz	1723492172 Perfect. !! Using Report Comment
LUCI!!	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
Arti	1701317684 This is so cool TYSM! I'm using it :D Report Comment
elidagoon	1700189628 omg WWWW Report Comment