← Back to Layouts
yghb

Name: FriendRewind
Author: FriendRewind
Author: Kyler Spencer
Category: Classic
Created: October 6, 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>


/* FR_MANUAL_EXTRAS */
</style>
<style>
    @font-face {
    font-family: 'basiic';
    src: url(https://files.catbox.moe/jtvuhg.ttf);

}

.container, main, body, .logout-btn, *, p, a{
text-transform: lowercase!important;
font-family: 'basiic';
color: #A90019!important;
text-style: bold;

}

</style>


<style>
.blurbs, .table-section .inner, nav .links{
text-align: center;

}

nav .top {
    height: 65px;
}

nav .top .center form {
    position: relative;
    bottom: 5px!important;
}

nav .top .left .logo {
    height: 38px!important;
    width: 38px!important;
    bottom: 4px;
    right: 5px;
    position: relative!important;
    content: url(https://i.imgur.com/3bxZ8vC.png)!important;
}

nav .links {
    text-align: center;
    position: relative;
    background: transparent;
    bottom: 25px!important;
height: 30px;

}

nav{
margin-bottom: 0px;

}

</style>
<style>

.profile{
direction: ltr;

}

.blurbs, .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
direction: ltr;

}

</style>





<style>
.friends-grid::before{
	width: 900px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;
}
.friends {
border: none;
    overflow: hidden;
}

.friends-grid {
  position: relative;
}

.friends-grid {
	display: flex;
	flex-wrap: nowrap;
}
</style>

<style>
.container, footer{
background-color: #360008;

}

</style>

<style>
.online{
content: url('https://blob.gifcities.org/gifcities/AORBFBJHHWNKE4YDCRZJHQSJZ3XZYBRO.gif');
float: left;

}

</style>

<style>
nav .top, nav .links, .logout-btn, nav a{
background-color: #360008;
color: #A90019!important;

}

nav .links a, nav .links li .special a{
    text-shadow: none;

}

a:hover{
text-decoration: none;

}

</style>

<style>
:root {
--logo-blue: transparent;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent!important;
--dark-orange: black!important;
--light-orange: transparent;
--even-lighter-orange: transparent;

}

.table-section .inner{
margin-bottom: 0px;
margin-top: 20px!important;
overflow-y: auto;

}

.contact{
margin-top: 20px!important;

}

</style>

<style>
.container{
margin-top: 24px;

}

.friends:not(#comments) img{
transform: scale(0.7);

}

</style>

<style>
main{
background-color: #360008;

}

body{
background: black;

}

</style>

<style>
.row.profile .col.w-40.left{
background: black;
background: linear-gradient(180deg, black 50%, #360008 70%); 
margin-top: 0px!important;
position: relative;
bottom: 6px!important;

}

.general-about{
height: 154px;
margin-bottom: 0px;

}

.details{
padding: 12px;

}

</style>

<style>
.profile-pic, .profile-pic img{
padding: 12px!important;

}

</style>

<style>
nav .top, nav .links, nav a, .logout-btn{
background-color: black;

}

main{
margin-top: 0px;
position: relative;
bottom: 25px!important;

}

</style>

<style>
.comments-table td, .comments-table{
border: transparent;

}

</style>

<style>
.blurbs, .friends:not(#comments), .comments-table{
background: black;
border-radius: 10px;

}

</style>

<style>
button{
background-color: black;
color: white;
text-style: italic;
border: transparent;
border-radius: 2px;

}

</style>

<style>
.col.right{
position: relative;
bottom: 10px!important;

}

</style>

<style>
.blurbs .inner{
padding: 8px;

}

.friends:not(#comments){
margin-bottom: 5px;

}

</style>

<style>
.comment-replies, .comment-reply{
border: transparent;

}

</style>



<style>

.contact .inner{
text-align: center;

}


FOOTER > UL.links {
display: none;

}

FOOTER > P:nth-child(1) {
display: none;

}

FOOTER > P:nth-child(2) {
display: none;

}

P.copyright {
display: none;

}

footer {
height: 5px;
background-color: transparent;
background-position: center;
margin-top: -10px;

}

a:hover, a:active, a:visited, nav .links a:hover {
text-decoration: none;
text-style: italic;

}

</style>