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

C3M3T3RY_CUT!3	1731928064 Using <3 Report Comment
<Makenzie>	1730885628 USING! Report Comment
XxVAMPVxXD	1728930217 USING Report Comment
Pinkalicous	1728481059 using and appreciating Report Comment
Toby.exe	1728094346 using Report Comment
Minh Khôi	1726911948 using!!!11 Report Comment
🇵🇸 🔛🔝 ILOVESEALS0710<33	1726447941 USING THIS UR HARDWORK ON CODING IS GOOD:33 Report Comment
Mistyofinternet	1725043280 usando Report Comment
ravvvi \| br	1724346249 usingg Report Comment
angora!	1724207122 using ! Report Comment
RottenMaggots★	1723730353 usinggg Report Comment
Gabriel	1722785430 using! Report Comment
Kaden	1722358538 Usinggg:^ Report Comment
Co²	1722134714 using! Report Comment
anne liam uzi	1721668058 uzinggg Report Comment
Elise	1719771689 using Report Comment
london! ( the irs )	1719516838 usin!1 Report Comment
spiralstairwell	1718540665 USINNGGGG Report Comment
Silly Shape Shifter!!!	1718323994 Using! Report Comment
♬ K1TT13 ♪♬	1717844530 USINGGGG AJAHAJJAHS Report Comment