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

✧ - : ⭒ αɳɠεℓเ૮	1747242890 using :3 Report Comment
Lily	1746234645 USINGGG Report Comment
matt :D	1743803066 using!!! Report Comment
HonoraryIrken	1743105199 using :D Report Comment
johnzz	1741350564 Using:) Report Comment
☆Lucifur☆	1740910017 Usingg <3 Report Comment
cuteponyderpina	1740593824 using:P!!!!! ^^ Report Comment
sage ☆	1739764074 using! Report Comment
miu :3 (español)	1739750158 Using!!! :D Report Comment
✧ ⋆ 1zza ⋆ ✧	1739173788 USING RAHH Report Comment
Insomnia	1738960380 Using :3 Report Comment
🎪🌟Zander!!!🌟🎪	1738634142 USING@@@@!!! Report Comment
evie/aoibheann :3	1738375392 using^^ Report Comment
Pizzdude1023	1737818442 Using! thx alot Report Comment
shaddaischild	1737496274 usinggg!! Report Comment
Banjex	1735789131 Using! Report Comment
Banjex	1735789128 Using! Report Comment
ELIO	1735338882 using! Report Comment
jpg.$wagg	1734795989 Uzzing Report Comment