← Back to Layouts
💓🖤🍭💓🍭💓🍭💓

Name: FriendRewind
Author: FriendRewind
Author: Xxjessindistress‎☠︎xX
Category: Classic
Created: October 28, 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 */
/* 𖤐 2006 CALLED — IT WANTS ITS EMO PRINCESS BACK 𖤐
   💓🖤 HOT PINK • BLACK • GLITTER • SKULLS • CANDY 🖤💓 */

/* ====== THE PINK GLITTER UNIVERSE ====== */

:root {
    --hot-pink: #ff1493;
    --bubblegum: #ff69b4;
    --sugar-pink: #ffb6e6;
    --light-pink: #ffe0f3;
    --black: #080008;
    --dark-pink: #43001f;
    --white: #fffaff;
}

* {
    box-sizing: border-box;
    scrollbar-color: var(--hot-pink) var(--black);
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #080008 !important;

    /* PINK SKULLS + GLITTERY HEARTS + BLACK GRUNGE */
    background-image:
        radial-gradient(
            circle at 20% 30%,
            rgba(255, 20, 147, .20),
            transparent 35%
        ),
        radial-gradient(
            circle at 80% 70%,
            rgba(255, 105, 180, .16),
            transparent 40%
        ),
        url("https://www.transparenttextures.com/patterns/stardust.png");

    background-attachment: fixed;
    background-size: auto, auto, 220px 220px;

    color: #fffaff !important;
    font-family: "Trebuchet MS", "Arial", sans-serif;
    font-size: 14px;

    text-shadow:
        0 0 3px rgba(255, 182, 230, .45),
        0 0 8px rgba(255, 20, 147, .20);
}

/* ====== CUSTOM SCROLLBAR 💄 ====== */

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #10000b;
    border-left: 1px solid #65002f;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        #ffb6e6,
        #ff1493,
        #a00055
    );

    border: 2px solid #10000b;
    border-radius: 10px;
    box-shadow: 0 0 12px #ff1493;
}

/* ====== ALL THE LINKS 💓 ====== */

a,
a:visited {
    color: #ff80ca !important;

    text-decoration: none !important;

    text-shadow:
        0 0 5px #ff1493,
        0 0 12px #ff1493;

    transition: all .25s ease;
}

a:hover {
    color: white !important;

    text-shadow:
        0 0 5px white,
        0 0 12px #ff1493,
        0 0 24px #ff1493;

    filter: brightness(1.35);
}

/* ====== YOUR NAME: MAIN CHARACTER ENERGY 💋 ====== */

/* Common profile-name selectors */
.profile-name,
.username,
.display-name,
h1,
.profile h1 {
    color: #ff69b4 !important;

    font-family: "Brush Script MT", cursive;

    font-weight: 900;

    text-shadow:
        0 0 3px white,
        0 0 8px #ff69b4,
        0 0 16px #ff1493,
        0 0 30px #ff1493,
        0 0 45px #ff007f;

    animation: pinkHeartbeat 2.4s ease-in-out infinite;
}

/* ====== HEADERS: GLITTER COVERED EVERYTHING ✧ ====== */

h2,
h3,
h4,
.section-title,
.box-title,
.panel-heading,
.card-header {
    color: #fffaff !important;

    background:
        linear-gradient(
            110deg,
            #39001d 0%,
            #9d0055 20%,
            #ff1493 45%,
            #6f003a 70%,
            #ff69b4 100%
        ) !important;

    background-size: 250% 100% !important;

    border: 1px solid #ff80ca !important;
    border-radius: 8px 8px 3px 3px !important;

    padding: 10px 12px !important;

    font-family: "Trebuchet MS", sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;

    text-shadow:
        0 0 4px white,
        0 0 9px #ff1493,
        0 0 16px #ff1493;

    box-shadow:
        0 0 5px #ff1493,
        0 0 12px rgba(255, 20, 147, .7),
        inset 0 0 12px rgba(255, 182, 230, .25);

    animation: glitterHeader 5s linear infinite;
}

/* Tiny decorative sparkle on section headers */
h2::after,
h3::after,
h4::after,
.section-title::after,
.box-title::after,
.panel-heading::after,
.card-header::after {
    content: " ✧ 💗 ✦";
    color: #fffaff;

    text-shadow:
        0 0 5px white,
        0 0 12px #ff69b4;
}

/* ====== PROFILE BOXES: PINK DIAMOND ARMOR 💎 ====== */

.profile-box,
.profile-section,
.box,
.card,
.panel,
.widget,
section {
    background-color: rgba(15, 0, 12, .91) !important;

    border: 1px solid rgba(255, 20, 147, .75) !important;
    border-radius: 8px !important;

    box-shadow:
        0 0 5px rgba(255, 20, 147, .8),
        0 0 15px rgba(255, 20, 147, .25),
        inset 0 0 14px rgba(255, 20, 147, .06);

    color: #fffaff !important;

    transition:
        box-shadow .3s ease,
        border-color .3s ease,
        transform .3s ease;
}

.profile-box:hover,
.profile-section:hover,
.box:hover,
.card:hover,
.panel:hover,
.widget:hover {
    border-color: #ffb6e6 !important;

    box-shadow:
        0 0 8px white,
        0 0 18px #ff1493,
        0 0 35px rgba(255, 20, 147, .6);

    transform: translateY(-2px);
}

/* ====== TEXT: WHITE WITH A LITTLE SUGAR ✨ ====== */

p,
li,
label,
small,
figcaption {
    color: #fffaff;
}

strong,
b {
    color: #ff9cda !important;

    text-shadow:
        0 0 5px rgba(255, 20, 147, .8);
}

em,
i {
    color: #ffc6e9;
}

blockquote {
    background: rgba(255, 20, 147, .09);

    border-left: 3px solid #ff1493;

    padding: 10px 14px;

    box-shadow: inset 5px 0 15px rgba(255, 20, 147, .08);
}

/* ====== IMAGES: GLITTERY LITTLE MASTERPIECES 📸 ====== */

img {
    transition:
        filter .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.profile img,
.profile-photo,
.avatar,
.user-avatar {
    border: 2px solid #ff69b4 !important;
    border-radius: 8px !important;

    box-shadow:
        0 0 5px white,
        0 0 12px #ff1493,
        0 0 24px rgba(255, 20, 147, .6);
}

img:hover {
    filter:
        saturate(1.35)
        brightness(1.1)
        drop-shadow(0 0 5px #ff1493);

    transform: scale(1.035);
}

/* ====== BUTTONS: PUSH ME, I'M CUTE 💗 ====== */

button,
.button,
input[type="button"],
input[type="submit"],
.btn {
    background: linear-gradient(
        135deg,
        #ffb6e6,
        #ff1493 45%,
        #79003c
    ) !important;

    color: white !important;

    border: 1px solid #ffc6e9 !important;
    border-radius: 6px !important;

    padding: 7px 14px;

    font-weight: bold;
    letter-spacing: 1px;

    text-shadow: 0 0 5px #ff1493;

    box-shadow:
        0 0 8px rgba(255, 20, 147, .7),
        inset 0 0 7px rgba(255, 255, 255, .2);

    cursor: pointer;
    transition: all .25s ease;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.btn:hover {
    background: linear-gradient(
        135deg,
        #ffffff,
        #ff69b4,
        #ff1493
    ) !important;

    color: #39001d !important;

    box-shadow:
        0 0 8px white,
        0 0 20px #ff1493,
        0 0 35px #ff69b4;
}

/* ====== INPUT BOXES: SUGAR-COATED DARKNESS 🍭 ====== */

input,
textarea,
select {
    background: #15000e !important;

    color: white !important;

    border: 1px solid #ff1493 !important;
    border-radius: 5px !important;

    box-shadow:
        inset 0 0 8px rgba(255, 20, 147, .15),
        0 0 5px rgba(255, 20, 147, .25);

    outline: none;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #ffb6e6 !important;

    box-shadow:
        0 0 5px white,
        0 0 15px #ff1493;
}

/* ====== HORIZONTAL LINES: PINK LASERS 💓 ====== */

hr {
    border: none !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        #ff1493,
        #fffaff,
        #ff69b4,
        transparent
    ) !important;

    box-shadow: 0 0 10px #ff1493;
}

/* ====== SELECTED TEXT: PINK CANDY 🍬 ====== */

::selection {
    color: #ffffff;
    background: #ff1493;
    text-shadow: 0 0 5px white;
}

/* ====== GLITTER ANIMATIONS ✨ ====== */

@keyframes glitterHeader {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 250% 50%;
    }
}

@keyframes pinkHeartbeat {
    0%, 100% {
        text-shadow:
            0 0 3px white,
            0 0 8px #ff69b4,
            0 0 16px #ff1493,
            0 0 28px #ff1493;
    }

    50% {
        text-shadow:
            0 0 5px white,
            0 0 14px #ff69b4,
            0 0 25px #ff1493,
            0 0 45px #ff007f;
    }
}

/* ====== 2006 FOREVER. ALWAYS EXTRA. 💓🖤 ====== */
</style>