← Back to Layouts
Rainy Frog

Name: FriendRewind
Author: FriendRewind
Author: oginome
Category: General
Created: October 28, 2026
See Layout
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":"https://i.pinimg.com/originals/fd/6c/dd/fd6cddfa7e1e1cf745792f479b2ddce8.gif","profileRowBgImage":"https://i.pinimg.com/736x/82/07/df/8207dfa8cbd9400756929aa1c17061c3.jpg","profileRowBgMode":"cover","navBgColor":"#006400","navBgImage":"https://64.media.tumblr.com/7e07362aa5360fcf47bc879cd11fedf4/tumblr_nj62czBmW01qk8f6yo1_500.gifv","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;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/originals/fd/6c/dd/fd6cddfa7e1e1cf745792f479b2ddce8.gif') !important;
    background-size: cover !important;
    background-position: center center !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;
  background-image: url("https://64.media.tumblr.com/7e07362aa5360fcf47bc879cd11fedf4/tumblr_nj62czBmW01qk8f6yo1_500.gifv");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #006400;
  background-image: url("https://64.media.tumblr.com/7e07362aa5360fcf47bc879cd11fedf4/tumblr_nj62czBmW01qk8f6yo1_500.gifv");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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


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


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


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


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


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


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


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


/* FR_MANUAL_EXTRAS */
</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 lightgreen;
    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: rgba(252, 255, 161, 0.9);
    border: 3px double darkgreen;
    border-radius: 5px;
    height: 175px;
    padding: 5px;
    margin-top: 10px;
}

.profile h1 {
    color: darkgreen;
    background-color: rgba(252, 255, 161, 0.9);
    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: rgba(252, 255, 161, 0.9);
    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://i.pinimg.com/originals/93/34/6d/93346d58f0c0531ccc0d00e9a5792c16.gif);
}  
  
.url-info {
    background-color: rgba(252, 255, 161, 0.9) !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: rgba(252, 255, 161, 0.9);
    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: rgba(252, 255, 161, 0.9) !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: green !important;
    color: white !important;
    border: 1px solid yellow;
    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: rgba(252, 255, 161, 0.9);
} 

 .blog-preview {
    background-color: rgba(252, 255, 161, 0.9);
    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: rgb(252, 255, 161);
    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: rgba(252, 255, 161, 0.9) !important;
    border: 1px solid darkgreen !important;
}

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

.bar-btn {
    background-color: rgba(252, 255, 161, 0.9) !important;
    border: darkgreen solid 1px !important;
    border-radius: 5px !important;
    color: darkgreen !important
}

.playlist-popup {
    border: 1.5px solid darkgreen !important;
    background: rgba(252, 255, 161, 0.9) !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: rgba(252, 255, 161, 0.9) !important;
}

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

.logo { 
    content: url(https://i9.glitter-graphics.org/pub/714/714959zyes4wfkjz.gif) !important; 
    }

.pictureleft {
    position: fixed;
    width: 300px;
    height: 300px;
    bottom: 30px;
    left: 3vw;
    background-image: url(https://i.pinimg.com/originals/a0/ae/56/a0ae568a5525278a81b2f6a507209939.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000 !important;
    transform: scaleX(-1);
}

.pictureright {
    position: fixed;
    width: 300px;
    height: 300px;
    bottom: 30px;
    right: 3vw;
    background-image: url(https://i.pinimg.com/originals/a0/ae/56/a0ae568a5525278a81b2f6a507209939.gif);
    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: rgb(252, 255, 161);
}

footer nav .links a:hover {
    color: yellowgreen !important;
}
</style><div class="pictureleft"></div>
<div class="pictureright"></div>



<div class="snowflakes">
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
<div class="snowflake"><img src="/proxy/image.php?url=https%3A%2F%2Fpixelsafari.neocities.org%2Ffavicon%2Fnature%2Fwater3.gif"></div>
</div><style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>