← Back to Layouts
plswork

Name: FriendRewind
Author: FriendRewind
Author: selfishly_h0llow
Category: :D
Created: August 19, 2026
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"https://files.catbox.moe/42ykvr.cur","overlayUrl":"","overlayOpacity":0.25,"avatarAnimation":"","pageFont":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#700f0f","navBgImage":"https://i.ibb.co/84SzmFVR/real-eyes-texture.png","navBgMode":"tile","navLinkColor":"#ffffff","navLinkHover":"#000000","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#000000","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#000000","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#000000","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');

* { cursor: url(https://files.catbox.moe/42ykvr.cur), auto !important; }

body, body.profile-page {
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

.myspace-header .top-nav {
  background: #700f0f;
  background-image: url("https://i.ibb.co/84SzmFVR/real-eyes-texture.png");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #700f0f;
  background-image: url("https://i.ibb.co/84SzmFVR/real-eyes-texture.png");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav li a:hover {
  color: #000000;
}

.contact {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

.table-section, .friends, .blurbs, .module, .profileInfo {
    border: 1px solid #000000 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

a, .profile a, .table-section a, .module a { color: #000000 !important; }
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
  body { 
    background-image: url('https://i.pinimg.com/1200x/ad/df/c4/addfc4cdfdc2d917b6449fc09ca48bcf.jpg'); 
    background-size: 100%; 
    background-attachment: fixed; 
    background-repeat: no-repeat;
    background-position: center;
  }

  
  /* Direct override for the FriendRewind bio text section */
.profileInfo, .profileInfo *, .blurbs, .blurbs * {
    font-family: "Book Antiqua", Palatino, Georgia, serif !important;
}

  
  main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://files.catbox.moe/0vvs4x.jpeg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  
  .profile {
  background-image: url("https://i.ibb.co/84SzmFVR/real-eyes-texture.png") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}
  
#bg-image.image-background{
	display:none; /* hides default image */
}
/* Color and Font */
a, .count{
    color: silver;
    font-family: "PT Sans", sans-serif;
    font-size: 12px!important;
}
.icon{
    font-size: 10px!important;
}
.main-nav-wrapper.links a{
    color:silver!important;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
footer nav a{
    color:silver!important;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
b, p, .blurbs{
    color:dimgray;
    font-family: "PT Sans", sans-serif;
    font-size: 12px;
}
h1{
    color: silver;
    font-family: "PT Sans", sans-serif;
    font-size: 20px!important;
}
h2, h3, h4{
    color: silver;
    font-family: "PT Sans", sans-serif;
    font-size: 14px!important;
}
.heading{
    background-color:transparent!important;
}
button{
    font-family: "PT Sans", sans-serif;
    background-color: black;
    border:1px solid dimgray;
    border-radius: 3px;
    color: dimgray;
}
/* Navigation Section */
#top.myspace-header { 
    /* Empty rule - keep or remove if not needed */
}

.myspace-header .top-nav { 
    background: #000000 !important; 
    background-image: url('https://i.ibb.co/84SzmFVR/real-eyes-texture.png') !important; 
    background-repeat: repeat; 
    background-size: auto; 
    background-position: center; 
} 

.myspace-header .main-nav-wrapper { 
    /* Links Section */ 
    background-image: none; 
    border: 1px solid #000000; 
} 

.myspace-header .main-nav li a { 
    border-right: 1px solid #000000; 
} 

/* Search Section */ 
.myspace-header .search-input { 
    /* Search Bar */ 
    background: rgba(0, 0, 0, 0.4); 
    border: 2px solid #000000; 
    color: #c0c0c0; /* silver */
    font-family: 'Domine', serif; 
} 

.myspace-header .search-button { 
    /* Search Button */ 
    background: rgba(0, 0, 0, 0.4) !important; 
    border: 2px solid #000000; 
    color: #696969; /* dimgray */
    font-weight: 100; /* Fixed: '1' is invalid, standard thin weight is 100 */
    text-shadow: none; 
    font-family: 'Domine', serif; 
}






	/* main section */
main {
    background-color:transparent!important;
}
	/* name section */
span[itemprop="name"] h1{ 
    background-image: url('https://i.pinimg.com/1200x/05/f0/15/05f015dff787302ecba0b1711b63e4a3.jpg');
    background-size: 100%;
    border:5px solid black;
    padding:10px;
    margin-bottom:10px!important;
}
#top.myspace-header, .general-about, .profile-mood, .mood, .table-section.interests, .table-section.photos-preview, .table-section.videos-preview, .blurbs, .friends, .table-section.mutual-friends-section, .blog-preview{
    background-image: url('https://i.pinimg.com/736x/66/3b/22/663b229fe3a3cf8c5598dfca65844c80.jpg');
       
    background-size: cover;
    border:5px solid black;
}
.general-about{
        padding: 20px;
}
.general-about .profile-pic {
    box-shadow: 0px 0px 10px black;
}
.online{
    text-align: center;
}
	/* mood section */
.profile-mood{ /* status section */
    padding: 5px;
}
.profile-playlist-widget h3{
    color:silver!important;
}
.profile-playlist-widget li.current {
    background-color: rgba(255, 255, 255, 0.1)!important;
    color: white !important;
    font-weight: bold;
}
.pp-equalizer span {
    background: lightslategray!important;
}
.profile-playlist-widget li.current .song-info {
    color: white!important;
}
    /* view my: blog */
.mood{
    padding-left:5px;
    padding-top: 5px;
}

.contact, .url-info{
    background-image: url('https://i.pinimg.com/1200x/05/f0/15/05f015dff787302ecba0b1711b63e4a3.jpg');
    background-size: 100%;
    border:5px solid black!important;
}

.details-table td{
    background-color: rgba(0,0,0,0.5)!important;
    border:5px solid black;
}
	/* right side of profile */
.table-section.mutual-friends-section{ /* mutual friends section */
}
.table-section.mutual-friends-section h4{
    color:silver;
}
a.mutual-friend-chip{ /* friends bubble */
    background: 
    linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%),
    linear-gradient(135deg, #2c2c2c 0%, #000000 100%);
    box-shadow: 
    inset 0 1px 1px rgba(255, 255, 255, 0.2), 
    0 10px 20px rgba(0, 0, 0, 0.4);
    border:none;
    border-radius: 3px;
    color:silver;
}
a.mutual-friend-chip:hover{
    background-color: black;
    color:silver;
}
.table-section.photos-preview .inner img{
    min-height: 100%;
    box-shadow: 0px 0px 10px black;
}
.table-section.videos-preview{ /* videos section */
}
.pf-video-thumb-wrap{
    box-shadow: 0px 0px 10px black;
}
.blog-preview{
    padding: 5px;
}
.blog-preview h4{
    margin: 0px;
}
#top8-grid .person p {
    color: silver;
}
.badge-widget-modal-content{
    background-color: black;
}
.badge-widget-modal-content p{
	color:gray!important;
}
.badges-widget .badge-label{
    color:silver;
}
#badge-widget-modal-tier{
	color:silver!important;
}
.badge-widget-modal-content img {
    background: #131314;
}
.badge-widget-modal-content .badge-widget-modal-close {
    color: white!important;
}
 .badge-widget-modal-content .badge-widget-modal-close:hover{
    color:green!important;
}
.comments-table{
    border-spacing: 0px 5px;
    border:none;
}
.comments-table td{
    background-color: rgba(0,0,0,0.5)!important;
    border:5px solid black;
}
#comments.friends{
    border: 5px solid black;
    margin-top:10px;
}
.cb-like-btn{
    border:none!important;
}
.comment-replies{
    border:1px solid dimgray;
    border-radius: 3px;
}
	/* footer section */
footer{
    background-color: rgba(0,0,0,0.5);
    border:5px solid black;
}
footer .links{
    background-color: transparent;
}
footer .links a{
    text-shadow: none;
}
	/* music bar */
#footer-music-bar.music-bar{
	background-color:black!important; /* music bar background */
}
.music-bar::before{ /* the glass skin */
	background-image: url('https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGYtbWlzY3RleHR1cmUwMS10b25nLTAyNS1leWUtMDFfMS5qcGc.jpg')!important;
	background-size: 40%!important;
}
.music-bar .bar-btn{ /* buttons */
	color:silver!important;
	background-color:black!important;
	border:1px solid black!important;
}
.bar-info-section{ /* song details section */
    background-color: rgba(0,0,0,0.4);
    border-radius: 5px;
}
/* now playing */
.bar-now-playing {
    color:LightSlateGray!important;
}
/* song title */
.music-bar .bar-title{
    color:white!important;
}
/* song length and seconds playing */
.bar-time-display, .bar-time-total {
    color:linen!important;
}
/* bar color */
.bar-progress{
}
.bar-progress-fill{
    background: DimGray!important;
}
/* windows logo */
.music-bar .bar-btn.playlist-btn{
    filter: grayscale(100%) contrast(200%);
}
.volume-slider{
    background: dimgray!important;
}
/* IM Messenger */
.bar-im-container{
	border-left:;
} 
#frw-im-button{
	background-color:black!important;
}
.person-icon-glossy{ /* IM person */
}
.messenger-label { /* IM messenger title */
}

  body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/85/a4/7f/85a47fbaaff60ad46f2c3b48c3dcd478.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
  
  body {
    cursor: url('https://files.catbox.moe/42ykvr.cur'), auto;
}
#vinyl-gallery * { 
  all: unset; 
  box-sizing: border-box;
} 
#vinyl-gallery { 
  width: 100% !important; 
  height: 250px !important; 
  margin: 20px 0 !important; 
  display: flex !important; 
  flex-direction: row !important; 
  position: relative !important; 
  overflow-x: auto !important; 
  overflow-y: hidden !important;
  white-space: nowrap !important;
  padding-bottom: 20px !important;
} 
#vinyl-gallery .vinyl { 
  all: unset !important; 
  perspective: 500px !important; 
  width: 25px !important; 
  transition: width 0.5s !important; 
  display: inline-block !important; 
  position: relative !important;
  flex-shrink: 0 !important;
} 
#vinyl-gallery .vinyl:hover { 
  width: 190px !important; 
} 
#vinyl-gallery img { 
  all: unset !important; 
  transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s !important; 
  width: 180px !important; 
  height: 180px !important; 
  transform: rotateX(0deg) rotateY(25deg) !important; 
  transform-style: preserve-3d !important; 
  border-radius: 4px !important; 
  border: 2px solid rgba(0, 0, 0, 0.1) !important; 
  object-fit: cover !important; 
  display: block !important; 
} 
#vinyl-gallery .vinyl:hover img { 
  transform: rotateX(0deg) rotateY(10deg) !important; 
  width: 188px !important; 
  height: 188px !important; 
  margin-top: -2px !important; 
} 
#vinyl-gallery .title { 
  color: #FFFFFF; 
  display: block; 
  visibility: hidden; 
  position: absolute; 
  bottom: -25px; 
  left: 0;
  text-align: left; 
  width: 250px; 
  font-family: sans-serif; 
  font-size: 11px;
  white-space: normal;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  z-index: 10;
} 
#vinyl-gallery .vinyl:hover .title { 
  visibility: visible; 
}
</style>
</style>
<style>

</style><img class="screen-sticker top-right" src="/proxy/image.php?url=https%3A%2F%2Fgloomy-poison.neocities.org%2Fspooky_graphics%2Fdancing-bat.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 120px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
</style>

<style>

</style><img class="screen-sticker bottom-right" src="/proxy/image.php?url=https%3A%2F%2Fgraphics-hoard.neocities.org%2FImages%2Fpngs%2Fcandles.png"><style>
.screen-sticker {
  position: fixed !important;
  width: 120px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
  
  <style>

</style><img class="screen-sticker bottom-left" src="/proxy/image.php?url=https%3A%2F%2Fgloomy-poison.neocities.org%2Fdreamcore_graphics%2Fwalkingeyedivider.gif"><style>
.screen-sticker {
  position: fixed !important;
  width: 150px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
  <style>

<style>

</style><img class="screen-sticker top-left" src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F2f44388d8b894b0d4d665fb93f05ea38%2F114aa9fc658dee21-ff%2Fs400x600%2Fb7d3693b9f7088579a28bb20f58f363445cd73c8.gifv"><style>
.screen-sticker {
  position: fixed !important;
  width: 120px !important;
  height: auto !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}

/* Choose one position */
.top-left {
  top: 10px !important;
  left: 10px !important;
}

.top-right {
  top: 10px !important;
  right: 10px !important;
}

.bottom-left {
  bottom: 10px !important;
  left: 10px !important;
}

.bottom-right {
  bottom: 10px !important;
  right: 10px !important;
}
  
<style>

</style>

<style>
html:before {
content: " ";
display: block; position: fixed;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.16) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
  .myspace-header .top-nav, 
.myspace-header .main-nav-wrapper {
    background: url("YOUR_RED_TEXTURE_URL_HERE") repeat center !important;
}
</style>
</style></style></style></style></style>