← Back to Layouts
My rainbow layout

Name: FriendRewind
Author: FriendRewind
Author: $kittl3sg0h@rd (they/them)
Category: Colorful
Created: October 2, 2026
Rainbow
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Griffy&family=Sour+Gummy');

.profile-pic img {
    border-radius: 50%;
    border: 5px solid #ffffff;
}
  
  body {
    background-image: url("https://i.pinimg.com/736x/3c/2c/da/3c2cdacd0d2f1df0537f6e0638632a93.jpg");
    background-size: 500px;
    background-attachment: fixed;
    font-family: "Sour Gummy", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

main {
    background-image: url('https://i.pinimg.com/736x/a0/f4/8c/a0f48c7eec3734c3556c489362fbd687.jpg');
    background-size: 800px;
}
  
  nav .top {
    background-image: url('https://i.pinimg.com/originals/7d/e2/09/7de20975936260b9704d40c98f9e7ccc.gif') !important;
  }
  
  nav .links {
    background-image: url('https://i.pinimg.com/736x/42/29/00/42290028455d95300c17449d2e0a623c.jpg') !important;
  }
  
  
  h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    text-shadow:
        0 0 5px #ffffff,
        0 0 10px #ffffff,
        0 0 20px #ffffff,
        0 0 40px #ffffff;
}
  
  
  ::-webkit-scrollbar { width: 30px; }
::-webkit-scrollbar-track { background: linear-gradient(#ffa8e4, #fcc679, #fcfaa7, #a7fca8, #a7fcf4, #cb9ffc); }
::-webkit-scrollbar-thumb {
    background: linear-gradient(#ff0099, #ff6f00, #fbff00, #00ff0d, #00fff7, #b700ff);
    border-radius: 6px;
}
  
  body, body * {
    cursor: url('https://cdn.cursors-4u.net/previews/12354a1-a4f91631-cursor_2-preview-32.webp'), auto;
}
  
  .section, .blurbs, .friends, .comments-table {
    background: linear-gradient(#FF6599, #FF0000, #FF8E00, #FFFF00, #008E00, #00C0C0, #400098, #8E008E);
    border: 5px solid #ffffff;
    border-radius: 15px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(255, 102, 204, 0.3);
}
  
.my-marquee {
    font-size: 2.3em;
    color: #c4fff9 !important;
    font-weight: bold;
    text-shadow: 2px 2px 0 #000;
    padding: 8px;
    background: linear-gradient(#000000, #3459dd, #358df7, #83e2ff, #ffffff, #cd91f5, #9f54e4, #57349a, #000000);
}
 
.section h2, .blurbs h2, .friends h2 {
    background: color(#000000);
    color: #f6ff00;
    padding: 8px 12px;
    margin: -16px -16px 12px;
    border-radius: 10px 10px 0 0;
}
  
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background: url('https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExcDRoOTh0dHFiNHZidjBudXUybmRtcDRxbGN3Zm01aDludzhnNGQwaSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/H7F0zSaC9ZHZC/giphy.gif');
    pointer-events: none;
    opacity: 0.3;
    z-index: 9999;
}
  
  .comments-table {
    background-image: url('https://i.pinimg.com/1200x/7a/37/1d/7a371d8dbf6a5f77543e224f85d81dca.jpg');
}
  
  .heading {
    background-image: url('https://i.pinimg.com/736x/4a/73/51/4a735185e8bbaf73eff12578f4a77422.jpg');
    border-radius: 8px 8px 0 0;
}
.heading h4, .heading h1 { color: #ffffff; }
  
  .details-table td:first-child { color: #ffffff; }
  
  \@keyframes rainbow {
    0%   { color: #ff006e !important; }
    25%  { color: #ffd60a !important; }
    50%  { color: #00f5d4 !important; }
    75%  { color: #8338ec !important; }
    100% { color: #ff006e !important; }
}

a { animation: rainbow 3s linear infinite !important; }
  
  .heading {
    background-image: url('https://i.pinimg.com/736x/14/ae/10/14ae10ab554150f002a186fcfaa6c6a8.jpg') !important;
  }
  
  .inner { background-image: url('https://i.pinimg.com/736x/65/32/76/653276ec3c03902bf5a6e426fc30b45e.jpg');
  }
  
  .online {
    background-image: url('https://lazietune.neocities.org/collection/spinnystar.gif') !important;
  }
  
  .offline {
    background-image:url('https://i.pinimg.com/736x/72/e7/5f/72e75fb8449e160637635a27b16e00c2.jpg') !important;
  }
  
 .music-bar {
    background-image:url('https://i.pinimg.com/736x/19/f4/3a/19f43afef487874728405de02755ac00.jpg') !important;
}
.music-bar::before { display: none !important; }
.music-bar .bar-title { color: #ffffff !important; }
.bar-progress-fill { background: linear-gradient(#fc0303, #fc9403, #fcf403, #0bfc03, #03fcd3, #0313fc, #9d03fc, #fc03d3) !important; }
  
  .profile-playlist-widget { background-image: url('https://i.pinimg.com/736x/18/5f/d7/185fd7034f04ca43c821d3f7a6016729.jpg') !important; }
.profile-playlist-widget li.current .song-info { color: #ffffff !important; }
.pp-equalizer span { background: #ffffff !important; }
  
  .profile-playlist-widget h3 { color: #ffffff !important; }
  
</style>