← Back to Layouts
Fall 2000’s

Name: FriendRewind
Author: FriendRewind
Author: xoxo_kalii
Category: 2000s
Created: August 10, 2026
Comments (0)

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

<style>
/* =========================================================
   ========================================================= */


/* =========================
   🌲 WHOLE PAGE
   ========================= */

body {
    background-color: #160a05 !important;

    /* PUT YOUR FALL BACKGROUND URL HERE */
    background-image:
        linear-gradient(
            rgba(20, 7, 2, 0.38),
            rgba(20, 7, 2, 0.38)
        ),
        url("YOUR-FALL-BACKGROUND-URL-HERE") !important;

    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;

    color: #24150d !important;

    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
}


/* =========================
   🍁 MAIN PROFILE
   ========================= */

main {
    background:
        rgba(48, 22, 9, 0.91) !important;

    border-left: 2px solid #6b3214 !important;
    border-right: 2px solid #6b3214 !important;

    box-shadow:
        0 0 20px rgba(0,0,0,.9),
        inset 0 0 25px rgba(0,0,0,.35) !important;

    color: #f0d5ad !important;
}


/* =========================
   🍂 HEADER
   ========================= */

header {
    background:
        linear-gradient(
            rgba(72, 29, 10, .85),
            rgba(34, 13, 5, .92)
        ) !important;

    border-bottom: 2px solid #9b4a18 !important;
}


/* =========================
   🧡 TOP NAV
   ========================= */

nav {
    background:
        linear-gradient(
            #914317,
            #59240c
        ) !important;

    border-top: 1px solid #c06a2b !important;
    border-bottom: 2px solid #2d1006 !important;

    box-shadow: 0 2px 5px #000 !important;
}

nav a {
    color: #ffe5c0 !important;
    font-weight: bold !important;

    border-right: 1px solid rgba(255,190,100,.25) !important;
}

nav a:hover {
    background: #c26520 !important;
    color: white !important;
}


/* =========================
   🎃 PROFILE NAME
   ========================= */

h1 {
    color: #ef9a43 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    text-shadow:
        2px 2px #351105 !important;
}


/* =========================
   🍁 ALL MODULES
   ========================= */

.profile .contact,
.profile .table-section,
.profile .url-info,
.profile .blurbs,
.profile .friends,
.profile .comments,
.profile .module {

    background:
        rgba(67, 30, 13, .88) !important;

    border:
        1px solid #8d4518 !important;

    box-shadow:
        0 2px 6px rgba(0,0,0,.7),
        inset 0 0 10px rgba(0,0,0,.25) !important;
}


/* =========================
   🟧 ORANGE SECTION HEADERS
   ========================= */

.heading,
.profile .heading,
.table-section .heading {

    background:
        linear-gradient(
            to right,
            #913b0d,
            #d17627 50%,
            #8a360c
        ) !important;

    color: #fff0d0 !important;

    border:
        1px solid #ed9a47 !important;

    padding:
        4px 6px !important;

    font-weight: bold !important;

    text-shadow:
        1px 1px #572006 !important;
}


/* =========================
   🍞 CREAM INFO BOXES
   ========================= */

.details-table td,
.url-info,
.blurbs,
.table-section {

    color: #30170b !important;
}


/* Make individual info cells cream */

.details-table td {
    background:
        #ead3ae !important;

    border:
        1px solid #704019 !important;

    color:
        #30170b !important;
}


/* Left-side labels */

.details-table td:first-child {
    background:
        #d59a54 !important;

    color:
        #351407 !important;

    font-weight: bold !important;
}


/* =========================
   🍂 LINKS
   ========================= */

a {
    color: #8c3e10 !important;
    font-weight: bold !important;
}

a:hover {
    color: #d86f22 !important;
    text-decoration: underline !important;
}


/* =========================
   🎃 FRIEND GRID
   ========================= */

.friends-grid {
    background:
        rgba(29, 10, 4, .45) !important;

    padding: 4px !important;
}

.friends-grid .person {
    background:
        #47200e !important;

    border:
        1px solid #a9581e !important;

    padding: 4px !important;

    box-shadow:
        2px 2px 4px rgba(0,0,0,.65) !important;
}

.friends-grid .person img {
    border:
        2px solid #c87429 !important;

    padding: 1px !important;

    background: #ead1a9 !important;
}


/* =========================
   💬 COMMENTS
   ========================= */

.comments-table {
    background:
        #3d1a09 !important;

    border:
        1px solid #a3541b !important;
}

.comments-table td {
    background:
        #efd3a9 !important;

    color:
        #32170b !important;

    border:
        1px solid #9a581e !important;
}

.comments-table td:first-child {
    background:
        #d58a3d !important;

    color:
        #321307 !important;
}


/* =========================
   🎵 MUSIC PLAYER
   ========================= */

.music-player,
.profile-music {

    background:
        linear-gradient(
            #55230c,
            #241006
        ) !important;

    border:
        1px solid #a8571c !important;

    color:
        #f3d2a3 !important;

    box-shadow:
        0 3px 8px #000 !important;
}


/* =========================
   📸 PROFILE PICTURE
   ========================= */

.profile-pic img {

    border:
        3px solid #7b350d !important;

    outline:
        1px solid #dc8a3c !important;

    box-shadow:
        0 0 8px #000 !important;
}


/* =========================
   🟦 OLD MYSPACE BLUE ACCENTS
   ========================= */

/* These imitate the little blue bars
   from your screenshot */

.profile .friends .heading,
.friends .heading {

    background:
        linear-gradient(
            #78acd4,
            #3979a8
        ) !important;

    border:
        1px solid #b5d7ed !important;

    color:
        white !important;

    text-shadow:
        1px 1px #315d7b !important;
}


/* =========================
   🟨 FALL BLOG BAR
   ========================= */

.blog-preview .heading {

    background:
        linear-gradient(
            #ffd78c,
            #e9a948
        ) !important;

    color:
        #562108 !important;

    border:
        1px solid #f3c46d !important;
}


/* =========================
   🍁 BUTTONS
   ========================= */

button,
input[type="submit"],
.btn {

    background:
        linear-gradient(
            #d77a29,
            #81340d
        ) !important;

    color:
        #fff0d2 !important;

    border:
        1px solid #e7a05c !important;

    border-radius:
        2px !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        bold !important;

    text-shadow:
        1px 1px #541b06 !important;
}

button:hover,
input[type="submit"]:hover,
.btn:hover {

    background:
        #e18a35 !important;
}


/* =========================
   🧡 TEXT
   ========================= */

h2,
h3,
h4 {

    color:
        #e9913e !important;

    text-shadow:
        1px 1px #351005 !important;
}


/* =========================
   🍂 FALL DIVIDER
   ========================= */

hr {

    border:
        none !important;

    border-top:
        1px dotted #b35b20 !important;
}


/* =========================
   🍁 CUSTOM AUTUMN TITLE
   ========================= */

.profile .blurbs::before {

    content:
        "✦  autumn leaves & cozy days  ✦";

    display:
        block !important;

    text-align:
        center !important;

    color:
        #e99a46 !important;

    font-family:
        Georgia,
        serif !important;

    font-size:
        13px !important;

    font-weight:
        bold !important;

    letter-spacing:
        1px !important;

    padding:
        4px !important;

    border-bottom:
        1px dotted #9b4b19 !important;
}


/* =========================
   🟫 INPUTS
   ========================= */

input,
textarea,
select {

    background:
        #321409 !important;

    color:
        #f2d5ad !important;

    border:
        1px solid #8e4819 !important;
}


/* =========================
   🍂 SCROLLBAR
   ========================= */

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

::-webkit-scrollbar-track {
    background: #1c0a05;
}

::-webkit-scrollbar-thumb {

    background:
        #7e360e;

    border:
        2px solid #2b0d05;
}

::-webkit-scrollbar-thumb:hover {
    background: #c56720;
}


/* =================================================
   🎃 EXTRA FALL DECORATION
   ================================================= */

/* little leaf symbols beside headings */

.profile .friends .heading::before {
    content: "🍂 ";
}

.profile .blurbs .heading::before {
    content: "🍁 ";
}

.profile .contact .heading::before {
    content: "✦ ";
}


/* =================================================
   ✦ 2000s PROFILE SHADOW
   ================================================= */

.profile {
    text-shadow:
        0 0 1px rgba(0,0,0,.3) !important;
}


/* =================================================
   🍂 END
   ================================================= */</style>