RainBoom

Tags: mlp, pokemon, rainbow, nyan cat

Description:

hhhhhhello i made a thing, it comes with a rd that flies across screen, raining stars nd a pikachu tail cursor. its the layout im currently using so if you wanna see it in full just check my acc. feel free to customise it as you like [doesnt come w the edited boxes but if you want them just dm me]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by CJ (AutoPlay Music) (https://layouts.spacehey.com/layout?id=26795) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Silkscreen&family=VT323&display=swap');
p{
    font-family: 'Silkscreen', cursive;
    font-size: 105%;
    color: white;
}

h1,h2,h3,h4,h5{
    font-family: 'Silkscreen', cursive;
    font-size: 100%;
    color: white;
}
    body {
      background: url(https://i.ibb.co/DRcxv9Q/Nyancatless20110725-22047-2vf3z5-1.gif);
}

main {
   background: none;
}

footer {
      background: url(https://i.ibb.co/DRcxv9Q/Nyancatless20110725-22047-2vf3z5-1.gif);
      color: #8cd6f4;
}

nav .top{
      background-color: #8cd6f4;
      margin: 1em 0;
}

nav .links{
      background-color: #f7e652;
}

:root {
      --logo-blue: #8cd6f4;
      --darker-blue: white;
      --lighter-blue: #f7e652;
      --even-lighter-blue: #f7e652;
      --lightest-blue: #8cd6f4;
      --dark-orange: white;
      --light-orange:#f7e652 ;
      --even-lighter-orange: #8cd6f4;
      --green: #8cd6f4;
}

</style>

<style>* {cursor: url(https://i.ibb.co/DW0Rt2V/d7rsojv-348eabde-e29c-4ddd-9987-72ff84daf2d7.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/10/23/cur68.html" target="_blank" title="Dance Dance Revolution DDR Blue"><img src="https://cur.cursors-4u.net/cursor.png" alt="Dance Dance Revolution DDR Blue" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
</style>

<style>
*{
  border-radius: 9px;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  border-radius: 6px 6px 9px 9px;
}
</style>

<style>
.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 Favorites */
    content: "☆"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
 /* Send 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 to Group */
    content: "☆"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
    content: "☆"
}

</style>

<style>
@keyframes flying-santa{
  from{ left:-400px; }
  to{ left:calc(100% + 20px); }
}
#santa{
  position: fixed;
  left: -400px;
  top: 200px;
  width: 130px;
  animation: flying-santa 5s infinite linear;
  pointer-events: none;
}
</style>
<img id="santa" src="https://i.ibb.co/NrFymYW/dc69plk-723c7ada-23f2-486a-92b3-32c6cbf94f6b.gif"/>

<style>
.profile .left .table-section:last-child .details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child .details-table tbody tr td p img{font-size:64px;opacity:.4;transition:all .3s;height:auto;margin:0;}
.profile .left .table-section:last-child .details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.5);z-index:10;}
</style>

<style>
@media only screen and (max-width: 600px){
.class { thing }

}

</style>

<style>
.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/Wn607pq/blinkies-Cafe-Ek.gif"); animation-name: none; visibility: visible; height: 40px; width: 290px;
</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
  <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
     <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/Mp6H5RF/nyannn.png"/>
  </div>
  <div class="snowflake">
    <img src="https://i.ibb.co/HzQXmWz/aahorse.png"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.snowflake {
  color: #27cff5;
  font-size: 2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 0px rgba(0,0,0,0.7);
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;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%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;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 20 of 23 comments ( View all | Add Comment )

ghastlyivy	1734644276 using!! Report Comment
shellywhelly	1732926504 using Report Comment
weirdoX)	1732642839 USING Report Comment
1 e4t b4b1es X3	1731397577 USINGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG Report Comment
sa1ge!!	1730818318 useing Report Comment
RAd10ACT1V3_S0AP	1725209943 USING! 1!1! x3 Report Comment
RAd10ACT1V3_S0AP	1725209943 USING! 1!1! x3 Report Comment
matthewsucks ☆	1724150863 usin!! :D Report Comment
animatic.	1714820888 using Report Comment objectifies fan in the wild by Pesk; 1716923536; Report u have found me by animatic.; 1716942398; Report
𝓯𝓻𝓮𝓪𝓴𝔂 HeLL iS foReVer WhEtHer yOu LikE it Or noT	1713960217 Using! Report Comment
Angelcomepizza	1713722668 Can anyone help me find just the code for nya cat 'online' please! Report Comment I found it!! .online { visibility: hidden; } .online img { content: url("https://i.ibb.co/Wn607pq/blinkies-Cafe-Ek.gif"); animation-name: none; visibility: visible; height: 40px; width: 290px; by ⛤VINNIE!!⛤; 1714237979; Report
Kat<3	1712749510 Usingg<3 Report Comment
postcrucifixxion	1706329428 can someone make me a code only w the rainbowdash gif? Report Comment Just posted the RD only code to my layouts. by CJ (AutoPlay Music); 1706617783; Report
The Lord	1703873917 using! >w< Report Comment
PWNED!	1699474274 yoinked the little floaty starz :3 Report Comment
Michael Smith	1697386232 omfg using.. Report Comment
strawberrygf	1693669866 US1NGGG Report Comment
sofiebite	1692402832 using Report Comment
oliver ₍ᐢ. ̫ .ᐢ₎	1690556312 usingg!! :33 Report Comment