Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
brownish orange

Author: AT
Category: Orange/brown
Created: June 1, 2026
meant to sorta be a tavros theme for myself but you can use it for anything brown or orange. Just an edited version of Orange and Black Grunge, by another user named Def3ct on this platform. Go check out their layout
Comments (0)

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

<style>
<style>
/* Layout originally by: www.profilerehab.com
  Modernized for Friend Rewind by your Assistant
*/

/* --- 1. BASE STYLES & BACKGROUND --- */
body {
    background-color: #8b3104 !important;
    background-image: url('https://www.profilerehab.com/pb/myspace/orange_black_layout.jpg') !important; /* USING YOUR PROVIDED URL */
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center top !important;
    font-family: "Courier New", Verdana, sans-serif !important;
    font-size: 21px !important;
    color: #cc5500 !important;
}

/* Resetting default platform styles */
main, .container, .master-container, table, tr, td {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
img {
    border: none !important;
    background-color: transparent !important;
}

/* --- 2. MAIN CONTENT MODULES --- */
.blurbs, .friends, .comments, .contacting, .url-info, .table-section, .tunes, .blog-preview {
    background-color: #692400 !important;
    border: 2px solid #cc5500 !important;
    backdrop-filter: blur(3px);
    border-radius: 4px;
}
.contact {
    border: 1px solid #853500 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #853500 !important;
    color: #ffffff !important;
  }
  
.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 1px solid #803e00 !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #803e00 !important;
    color: #ffffff !important;
  }
/* Specific background for the "About Me" section to mimic the original */
.blurbs {
    background-image: url('https://i.pinimg.com/originals/a3/98/de/a398de3dc6b70a14b14349666498a413.jpg') !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
    background-size: cover;
}

/* --- 3. TYPOGRAPHY & HEADERS --- */

/* General text styling */
.text, p, li, div {
    color: #ffffff !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    font-family: "Courier New", Times, sans-serif !important;
}

/* Main Profile Name */
.profile-name {
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: bold !important;
    font-family: Georgia, "Courier New", Times, serif !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* Module Headers */
.contact .heading, .url-info .heading, .table-section .heading, .tunes .heading,
.blog-preview h4, .blurbs .heading, .friends .heading, #comments .heading {
    color: #cc5500 !important;
    font-size: 21px !important;
    font-weight: bold !important;
    font-family: "Courier New", Times, serif !important;
    text-align: left !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 10px !important;
    background: rgba(0,0,0,0.4);
    border-bottom: 2px solid #000;
}

/* --- 4. LINKS --- */
a, a:link, a:visited {
    color: #cc5500 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

a:hover {
    color: #ffffff !important;
    background-color: #ff9900 !important;
}

/* --- 5. CONTACT & FRIENDS MODULES --- */

/* Recreating the look of the old contact box menu */
.contact .inner {
    background-image: url('https://www.photoshop-stock.com/wp-content/uploads/2012/07/thumb-12.jpg');
    background-size: cover;
    text-align: center;
}
.contact .inner a {
    display: block;
    padding: 8px;
    margin: 5px 0;
    border: 1px solid #cc5500;
    background: rgba(0,0,0,0.5);
}

/* Recreating the look of the old extended network */
.friends .inner {
    background-image: url('https://www.photoshop-stock.com/wp-content/uploads/2012/07/thumb-12.jpg');
    background-size: cover;
}

/* --- 6. NAVIGATION BAR --- */
.main-header, .myspace-header {
    background: rgba(504,85,0,0.8) !important;
    border: 2px solid #000 !important;
    border-radius: 4px;
}
.main-nav a, .nav a, a.navbar {
    color: #cc5500 !important;
    font-weight: bold !important;
}
.main-nav a:hover, .nav a:hover, a.navbar:hover {
    color: #cc5500 !important;
}
</style></style>