← Back to Layouts
My super kawaii layout part 2

Name: FriendRewind
Author: FriendRewind
Author: ˑ 𓈒 𐔌 𝐑α𝗂𐓣𝗒 𝐃. 𝐑α𝗂𐓣𝖾𝗋 ͡꒱ ۫
Category: Color combo
Created: August 12, 2026
I'm still trying to fix stuff cough cough smiles
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
/* VB2_STATE:{"cursorUrl":"https://cdn.cursors-4u.net/previews/animated-rainbow-nyan-cat-a2bd0111.webp","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"Concert One","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/1200x/2f/ff/b8/2fffb8eba5a0fce03ac21fda4d6b4ec2.jpg","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/736x/47/39/c1/4739c1c39db0fc75833bed786a20e494.jpg","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#000000","navBgImage":"https://i.pinimg.com/1200x/89/33/ac/8933acee209d6ad9998686f0f0b6bf5f.jpg","navBgMode":"tile","navLinkColor":"#ffffff","navLinkHover":"#6618a4","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":0,"contactHeaderBg":"#03e0d7","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":0,"contactBoxAnimation":"","interestsHeaderBg":"#6618a4","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":0,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#03e0d7","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":true,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

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

* { cursor: url(https://cdn.cursors-4u.net/previews/animated-rainbow-nyan-cat-a2bd0111.webp), auto !important; }

body, body.profile-page {
  background-image: url("https://i.pinimg.com/1200x/2f/ff/b8/2fffb8eba5a0fce03ac21fda4d6b4ec2.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center !important;
  font-family: 'Concert One', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif !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/736x/47/39/c1/4739c1c39db0fc75833bed786a20e494.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

.myspace-header .top-nav {
  background: #000000;
  background-image: url("https://i.pinimg.com/1200x/89/33/ac/8933acee209d6ad9998686f0f0b6bf5f.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.myspace-header .main-nav-wrapper {
  background: #000000;
  background-image: url("https://i.pinimg.com/1200x/89/33/ac/8933acee209d6ad9998686f0f0b6bf5f.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

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

.blurbs, .module, .profileInfo, .table-section {
    background-color: #ffffff !important;
    border-radius: 0px !important;
  }

.contact {
    border: 1px solid #03e0d7 !important;
    border-radius: 0px !important;
  }

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

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

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

h1, h2, h3, h4, h5, h6, .table-section h4, .module h4, .blurbs h4, .section h4 {
  text-shadow: 0 0 2px #000000 !important;
}

a, .profile a, .table-section a, .module a { color: #03e0d7 !important; }

<style>
/* PROFILE TUNES COLORS */

/* whole music player */
.profile-playlist-widget {
    background: #ffd6e7 !important;
    color: #6618a4 !important;
    border: 2px solid #03e0d7 !important;
}

/* "Profile Tunes" heading */
.profile-playlist-widget h3 {
    color: #03e0d7 !important;
}

/* individual songs */
.profile-playlist-widget li {
    background: #fff0f6 !important;
    color: #6618a4 !important;
    border-color: #03e0d7 !important;
}

/* links/song titles */
.profile-playlist-widget a {
    color: #03e0d7 !important;
}

/* buttons */
.profile-playlist-widget button {
    background: #000 !important;
    color: white !important;
    border-color: #03e0d7 !important;
}
</style>

/* windows xp music player */

<style>
.music-bar {background: #335ccd !important;}
.music-bar::before { display: none !important; } /* removes tinted glass overlay */
.music-bar .bar-title { color: #ffffff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; }
.bar-now-playing { color: #fff0f8 !important; }
.bar-time-display, .bar-time-total { color: #ffffff !important; }
.bar-progress { background: rgba(255,255,255,0.4) !important; }
.bar-progress-fill { background: #ffffff !important; }
.music-bar .bar-btn { background: #2f981f !important;
  filter: brightness(1.15) !important; }

#frw-im-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    z-index: 999999;
    font-family: 'Segoe UI', 'Tahoma', 'Verdana', sans-serif;
    font-size: 11px;
    font-weight: 600;
    min-width: 100px;
    height: 32px;
    padding: 4px 12px;
    border-radius: 6px;
    border: none;
    background: #348ee9 !important;
    position: relative;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 
        0 3px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.4),
        inset 0 -1px 0 rgba(0, 0, 0, 0.2),
        0 1px 0 rgba(255, 255, 255, 0.1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 4px;
}</style>

<style>
.profile-playlist-widget .pp-header h3 {
  display: none !important;
}
</style>

<style>
.profile-playlist-widget {
  background:
    linear-gradient(
      rgba(255,255,255,.65),
      rgba(255,255,255,.65)
    ),
    url("https://i.pinimg.com/1200x/89/33/ac/8933acee209d6ad9998686f0f0b6bf5f.jpg")
    center / cover no-repeat !important;

  border-radius: 14px !important;
}
</style>

<style>
/* Hide the original interest category names */

.profile .table-section table tr > td:first-child,
.profile .table-section table tr > td:first-child * {
  font-size: 0 !important;
}


/* 1. General */

.profile .table-section table tr:nth-child(1) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 General ⠀ᰋ " !important;
}


/* 2. Music */

.profile .table-section table tr:nth-child(2) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 Music ⠀ᰋ " !important;
}


/* 3. Movies */

.profile .table-section table tr:nth-child(3) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 Movies ⠀ᰋ " !important;
}


/* 4. Television */

.profile .table-section table tr:nth-child(4) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 Television ⠀ᰋ " !important;
}


/* 5. Books */

.profile .table-section table tr:nth-child(5) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 Books... ⠀ᰋ " !important;
}


/* 6. Heroes */

.profile .table-section table tr:nth-child(6) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 Games ⠀ᰋ " !important;
}
  
/* 6. Heroes */

.profile .table-section table tr:nth-child(7) > td:first-child::after {
  content: "೯⠀⁺ ⠀ 𖥻 My Goats! ⠀ᰋ " !important;
}


/* Make the new labels visible */

.profile .table-section table tr > td:first-child::after {
  display: inline !important;

  font-size: 11px !important;
  font-weight: bold !important;
  line-height: normal !important;
}
</style>

<style>.w-40.left h1 {
    animation: fr-rainbow-name 6s linear infinite !important;
    text-shadow: 0 0 10px currentColor !important;
}
@keyframes fr-rainbow-name {
    0%   { color: #ff5e5e; }
    20%  { color: #ffb74d; }
    40%  { color: #ffe44d; }
    60%  { color: #6ee76e; }
    80%  { color: #5ea8ff; }
    100% { color: #ff5e5e; }
}</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/9b/4f/ed/9b4fed1201be35cb07a30819d7d23b71.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style><style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/9b/4f/ed/9b4fed1201be35cb07a30819d7d23b71.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style></style>