← Back to Layouts
MJ layout 4 nthmrnthls

Name: FriendRewind
Author: FriendRewind
Author: savvluvsllamas__
Category: Classic
Created: September 20, 2026
if you use this are you ARENT my friend youre getting smited
See Layout
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":"Playfair Display","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://assets.wfcdn.com/im/88039057/resize-h600-w600%5Ecompr-r85/3268/326858505/Hruni+Self-Adhesive+Wallpaper+Double+Roll.jpg","pageBgMode":"tile","heroImageUrl":"https://i.pinimg.com/1200x/e4/f8/8f/e4f88f0888a28a8b50da95dc04fc6c77.jpg","profileRowBgImage":"https://i.pinimg.com/1200x/6e/7c/04/6e7c0403a874cf11c990460e610c11f0.jpg","profileRowBgMode":"tile","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#9468b1","navLinkHover":"#ffffff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#000000","contactHeaderText":"#725997","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":1,"contactBoxAnimation":"","interestsHeaderBg":"#000000","interestsHeaderText":"#725997","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":1,"contentBoxAnimation":"","textBody":"#f0a9fe","textHeading":"#000000","textLink":"#44355a","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg","urlInfo":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg","tableSection":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg","tunes":"","blogPreview":"","blurbs":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg","friends":"","Comments Background":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg","comments":"https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg"}} */
/* Generated by FriendRewind.com Visual Builder */

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

body, body.profile-page {
  background-image: url("https://assets.wfcdn.com/im/88039057/resize-h600-w600%5Ecompr-r85/3268/326858505/Hruni+Self-Adhesive+Wallpaper+Double+Roll.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  color: #f0a9fe !important;
  font-family: 'Playfair Display', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/1200x/e4/f8/8f/e4f88f0888a28a8b50da95dc04fc6c77.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://i.pinimg.com/1200x/6e/7c/04/6e7c0403a874cf11c990460e610c11f0.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background: #000000;
}

.myspace-header .main-nav-wrapper {
  background: #000000;
}

.myspace-header .main-nav li a {
  color: #9468b1;
}

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

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

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

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

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

.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests {
  color: #f0a9fe !important;
}

a, .profile a, .table-section a, .module a { color: #44355a !important; }

.contact, .url-info, .table-section, .blurbs, #comments, .comments-table td {
  background-image: url("https://i.pinimg.com/736x/04/01/6f/04016fe8cf645639efa905e543b9727f.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>
Body{
  cursor: url('https://cdn.cursors-4u.net/previews/guitar-97faadf2-32.webp') 32 32, auto !important;
}
</style>
<style>
.contact img.icon {
display: none;
}

.contact{background-color: !important;}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{
/* add to friends */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/77a73fd51f82fd38a08bb3cd00d5b9dd/tumblr_inline_mjpod7G1oI1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{
/* add to favorites */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/1b3cda4564240c7b03a4773f4a36e054/tumblr_inline_mjpodgcbgd1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
/* send message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/998eeb10c90b83d7f823681cdcc39653/tumblr_inline_owb47liIoH1rhwzwl_75sq.png');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
/* forward to friend */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image:url('http://i795.photobucket.com/albums/yy232/PixKaruumi/Pixels%202/Pixels%2002/th_thneko.gif') ;
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
/* instant message */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/1b3cda4564240c7b03a4773f4a36e054/tumblr_inline_mjpodgcbgd1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('https://64.media.tumblr.com/08ba664831885e4fd9643607f9ef9476/tumblr_inline_mjpod8F96u1qz4rgp.gif');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('ADD IMAGE URL HERE');
background-size: 100% 100%;
}


</style>
<style>
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/72/ca/a8/72caa8a88a7b068d25c37d1b6432b0e9.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 6s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
<style>
.myspace-header .nav-logo {
  content: url('https://friendrewind.com/media/chat_media/chat_15792_665c4fec2298be045463948f.png');
  width: 180px;
  height: auto;
}
</style>
<style>
.profile #comments,
.profile .friends#comments {
  max-height: 100px !important;
  overflow: hidden !important;
  transition: max-height .4s ease !important;
}

.profile #comments:hover,
.profile .friends#comments:hover {
  max-height: 600px !important;
  overflow-y: auto !important;
}
</style>
<style>

/* Remove the search bar and its empty container */

nav .top form,
nav form[action*="search"],
nav .search,
nav .searchbar,
nav .top .center:has(form[action*="search"]),
nav .top .center:has(input[type="search"]) {
  display: none !important;
}
</style>
<style>
/* Remove all navigation link dividers */

body.profile-page nav#nav .links li::after,
body.profile-page nav#nav .links li:not(:last-child)::after {
  content: "" !important;
  display: none !important;
}

body.profile-page nav#nav .links li,
body.profile-page nav#nav .links a {
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
</style>