← Back to Layouts
I'm trying something bare with me

Name: FriendRewind
Author: FriendRewind
Author: ☆STARZ☆
Category: alternative
Created: July 5, 2026
Comments (0)

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

<style>
body {

    background: #9999cc;

    font-family: 'Comic Sans MS', cursive;

    color: #333366;

}
/* ===== FriendRewind native selectors 

body.profile-page          /* the whole profile page. scope rules here */

.master-container          /* the 960px wrapper around the profile */

.row.profile               /* flex row containing both columns */

.col.w-40.left             /* LEFT column (contact, basic info, top friends) */

.col.right                 /* RIGHT column (blurbs, comments, etc.) */

.profile                   /* the overall profile area */

/* ===== Section boxes (all work natively in FR) ===== */

.contact                   /* Add/Message/Follow button panel */

.blurbs                    /* About Me / Who I'd Like to Meet */

.friends                   /* Top Friends list */

.friends-grid              /* grid of friend avatars */

.general-about             /* Basic Info box */

.details-table             /* key-value info table inside boxes */

.url-info                  /* Website / URL box */

.blog-preview              /* Blog preview box */

.photos-preview            /* Photos preview box */

.videos-preview            /* Videos preview box */

.table-section             /* Generic table-style section */

#comments                  /* Comments area (ID. use for higher specificity) */

.comments-table            /* the actual comments table inside #comments */

.section                   /* Generic wrapper applied to section contents */

/* ===== Section headings ===== */

.heading                   /* colored title bar at top of every box */

.heading h1, .heading h4   /* the actual heading text */

/* ===== Navigation (FriendRewind Standard) ===== */

nav                        /* the whole header / nav bar */

nav .top                   /* top strip. logo + search */

nav .links                 /* bottom strip. page links */

nav .links a               /* individual links inside the nav */

nav .links a:hover         /* link on mouse-over */

/* ===== Profile bits ===== */

.profile-pic               /* your profile picture box */

.profile-pic img           /* the picture itself (round it, border it) */

.mood                      /* the Mood line under your name */

.online, .offline          /* the Online!/Offline status pill */

.last-login                /* "Last login" line */

.bio-text                  /* the quote/bio under your picture */

.friends-grid              /* Top Friends avatar grid */

#top8-grid                 /* the Top 8 grid (ID form) */

.badges-list               /* badges row */

.badge-item                /* one badge */

.interest-content          /* the text inside each Interests row */

.details-table td:first-child  /* the label cell (General / Music / ...) */

/* ===== Comments ===== */

#comments                  /* whole comments area */

.comments-table            /* the comments table */

.cb-author-name            /* commenter display name */

.cb-content-cell           /* the comment text cell */

.comment-reply             /* a nested reply */

.cb-like-btn               /* the 👍 like button */

/* ===== Typography ===== */

h1, h2, h3, h4             /* general headings */

a                          /* every link */

a:hover                    /* link on mouse-over */</style>