← Back to Layouts
kawaii bittersweet green clover

Name: FriendRewind
Author: FriendRewind
Author: bittersweethime13
Category: Colorful
Created: May 10, 2026
This is my first ever layout i ever made! i'm actually very proud of how this looks, so i'm going to make it public now.
See Layout
Comments (0)

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

<style>
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://64.media.tumblr.com/8792a39ca01a2db17c2e68a2420c7791/a27701c84057fbac-bc/s100x200/d2e423b67728ae5ac02ded07493b8a22510b897b.gif","pageBgMode":"tile","heroImageUrl":"","profileRowBgImage":"https://i.pinimg.com/1200x/f4/34/05/f43405ef6f80707e82c12bb1d4c311b5.jpg","profileRowBgMode":"tile","navBgColor":"#ceabc0","navBgImage":"https://dl.glitter-graphics.com/pub/2378/2378389d6q0l31030.jpg","navBgMode":"tile","navLinkColor":"#ffffff","navLinkHover":"#d9c9d3","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":0,"contactHeaderBg":"#7e5b49","contactHeaderText":"#f6f2e5","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#7e5b49","interestsHeaderText":"#f6f2e5","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#4b3b34","textHeading":"#000000","textLink":"#f9f5ec","headingShadowColor":"#4b3b34","headingShadowBlur":3,"headingShadowEnable":true,"moduleImages":{"contact":"https://dl.glitter-graphics.com/pub/3240/3240569k2o3lg0j65.png","urlInfo":"https://dl.glitter-graphics.com/pub/3240/3240569k2o3lg0j65.png","tableSection":"https://dl.glitter-graphics.com/pub/3240/3240569k2o3lg0j65.png","tunes":"","blogPreview":"","blurbs":"https://dl.glitter-graphics.com/pub/3240/3240569k2o3lg0j65.png","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

body, body.profile-page {
  background-image: url("https://64.media.tumblr.com/8792a39ca01a2db17c2e68a2420c7791/a27701c84057fbac-bc/s100x200/d2e423b67728ae5ac02ded07493b8a22510b897b.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #4b3b34 !important;
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

.profile {
  background-image: url("https://i.pinimg.com/1200x/f4/34/05/f43405ef6f80707e82c12bb1d4c311b5.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #ceabc0;
  background-image: url("https://dl.glitter-graphics.com/pub/2378/2378389d6q0l31030.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #ceabc0;
  background-image: url("https://dl.glitter-graphics.com/pub/2378/2378389d6q0l31030.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav li a:hover {
  color: #d9c9d3;
}

.blurbs, .module, .profileInfo, .table-section {
    background-color: #ffffff !important;
    border-radius: 0px !important;
  }

.contact {
    border: 1px solid #7e5b49 !important;
    border-radius: 0px !important;
  }

.contact .heading {
    background-color: #7e5b49 !important;
    color: #f6f2e5 !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #7e5b49 !important;
    border-radius: 0px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #7e5b49 !important;
    color: #f6f2e5 !important;
  }

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #4b3b34 !important;
}

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  text-shadow: 0 0 3px #4b3b34 !important;
}

a, .profile a, .table-section a, .module a { color: #f9f5ec !important; }

.contact, .url-info, .table-section, .blurbs {
  background-image: url("https://dl.glitter-graphics.com/pub/3240/3240569k2o3lg0j65.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style>