← Back to Layouts
hi

Name: FriendRewind
Author: FriendRewind
Author: ꒰ ᴗ͈ ݂ ᴗ͈꒱ cherub
Category: :D
Created: August 14, 2026
yyayyyyy
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":"frame15","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 */

.profile-pic{position:relative;width:180px;height:180px;display:inline-block;overflow:hidden;}
.profile-pic img{position:absolute;top:8%!important;left:8%!important;width:84%!important;height:84%!important;object-fit:cover;z-index:1;border-radius:12px!important;}
.profile-pic::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://friendrewind.com/uploads/gallery/1/img_69704519b50fc4.31830499.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}
</style><style>


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


/* FR_MANUAL_EXTRAS */
/* =========================================
   ♡ PINK PROFILE ♡
   ========================================= */


/* =========================================
   PAGE BACKGROUND
   ========================================= */

body {
  margin: 0 !important;

  background-color: #fff0f7 !important;

  background-image:
    url("https://cdn.imageurlgenerator.com/uploads/d4dde99b-5d80-44d8-be94-c698ae4c0991.gif") !important;

  background-repeat: repeat !important;

  background-size: 300px 300px !important;

  background-attachment: fixed !important;

  color: #70445b !important;
}


/* =========================================
   MAIN PROFILE
   ========================================= */

/*
   No decorative image is being used as the
   profile background anymore.
*/

.profile {
  position: relative !important;

  width: 100% !important;

  background-color: rgba(255,248,252,.92) !important;

  border: 0 !important;

  border-radius: 20px !important;

  padding: 15px !important;

  box-shadow:
    0 8px 30px rgba(170,80,120,.20) !important;

  overflow: hidden !important;
}


/* =========================================
   GIF HEADER
   ========================================= */

.profile::before {

  content: "";

  display: block;

  width: 100%;

  height: 210px;

  margin-bottom: 18px;

  background-image:
    url("https://cdn.imageurlgenerator.com/uploads/a993a111-82c9-4ba7-9843-4286a0b02950.gif");

  background-size: cover;

  background-position: center;

  border: 4px solid #ffffff;

  border-radius: 16px;

  box-shadow:
    0 4px 15px rgba(170,80,120,.18);

  position: relative;

  z-index: 2;
}


/* =========================================
   PROFILE PHOTO
   ========================================= */

.profile .profile-pic {

  content:
    url("https://cdn.phototourl.com/free/2026-08-14-ece0d0dd-8c04-45b2-986d-98ce23ab5a7f.jpg") !important;

  width: 150px !important;

  height: 150px !important;

  object-fit: cover !important;

  border-radius: 50% !important;

  border: 6px solid white !important;

  box-shadow:
    0 4px 18px rgba(150,70,110,.25) !important;
}


/* =========================================
   PROFILE SECTIONS
   ========================================= */

.profile .contact,
.profile .blurbs,
.profile .friends,
.profile .comments-table,
.profile .url-info,
.profile .table-section {

  background: rgba(255,255,255,.72) !important;

  border: 0 !important;

  border-radius: 12px !important;

  box-shadow: none !important;

  margin: 10px 0 !important;

  padding: 10px !important;

  overflow: visible !important;
}


/* =========================================
   TEXT
   ========================================= */

.profile p,
.profile td,
.profile th {

  color: #70445b !important;

  line-height: 1.6 !important;
}


/* =========================================
   HEADINGS
   ========================================= */

.profile .heading,
.profile .section-title {

  background: #efaac9 !important;

  color: #ffffff !important;

  border: 2px solid #ffffff !important;

  border-radius: 12px !important;

  padding: 9px 12px !important;

  margin: 0 0 8px 0 !important;

  text-align: center !important;

  font-weight: bold !important;

  text-shadow:
    1px 1px #c77b9d !important;
}


/* =========================================
   PROFILE NAME
   ========================================= */

.profile h1 {

  color: #c15f91 !important;

  text-shadow:
    1px 1px #ffffff !important;
}


/* =========================================
   LINKS
   ========================================= */

.profile a {

  color: #a84f7e !important;

  text-decoration: none !important;
}

.profile a:hover {

  color: #df78a8 !important;

  text-decoration: underline !important;
}


/* =========================================
   TABLES
   ========================================= */

.profile table {

  width: 100% !important;

  background: rgba(255,255,255,.65) !important;

  border-collapse: collapse !important;

  border: 0 !important;
}

.profile td,
.profile th {

  border: 0 !important;

  padding: 7px !important;
}


/* =========================================
   NAVIGATION
   ========================================= */

nav,
.profile nav {

  background: #efaac9 !important;

  border: 2px solid #ffffff !important;

  border-radius: 14px !important;

  padding: 6px !important;
}

nav a,
.profile nav a {

  color: #ffffff !important;
}


/* =========================================
   CONTACT IMAGE
   ========================================= */

.profile .contact::after {

  content: "";

  display: block;

  width: 100%;

  height: 110px;

  margin-top: 12px;

  background-image:
    url("https://cdn.phototourl.com/free/2026-08-14-963b3efe-6230-4567-8bde-6891693832df.jpg");

  background-size: cover;

  background-position: center;

  border: 3px solid white;

  border-radius: 12px;
}


/* =========================================
   ♡ ANIME GIRL — COMMENTS SECTION ♡
   ========================================= */

.profile .comments-table::after {

  content: "";

  display: block;

  width: 100%;

  height: 180px;

  margin-top: 15px;

  background-image:
    url("https://cdn.phototourl.com/free/2026-08-14-69f4f5c3-3544-443e-81ce-0075295650b3.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  border: 3px solid #ffffff;

  border-radius: 12px;

  box-shadow:
    0 4px 12px rgba(170,80,120,.12);
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 600px) {

  .profile {

    padding: 9px !important;

  }

  .profile::before {

    height: 150px;

  }

  .profile .profile-pic {

    width: 120px !important;

    height: 120px !important;

  }

  .profile .comments-table::after {

    height: 140px;

  }

}
</style>