← Back to Layouts
Layout 2026

Name: FriendRewind
Author: FriendRewind
Author: moonieloonie
Category: :D
Created: July 29, 2026
My first layout
Comments (0)

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

<style>
<style>

nav .top {

    margin-top: 10px;

    background:
        linear-gradient(
            rgba(33, 19, 11, .90),
            rgba(76, 49, 29, .88)
        ),
        url("https://frutigeraeroarchive.org/images/wallpapers/vectordelia/vectordelia_8.jpg");

    background-size: cover;

    background-position: center;

    border: 2px solid #876846;

    border-radius: 10px;

    box-shadow:
        0 5px 15px rgba(0,0,0,.75);

}
main {

    background:
        linear-gradient(
            rgba(31, 17, 9, .91),
            rgba(70, 43, 24, .50)
        ),
        url("https://frutigeraeroarchive.org/images/wallpapers/vectordelia/vectordelia_26.jpg");

    background-size: cover;

    background-position: center;

    border: 2px solid #876846;

    border-radius: 12px;

    color: #e8d5b5 !important;

    box-shadow:
        0 0 0 4px #21130b,
        0 10px 25px rgba(0,0,0,.8);

}
main::before {

    content:
        "";

    display: block;

    height: 110px;

    margin: 10px;

    padding-top: 12px;

    box-sizing: border-box;

    text-align: center;

    font-family: 'Comic Neue', cursive;

    font-weight: bold;

    font-size: 15px;

    color: #e8d5b5;

    text-shadow: 2px 2px #21130b;
       
    background:url("https://friendrewind.com/uploads/gallery/21943/img_6a69cefaedaaa0.40409633.webp")
        center / cover;


    border: 2px solid #876846;

    border-radius: 9px;

    box-shadow:
        

}
.profile-info {

    background:
        linear-gradient(
            rgba(33, 19, 11, .55),
            rgba(76, 49, 29, .65)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c77cc4ee28.94727658.webp");

    background-size: cover;

    background-position: center;

    height: 120px;

    border: 2px solid #876846;

    border-radius: 9px;

}
.profile .blurbs {

    background:
        linear-gradient(
            rgba(33, 19, 11, .88),
            rgba(76, 49, 29, .86)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c77eae3a60.08167040.webp");

    background-size: cover;

    background-position: center;

    padding: 8px;

    border: 2px solid #876846;

    border-radius: 9px;

}
.profile .friends {

    background:
        linear-gradient(
            rgba(33, 19, 11, .87),
            rgba(76, 49, 29, .87)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c77cd0fc93.30762121.webp");

    background-size: cover;

    background-position: center;

    padding: 8px;

    border: 2px solid #876846;

    border-radius: 9px;

}
.profile .friends::after {

    content:
        "";

    display: block;

    width: 100%;

    height: 85px;

    margin-top: 10px;

    box-sizing: border-box;

    padding: 12px;

    text-align: center;

    font-family: 'Comic Neue', cursive;

    font-weight: bold;

    font-size: 14px;

    color: #e8d5b5;

    background:
        linear-gradient(
            rgba(33, 19, 11, .35),
            rgba(33, 19, 11, .60)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c781266ac5.51501210.webp")
        center / cover;

    border: 2px solid #876846;

    border-radius: 8px;

}


/* =========================================================
   CONTACT — OFFICE DIRECTORY
   ========================================================= */

.profile .contact {

    background:
        linear-gradient(
            rgba(33, 19, 11, .88),
            rgba(76, 49, 29, .88)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c780100a42.76126792.webp")
        center / cover;

    padding: 8px;

    border: 2px solid #876846;

    border-radius: 9px;

}


.profile .contact::after {

    content:
        "";

    display: block;

    width: 100%;

    height: 80px;

    margin-top: 10px;

    padding: 13px;

    box-sizing: border-box;

    text-align: center;

    font-family: 'Comic Neue', cursive;

    font-weight: bold;

    color: #e8d5b5;

    background:
        linear-gradient(
            rgba(33, 19, 11, .35),
            rgba(33, 19, 11, .65)
        ),
        url("https://friendrewind.com/uploads/gallery/21943/img_6a69c781266ac5.51501210.webp")
        center / cover;

    border: 2px solid #876846;

    border-radius: 8px;

}


/* =========================================================
   OTHER TABLE SECTION
   ========================================================= */

.profile .table-section {

    background:
        linear-gradient(
            rgba(33, 19, 11, .89),
            rgba(76, 49, 29, .87)
        ),
        url("https://i.redd.it/nr8swx8upt5f1.png")
        center / cover;

    padding: 8px;

    border: 2px solid #876846;

    border-radius: 9px;

}
.profile .home-actions {

    background:
        linear-gradient(
            rgba(33, 19, 11, .89),
            rgba(76, 49, 29, .87)
        ),
        url("https://i.redd.it/nr8swx8upt5f1.png")
        center / cover;

    padding: 8px;

    border: 2px solid #876846;

    border-radius: 9px;

}


/* =========================================================
   FOOTER
   ========================================================= */

footer {

    text-align: center;

    padding: 12px 5px;

    background:
        linear-gradient(
            rgba(33, 19, 11, .92),
            rgba(76, 49, 29, .90)
        ),
        url("https://frutigeraeroarchive.org/images/wallpapers/vectordelia/vectordelia_8.jpg")
        center / cover;

    color: #e8d5b5 !important;

    border: 2px solid #876846;

    border-radius: 10px;

}


/* =========================================================
   ONLINE STATUS
   ========================================================= */

.online {

    content:
        url("https://dl.glitter-graphics.com/pub/1621/1621292ik3voph7x6.gif");

}
.contact .inner a:before {

    content: "";

}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

    display: inline-block;

    background: url("https://i.postimg.cc/wj7dpHG3/pomicon.png") no-repeat 0 0;

    background-size: 100%;

    width: 16px;

    height: 16px;

}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

    display: inline-block;

    background: url("https://i.postimg.cc/Mpv8SxFM/ragicon.png") no-repeat 0 0;

    background-size: 100%;

    width: 16px;

    height: 16px;

}


.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

    display: inline-block;

    background: url("https://i.postimg.cc/T3pX6G45/zoobicon.png") no-repeat 0 0;

    background-size: 100%;

    width: 16px;

    height: 16px;

}


.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

    display: inline-block;

    background: url("https://i.postimg.cc/FH7Q4mB7/gangleicon.png") no-repeat 0 0;

    background-size: 100%;

    width: 16px;

    height: 16px;

}
body, body.profile-page {
  background-image: url("https://friendrewind.com/uploads/gallery/21943/img_6a69c77cd0fc93.30762121.webp") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
}
nav .links {
background-color: var(--lighter-blue);
background-color: rgba(0, 0, 0, 0);
}
  :root {
--darker-blue: #1E40AF;
--darker-blue: #EAD1AC;
}
</style></style>