Rainbow layout

Tags: rainbow, gif, layouts

Description:

My current layout!! It’s very colorful and I wanted to share it :-) Does not include the stamps, buttons, and snowflakes. Sorry!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ASPEN / RAMONA / SCAG (https://layouts.spacehey.com/layout?id=106331) -->

<style>
/*NOTE: in order to have the about me and who id like to meet text be rainbow, you need to code “<div style=‘rainbowPan’>text” outside of the style tags.*/
@font-face {
font-family: "cat cafe";
src: url('https://ramonamaxxing.neocities.org/catcafe.ttf');
}
body {
font-family: "cat cafe";
background-image: url(https://i.pinimg.com/originals/ce/7d/33/ce7d33e008c598ac14456e6294fe034f.gif);
}
main {
border: 5px outset #000000;
background-color: #000000;
color: #FFFFFF;
}

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

nav .top {
background-color: #00000000;
}

.rainbowPan {
display:inline;
  animation: myRainbowPan 1s infinite;
}

@keyframes myRainbowPan {
  0% {
    background: -webkit-linear-gradient(
      45deg,
      #FFFF00,
      #00FFFF,
      #0000FF,
      #FF0000
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  25% {
    background: -webkit-linear-gradient(
      45deg,
      #00FFFF,
      #0000FF,
      #FF0000,
      #FFFF00
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  50% {
    background: -webkit-linear-gradient(
      45deg,
      #0000FF,
      #FF0000,
      #FFFF00,
      #00FFFF
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  75% {
    background: -webkit-linear-gradient(
      45deg,
      #FF0000,
      #FFFF00,
      #00FFFF,
      #0000FF
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  100% {
    background: -webkit-linear-gradient(
      45deg,
      #FFFF00,
      #00FFFF,
      #0000FF,
      #FF0000
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.profile h1 {
  animation: myRainbowPan 1s infinite;
}

h4 {
  animation: myRainbowPan 1s infinite;
}

.count {
  animation: myRainbowPan 1s infinite}

a:hover {
  color: white;
}

a {
  animation: myRainbowPan 1s infinite;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: black;
}

.profile .friends .person p {
  animation: myRainbowPan 1s infinite;
}

.profile .friends .person p:hover {
  color: white;
}

DIV.blog-preview {
  text-align: center;
}

.profile .friends .person img:not(.icon) {
  border-radius: 50px;
  border: 5px outset #000000;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #000000;
  border: outset 5px #000000;
}

.profile .contact {
  background-color: #000000;
  border: 5px outset #000000;
}

.profile .friends .comments-table td {
  background-color: #000000;
  border: 5px outset #000000;
  color: #FFFFFF;
}

.comments-table td {
  background-color: #000000;
  color: #FFFFFF;
  border: 5px outset #000000;
}

.profile .table-section .details-table td {
  background-color: #000000;
  color: #FFFFFF;
  border: 5px outset #000000;
}

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

grrda	1767119336 using!!its soooooooooooo cool! (^_^) Report Comment
Kiwicat	1765439065 Using!! Report Comment
fucking creature!!!!!	1765119616 Using ^_^^^^ this is so epic!!!! Report Comment
M3MZ ✶⋆.˚	1764971448 USINGGG!! i wish i could put any kind of "flash warning" in my loading screen, BUT IT LOOKS AMAZING TYSM Report Comment
M3MZ ✶⋆.˚	1764971445 USINGGG!! i wish i could put any kind of "flash warning" in my loading screen, BUT IT LOOKS AMAZING TYSM Report Comment
ᵣₑyₛₜᵥᵣ	1764834728 Using!! ITS SO PRETTY<33 Report Comment
jess :03	1764225585 using !! Report Comment
Whit3Jac/k! 🇧🇷	1763942721 usando :3 Report Comment
Bean :3	1762843378 I unintentionally combined this layout with a Nyan cat layout I forgot to delete beforehand, now it looks amazing!! :D Report Comment Update: it did NOT go well I’m just gonna use this one by Bean :3; 1762909942; Report
CHOPTOP <3	1760928786 using!! Report Comment
tylertism	1760137091 usinggg Report Comment
Hahatushka	1758801233 usingg! Report Comment
Bazinga	1757766793 Useing :D Report Comment
doesthisthingevenworklolz	1757758679 zomg gonna use this Report Comment
Wolfter :3	1753387273 usinggg :33 Report Comment
sAmmIEl...!	1753253885 Lovely! IM GONNA USE THIS FR! XP Report Comment
D0n V0LTAG5!!!!1(super epik)	1752749423 using this creation Report Comment
l3nchi	1752074738 using Report Comment
chickenfingerz123	1751582054 usingg Report Comment
swaggy.skazzy☣︎	1750499742 will use Report Comment