← Back to Layouts
Fish tank layout!

Name: FriendRewind
Author: FriendRewind
Author: Agrimtale 𑣲𝄞
Category: Classic
Created: September 6, 2026
A custom made css layout by me, Grim! please don't pass off as your own. <3
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":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","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 */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
  /*layout made by agrimtale*/
* {
  cursor: url('https://cdn.cursors-4u.net/previews/titteya-fish-fa5d711f-32.webp') 32 32, auto !important;
}
  .pfp-fallback {
    border-radius: 50% !important;
    animation: rotation 4s infinite linear;
  }
  @keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

  @font-face {
    font-family: 'text';
    src: url(https://file.garden/aouNILmU_FJZALDq/VCR_OSD_MONO_1.001.ttf);
  }
  @font-face {
    font-family: 'h1';
    src: url(https://file.garden/aouNILmU_FJZALDq/04B_30__.TTF);
  }
  a {
    color: black;
    text-decoration: none;
  }
  a:hover {
    color: black;
    text-decoration: underline;
    text-decoration-style: wavy;
  }
  p {
color: black;
    font-family: 'text';
  }
  h1,h4 {
color: black;
    font-family: 'h1';
  }

  .count {
	font-family: 'text';
    color: black;
  }
  .online img{
    content: url(https://file.garden/aouNILmU_FJZALDq/im%20online.gif);
    animation: 3.0s;
  }
  .offline img {
    content: url(https://file.garden/aouNILmU_FJZALDq/im%20offline.gif);
  }
  .myspace-header {
  margin-top: 10px;
    margin-bottom: 10px;
 border-width: 8px !important;
      border-style: gray solid !important;

    
  }
  .myspace-header, .top-nav{

    color: black !important;
    font-family: 'text' !important;
	      background-image: url(https://file.garden/aouNILmU_FJZALDq/fish%20tank%203.gif) !important; 
    background-size: cover !important;
    background-repeat: none !important;
    
    border: gray solid 3px;

  }
  .main-nav li a, .main-nav-container, .dropdown-toggle, .top-nav {
  background-color: gray !important;
    color: black !important;
    font-family: 'text' !important;
    border: gray 2px solid;
  }
  
  .nav-search-form {
    color: black !important;
    background: gray !important;
    font-family: 'text' !important;

  }
  .row.profile {
    background-color: gray;
border: gray 5px inset;

    margin-top: 10px;
    padding:  10px;
    height: 600px !important;
    overflow: scroll;
    scrollbar-width: none;
  }
  body {
    background-image: url(https://file.garden/aouNILmU_FJZALDq/bubbles3.gif);
    animation: 3.0s all;
    background-size: cover;
    background-repeat: none;
  }
  .table-section.photos-preview {
border: gray inset 3px;
  }
  .blog-preview {
border: gray inset 3px;
    padding: 5px;

  }
  .blurbs {
border: gray inset 3px;

  }
  .friends {
border: gray inset 3px;

  }

  .heading {
          background: blue !important;
      padding: 5px !important;

  }
	.contact {
border: gray inset 3px;

  }
  	.url-info {
border: gray inset 3px;

  }
  	.table-section.interests {
border: gray inset 3px;
  }
  	.footer {
 border: gray inset 3px;            
      padding: 5px !important;
      
  }
  .table-section.social-links {
border: gray inset 3px;
  }

  .profile-playlist-widget  { 
  color: black !important;
  font-family: 'text' !important;
  background-image: url(https://file.garden/aouNILmU_FJZALDq/Post%20by%20@bubbleblujay%20%C2%B7%209%20images.gif) !important;
    background-size: cover !important;
    background-repeat: none !important;
    border: gray solid 3px !important;
  }
.profile-playlist-widget h3 {
  color: black !important;
  font-family: 'h1' !important;
  }
.profile-playlist-widget li {
  
  }
.profile-playlist-widget li.current {
  background-color: blue !important;
  }
.profile-playlist-widget .song-info  {
    color: black !important;
  font-family: 'h1' !important;
  }
.profile-playlist-widget .song-artist {
    color: black !important;
  font-family: 'h1' !important;
  }
.profile-playlist-widget li.played             /* rows that already played */
.pp-equalizer span 
  {
    background-image: url(https://file.garden/aouNILmU_FJZALDq/Post%20by%20@bubbleblujay%20%C2%B7%209%20images.gif) !important;
  }
.pp-drag 
  {}
#footer-music-bar, .music-bar {
      color: black !important;
  font-family: 'h1' !important;
  content: white !important;
  background-color: blue !important;
  }
  #bar-prev.bar-btn, #bar-play.bar-btn, #bar-next.bar-btn{
  background: blue !important;
  }

  .bar-progress-container {
  background: black !important;
  }
  .bar-info-section, .bar-label-row, .bar-volume, .volume-slider-container, #bar-compact-toggle.bar-btn {
    color: black !important;
    background: blue !important;
  }
  #frw-im-button.bar-btn.im-btn {
    font-family: 'h1' !important;
       color: black !important;
    background: blue !important; font-family: 'h1' !important;
  }
  .bar-playlist-container {
  background: blue !important;
  content: url()!important;
    height: 20px;
  }
.logo .nav-logo {
  display: none !important;
}
  
#fr-contact.contact,.url-info{
 border: gray inset 3px;
  }
  
  tr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    background-color: blue !important;
    padding: 3px !important;
  }

  
</style>