← Back to Layouts
Shit

Name: FriendRewind
Author: FriendRewind
Author: R6nka
Category: Classic
Created: September 30, 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.95,"avatarAnimation":"","pageFont":"Josefin Sans","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://friendrewind.com/uploads/gallery/36248/img_6abc59080f9121.77785144.webp","pageBgMode":"tile","heroImageUrl":"","profileRowBgImage":"https://friendrewind.com/uploads/gallery/36248/img_6abc659c77ce85.26326593.gif","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":0.4,"boxRadius":19,"contactHeaderBg":"#294520","contactHeaderText":"#031c00","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":8,"contactBoxAnimation":"glow","interestsHeaderBg":"#162610","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":3,"interestsBorderRadius":10,"contentBoxAnimation":"glow","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":17,"headingShadowEnable":false,"moduleImages":{"contact":"https://friendrewind.com/uploads/gallery/36248/img_6abc5a33a06ff9.56831163.webp","urlInfo":"https://friendrewind.com/uploads/gallery/36248/img_6abc5b055a2cc0.68839341.webp","tableSection":"https://friendrewind.com/uploads/gallery/36248/img_6abc5ca9b042b0.98488171.gif","tunes":"","blogPreview":"https://friendrewind.com/uploads/gallery/36248/img_6abc5b055a2cc0.68839341.webp","blurbs":"https://friendrewind.com/uploads/gallery/36248/img_6abc5ca9b042b0.98488171.gif","friends":"https://friendrewind.com/layouts/img/assets/black/blacklightning.gif","Comments Background":"https://friendrewind.com/layouts/img/assets/black/blacklightning.gif","comments":"https://friendrewind.com/uploads/gallery/36248/img_6abc5d76a03800.65424774.gif"}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');

body, body.profile-page {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc59080f9121.77785144.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: 'Josefin Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

@keyframes boxGlow{0%,100%{box-shadow:0 0 8px rgba(0,123,255,0.4), 0 0 0px rgba(0,123,255,0.2);}50%{box-shadow:0 0 25px rgba(0,123,255,0.8), 0 0 35px rgba(0,123,255,0.4);}} .contact{animation:boxGlow 2.5s infinite ease-in-out !important;}

@keyframes boxGlow{0%,100%{box-shadow:0 0 8px rgba(0,123,255,0.4), 0 0 0px rgba(0,123,255,0.2);}50%{box-shadow:0 0 25px rgba(0,123,255,0.8), 0 0 35px rgba(0,123,255,0.4);}} .table-section, .friends, .blurbs, .module, .profileInfo{animation:boxGlow 2.5s infinite ease-in-out !important;}

.profile {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc659c77ce85.26326593.gif") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

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

.contact {
    border: 1px solid #294520 !important;
    border-radius: 8px !important;
  }

.contact .heading {
    background-color: #294520 !important;
    color: #031c00 !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 3px solid #162610 !important;
    border-radius: 10px !important;
  }

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

.contact {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc5a33a06ff9.56831163.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.url-info, .blog-preview {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc5b055a2cc0.68839341.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.table-section, .blurbs {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc5ca9b042b0.98488171.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends, #comments {
  background-image: url("https://friendrewind.com/layouts/img/assets/black/blacklightning.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://friendrewind.com/uploads/gallery/36248/img_6abc5d76a03800.65424774.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


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


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


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

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