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

HonoraryIrken	1743105199 using :D Report Comment
Mentalexplosion	1743091883 UsandoXD 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
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
lilhia !!	1734795989 Uzzing Report Comment
zz0mbiexx	1734699102 thank u soo much!! using >< Report Comment
AZARAIUS༉‧₊˚✧	1733432659 how do i make just the blurbs and linked stuff etc rainbow, without anything else being affected? i’ve tried messing around with the code for a bit but i cant figure it out. something keeps making my navigation buttons at the top “home, browse, search etc” (they all say meow on my profile tho) be transparent but idk what removing a { animation: myRainbowPan 1s infinite; } fixes it but it also removes the rainbow effect, so idk Report Comment
xXz0mb1gUtzXx	1733326332 using!! Report Comment