← Back to Layouts
wip

Name: FriendRewind
Author: FriendRewind
Author: 🐾 Nyxxie 🐾
Category: Classic
Created: November 6, 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>
/* ===== RAYZX KAWAII PUNK THEME ===== */

.myspace-container {
  background: #17121f !important;
  color: #f8efff !important;
}

.row.profile {
  background: #21182d !important;
  border: 2px solid #a879dc !important;
  border-radius: 12px !important;
  padding: 12px !important;
}

.col-md-4.left,
.col.right {
  background: transparent !important;
  color: #fffaff !important;
}

.contact,
.blurbs,
.friends,
.interests {
  background: #291e38 !important;
  border: 1px solid #a879dc !important;
  border-radius: 9px !important;
  margin-bottom: 14px !important;
  padding: 10px !important;
}

.contact h3,
.blurbs h3,
.friends h3,
.interests h3 {
  background: #a879dc !important;
  color: #17121f !important;
  padding: 9px !important;
  border-radius: 5px !important;
}

.myspace-container a {
  color: #d9baff !important;
}

.myspace-container a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}
  
  
/* ===== LAVENDER HEADER MAKEOVER ===== */

.contact h3,
.blurbs h3,
.friends h3,
.interests h3,
.myspace-container h3 {
  background: #a879dc !important;
  color: #17121f !important;
  border-color: #a879dc !important;
}

/* Make text readable */
.myspace-container,
.myspace-container p,
.myspace-container td,
.myspace-container div {
  color: #f5eaff;
}

/* Profile headings */
.myspace-container h1,
.myspace-container h2,
.myspace-container h3 {
  color: #ead7ff;
}

/* Navigation */
.myspace-container .top,
.myspace-container nav,
.myspace-container .nav {
  background: #21182d !important;
  border-color: #a879dc !important;
}

/* Links */
.myspace-container a {
  color: #d9baff !important;
}

.myspace-container a:hover {
  color: #ffffff !important;
}

/* Profile cards */
.contact,
.interests,
.blurbs,
.friends {
  box-shadow: 0 3px 12px #00000055;
}

/* Cute dotted details */
.contact,
.interests,
.blurbs,
.friends {
  outline: 1px dashed #b991e8;
  outline-offset: 3px;
}


/* ===== KAWAII PUNK DECORATIONS ===== */

/* Sparkly section headings */
.contact h3::before,
.blurbs h3::before,
.friends h3::before,
.interests h3::before {
  content: "♡ ";
  color: #ffffff;
}

/* Cute card borders */
.contact,
.blurbs,
.friends,
.interests {
  border: 2px solid #a879dc !important;
  border-radius: 10px !important;
  box-shadow: 4px 4px 0 #5b397e;
}

/* Purple scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #17121f;
}

::-webkit-scrollbar-thumb {
  background: #a879dc;
  border: 2px solid #17121f;
  border-radius: 10px;
}

/* Profile links */
.myspace-container a {
  color: #d9baff !important;
  transition: color .2s ease;
}

.myspace-container a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 6px #c69aff;
}

/* Cute image borders */
.myspace-container img {
  border: 2px solid #a879dc;
  border-radius: 5px;
}

/* Soft purple text glow */
.myspace-container h1,
.myspace-container h2 {
  text-shadow: 1px 1px 5px #a879dc66;
}

/* Decorative profile background */
.row.profile {
  background-image:
    radial-gradient(#a879dc22 1px, transparent 1px) !important;
  background-size: 14px 14px !important;
}


/* ===== RAYZX HEADER & NAVIGATION ===== */

/* Main profile header */
.myspace-header {
  background: linear-gradient(
    135deg,
    #17121f,
    #51336f,
    #17121f
  ) !important;
  border-bottom: 3px solid #c69aff !important;
}

/* Navigation background */
.top,
.nav,
.nav.links {
  background: #21152f !important;
  border-color: #a879dc !important;
}

/* Navigation links */
.top a,
.nav a,
.nav.links a {
  color: #ead7ff !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* Navigation hover */
.top a:hover,
.nav a:hover,
.nav.links a:hover {
  background: #a879dc !important;
  color: #17121f !important;
}

/* Profile name */
.myspace-header h1 {
  color: #ead7ff !important;
  text-shadow: 2px 2px #6b4096 !important;
}

/* Decorative header border */
.myspace-header {
  box-shadow: 0 4px 12px #a879dc55;
}</style>