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

animatic (luna)	1714820888 using Report Comment objectifies fan in the wild by Pesk; 1716923536; Report u have found me by animatic (luna); 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 ⛤⭒Finn⭒⛤; 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 Sodaaa; 1706617783; Report
SpaceDINO	1703873917 using! >w< Report Comment
6VII	1699474274 yoinked the little floaty starz :3 Report Comment
🎵 ESTEREZZTUFF 🎶	1698674347 uzin 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
Galentine(blinged out chihuahua)	1683417162 using Report Comment
not very active \| robin!	1681855687 USING!! ^_^ Report Comment =D by Sodaaa; 1681882834; Report
ςคՐคҺ	1678292369 thank you! I'm using it Report Comment =D by Sodaaa; 1678292849; Report ️ by ςคՐคҺ; 1678292873; Report