← Back to Layouts
Yuo :3

Name: FriendRewind
Author: FriendRewind
Author: 🐾 Nyxxie 🐾
Category: General
Created: August 28, 2026
There's no custom layout name thingy anymore. since all the layout categories were removed and replaced. I'll add my own layout names in here <3 [Boredom]
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":"glitch","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#d33190","navBgImage":"","navBgMode":"cover","navLinkColor":"#ee77d4","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#fc2eff","contactHeaderText":"#f953a3","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#ff33f8","interestsHeaderText":"#d74785","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#ef0fff","textHeading":"#000000","textLink":"#c56db9","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  color: #ef0fff !important;
}

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69703c02712746.95625808.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

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

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

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

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

.contact .heading {
    background-color: #fc2eff !important;
    color: #f953a3 !important;
  }

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

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #ff33f8 !important;
    color: #d74785 !important;
  }

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

a, .profile a, .table-section a, .module a { color: #c56db9 !important; }
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
/* --- GLOBAL STYLES & BACKGROUND --- */
body {
    background-color: #120810 !important;
    background-image: radial-gradient(#3a0026 15%, transparent 16%), radial-gradient(#220018 15%, transparent 16%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    color: #e6b8d8 !important;
    font-family: 'Courier New', Trebuchet MS, sans-serif !important;
}

/* --- ALL PLUSH CONTAINERS & NAVIGATION TABLES --- */
.container, .box, div[class*="content"], table, td,
nav, .navbar, .nav-bar, table.navigation, header nav {
    background-color: rgba(35, 10, 28, 0.85) !important;
    border: 3px solid #ff4da6 !important;
    /* Plush Effect: Soft pillowy rounded corners + layered fuzzy glow */
    border-radius: 20px !important;
    box-shadow: 
        inset 0 0 15px rgba(255, 77, 166, 0.3),
        inset 0 0 5px #ff1493,
        0 8px 20px rgba(0, 0, 0, 0.8),
        0 0 12px rgba(255, 20, 147, 0.5) !important;
    margin-bottom: 15px !important;
    padding: 8px 14px !important;
}

/* --- PLUSH NAVIGATION ITEM BUTTONS --- */
nav a, .navbar a, table.navigation td a, .nav-bar a {
    display: inline-block !important;
    background-color: #1a0013 !important;
    border: 2px solid #ff3399 !important;
    border-radius: 12px !important;
    padding: 5px 10px !important;
    margin: 3px !important;
    color: #ff66c4 !important;
    font-weight: bold !important;
    text-shadow: 0 0 4px #ff007f !important;
    box-shadow: inset 0 0 5px rgba(255, 51, 153, 0.4) !important;
    transition: all 0.2s ease-in-out !important;
}

nav a:hover, .navbar a:hover, table.navigation td a:hover, .nav-bar a:hover {
    background-color: #ff007f !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 10px #ff007f, inset 0 0 8px #ffffff !important;
    transform: scale(1.05) !important;
    cursor: crosshair !important;
}

/* --- HEADINGS & ACCENTS --- */
h1, h2, h3, h4, .heading, .title {
    color: #ff3399 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-shadow: 2px 2px 0px #4a002d, 0 0 8px #ff007f !important;
    border-bottom: 2px dashed #ff007f !important;
    padding-bottom: 4px !important;
    margin-top: 10px;
}

/* --- GENERAL LINKS --- */
a {
    color: #ff66c4 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: all 0.2s ease-in-out !important;
}

a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px #ff007f, 0 0 12px #ff66c4 !important;
    cursor: crosshair !important;
}

/* --- TOP 8 & IMAGES --- */
img {
    border: 2px solid #ff007f !important;
    border-radius: 12px !important;
    box-shadow: 0 0 8px rgba(255, 0, 127, 0.4) !important;
    transition: transform 0.2s !important;
}

img:hover {
    transform: scale(1.04) rotate(-1deg) !important;
    border-color: #ffffff !important;
}

/* --- CUSTOM BOX HIGHLIGHTS --- */
.accent-box {
    border: 2px dotted #ff66c4 !important;
    background: #1a0013 !important;
    border-radius: 15px !important;
    padding: 10px !important;
}

/* --- NEW: PLUSH MESSAGES BUTTON STYLE --- */
.messages-button {
    display: inline-flex !important;
    align-items: center;
    background-color: #3a0026 !important; /* Dark magenta base */
    color: #e6b8d8 !important; /* Pastel pink text */
    border: 3px solid #ff4da6 !important; /* Scene pink border */
    border-radius: 15px !important; /* Soft corners */
    padding: 8px 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    
    /* Plush Effect: Soft glows and shadows */
    box-shadow: 
        inset 0 0 10px rgba(255, 77, 166, 0.25),
        inset 0 0 4px #ff1493,
        0 4px 10px rgba(0, 0, 0, 0.6),
        0 0 6px rgba(255, 20, 147, 0.4) !important;
    
    cursor: crosshair !important;
    transition: all 0.2s ease-in-out !important;
}

.messages-button .icon {
    /* Styles the message icon */
    background-image: url('plush_messages.png'); /* The plush icon */
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-right: 8px;
    filter: drop-shadow(0 0 3px rgba(255, 77, 166, 0.6)) !important;
}

.messages-button:hover {
    background-color: rgba(255, 77, 166, 0.15) !important; /* Slight glow */
    border-color: #ffffff !important;
    color: #ffffff !important;
    transform: scale(1.03) !important;
}
</style>