← Back to Layouts
Aquarium layout

Name: FriendRewind
Author: FriendRewind
Author: ˚₊‧꒰ა Maddie ໒꒱ ‧₊˚
Category: Classic
Created: September 30, 2026
See Layout
Comments (1)

N00DL3-C4T 09/30/2026 2:56 AM
AAH!! This is so fun!!!
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>
/* navbar */
nav .top {
    background-position: 0px 0px;
    background-size: 100%;
    background-image: linear-gradient(0deg, #1E5799 0%, #2989D8 50%, #207cca 51%, #7DB9E8 100%);
}
nav .links {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(180deg, #1B4F86FF 0%, #2680C8FF 50%, #1D70B5FF 51%, #6DA4D1FF 100%);
}
/* general layout */
body {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: radial-gradient(75% 75% at 50% 50%, #ABABABFF 0%, #DBD9D9FF 34%, #D3D3D3FF 53%, #DEDEDEFF 70%);
    filter: drop-shadow(0 0 5px #333);
}
footer {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #94949BFF 0%, #C5CFD2FF 50%, #BEC5CBFF 51%, #DADFE9FF 100%);
    
}
main {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(180deg, #ccccccFF 0% ,#FFFFFFFF 5%, #f1f1f1FF 95%, #b3b3b3 100%);
    border: 10px ridge #6DA4D1FF;
}
/* profile edits, this part be available as a layout */
.profile .contact {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 5px ridge #60a5fa;
}
.profile .url-info {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 3px ridge #60a5fa;
}
.profile .table-section {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 5px ridge #60a5fa;
}
table.details-table {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 1px ridge #60a5fa;
}
.details-table td {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
}
.profile .contact .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #5596CCFF 0%, #71C4FFFF 24%, #CAE8FEFF 50%);
}
.profile .table-section .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #5596CCFF 0%, #71C4FFFF 24%, #CAE8FEFF 50%);
}
.contact h4 {
    filter: drop-shadow(0 0 3px #333);
}
.table-section h4 {
    filter: drop-shadow(0 0 3px #333);
}
.profile .blurbs .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #DCA943FF 0%, #f9c56c 51%, #F5E5BCFF 90%);
}
.profile .friends .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #DCA943FF 0%, #f9c56c 51%, #F5E5BCFF 90%);
}
/* profile images */
.pfp-fallback {
   filter: drop-shadow(0 0 5px #333333);
    border: 4px ridge #4f88cd;
}
</style>
<style>
.online {content:url('http://dl7.glitter-graphics.net/pub/2999/2999117fvi5cvy590.png'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>

    body {
        background-image: url(https://i.pinimg.com/originals/34/c0/d1/34c0d19c528865185b4839865651ae4b.gif);
        background-attachment: fixed;
}

</style>
<style>
html:before {

  animation: grain 1s steps(10) infinite;

  background-image: url('https://i.pinimg.com/originals/1d/15/d8/1d15d8da8b3b6f3a895828ba2663f409.gif');

  content: "";

  height: 250%;

  left: -50%;

  opacity:.175;

  position: fixed;
 
  top: -110%;

  width: 200%;

  pointer-events:none;


}
</style>

<style>
* {
    cursor: url(https://cur.cursors-4u.net/nature/nat-8/nat703.cur), url(https://www.cursors-4u.com/cursor/2009/04/26/blue-siamese-fish.html), auto !important;
}</style>