← Back to Layouts
whorse layout for alex

Name: FriendRewind
Author: FriendRewind
Author: amazingsavv_
Category: Classic
Created: September 26, 2026
yay
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":"https://i.pinimg.com/736x/bd/17/97/bd17977b54d6d685bc5cfcd9aa47be0e.jpg","pageBgMode":"tile","heroImageUrl":"https://friendrewind.com/media/chat_media/chat_15792_eb32bc06ea70e9ebaba29480.png","profileRowBgImage":"https://i.pinimg.com/736x/52/de/73/52de73e9dcc967f785a93b91ff55b85c.jpg","profileRowBgMode":"tile","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#800000","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":2,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#800000","interestsHeaderText":"#000000","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":2,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#990000","textHeading":"#000000","textLink":"#757575","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"https://i.pinimg.com/736x/ac/68/a5/ac68a51e2e25702f78be1ca5faf5dcec.jpg","comments":"https://i.pinimg.com/736x/ac/68/a5/ac68a51e2e25702f78be1ca5faf5dcec.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://i.pinimg.com/736x/bd/17/97/bd17977b54d6d685bc5cfcd9aa47be0e.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #990000 !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://friendrewind.com/media/chat_media/chat_15792_eb32bc06ea70e9ebaba29480.png') !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;
}

.contact {
    border: 2px solid #800000 !important;
    border-radius: 0px !important;
  }

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

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

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

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

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

#comments, .comments-table td {
  background-image: url("https://i.pinimg.com/736x/ac/68/a5/ac68a51e2e25702f78be1ca5faf5dcec.jpg") !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>
body{
  cursor: url('https://cdn.cursors-4u.net/previews/american-quarter-horse-ba2d947a-32.webp') 32 32, auto !important;
  }
  ::selection {
/* Change highlight background color */
background: 	#1b222c;
/* Change highlight text color */
color: #661b1c;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
 nav .top{
    background-size: 0px;
    padding: 10px;
    background-position: center;
    border-radius: 30px 30px 0px 0px;
    color: black;
  }
  /* 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>

/* 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>
/* 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><img class="screen-sticker bottom-left" src="/proxy/image.php?url=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F74%2F61%2F56%2F746156f27e23788d620dda423dc0c22d.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 180px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}
.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

</style>
<style>
.contact img.icon {
display: none;
}

.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i795.photobucket.com/albums/yy232/PixKaruumi/Pixels%202/Pixels%2002/th_thneko.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i795.photobucket.com/albums/yy232/PixKaruumi/Pixels%202/Pixels%2002/th_thneko.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('http://i795.photobucket.com/albums/yy232/PixKaruumi/Pixels%202/Pixels%2002/th_thneko.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/9dc08efb4030bd54756ce3e065cf4cb6/tumblr_inline_mjpod68txV1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/9dc08efb4030bd54756ce3e065cf4cb6/tumblr_inline_mjpod68txV1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/9dc08efb4030bd54756ce3e065cf4cb6/tumblr_inline_mjpod68txV1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}
  .footer{
   border-radius: 30px;
  }
</style>