← Back to Layouts
World

Name: FriendRewind
Author: FriendRewind
Author: dreadfullymine
Category: Classic
Created: October 11, 2026
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":"#fff5f8","navBgImage":"","navBgMode":"cover","navLinkColor":"#d184a2","navLinkHover":"#f3a6c1","boxBgColor":"#ffffff","boxOpacity":0.9,"boxRadius":1,"contactHeaderBg":"#f8a9c2","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#ffe0eb","interestsHeaderText":"#c77f9b","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 */

.myspace-header .top-nav {
  background: #fff5f8;
}

.myspace-header .main-nav-wrapper {
  background: #fff5f8;
}

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

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

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

.contact {
    border: 1px solid #f8a9c2 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #f8a9c2 !important;
    color: #ffffff !important;
  }

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

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #ffe0eb !important;
    color: #c77f9b !important;
  }
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
/* ═══════════════════════════════════
   🎀 SOFT PINK SANRIO COQUETTE 🎀
   Theme: Kawaii • Plushies • Bows
   ═══════════════════════════════════ */

/* ♡ COLOR PALETTE ♡ */
:root {
    --pink: #f8a9c2;
    --light-pink: #ffe6ef;
    --pale-pink: #fff5f8;
    --white: #fffdfd;
    --dark-pink: #d77e9f;
    --text: #b87991;
}

/* ♡ PAGE BACKGROUND ♡ */
body.profile-page {
    background-color: #fff5f8 !important;
    background-image:
        radial-gradient(#f8c5d6 1px, transparent 1px),
        radial-gradient(#ffe0eb 1px, transparent 1px) !important;
    background-size: 22px 22px, 35px 35px !important;
    background-position: 0 0, 10px 12px !important;
    color: var(--text) !important;
    font-family: "Trebuchet MS", sans-serif !important;
}

/* ♡ MAIN PROFILE CARD ♡ */
body.profile-page .master-container {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 2px solid #ffd6e5 !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 20px rgba(231, 145, 174, 0.15) !important;
    padding: 12px !important;
}

/* ♡ TOP NAVIGATION ♡ */
body.profile-page nav {
    background: #fff5f8 !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 15px !important;
    overflow: hidden;
}

body.profile-page nav .top {
    background: #ffe6ef !important;
    color: #bd7893 !important;
}

body.profile-page nav .links {
    background: #fffafd !important;
    border-top: 1px solid #ffd6e5 !important;
}

body.profile-page nav a {
    color: #c77f9b !important;
    text-decoration: none !important;
    transition: 0.25s ease !important;
}

body.profile-page nav a:hover {
    color: #ed8eb1 !important;
}

/* ♡ PROFILE COLUMNS ♡ */
body.profile-page .col.w-40.left,
body.profile-page .col.right {
    color: var(--text) !important;
}

/* ♡ ALL CONTENT BOXES ♡ */
body.profile-page .section,
body.profile-page .blurbs,
body.profile-page .friends,
body.profile-page .contact,
body.profile-page .general-about,
body.profile-page .url-info,
body.profile-page .blog-preview,
body.profile-page .photos-preview,
body.profile-page .videos-preview,
body.profile-page #comments {
    background: rgba(255, 253, 253, 0.96) !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 13px !important;
    box-shadow: 0 3px 10px rgba(232, 151, 179, 0.10) !important;
    color: #bd8299 !important;
    overflow: hidden;
}

/* ♡ SECTION HEADINGS ♡ */
body.profile-page .heading {
    background: #ffe6ef !important;
    border-bottom: 1px solid #ffd6e5 !important;
    border-radius: 11px 11px 0 0 !important;
    color: #c77f9b !important;
}

body.profile-page .heading h1,
body.profile-page .heading h2,
body.profile-page .heading h3,
body.profile-page .heading h4 {
    color: #c77f9b !important;
}

/* ♡ PROFILE NAME & HEADINGS ♡ */
body.profile-page h1,
body.profile-page h2,
body.profile-page h3,
body.profile-page h4 {
    color: #d184a2 !important;
}

/* ♡ PROFILE PICTURE ♡ */
body.profile-page .profile-pic img {
    border-radius: 15px !important;
    border: 3px solid #ffd6e5 !important;
    box-shadow: 0 3px 12px rgba(231, 145, 174, 0.18) !important;
    transition: transform 0.3s ease !important;
}

body.profile-page .profile-pic img:hover {
    transform: scale(1.04) rotate(-1deg) !important;
}

/* ♡ FRIEND AVATARS ♡ */
body.profile-page .friends-grid img,
body.profile-page #top8-grid img {
    border: 2px solid #ffd6e5 !important;
    border-radius: 10px !important;
    transition: transform 0.25s ease !important;
}

body.profile-page .friends-grid img:hover,
body.profile-page #top8-grid img:hover {
    transform: scale(1.08) !important;
}

/* ♡ LINKS ♡ */
body.profile-page a {
    color: #d184a2 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body.profile-page a:hover {
    color: #f09cbb !important;
    text-decoration: none !important;
}

/* ♡ BUTTONS ♡ */
body.profile-page button,
body.profile-page input[type="submit"],
body.profile-page input[type="button"] {
    background: #ffe6ef !important;
    color: #bf7a96 !important;
    border: 1px solid #ffd0e1 !important;
    border-radius: 20px !important;
    transition: 0.25s ease !important;
}

body.profile-page button:hover,
body.profile-page input[type="submit"]:hover,
body.profile-page input[type="button"]:hover {
    background: #f8c5d8 !important;
    transform: translateY(-1px);
}

/* ♡ INPUT BOXES ♡ */
body.profile-page input,
body.profile-page textarea,
body.profile-page select {
    background: #fffafd !important;
    color: #b87991 !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 9px !important;
}

/* ♡ TABLES & PROFILE DETAILS ♡ */
body.profile-page .details-table,
body.profile-page .details-table td {
    border-color: #ffe0eb !important;
}

body.profile-page .details-table td:first-child {
    background: #fff0f6 !important;
    color: #c77f9b !important;
}

/* ♡ STATUS PILLS ♡ */
body.profile-page .online,
body.profile-page .offline {
    background: #fff0f6 !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 20px !important;
    color: #c77f9b !important;
}

/* ♡ BIO & PROFILE TEXT ♡ */
body.profile-page .bio-text {
    color: #c1849c !important;
    line-height: 1.7 !important;
}

/* ♡ COMMENTS ♡ */
body.profile-page .comments-table {
    background: #fffafd !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

body.profile-page .cb-content-cell {
    background: #fffafd !important;
    color: #bd8299 !important;
}

/* ♡ SCROLLBAR ♡ */
body.profile-page ::-webkit-scrollbar {
    width: 9px;
}

body.profile-page ::-webkit-scrollbar-track {
    background: #fff0f6;
}

body.profile-page ::-webkit-scrollbar-thumb {
    background: #f5bfd2;
    border: 2px solid #fff0f6;
    border-radius: 10px;
}

/* ♡ MUSIC PLAYER ♡ */
body.profile-page .music-bar {
    background: #ffe6ef !important;
    border-top: 1px solid #ffd0e1 !important;
}

body.profile-page .music-bar::before {
    display: none !important;
}

body.profile-page .music-bar .bar-title {
    color: #bd7893 !important;
}

body.profile-page .music-bar .bar-btn {
    color: #bd7893 !important;
}

body.profile-page .bar-progress-fill {
    background: #f3a6c1 !important;
}

/* ♡ PROFILE PLAYLIST ♡ */
body.profile-page .profile-playlist-widget {
    background: #fff5f8 !important;
    border: 1px solid #ffd6e5 !important;
    border-radius: 12px !important;
}

body.profile-page .profile-playlist-widget h3 {
    color: #c77f9b !important;
}

body.profile-page .profile-playlist-widget li.current .song-info {
    color: #e68bad !important;
}

body.profile-page .pp-equalizer span {
    background: #f3a6c1 !important;
}

/* ♡ CUTE FINISH ♡ */
body.profile-page img {
    transition: filter 0.2s ease;
}

body.profile-page img:hover {
    filter: saturate(1.05);
}

/* ♡ END OF THEME ♡ */
</style>