← Back to Layouts
test

Name: FriendRewind
Author: FriendRewind
Author: oginome
Category: Classic
Created: October 28, 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":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/originals/2a/dc/af/2adcaf65ea992b9633b5ac949a464ee7.gif","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"https://i.pinimg.com/736x/82/07/df/8207dfa8cbd9400756929aa1c17061c3.jpg","profileRowBgMode":"cover","navBgColor":"#006400","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#9acd32","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#006400","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#006400","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 */

body, body.profile-page {
  background-image: url("https://i.pinimg.com/originals/2a/dc/af/2adcaf65ea992b9633b5ac949a464ee7.gif") !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;
  }
}

.profile {
  background-image: url("https://i.pinimg.com/736x/82/07/df/8207dfa8cbd9400756929aa1c17061c3.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

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

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

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

.contact {
    border: 1px solid #006400 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #006400 !important;
    color: #ffffff !important;
  }

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

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


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


/* FR_MANUAL_EXTRAS */
</style>
<style>
 * {
  cursor: url(https://cdn.cursors-4u.net/previews/green-frog-umbrella-86fb04d3-32.webp) 32 32, auto !important;
} 
  
  p, a {
  color: darkgreen !important;    
  }
  
a:hover {
  text-decoration: none !important;
  color: yellowgreen !important;
}  
  
::selection {
   background: darkgreen;
   color: white;
}
  
.master-container {   
    border: 3px double cyan;
    border-top: none;
    border-radius: 0px 0px 7px 7px !important;
}

@media (max-width: 768px) {
    body.profile-page .master-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) {
    body.profile-page .master-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.profile {
  background-image: url("https://i.pinimg.com/736x/82/07/df/8207dfa8cbd9400756929aa1c17061c3.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-attachment: fixed !important;
  background-position: top center !important;
}

.general-about {
    background-color: #fff7e3;
    border: 3px double darkgreen;
    border-radius: 5px;
    height: 175px;
    padding: 5px;
}

.profile h1 {
    color: darkgreen;
    background-color: #fff7e3;
    border: 22px solid transparent;
    border-image: url(https://i.ibb.co/Gv4rh9hw/frog-frame.gif) 22 round;
    background-clip: padding-box;
    margin: 0 auto;
    text-align: center;
    width: 100%;
} 
  
.profile .mood {
    background-color: #fff7e3;
    border: 22px solid transparent;
    border-image: url(https://i.ibb.co/Gv4rh9hw/frog-frame.gif) 22 round;
    background-clip: padding-box;
    padding-top: 6px;
    margin: 0 auto;
    text-align: center;
}  
  
.profile-pic img {
    border-radius: 50%;
    border: 5px double darkgreen !important;
    content: url(https://giffiles.alphacoders.com/451/4518.gif);
}  
  
.url-info {
    background-color: #fff7e3 !important;
    border: 22px solid transparent !important;
    border-image: url(https://i.ibb.co/Gv4rh9hw/frog-frame.gif) 22 round !important;
    background-clip: padding-box !important;
    text-align: center !important;
}    
  
.friends{
    border: 1px solid darkgreen !important;
    background-color: #fff7e3;
    margin-top: 10px;
}  
  
.friends img {
    border: 3px double darkgreen !important;
    border-radius: 50% !important;
}  
  
.badges-widget img {
    border: 0px none !important;
}  

.contact, .blurbs, .table-section {
    border: 1px solid darkgreen !important;
    background-color: #fff7e3 !important;
}  
  
.heading {
    background-color: darkgreen !important;
    color: white !important;
}
  
.heading a {
    color: white !important;
}  
  
.interests .details-table td {
    background-color: transparent !important;
}  
  
.comments-table {
    border: 0px solid transparent;
}

@media (max-width: 768px) {
    table.comments-table tr {
        border-bottom: 0px solid transparent !important;
    }
}

.cb-author-cell, .cb-content-cell  {
    background-color: transparent !important;
  }   
  
.cb-content-cell img {
    border: none !important;
    border-radius: 0% !important;
}  
  
.comment-replies {
    border: 1.5px dashed darkgreen;
}

.comment-reply {
    border-left: none !important;
}

.report, .cb-like-btn {
    color: darkgreen !important;
    border: 0px solid transparent !important;
}

.report img.icon {
    content: url(https://pixelsafari.neocities.org/favicon/animals/amphibian/frog21.gif) !important;
}

.cb-like-icon {    
    content: url(https://pixelsafari.neocities.org/favicon/animals/amphibian/frog23.gif) !important;
}  
  
.profile-playlist-widget {
    background-color: darkgreen !important;
    color: white !important;
    border: 1px solid darkgreen;
    box-shadow: none;
}
  
.profile-playlist-widget h3 {
    color: white;
}
  
.contact img.icon {
    content: url(https://pixelsafari.neocities.org/favicon/animals/amphibian/frog5.gif);
    }  
  
.photos-preview, .videos-preview {
   background-color: #fff7e3;
} 

 .blog-preview {
    background-color: #fff7e3;
    border: 1px solid darkgreen;
    border-radius: 5px;
 }

 .blog-preview p, .blog-preview h4{
    color: darkgreen !important;
    padding-left: 5px !important;
} 
  
.photos-preview p, .videos-preview p {
    padding-left: 5px !important;
}

 footer {
    background-color: #fff7e3;
    margin: 0px;
    border-top: 1px darkgreen solid;
}
  
  footer nav .links a{
    text-shadow: none;
    color: darkgreen !important;
}
  
.myspace-header .top-nav  {
    height: 100px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 0;
    border-bottom: 1px solid #1e4390;
    position: relative;
    overflow: hidden;
}  
  
  .myspace-header .links  {
    background: darkgreen !important;
}

.myspace-header .main-nav {
    margin: 0 auto;
}

.myspace-header .main-nav li a {
    border-right: 0px solid transparent !important;
    color: white !important;
}

.myspace-header .main-nav li a.active {
    background-color: transparent !important;
    color: yellowgreen !important;
}

.myspace-header .main-nav li a:hover {
    background-color: transparent !important;
    color: yellowgreen !important;
}

.myspace-header .links li::before {
    content: url(https://pixelsafari.neocities.org/favicon/animals/amphibian/frog2.gif);  
    display: inline-block;
    width: 10px;
    height: 10px;
}
  
.music-bar {
    background: linear-gradient(360deg,rgba(87, 199, 133, 1) 0%, rgba(179, 230, 112, 1) 36%, rgba(255, 255, 94, 1) 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    border-top: 1px solid darkgreen !important;
}

#footer-music-bar.music-bar--compact {
    border-left: 1px solid darkgreen !important;
}

@media (min-width: 769px) {
    #footer-music-bar.music-bar--compact {
        border-left: 1px solid darkgreen !important;
    }
}

/* Remove glass texture overlay */
.music-bar::before { 
    display: none !important; 
} 

.bar-now-playing, .bar-time-display, .bar-time-total, .music-bar .bar-title {
    color: darkgreen !important;
}

#frw-im-button.bar-btn.im-btn {
    background: darkgreen !important; 
}

.volume-slider {
    background: yellowgreen !important; 
    border: 1px solid darkgreen !important;
}

.bar-playlist-container {
    background: url(https://pixelsafari.neocities.org/favicon/animals/amphibian/frog6.gif) center no-repeat !important;
}

#bar-playlist-btn {
    opacity: 0 !important;
}

.bar-progress {
    background: #f7f3e4 !important;
    border: 1px solid darkgreen !important;
}

.bar-progress-fill {
    background: yellowgreen !important;
}

.bar-btn {
    background-color: #f7f3e4 !important;
    border: darkgreen solid 1px !important;
    border-radius: 5px !important;
    color: darkgreen !important
}

.playlist-popup {
    border: 1.5px solid darkgreen !important;
    background: #f7f3e4 !important;
}

/* Remove glass texture overlay */
.playlist-header::before { 
    display: none !important; 
} 

.playlist-header {
    border-radius: 0px !important;
    background: linear-gradient(360deg,rgba(87, 199, 133, 1) 0%, rgba(179, 230, 112, 1) 36%, rgba(255, 255, 94, 1) 100%) !important;
    border-bottom: 1px solid darkgreen !important;
}

.playlist-header h3 {
    color: darkgreen !important;
}

.playlist-close {
    background-color: darkgreen !important;
}

.playlist-close:hover {
    background-color: yellowgreen !important;
}

.playlist-footer {
    background: linear-gradient(180deg,rgba(87, 199, 133, 1) 0%, rgba(179, 230, 112, 1) 36%, rgba(255, 255, 94, 1) 100%) !important;    
    border-radius: 0px !important;
    border-top: 1px solid darkgreen !important;
}

.playlist-count {
    color: darkgreen !important;
}

.playlist-clear {
    background: darkgreen !important;
    color: white !important;
}

.playlist-clear:hover {
    background: yellowgreen !important;
}

.playlist-songs {
    background: #f7f3e4 !important;
}

.playlist-empty, .playlist-song-title, .playlist-song-artist {
    color: darkgreen !important;
}

.logo { content: url(https://64.media.tumblr.com/7d923daa3e8f1d7eb8f7bd0e2f34b115/5636583ed81ed93d-70/s100x200/ddb828be0dc609f48835da8f449933a8febbf4d2.gifv) !important; }

.pictureleft {
    position: fixed;
    width: 200px;
    height: 400px;
    bottom: -40px;
    left: 5vw;
    background-image: url(https://i.ibb.co/0k7KF5D/1000009952.png);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000 !important;
    transform: scaleX(-1);
}

.pictureright {
    position: fixed;
    width: 200px;
    height: 400px;
    bottom: -40px;
    right: 5vw;
    background-image: url(https://i.ibb.co/0k7KF5D/1000009952.png);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000 !important;
}

@media (max-width: 768px) {
    .pictureleft, .pictureright {
        visibility: hidden !important;
    }  
}

footer nav .links {
    background-color: #fff7e3;
}

footer nav .links a:hover {
    color: yellowgreen !important;
}

</style><div class="pictureleft"></div>
<div class="pictureright"></div>