← Back to Layouts
Pink and green layout

Name: FriendRewind
Author: FriendRewind
Author: Komii_11037
Category: Colorful
Created: October 19, 2026
lowk trashy but its my first time making a layout
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>
/* KAZUICHI SODA PASTEL CUTIE THEME WITH LIME GREEN ACCENTS */

/* Hard-locked background properties so the image cannot vanish */
html, body, #main, .container, #page-container, #body-wrapper {
    background-color: #a4bd1c !important;
    background-image: url("https://i.pinimg.com/1200x/55/58/79/555879464e6a510f371b4bfe74a074f5.jpg") !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
}

body {
    color: #4a4a4a !important;
    font-family: Arial, sans-serif !important;
}

/* Opaque pastel pink gradient panels remain unchanged */
.profile, .table-section, .module, .blurbs, .section, .profileInfo, .friend-space, .badges-section, .url-info, .contact, .interests { 
    background: linear-gradient(to bottom, #fff0f5 0%, #ffe4e1 100%) !important; 
    border: 3px solid #ffb6c1 !important; 
    border-radius: 16px !important;
    color: #4a4a4a !important; 
    box-shadow: inset 0px 1px 3px rgba(255,255,255,0.9), 0px 4px 10px rgba(230,26,134,0.15) !important;
    padding: 12px !important;
}

/* Vivid GREEN Header Bars with a soft top-gloss reflection */
.table-section h4, .module h4, .blurbs h4, .section h4, [class*="orange-style"] {
    background: linear-gradient(to bottom, #c6e036 0%, #a4bd1c 45%, #7e9411 100%) !important;
    color: #ffffff !important;
    font-weight: bold !important;
    border: 1px solid #6b7e0d !important;
    border-radius: 12px 12px 0px 0px !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
    box-shadow: inset 0px 1.5px 2px rgba(255,255,255,0.6) !important;
}

/* Titles and Headers switched to Lime Green */
h1, h2, h3, h5, h6, .orange-text, .nametext { 
    color: #a4bd1c !important; 
    text-transform: uppercase !important;
    text-shadow: 1.5px 1.5px 0px #ffffff !important;
}

/* Styled dark green links */
a, .profile a, .table-section a, .module a, a:link, a:visited { 
    color: #7e9411 !important; 
    font-weight: bold !important;
    text-decoration: none !important;
}

/* Hovering turns links to a bright pink wavy style */
a:hover, .profile a:hover { 
    color: #e61a86 !important; 
    text-decoration: underline wavy #ff8da1 !important;
}

/* Top Navigation Bar Styling switched to Green */
.myspace-header, .top-nav, .main-nav-wrapper { 
    background: linear-gradient(to bottom, #c6e036 0%, #a4bd1c 50%, #7e9411 100%) !important;
    border-bottom: 4px solid #e61a86 !important; /* Pink accent bottom edge line */
    box-shadow: 0px 3px 8px rgba(0,0,0,0.15) !important;
}

.myspace-header .main-nav li a { 
    color: #ffffff !important; 
}

.myspace-header .main-nav li a:hover { 
    color: #ffffff !important;
    background-color: #7e9411 !important;
    border-radius: 6px !important;
}
</style>