← Back to Layouts
layout 4 velvet

Name: FriendRewind
Author: FriendRewind
Author: amazingsavv_
Category: Classic
Created: October 1, 2026
yayayay
Comments (1)

xX_cr33pi3_cr4wlli3_Xx 1 hr ago
TY TWINNY TS IS PEAKKKK
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/1200x/ad/5d/86/ad5d86c6ffb3e19fa1b0122890f23d33.jpg","pageBgMode":"tile","heroImageUrl":"https://i.pinimg.com/originals/df/f6/ec/dff6ec432a0f26504fef2d5a3e1af77f.gif","profileRowBgImage":"https://i.pinimg.com/736x/52/de/73/52de73e9dcc967f785a93b91ff55b85c.jpg","profileRowBgMode":"tile","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#700000","navLinkHover":"#700000","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#8a0000","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#8a0000","interestsHeaderText":"#000000","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#6b6b6b","textHeading":"#8a0000","textLink":"#8a8a8a","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg","urlInfo":"https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg","tableSection":"https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg","comments":"https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

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

body, body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/ad/5d/86/ad5d86c6ffb3e19fa1b0122890f23d33.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #6b6b6b !important;
  font-family: 'Playfair Display', '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;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/originals/df/f6/ec/dff6ec432a0f26504fef2d5a3e1af77f.gif') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.pinimg.com/736x/52/de/73/52de73e9dcc967f785a93b91ff55b85c.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

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

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

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

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

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

.contact .heading {
    background-color: #8a0000 !important;
    color: #000000 !important;
  }

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

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #8a0000 !important;
    color: #000000 !important;
  }

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

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  color: #8a0000 !important;
}

a, .profile a, .table-section a, .module a { color: #8a8a8a !important; }

.contact, .url-info, .table-section, #comments, .comments-table td {
  background-image: url("https://i.pinimg.com/1200x/42/8c/50/428c50d479293c1f9f8b41a892dbd1e7.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;

  background-image: url("https://friendrewind.com/media/chat_media/chat_33358_174e38e8b9922b226bd3cfc8.gif");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  z-index: 999999;
  pointer-events: none;

  animation: loadingScreen 2.5s ease forwards;
}

@keyframes loadingScreen {
  0% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
</style>
<style>
body{
  cursor: url('https://cdn.cursors-4u.net/previews/mini-rage-face-rage-smiley-17f7221f-32.webp') 32 32, auto !important;
}

</style>
<style>
.online {
  content: 
url("https://64.media.tumblr.com/1e8cd927409edc0c2e060a181542d394/7cf915f60095705b-6a/s250x400/7b47df117987cbb4b7d35015ea78a8c1667c7b32.gifv");
}
</style>
<style>
/* Remove all navigation link dividers */

body.profile-page nav#nav .links li::after,
body.profile-page nav#nav .links li:not(:last-child)::after {
  content: "" !important;
  display: none !important;
}

body.profile-page nav#nav .links li,
body.profile-page nav#nav .links a {
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
</style>
<style>

/* Remove the search bar and its empty container */

nav .top form,
nav form[action*="search"],
nav .search,
nav .searchbar,
nav .top .center:has(form[action*="search"]),
nav .top .center:has(input[type="search"]) {
  display: none !important;
}
</style>
<style>
.myspace-header .nav-logo {
  content: url('https://i.pinimg.com/1200x/5d/5e/6e/5d5e6e59408d8d14c6708c31da1c3fd9.jpg');
  width: 180px;
  height: auto;
}
</style><img class="screen-sticker bottom-left" src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F52%2F89%2Fda%2F5289da4a69e8078746a925c2bd1229be.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 240px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}
.bottom-left {
  bottom: 40px !important;
  left: 10px !important;
}

</style>
<style>
/* Wide Square Profile Tunes */

  div#profile-playlist-container {
  width: 100%!important;
  display: block;
  max-width: 300%!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: black !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>