← Back to Layouts
medieval

Name: FriendRewind
Author: FriendRewind
Author: Sorte
Category: Classic
Created: November 15, 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>
.contact {
  background-image: url("https://i.pinimg.com/736x/99/d8/13/99d813e81d8985bebb2a5bce7a527a35.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.url-info {
  background-image: url("https://i.pinimg.com/1200x/21/05/1e/21051e92b3e41ba9d8cc30fd15019a88.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100%; 
}
  .tunes {
  background-image: url("https://i.pinimg.com/736x/8c/49/58/8c49584c6e139a5681b52620750edf40.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}




/* FR_MANUAL_EXTRAS */
</style>
<style>
body{
background-color: COLOR !important;
background-image: url('https://i.pinimg.com/736x/4d/2c/06/4d2c06439086701fbf1d9204e33090b6.jpg') !important;
background-attachment: FIXED !important;
background-repeat: REPEAT !important;
background-position: top left !important; 
</style>

<style>
main{
background-color: #d6d2c5 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>
<style>
.top{
background-color: #ffffff00 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.heading{
background-color: #2A2316 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
h4{
background-color: #2A2316 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.links{
background-color: #ffffff00 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.table-section .heading{
background-color: #2A2316 !important;
background-image: url('PICTURE URL') !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
/* contact icons */
.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 favorite */
content: " "
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a 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 2 group  */
content: " "
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: " "
}   
</style>

<style>

/* PFP Decorative Overlay CANTO */
.profile-pic {
  position: relative;
}

.profile-pic::before {
  content: '';
  position: absolute;
  display: block;

  /* Image link between () */
  background: url(https://i.postimg.cc/zBMY86rt/af01cbdb9b808add12c58bc410dd2026-removebg-preview.png);

  background-size: cover;

  /* Increase number to move image DOWN, decrease number to move image UP (increase negative number) */
  top: -100px;

  /* Increase number to move image LEFT, decrease number to move image RIGHT (increase negative number) */
  right: -700px;

  /* Increasing z-index moves this in FRONT of something, decreasing z-index moves it BEHIND */
  z-index: 50;

  /* Size of image */
  width: 250px;
  height: 440px;
  
}

</style>