← Back to Layouts
Rainbow clowncore layout

Name: FriendRewind
Author: FriendRewind
Author: ˚₊‧꒰ა Maddie ໒꒱ ‧₊˚
Category: Colorful
Created: September 20, 2026
See Layout
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>


/* FR_MANUAL_EXTRAS */
</style>
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-4/gam308.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/12/22/maple-story-finger-point-4.html" target="_blank" title="MapleStory Finger Point"><img src="/proxy/image.php?url=https%3A%2F%2Fcur.cursors-4u.net%2Fcursor.png" alt="MapleStory Finger Point" style="position:absolute; top: 0px; right: 0px;"></a><style>

/* this is color of all the text and links */
   .count, {
  color: rgb(164, 40, 206)!important

  }
  
h1{
   border: 4px double red;
   padding:5px;
   margins: 4px;
   background-color: yellow;
   
}

/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: transparent!important;
  border: none;
   color: red!important;
   font-weight: bold;

}
.general-about .details {
   border: 4px double blue;
   background-color: red;
  color: rgb(164, 40, 206)!important;

}
.mood {
   background-color: blue;
   border: 4px double yellow;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: rgb(164, 40, 206)!important;
}
 .friends,.profile-info {
  background-color: white ;
  border: 4px double red!important;
  color: rgb(164, 40, 206)!important;
}
  .url-info{
  background-color: white;
  border: 4px double red!important;
  color: rgb(164, 40, 206)!important;

}
  .blog-preview, .contact, .blurbs {
  background-color: white;
  border: 4px double red!important;
  color: rgb(164, 40, 206)!important;
}
 .table-section {
  background-color: white;
  border: 4px double red!important;
  color: rgb(164, 40, 206)!important;
  }
.comments-table td {
   border: 4px double red;
}
.table-section td {
  border: 0px solid black;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 4px double red;
}
.comment-replies {
   border: 4px double red;
}

/* these backgrounds are usually transparent */
nav .top, nav .links{
  background-color: transparent!important;
  color: rgb(164, 40, 206)!important;
  text-align: center;
}

main, footer {
  background-color: transparent!important;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.general-about {
   overflow: auto;
}
.profile-pic {
   object-fit: fill;
   overflow: hidden;
   border: 0px solid ;
   padding: 15px
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: transparent!important;
}


</style>


<style>
body{
background-color: COLOR !important;
background-image: url('https://i.pinimg.com/736x/9a/57/b4/9a57b4384109bb34c373ad4ce518572a.jpg') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: top left !important;
}
</style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://pixelsafari.neocities.org/dividers/misc/balloon.gif);  width: auto; height: 30px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
  :root {
--logo-blue: ;
--darker-blue: red;
--lighter-blue: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-blue: lightyellow;
--lightest-blue: lightyellow;
--dark-orange: black;
--light-orange: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-orange: lightyellow;
--green: blue;
}
</style>

  <style>
    .profile-info {
     background-image: url('https://i.pinimg.com/1200x/e2/e7/5b/e2e75b1d25edef97ee79e72b7e7bac63.jpg');
    background-size: cover;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
}

.profile-info .inner {
    display: none;
}


<style>

.table-section{

color: green !important;

}
  p, h2 {
     color: purple;
  }
    h4 {
     color: black;
</style>
    
    
    <style>
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
      p}
  font-family: "Henny Penny", system-ui;
  font-size: 100%;
      }
h1,h2,h3,h4,h5{
  font-family: "Henny Penny", system-ui;
  font-size: 150%;  
  </style>


<style>
button{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
button:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}

a{filter: hue-rotate(0deg) saturate(100%) blur(0px); transition-duration: 3000ms;}
a:hover{filter: hue-rotate(360deg) saturate(500%) blur(1px); transition-duration: 0ms}
</style>
    
    
<style>

.contact, .contact a{color: red !important}

</style>

 <style>

p {color: purple;}

</style>