← Back to Layouts
test ig

Name: FriendRewind
Author: FriendRewind
Author: stellaonfire
Category: Classic
Created: October 4, 2026
test
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":"https://media.discordapp.net/attachments/1427506946419982470/1556151089785610240/image.png?backend=b2&ex=6ac31e23&is=6ac1cca3&hm=5cac7c62ce25c54ca6688d8bea067ceedbc823b0e8f7a417724b8e50020e1a2e&=&format=webp&quality=lossless","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/1200x/43/f4/3d/43f43dca74048fb04996040b8e03a075.jpg","profileRowBgImage":"https://media.discordapp.net/attachments/1427506946419982470/1555487241290125312/image.png?backend=b2&ex=6ac2ae21&is=6ac15ca1&hm=7d1fc542c7ecd869cb9ca698f4c009c901ca134af6345c12ea97129a047b9762&=&format=webp&quality=lossless&width=580&height=1024","profileRowBgMode":"cover","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#000000","navLinkHover":"#ba66ff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#754f9c","contactHeaderText":"#000000","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#7652a3","interestsHeaderText":"#000000","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 */

body, body.profile-page {
  background-image: url("https://media.discordapp.net/attachments/1427506946419982470/1556151089785610240/image.png?backend=b2&ex=6ac31e23&is=6ac1cca3&hm=5cac7c62ce25c54ca6688d8bea067ceedbc823b0e8f7a417724b8e50020e1a2e&=&format=webp&quality=lossless") !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;
  }
}

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;
    background-image: url('https://i.pinimg.com/1200x/43/f4/3d/43f43dca74048fb04996040b8e03a075.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.profile {
  background-image: url("https://media.discordapp.net/attachments/1427506946419982470/1555487241290125312/image.png?backend=b2&ex=6ac2ae21&is=6ac15ca1&hm=7d1fc542c7ecd869cb9ca698f4c009c901ca134af6345c12ea97129a047b9762&=&format=webp&quality=lossless&width=580&height=1024") !important;
  background-repeat: no-repeat !important;
  background-size: cover !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: #000000;
}

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

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

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

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

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #7652a3 !important;
    color: #000000 !important;
  }
</style><style>


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


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

@import url('https://fonts.googleapis.com/css2?family=Joti+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.table-section.photos-preview .inner p i, .table-section.videos-preview .inner p i {
    padding-left: 8px;
}

.profile-playlist-mount {
    position: relative;
    top: 10px;
    padding-bottom: 4px;
}

.profile-playlist-mount, #profile-playlist-container, .profile-playlist-widget {
    max-width: none!important;
}

.profile-playlist-widget {
    border: 2px solid #434343!important;
}

.profile-playlist-widget li.current {
    background-color: rgba(204, 204, 255, 0.2)!important;
}

.profile-playlist-widget li:hover, .profile-playlist-widget li.hovering {
    background-color: rgba(204, 204, 255, 0.2)!important;
    box-shadow: none!important;
    transform: none!important;
    border-color: #ccccff!important;
}

.pp-drag, .profile-playlist-widget .song-info, .profile-playlist-widget button {
    color: #ccccff!important;
}

.pp-drag:hover, .profile-playlist-widget button:hover {
    background-color: rgba(204, 204, 255, 0.2)!important;
}

.pp-equalizer span {
    background-color: #ccccff!important;
}

.profile-playlist-widget ul div {
    background-image: linear-gradient(90deg, transparent, rgba(204, 204, 255, 0.8), transparent)!important;
}

#bar-playlist-btn,
.bar-playlist-container #bar-playlist-btn:hover,
.bar-playlist-container #bar-playlist-btn:active,
.bar-playlist-container #bar-playlist-btn:focus,
.bar-playlist-container #bar-playlist-btn:focus:active,
.music-bar .bar-btn.playlist-btn {
    background-image:url('https://i.postimg.cc/fR6BpSC0/triforce-sprite.png')!important;
}

.music-bar .bar-progress-fill {
    background-image: linear-gradient(90deg, #ccccff, #9999ff)!important;
}

#frw-im-button {
    background-image: none!important;
}

#frw-im-button:hover {
    background-image: linear-gradient(180deg, #9696fc, #9999ff, #7e7ed5)!important;
    transform: none!important;
}

.volume-slider {
    background-image: linear-gradient(180deg, #ccccff, #9999ff)!important;
    border: 1px solid #080808!important;
}

.music-bar .volume-slider::-webkit-slider-thumb{
    background: radial-gradient(circle, #cbcbcb 0%, #ccccff 15%, #cc6699 100%);
    border:1px solid #252525 !important;
}

.bar-now-playing, .bar-time-display, .bar-time-total {
    color: #ccccff!important;
}

body {
    background-color: #252525;
    background-image: url('https://i.postimg.cc/0ypcfMSR/bg.jpg');
    background-repeat: none;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.myspace-header {
    background-color: transparent;
}

.myspace-header #header-visualizer {
    display: none;
}

.myspace-header .search-input {
    border: 2px solid #ccccff;
    border-radius: 6px;
}

.myspace-header .search-button {
    color: #ccccff;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #454545;
    border: 2px solid #ccccff;
    border-radius: 6px;
    margin-left: 2px;
}

.myspace-header .search-button:hover {
    background-image: none;
    color: #cc6699;
    border-color: #cc6699;
    cursor: pointer;
}

.myspace-header .top-nav {
    background-image: linear-gradient(#333333, #000000);
    border: 2px solid #000000;
    border-bottom: 0;
    height: 80px;
}

.myspace-header .main-nav-wrapper {
    background-image: linear-gradient(#333333, #000000)!important;
    border: 2px solid #000000;
    top: 0px;
    height: 34px;
    padding-top: 1px;
}

.myspace-header .main-nav li a {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    border-right: 0;
    text-shadow: none;
}

.myspace-header .main-nav li a:hover {
    background-color: transparent;
}

.myspace-header .dropdown-menu {
    color: #ccccff;
    box-shadow: none;
    background-color: #333333;
    border: 2px solid #000000;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.myspace-header .dropdown-menu a {
    color: #ccccff!important;
    border-bottom: 2px solid #000000;
}

.myspace-header .dropdown-menu a:hover {
    color: #cc6699!important;
    background-color: #000000!important;
}

.myspace-header .dropdown-menu.js-dropdown-open {
    width: 200px;
    margin-top: 2px;
}

.myspace-header .nav-logo {
    content: url('https://i.postimg.cc/yNv5GPXG/logo.webp');
}

.master-container {
    max-width: 1000px;
}

main:before {
    width: 100%;
    height: 342px;
    display: block;
    content: "";
    background-image: url('https://i.postimg.cc/jqFn9jt7/banner.jpg');
    background-position: center center;
    background-size: cover;
    border-bottom: 2px solid #000000;
}

main {
    background-color: #252525;
    background-image: url('https://i.postimg.cc/SNHcRxwk/repeating.png');
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    padding: 0;
}

label {
    font-family: "Nunito";
    position: relative;
    top: 2px;
}

input {
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #505050;
    border-radius: 8px;
    padding: 4px;
}

footer {
    background-color: #252525;
    border: 2px solid #000000;
}

footer .copyright {
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-family: "Nunito";
    color:#ffffff!important;
}

h4 {

    font-weight: bold;
    font-size: 14px;
    padding: 2px 0 2px 0;
}

.profile h1 {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
}

.friends .heading a.more {
    padding-top: 3px;
    font-family: "Nunito";
}

a:link, .bio-text p a, .details-table td a {
    color: #ccccff!important;
    text-decoration: none!important;
}

a:visited, .bio-text p a:visited, .details-table td a:visited {
    color: #ccccff!important;
}

a:hover, .bio-text p a:hover, .details-table td a:hover {
    color: #cc6699!important;
    text-decoration: none!important;
    cursor: pointer;
}

a:active, .bio-text p a:active, .details-table td a:active {
    color: #ffffff!important;
}

[aria-label="Footer navigation"] {
    border: 2px solid #000000!important;
}

[aria-label="Footer navigation"] .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 0;
    background-color: #434343;
    background-image: none;
}

[aria-label="Footer navigation"] .links li {
    padding: 6px 11px !important;
}

@media (max-width: 600px) {
    [aria-label="Footer navigation"] .links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

footer .links li:not(:last-child)::after {
    display: none;
}

body.profile-page .profile .table-section .inner a:has(img) {
    border: 0;
    padding: 12px;
}

.profile-page nav {
    height: auto;
}

.profile .contact .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.profile .table-section .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.fr-mutual-label {
    padding-top: 6px!important;
}

.profile .blurbs {
    border: 2px solid #434343;
}

.profile .blurbs, .profile .friends, #comments, .profile .url-info, .videos-preview, .photos-preview, .mutual-friends-section, .comments-table {
    background-image: url('https://i.postimg.cc/3N1r05tC/opacity.png');
}

.profile .blurbs .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.profile .friends {
    border: 2px solid #434343;
    padding-bottom: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.profile .friends .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

p, .cb, li {
    font-family: "Nunito"!important;
    color: #cbcbcb!important;
}

.count {
    color: #ffffff;
}

.general-about .profile-pic img {
    border: 2px solid #434343;
    border-radius: 6px;
}

.online {
    color: #ffd67f;
}

.online img {
    content: url('https://i.postimg.cc/sX5KyLfB/triforce.gif');
    position: relative;
    animation: none;
    width: 24px!important;
    top: 4px;
}

.offline img.status-icon {
    width: 0!important;
}

.profile .url-info {
    border-color: #434343!important;
    border-radius: 6px;
}

.profile-info {
    text-shadow: 1px 1px 2px #000000;
    border-color: #434343!important;
    background-image: url('https://i.postimg.cc/TYHXBppD/profile-info.jpg');
    background-position: center;
    background-size: cover;
    height: 200px;
    border-radius: 6px;
}

.profile-info .inner h3 {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}

body.profile-page .profile .interest-content img, body.profile-page .profile .table-section .inner img {
    vertical-align: unset;
}

body.profile-page .details-table td {
    background-color: #555555!important;
}

body.profile-page .details-table td:first-child {
    font-family: "Nunito";
    background-color: #333333!important;
    text-align: center;
}

.contact {
    border-radius: 6px;
    border-color: #434343!important;
    background-image: url(https://i.pinimg.com/originals/45/6c/5b/456c5bde6fa6551e0e259474993448b3.png)!important;
    background-size: cover;
    height: 190px;
}

.contact .inner a img {
    font-size: 0;
}

.contact .inner a { 

    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    position: relative;
    top: 14px;
    left: 14px;
    text-shadow: 1px 1px 2px #000;
}

.f-row {
    margin-left: 0!important;
    margin-right: 0!important;
}

.f-col {
    line-height: 33px;
}

.table-section {
    border-color: #43433!important;
    border-radius: 6px;
}

.details-table {
    margin-bottom: 0!important;
}

.comments-table {
    border: 1px solid #43433;
}

.comments-table td {
    color: #cbccbcb;
    background-color: #8F61BA;
    padding: 10px;
}

.comments-table td:first-child {
    background-color: #080808;
    background-image: url(https://i.pinimg.com/1200x/ee/41/0c/ee410c00089fb006f923675f2bcb27a5.jpg);
}

.comment-replies {
    position: relative;
    top: -12px;
    background-color: #252525;
    border-color: #434343;
    border-width: 2px;
}

.comments-table td button {
    color: #cbcbb;
    background-color: #000;
    border: 1px solid #7637B8;
    border-radius: 6px;
    padding: 4px;
}

.comments-table td button:hover {
    background-color: #434343;
    color: #cc6699;
    border-color: #cc6699;

 
}

.cb-author-name {
    color: #ccccff!important;
}

.blog-preview p, .blog-preview h4 {
    padding-left: 8px;
}

.profile .blurbs {
    margin-bottom: 10px;
    border-radius: 6px;
}

#top8-grid .person p {
    color: #ccccff!important;
}

#top8-grid .person p:hover {
    color: #cc6699!important;
}

#top8-grid .person img:not(.icon) {
    border: 2px solid #434343;
    border-radius: 6px;
}

#top8-grid .person img:not(.icon):hover {
    border: 2px solid #cc6699;
}

.comments-table td:first-child p {
    color: #ccccff;
}

.comments-table td:first-child p:hover {
    color: #cc6699!important;
}

.comments-table td:first-child img:not(.icon) {
    border: 2px solid #434343;
    border-radius: 6px!important;
}

.comments-table td:first-child img:not(.icon):hover {
    border: 2px solid #cc6699;
}

.friends p:first-of-type {
    margin-left: 0;
}

.next button {
    color: #cbcbcb;
    background-color: #333333;
    border: 1px solid #434343;
    border-radius: 8px;
    padding: 4px;
}

.next button:hover {
    color: #ffd67f;
    border-color: #ffd67f;
    cursor: pointer;
}

</style><style>

/* Tiny Skull Crossbones - https://www.cursors-4u.com/cursor/tiny-skull-crossbones */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/tiny-skull-crossbones-69fe6d68-32.webp') 32 32, auto !important;
}
/* End www.Cursors-4U.com Code */
</style>
<style></style>