← Back to Layouts
test for someone

Name: FriendRewind
Author: FriendRewind
Author: pinkradish456
Category: General
Created: July 17, 2026
Kinda mid sea-themed layout I made
Comments (0)

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

<style>
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://files.catbox.moe/2rd8a6.webp","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 */

html, body {
  background-image: url("https://files.catbox.moe/2rd8a6.webp") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
 color:white;
}

footer {
background-color:#015482 !important;
}

.section {
border:2px solid #002244 !important;
background-color:#E6F0FA !important;
}

div, p, span, h1, h2, h3, h4, h5, td, tr, li, th, a {
   font-family:cursive !important;
    color: white  !important;
}

h1, h2, h3, h4, .card-header, .orangeText, .title, .heading,
.contact-header, .friends-header, .comments-header, .blogs-header {
    background-color:#013A6B !important;
    color:#E6F0FA  !important;
    font-weight: bold !important;
}

td, th, .card, .profile-sidebar, .main-content, .panel, .box {
    background-color:  #E6F0FA !important;
    border:1px solid black;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.15) !important;
}

a:hover {
color : #0A3F6B !important;
}

 .cb-author-cell, .cb-content-cell {
    color:#002244 !important;
background-image:url("https://files.catbox.moe/2rd8a6.webp") !important;
   
}

main div {
animation : float 3s ease-in-out infinite !important;
}
 @keyframes  float {
 0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px); 
  }
  100% {
    transform: translateY(0px);
  }
}

.col.w-40.left, main {
background-blend-mode:multiply !important;
background-image:url("https://files.catbox.moe/2rd8a6.webp") !important;
background-size:cover !important;
background-color : rgba(0, 0, 0, 0.6) !important;
}

.myspace-header .top-nav {
 background: linear-gradient(180deg, #015482 0%, #004166 100%) !important;
    border:1px solid black !important
  }


 .myspace-header .main-nav-wrapper {
     background: linear-gradient(180deg, #015482 0%, #004166 100%) !important;
   border:1px solid black !important;
  }
</style>