← Back to Layouts
krystopher

Name: FriendRewind
Author: FriendRewind
Author: krystopherhernan_3
Category: Emo/Scene
Created: August 22, 2026
very cool and awesome
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 */
/* windows xp music player */
.music-bar {background: #335ccd !important;}
.music-bar::before { display: none !important; } /* removes tinted glass overlay */
.music-bar .bar-title { color: #ffffff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; }
.bar-now-playing { color: #fff0f8 !important; }
.bar-time-display, .bar-time-total { color: #ffffff !important; }
.bar-progress { background: rgba(255,255,255,0.4) !important; }
.bar-progress-fill { background: #ffffff !important; }
.music-bar .bar-btn { background: #2f981f !important;
  filter: brightness(1.15) !important; }

#frw-im-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    z-index: 999999;
    font-family: 'Segoe UI', 'Tahoma', 'Verdana', sans-serif;
    font-size: 11px;
    font-weight: 600;
    min-width: 100px;
    height: 32px;
    padding: 4px 12px;
    border-radius: 6px;
    border: none;
    background: #348ee9 !important;
    position: relative;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 
        0 3px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 4px;
}
</style>