← Back to Layouts
:P

Name: FriendRewind
Author: FriendRewind
Author: foxy
Category: General
Created: July 31, 2026
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
  
@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
  body {
    font-family: 'Short Stack', cursive;
    font-size: 15px;
  }

body, body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/11/51/60/115160c4a2a16d6c6cfbcbd5aa41f539.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !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/photos/photo-cb2b3fb0f06c1e64.webp') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.ibb.co/6Z42wK3/ss024.gif") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}
  
.section, .blurbs, .friends, .comments-table, .content, .details-table, .table-section, .contact, .url-info {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 16px; }
  
  
  .profile-pic img {
    border-radius: 8px;
    border: 2px solid #ffffff80;
    transition: transform 0.2s; 
  }
  
  .master-container {
    background: url(https://i.pinimg.com/1200x/11/51/60/115160c4a2a16d6c6cfbcbd5aa41f539.jpg);
  }
  
  
  
  .details-table td:first-child {
    background: url(https://i.pinimg.com/736x/49/5d/b4/495db44e1e1e2eada257a51ba8ca6da9.jpg);
    background-size: cover;
    color: #ffffff;
    border-radius:5px;
}
  
.friends-grid img {
    border-radius: 8px;
    border: 5px double #6e4219;
    transition: transform 0.2s;
}
.friends-grid img:hover { transform: scale(1.08); }
  
  /* Profile Tunes box */

  .profile-playlist-widget .pp-header h3 { color: #ffffff !important; }  /* "Profile Tunes" title */


      .profile-playlist-widget .song-info    { color: #fff !important; }     /* song name */
          

          .profile-playlist-widget .song-artist  { color: #ffffff !important; }  /* artist name */

    /* center the whole Profile Tunes player */

              #profile-playlist-mount,

              .profile-playlist-mount,

            #profile-playlist-container,

            .profile-playlist-container,

            .profile-playlist-widget {

              display: block !important;

              float: none !important;

              clear: both !important;

              margin-left: auto !important;

              margin-right: auto !important;

              text-align: center !important;

              box-sizing: border-box !important;

            }            

            /* control the player width */

              #profile-playlist-container,

              .profile-playlist-container {

                width: 90% !important;

                max-width: 280px !important;

                margin: 14px auto 16px auto !important;

              }
   

            /* light mode  for player */

              .profile-playlist-widget {

                width: 100% !important;

                max-width: 280px !important;

                margin: 0 auto !important;

                padding: 10px !important;
             

                background: linear-gradient(135deg,#fff0f880,#f7edff60,#eef8ff80) !important;

 border: 1px solid #ffffff80 !important;

border-radius: 14px !important;

color: #ffffff !important;
                                            

box-shadow:

  inset 0 0 14px rgba(255,255,255,.9),
 0 3px 8px rgba(159,124,188,.18) !important;

              }
            
            .profile-playlist-widget *,

            #profile-playlist-container * {

            color: #ffffff !important;

              border-color: #ffffff !important;

              text-shadow: none !important;

          }
       

        .profile-playlist-widget div,

        #profile-playlist-container div {

        border-radius: 8px !important;

      }
</style>