← Back to Layouts
My own private layout

Name: FriendRewind
Author: FriendRewind
Author: Halana
Category: Art
Created: October 2, 2026
Halana cuidalo 🫩
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>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(0deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}



@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}







   
  body{background-attachment:fixed;
  
  background:url(https://files.catbox.moe/iu37ld.jpg);
  }
main{
  background:black;
 
  border:solid;
  border-color:pink;
  border-width:3px;
  border-top-style:none;
}
  :root {
--darker-blue:purple;
--lighter-blue:purple;
--even-lighter-pink:transparent;
--lightest-blue:transparent;
--dark-orange:purple;
--light-orange:purple;
--even-lighter-purple:transparent;
--green: purple;
}
nav .links{
  border:solid;
  border-color:black;
  border-bottom-color:purple;
  border-width:3px;
}
footer{
  background:url(https://files.catbox.moe/a6i4kd.jpeg);
}
#comments .inner, #comments .heading, .col.w-40.left .url-info, .col.w-40.left .mood{
  display:none;
}
.col.w-40.left .contact, .inner .details-table{
  background:url(https://files.catbox.moe/a6i4kd.jpeg);
}










  
    body {
    h1, h2, p, span, a, div {
      background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      display: inline-block;

     
     
     
     
    
/* Mover badges a la esquina superior derecha con fondo negro */
.badges-container {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background-color: #000000 !important;
    padding: 5px !important;
    border-radius: 4px !important;
    z-index: 999 !important;
}

/* Ocultar las badges extra y dejar solo el icono principal */
.badge-item:not(:first-child) {
    display: none !important;
}

/* Dar formato a la sección de comentarios estilo 4chan */
.comments-table {
    background-color: #ffe !important;
    border: none !important;
    font-size: 12px !important;
}

.comments-table td {
    background-color: #ffe !important;
    border-top: 1px solid #d9bfb7 !important;
}

.comment-text {
    color: #800043 !important;
    font-size: 12px !important;
}

.comments-table button {
    color: blue !important;
    background-color: #ffe !important;
    border: none !important;
}

/* Cambiar el nombre del usuario por Anonymous en verde */
.comments-table td a, 
.comments-table .comment-author {
    font-size: 0 !important;
}

.comments-table td a:before, 
.comments-table .comment-author:before {
    content: "Anonymous " !important;
    font-size: 16px !important;
    color: #117743 !important;
    font-weight: bold !important;
}


       
  





    #comments .inner b{
        margin: 0;
        padding: 0;
    }
    #comments{
        border: 2px!important;
    }
    .comments-table{
        overflow: auto; 
        padding: 0;
    }
.comments-table  button{
  color: blue !important;
  background-color: #ffe !important;
  border: none !important;
}
.comments-table button:before{
  color: black !important;
  content: "["
}
.comments-table button:after{
  color: black !important;
  content: "]"
}
    #comments td:nth-child(even){
        background: none!important;
    }
    #comments td:nth-child(odd){
        width: 60px;
        background: #ffe!important;
    }
    #comments td p{
        color: #800043 !important;
    }
    #comments td a p{
        color: #117743 !important;
    }
    #comments td,.comments-table{
        border: none!important;
    }
    #comments td{
        border-top: 1px solid #d9bfb7!important;
    }
    .comments-table td {
        background-color: #ffe !important;
    }
    #comments{
        background: #ffe!important;
    }
    .comment-replies{
        border: none!important;
        margin: 0px;
    }
    .comment-reply{
        border-top: none !important;
        background: #f0e0d6;
        margin: 4px;
        padding: 10px;
        padding-left: 16px;
        color: maroon!important;
        border: 1px solid #d9bfb7!important;
    }
    .comment-reply:before{
        content: "Anonymous ";
        color: #117743!important;
    }
    .comment-reply p:last-of-type{
        display: none;
    }

  
  
  
  
  
  
  
  
 

.profile .friends .person:first-child img:not(.icon){
content:url(https://files.catbox.moe/7sf32p.png);
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url(https://files.catbox.moe/86lis3.jpg);
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url(https://files.catbox.moe/fddcli.png);
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url(https://files.catbox.moe/tvnypd.jpg);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://files.catbox.moe/5jolk9.jpg);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://files.catbox.moe/j4i1jt.jpg);
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url(https://files.catbox.moe/l36w13.jpg);
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url(https://files.catbox.moe/dlzapl.jpg);
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url(https://files.catbox.moe/kv71y0.jpg);

  
  
  
  
  
  
  

badges-container 
position: absolute !important;
top: 10px !important;
right: 10px !important;
background-color: #000000 !important;
padding: 5px !important;
border-radius: 4px !important;
}
  
  
  .badge-item:not(:first-child) {
    display: none !important;
}
  
  
  
  
  .comments-table {
    width: 100% !important; /* Hace que ocupe todo el ancho disponible de su columna */
    max-width: 100% !important; 
    margin-top: 15px !important; /* Espacio para que no choque con las estampas/badges de arriba */
    box-sizing: border-box !important;
}

  
  
  
</style>