← Back to Layouts
lol

Name: FriendRewind
Author: FriendRewind
Author: sqwwix
Category: Classic
Created: September 20, 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":"frame14","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":"#2071d9","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 */

.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_6970452284f673.93308180.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

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

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


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


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


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


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


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


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

body {
background-image: url(https://dl.glitter-graphics.com/pub/712/712486v676dbc17k.jpg);
background-size: 500px;
background-attachment: fixed;
}

main {
background-image: url(https://dl.glitter-graphics.com/pub/1180/1180052io0ut7ecch.jpg);
background-size: 200px;
}

</style>
<style>

nav .top {
background-image: url(https://dl.glitter-graphics.com/pub/857/857349uac1mbvlyw.jpg);
align-items: bottom;
background-size: 255px;
}

nav .links {
background-image: url(https://dl.glitter-graphics.com/pub/1701/1701722pgv890dv1h.jpg);
text-align: center;
}</style><style>


/* 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><style>


/* Wide Square Profile Tunes */

  div#profile-playlist-container {
  width: 125%!important;
  display: block;
  max-width: 500%!important;
} 
  .profile-playlist-widget {
  background: #fff!important;
  border: 1px solid #000!important;
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  color: #000!important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.4);
  max-width: 500%!important;
  font-size: 13px;
  border-radius: 0px!important;
  padding: 5px!important;
  margin: 5px 0!important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
  .profile-playlist-widget h3 {
  margin: 0;
  font-size: 15px;
  color: #000!important;
  flex: 1;
}
  .profile-playlist-widget .song-info {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 1000;
  margin: 0px;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0)!important;
}
  .profile-playlist-widget .song-artist {
  font-weight: 800;
  color: #000!important;
  font-size: 11px;
}
  .profile-playlist-widget .pp-drag {
  width: 19px;
  min-width: 8px;
  height: 0px;
  margin-right: 6px;
  color: #000!important;
  cursor: grab;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  touch-action: none;
  border-radius: 0px!important;
  transition: all 0.15s ease;
}
  .profile-playlist-widget button {
  background: none;
  border: none;
  color: #000!important;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 0px!important;
  transition: all 0.2s;
  margin-left: auto;
}
  .profile-playlist-widget li.current .song-info {
  color: #fff !important;
}
  .profile-playlist-widget li.current {
  color: #fff !important;
  background: black!important;
}
  .profile-playlist-widget li.current .song-artist {
  color: #fff !important;
}
  .profile-playlist-widget li.profile-playlist-item:hover {
  color: #fff !important;
  background: #6E6E6E!important;
  border: 1px solid #fff;
}
  .profile-playlist-widget li.profile-playlist-item {
  border-radius: 0px!important;
}

  li.profile-playlist-empty {
  border-radius: 0px!important;
  color: #000!important;
}
  .pp-equalizer {
  display: none;
  align-items: flex-end;
  gap: 0px;
  height: 32px!important;
  margin-right: auto;
  content: url('https://www.iconsdb.com/icons/download/white/musical-note-512.png');
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap');

.profile-name,
h1 {
  font-family: 'Rubik Puddles', cursive !important;
  font-size: 36px !important;
color: #ff69b4 !important;
}
</style>