← Back to Layouts
Grey 2

Name: FriendRewind
Author: FriendRewind
Author: petewentz
Category: Classic
Created: October 22, 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 */
/* --- Background & Fonts --- */
body, html {
    background-color: #434343 !important;
    background-image: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    color: #7E7E7E !important;
    cursor: crosshair !important;
}

/* --- Global Text & Links --- */
p, span, div, li, td, th, a {
    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    cursor: crosshair !important;
}

b, strong {
    color: #7E7E7E !important;
}

i, em {
    color: #000000 !important;
}

a:link, a:visited, a:active {
    color: #7E7E7E !important;
    text-decoration: none !important;
}

a:hover {
    color: #000000 !important;
    font-weight: bold !important;
}

/* --- Profile Box Containers & Sections --- */
.card, .box, .panel, table, tr, td {
    background-color: #F6F6F6 !important;
    border: 2px solid #7E7E7E !important;
    color: #7E7E7E !important;
}

/* --- Section Title Headers (Overriding Yellow Bars) --- */
.card-header, .box-header, .panel-heading, th, [class*="header"] {
    background-color: #F6F6F6 !important;
    background-image: none !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #7E7E7E !important;
    font-size: 9px !important;
}

/* --- Contact Box Styling --- */
.contact-box, [class*="contact"] {
    background-color: #333333 !important;
    border: 2px solid #7E7E7E !important;
}

/* --- Tables (Interests, Details, Comments) --- */
table table {
    border: none !important;
    background-color: transparent !important;
}

td.label, th {
    background-color: #E0E0E0 !important;
    color: #000000 !important;
}

/* --- Image Grayscale Filter --- */
img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}

img:hover {
    filter: none !important;
    -webkit-filter: none !important;
}
</style>