← Back to Layouts
rui rui rui

Name: FriendRewind
Author: FriendRewind
Author: N1NE4METRO
Category: Colorful
Created: September 11, 2026
Made this for my bestfriend :p
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":"frame36","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://preview.redd.it/rui-card-edit-v0-rywh3i21m43f1.png?width=1080&crop=smart&auto=webp&s=1d714ce6062a7cb84d73065ce73977a6b2f369be","pageBgMode":"cover","heroImageUrl":"https://i.redd.it/curated-clips-from-the-anniversary-mv-gunjou-sanka-great-v0-w7e9lupemwq91.gif?width=1013&auto=webp&s=327b6d5982755a9cc0f6cd6612edaf1de310e0fa","profileRowBgImage":"https://preview.colorkit.co/color/cbc3e3.png?size=vertical-wallpaper&static=true","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"https://preview.redd.it/day-16-what-is-your-favorite-rui-4-v0-wqxd6w7igske1.png?width=2520&format=png&auto=webp&s=cec8e3cbca66d89298b03974ec12a918288b28dd","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#c79ef0","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#d0aae9","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#d494ff","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":"https://i.redd.it/rui5-card-redraw-v0-zycnd85vqubf1.jpg?width=2520&format=pjpg&auto=webp&s=30ac60df1e58ec21ddca8841c41a297134504a2f","urlInfo":"https://i.redd.it/db7q32k9ncrf1.jpeg","tableSection":"https://i.redd.it/dsdf2zn8deuf1.png","tunes":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQPQDCr0sAY4t8a7ne6L8RBHoMsEIf5tPFl3YvTzLU--lfLdciU6a2KbOq_&s=10","blogPreview":"https://upload-os-bbs.hoyolab.com/upload/2024/04/05/315216685/8323cf4b4a1ac49177ec4b990dce2a08_5384926479752367634.png","blurbs":"https://i.redd.it/n9251ki2fske1.png","friends":"https://i.redd.it/odg06l2okuke1.jpeg","Comments Background":"https://preview.redd.it/day-16-what-is-your-favorite-rui-4-v0-pksbc553nuke1.png?width=2048&format=png&auto=webp&s=ed0991590ffb666ef2d1a26598f6d035ea4ad108","comments":"https://static.wikia.nocookie.net/projectsekai/images/1/18/Happy_Birthday%21%21_2024_%28Rui%29.png/revision/latest?cb=20240623150002"}} */
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://preview.redd.it/rui-card-edit-v0-rywh3i21m43f1.png?width=1080&crop=smart&auto=webp&s=1d714ce6062a7cb84d73065ce73977a6b2f369be") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
}

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

.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_69704c9cd21a47.02288483.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:2;}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.redd.it/curated-clips-from-the-anniversary-mv-gunjou-sanka-great-v0-w7e9lupemwq91.gif?width=1013&auto=webp&s=327b6d5982755a9cc0f6cd6612edaf1de310e0fa') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://preview.colorkit.co/color/cbc3e3.png?size=vertical-wallpaper&static=true") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

.myspace-header .top-nav {
  background-image: url("https://preview.redd.it/day-16-what-is-your-favorite-rui-4-v0-wqxd6w7igske1.png?width=2520&format=png&auto=webp&s=cec8e3cbca66d89298b03974ec12a918288b28dd");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background-image: url("https://preview.redd.it/day-16-what-is-your-favorite-rui-4-v0-wqxd6w7igske1.png?width=2520&format=png&auto=webp&s=cec8e3cbca66d89298b03974ec12a918288b28dd");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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

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

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

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

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

.contact {
  background-image: url("https://i.redd.it/rui5-card-redraw-v0-zycnd85vqubf1.jpg?width=2520&format=pjpg&auto=webp&s=30ac60df1e58ec21ddca8841c41a297134504a2f") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.url-info {
  background-image: url("https://i.redd.it/db7q32k9ncrf1.jpeg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.table-section {
  background-image: url("https://i.redd.it/dsdf2zn8deuf1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.tunes {
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQPQDCr0sAY4t8a7ne6L8RBHoMsEIf5tPFl3YvTzLU--lfLdciU6a2KbOq_&s=10") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blog-preview {
  background-image: url("https://upload-os-bbs.hoyolab.com/upload/2024/04/05/315216685/8323cf4b4a1ac49177ec4b990dce2a08_5384926479752367634.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.blurbs {
  background-image: url("https://i.redd.it/n9251ki2fske1.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends {
  background-image: url("https://i.redd.it/odg06l2okuke1.jpeg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#comments {
  background-image: url("https://preview.redd.it/day-16-what-is-your-favorite-rui-4-v0-pksbc553nuke1.png?width=2048&format=png&auto=webp&s=ed0991590ffb666ef2d1a26598f6d035ea4ad108") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://static.wikia.nocookie.net/projectsekai/images/1/18/Happy_Birthday%21%21_2024_%28Rui%29.png/revision/latest?cb=20240623150002") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


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


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


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


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


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


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


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


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


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


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

</style>

<style>
  @keyframes hoppy {
    20% {bottom:45px;}
    to {bottom:40px;}
  }
  .hoppy-pagedoll {
    width:150px;height:300px;
    position:fixed;bottom:40px;right:5px;
    background-size:contain;background-repeat:no-repeat;background-position:center;
    background-image:url("file:///C:/Users/768895/Downloads/screencapture-1789134946.534.png");
    }
  .hoppy-pagedoll:hover {background-image:url("file:///C:/Users/768895/Downloads/animated.gif");animation: hoppy 0.3s;}
</style>