Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
poop

Author: batlet
Category: ?
Created: June 24, 2026
Comments (0)

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

<style>
<!-- (c) Layout created by Faoil (https://layouts.spacehey.com/layout?id=83497) -->

<iframe width="1" height="1" src="https://www.youtube.com/embed/9z9sBiFcf6c//?&;amp;;autoplay=1&;loop=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="">
</iframe>
<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</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>
<style>
    main{
    background-image: url('https://i.postimg.cc/sftMNmch/dwdark.png') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: cover !important;
    background-opacity: 80%;
    margin: 0px 15px 15px 15px !important;
    margin-color: white;
    }
</style>

<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</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>

<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</style>
<style>

    body{
        
    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;
    background-attachment: fixed !important;
    
    background-position: center !important;      
    background-size: 1800px;  
    }


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>
<style>
             ::-webkit-scrollbar {
    width: 1px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(165, 202, 144, 1);
    }

    ::-webkit-scrollbar-track {
    background: rgba(233, 208, 191, 1);
    }
</style>
<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>
<style>
    .contact .heading, .table-section .heading, .blog-preview h4, .blurbs .heading, .friends .heading{
        
    background-color: rgba(82, 69, 58, 1) !important;

    }
</style>
<style>
    .profile-info{
        
    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;       
    }
</style>

<style>
    .blurbs, .friends-grid, .contact{
        
    background-color: rgba(82, 69, 58, 0.5);
    border-radius: 12px 12px 12px 12px;

    }
</style>
<style>
	.logo {
      
      content:url(https://i.postimg.cc/bYTfz3n4/moth-logo.png)
}
</style>
<style>

.table-section td{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/1200px-HD_transparent_picture.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
h4{
color: white;
}
.table-section, .url-info, .contact{
border: transparent !important;
}
   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color: white !important;

 }
 table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color: white !important;

 }

   .whitetext12, .orangetext15 {

  color: white !important;

 }
h4{
color: white !important;
}
a{
  color:rgb(148, 147, 142) !important;
}
.top{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.postimg.cc/sftMNmch/dwdark.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
.links{
background-color: rgba(82, 69, 58, 0.5) !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
footer{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.postimg.cc/sftMNmch/dwdark.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
}
</style>

<style>* {cursor: url(https://o.remove.bg/downloads/784edfd2-2198-44ce-8ee0-f7a0bd3cdf7e/Screenshot_2023-08-29_at_1.30.43_PM-removebg-preview.png) </style>

<style>
    .comments-table td
        
    background-image: url('https://i.pinimg.com/564x/24/96/4c/24964c4776d90a54613d61067ee2645d.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
        </style>

<style>
     :root {
        --logo-blue: #;
        --darker-blue: #4D4C3C;
        --lighter-blue: #4D4C3C ;
        --even-lighter-blue: #;
        --lightest-blue: #4D4C3C ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #4D4C3C;

       <style>
body, body * {
    cursor: url('https://www.rw-designer.com/cursor-image/226692-32x32.png'), auto;
}
       <!-- (c) Layout created by ☁️ ˗ˋ Nero ˊ˗ 🦴 !! ᐢ..ᐢ ꒱ ‧₊˚ (https://layouts.spacehey.com/layout?id=107373) -->

<style>

.general-about img {-webkit-mask-image: url(https://i.postimg.cc/rwhkspKL/911-sin-t-tulo-20240530173336.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>


<style>.profile-playlist-widget { background: rgba(20, 32, 24, 0.85) !important; border: 1px solid #3c5a44 !important; }
.profile-playlist-widget h3 { color: #c9e8d2 !important; }
.profile-playlist-widget .song-info { color: #e8f3ec !important; }
.profile-playlist-widget li.current .song-info { color: #86bda1 !important; }
.profile-playlist-widget li.played .song-info { color: #6c7f72 !important; }
.pp-equalizer span { background: #eb7a32 !important; } </style>

<style>/* Chunky Retro Scrollbar */
body.profile-page::-webkit-scrollbar { width: 16px !important; }
body.profile-page::-webkit-scrollbar-track { background: #1a1a2e !important; border: 1px solid #000 !important; }
body.profile-page::-webkit-scrollbar-thumb {
    background: #eb7a32 !important;
    border: 2px outset #ffb27d !important;
}
body.profile-page::-webkit-scrollbar-thumb:hover { background: #ff8c42 !important; }
/* Firefox fallback */
body.profile-page { scrollbar-color: #eb7a32 #1a1a2e !important; scrollbar-width: auto !important; }</style></style>