← Back to Layouts
STIG'S LAYOUT

Name: FriendRewind
Author: FriendRewind
Author: St. Dzik Stiglitz
Category: Vintage
Created: September 8, 2026
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>


@font-face { 
font-family: IMFellDWPicaSC; 
src: url("https://file.garden/aAxf3vKPYlDrYcO8/IMFellDWPicaSC.otf") format("opentype"); }




</style>

<style>
  
  .profile-playlist-widget h3 {
    margin: 0;
    font-size: 15px;
    color: #0d0000;
    flex: 1;
}
  
.pp-equalizer span {
    width: 3px;
    background: #000000;
    border-radius: 1px;
    animation: ppEqualizer 0.8s ease-in-out infinite;
}  
  
  * {
  cursor: url('https://cdn.cursors-4u.net/previews/col-colonel-military-army-rank-9673122e-32.webp') 32 32, auto !important;
}
  
  #profile-playlist-container .profile-playlist-widget {
    background-image:url(https://file.garden/aAxf3vKPYlDrYcO8/polskagurom.jpg);
    border: 2px solid #001735 !important;
    background-size: 320px;
    background-position: center;
    border-radius: 8px !important;
    color: #000000 !important;
    filter: none;
}
  
  body {
font-family: IMFellDWPicaSC; }


  
  
  
  
  html:after{ 

   animation: grain 8s steps(10) infinite;

   background-image: url(https://forums.libretro.com/uploads/default/original/2X/0/0bc48d4985bc491ee73fd071e8783f2f4cce4706.png);

   background-size: 4%; 

   content: "";

   height: 200%;

   left: -50%;

   opacity: 0.08;

   position: fixed;

   top: -100%;

   width: 200%;

   pointer-events:none}






  
  footer {
    background-color: rgb(255 255 255 / 0%);
    padding: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}
  
  
  .general-about .profile-pic {
    display: block;
    float: right;
    margin: 0 15px 8px 0;
    height: 160px;
}
  
  html, body, body.profile-page {
    overflow-y: auto !important;
    overflow-x: hidden;
    filter: grayscale(0.7);
}
  
  
 .pfp-fallback::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://friendrewind.com/uploads/gallery/1/img_68e46a2e779929.30369018.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 2;
}
  
  body.profile-page .profile .blurbs .inner, body.profile-page .profile .blurbs .section, body.profile-page .profile .blurbs .bio-text, body.profile-page .profile .blurbs [itemprop="description"] {
    min-width: 0;
    box-sizing: border-box;
    background-color: #0000005e;
        font-size: 15px;
}
  
  tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: red;
    background-color: #00000087;
    font-size: 15px;
}
  
  .profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #5a0f0f;
    color: #ed0707;
    color: var(--dark-orange);
    padding: 2px 7px;
}
  
  body.profile-page .comments-table .cb-content-cell, body.profile-page .comments-table .cb-content-cell p, body.profile-page .comments-table .comment-reply, body.profile-page .comments-table .comment-reply p, body.profile-page #comments .comment-reply, body.profile-page #comments .comment-reply p {
    color: #ffffff !important;
}
  
  #profile-playlist-mount, .profile-playlist-mount {
    margin: 10px 0;
    clear: both;
    width: 100%;
    max-width: 280px;
    display: block;
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/robin.jpg);
    filter: blur(0px);
}
  
  .profile-playlist-widget h3 {
    margin: 0;
    font-size: 15px;
    color: #208502;
    flex: 1;
}
  
 body.profile-page main {
    background: #00000085
    background-attachment: fixed;
    background-size: contain;
}
  
  .home-actions, .profile .contact, .profile .table-section, .profile .url-info, .setting-section {
    width: 100%;
    border: 2px solid #60a5fa;
    border: 2px solid rgb(103 86 51);
    margin: 10px 0;
}
  
  .home-actions .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading {
    background: #60a5fa;
    background: rgb(105 11 11);
    color: #fff;
    padding: 2px 7px;
}
  
  
  body {
    padding-bottom: 56px !important;
    margin-bottom: 56px !important;
    filter: saturate(0.8);
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/uboatwatching.jpg);
background-attachment: fixed;
background-size: cover;
background-position-y:left;

}

 
</style>

<style>

*, legend {
    box-sizing: border-box;
    /* color: #000000; */
    color: #ccd1d0;
}

ol li, p, ul:not(nav .links):not(footer .links) li {
    font-size: .875em;
    font-size: max(.875em, 12px);
    color: #ffffff;
}



::selection {
    background: white;
    color: black;
    text-shadow: none;
}

::-moz-selection {
    background: white;
    color: black;
    text-shadow: none;
}


a:hover{
     color:red!important;
     text-decoration:none;
}


span{
     color:white!important;    
}





.online {
    color: #0c8c00;
    font-size: 95%;
    content: url(https://file.garden/aAxf3vKPYlDrYcO8/hallohallo.gif);
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    background: #bf0500;
}

.player-controls button {
    width: 35px;
    height: 35px;
    border-radius: 0px;
    background: #b20000bf;
    border: 1px solid #000000;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    margin-right: 8px;
    transition: ease 0.1s;
}


</style>

<style>


.blog-entry .content *, .bulletin .content *, .bulletin-table td *, .center-container img, .comments-table td *, .details-table td *, .reply-box .content *, .shop .product, .shop-promo img, .topic-box .content * {
    max-width: 100%;
    border-image:   url(https://file.garden/aAxf3vKPYlDrYcO8/standingmenacingly.jpg);
    background-position: left;
}

table.bulletin-table, table.comments-table, table.forum-table, table.groups-table, table.music-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border-color: red;
}

tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: red;
    
}


.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: 700;
    width: 38%;
    background-size: cover;
}

.comments-table td, .music-table td {
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/sailors.jpg);
    vertical-align: bottom;
    background-position-y: 208px;
    background-size: 350px;
}



.blog-entry .comments p, .bulletin .comments p, .profile .blurbs .section p, .profile .friends p, .profile .mood p {
    margin: 0 0 8px;
    color: #ffffff;
}



.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px;
    color: red;
}
</style><div style="max-height: 4000px; position: fixed; right: 700px; top: 3500px; z-index: 200;">
    <img src="/proxy/image.php?url=https%3A%2F%2Ffile.garden%2FaAxf3vKPYlDrYcO8%2Fmmwhatsthat.png" style="width:60%;">
</div><style>

.blurbs::before { 
    content: "";
    display: block;

    width: 500px;      
    height: 150px;    

    margin: 0 auto;

    background-image: url("https://file.garden/aAxf3vKPYlDrYcO8/sehrnicepictransparent.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



.col.left h1:before {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 100px;
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/olive%20branch.png);
    background-repeat: no-repeat;
    background-size: 190px;
}

.url-info {
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/u96crew.jpg);
    background-position: center top;
    background-size: cover;
    height:200px;
    background-attachement: fixed;
   
}


* {
    scrollbar-width: auto;
    scrollbar-color: #606160, #111412;
}


/* banner */
main:before {
	width: 100%;
	height: 380px;
	display: block;
	content: "";
	background-image: url('https://file.garden/aAxf3vKPYlDrYcO8/dasboot.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;

}

</style>

<style>

nav .top {
    padding: 5px 5px 1px;
    background: black;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
    direction: ltr;
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/submarine_PNG2.png);
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 160px;
}


nav .links {
    background: #222222;
    padding: 3.5px 16px;
    font-size: 13px;
    display: flex;
    justify-content: center;
    direction: ltr;
}

main {
    grid-area: main;
    background:#00000085;
    padding: 6px 0;
    font-size: 80%;
   background-size: contain;
}

main {
    color: #ffffff;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #454545;
    color: #ffff;
    padding: 2px 7px;
}



.home-actions .heading, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading {
    background: #272727;
    color: #fff;
    padding: 2px 7px;
}


.home-actions, .profile .contact, .profile .table-section, .profile .url-info, .setting-section {
    width: 100%;
    border: 3px solid #1d1d1dbd;
    margin: 10px 0;
}

.profile .url-info {
    padding: 4px 7px;
    background-color: #272727;
    color: white;
}


.details-table td:first-child {
    background: #0071ff;
    background: #000000;
    color: #1d4ed8;
    color: var(--logo-blue);
    font-weight: 700;
    width: 33%;
}
.details-table td {
    background: #000000;
    background: #000000;
}


.details-table td *
{
    color: #ffffff;
}

a {
    background-color: transparent;
    color: #abb3ac;
    text-decoration: none;
}



.navbar li.active, b, strong {
    font-weight: bolder;
    color: #ffffff;
}



footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0;
    padding: 10px 5px;
    background-color: #e3e3e3;
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/malinki.jpg);
height: auto;
}


 

div.table-section div.inner {
    background-color: black !important;
    padding: 10px !important;
    border: 1px solid #ccc;
} 


div.inner {
    background-color: black !important;
    padding: 10px !important;
    border: 1px solid black;
} 



</style>


<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "ᚠ"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "ᚢ"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "ᛗ"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "ᛟ"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "ᚾ"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "ᛒ"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "ᚷ"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "ᚱ"
   }
</style><div id="profile">
</div><style>
#profile h1:before {
    content: none !important;
    display: none !important;
</style><img src="/proxy/image.php?url=https%3A%2F%2Ffile.garden%2FaAxf3vKPYlDrYcO8%2Fwoahnicelookatthat.png" width="400px" height="307px" style="text-align:center;">

<br>


Look at all those cool people..<style>
html, body, body.profile-page {
    overflow-y: auto !important;
    overflow-x: hidden;
    background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/berries222.jpg);
    background-position-x: center;
    background-size: 450px;
    background-attachment: fixed;
}
  
  p {
    line-height: 1.3;
    color: white;
}
  
  
  </style>





<style>
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 1000vh;
  height: 1000vh;

  background-image: url(https://file.garden/aAxf3vKPYlDrYcO8/sneakingboat.gif);
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
 

  z-index: 999999px;
  pointer-events: none;

  animation: loadingScreen 5s ease forwards;
}

@keyframes loadingScreen {
  0% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
</style>

<style>

#footer-music-bar, .music-bar {
      color: #020726!important;
  font-family: 'h1' !important;
  content: white !important;
  background-color: black  !important;
  }

.music-bar::before { 
display: none !important; }

  #bar-prev.bar-btn, #bar-play.bar-btn, #bar-next.bar-btn{
  background: black !important;
  }
  #bar-play.bar-btn {
    content: none
    height: 30px !important;
  }
 #bar-next.bar-btn {
   content: url(https://file.garden/aAxf3vKPYlDrYcO8/gasmask1.png) !important;
  }
  #bar-prev.bar-btn {
    content: url(https://file.garden/aAxf3vKPYlDrYcO8/gasmask2.png) !important;
  }
  .bar-progress-container {
  background: white !important;
  }
  .bar-info-section, .bar-label-row, .bar-volume, .volume-slider-container, #bar-compact-toggle.bar-btn {
    color: #020726 !important;
    background: black !important;
  }
  #frw-im-button.bar-btn.im-btn {
    font-family: 'h1' !important;
       color:#020726 !important;
    background: black !important; font-family: 'h1' !important;
  }
  .bar-playlist-container {
  background: grey !important;
  content: url(https://file.garden/aAxf3vKPYlDrYcO8/pears.gif)!important;
    height: 20px;
  }
  
</style>