← Back to Layouts
premade layout

Name: FriendRewind
Author: FriendRewind
Author: KOSTYA
Category: Classic
Created: August 28, 2026
guy who made this very cool
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>
  @import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
  body{
    background:none;
    filter:grayscale(100%);
  }
  main{
    font-family: "Cutive Mono", monospace;
    font-weight: 400;
    font-style: normal;
    width:1000px;
    margin-left:-100px;
  }
  main .left{
    width:60%!important;
  }
  footer, .nav-logo.logo, .top-nav, .profile-info, ::-webkit-scrollbar, .friends .heading, .url-info, .myspace-header, .friends:not(#comments), .details-table tr:nth-child(6), .profile-mood, .online, .profile .contact .heading, .cb-like-btn, .icon{
    display:none!important;
  }
  .general-about {
    display:flex;
    flex-direction:column;
    width:350px!important;
  }
  .table-section.interests{
    border:1px solid #000;
  }
  .profile .contact{
    border:none;
    border-left:1px solid gray!important;
   }
  .contact .inner a img {
    font-size: 0;
  }
  .contact .inner a img:before {
    font-size: 1em;
    display: block
  }
  .contact .inner a:before {
  content: ""
  }
  .contact .inner .f-row .f-col a:before {
    display: inline-block;
    content: " > ";
    background-size: 100%;
    width: 16px;
    height: 16px;
    animation:.3s 5 blink
  }
  .profile .contact .inner, .profile .contact .inner .f-row, .profile .contact .inner .f-row .f-col {
	display: block;
	margin: 0 0 7px 5px;
	align-items: left;
  }
  .details-table td {
    display:inline-block;
    width:100%!important;
 }
.details-table tr {
    display:inline-block;
    width:48%;
    margin-bottom:5px;
    margin-left:5px;
    border:1px solid #000;
}
.details-table td:last-child {
    overflow-y:scroll;
    height:150px!important;
    width:100%;
}
.details-table td:first-child {
    margin-bottom:1px;
    border-bottom:1px solid #000;
  }
  * .heading{
    background:transparent!important;
    border:none;
    border-bottom:1px solid black!important;
    color:black!important;
  }
  table.comments-table {
    display: block;
    background:#fff;
  }
  table.comments-table,.comment-replies{
    border:none;
  }
  .comments-table td:first-child,.comments-table td{
    background:#fff;
    border:none;
  }
  .comments-table td:first-child{
    text-align:left;
    font-size:0.7em;
  }
  .comments-table td:first-child img:not(.icon){
    border-radius:0px;
    border:none!important;
  }
  .cb-actions button{
    border-radius:0px;
    border-width:1px!important;
    border-style:solid;
  }
  .cred{
    position:fixed;
    bottom:5px;
    right:10px;
    font-size:0.8em;
  }
</style><div class="cred">
  <p>layout by <a href="https://friendrewind.com/nordligesauer">nordligesauer</a></p>    
</div>