← Back to Layouts
Zelda Theme

Name: FriendRewind
Author: FriendRewind
Author: sudofry
Category: Gaming
Created: September 18, 2026
A Zelda themed 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>

@import url('https://fonts.googleapis.com/css2?family=Joti+One&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

.table-section.photos-preview .inner p i, .table-section.videos-preview .inner p i {
    padding-left: 8px;
}

.profile-playlist-mount {
    position: relative;
    top: 10px;
    padding-bottom: 4px;
}

.profile-playlist-mount, #profile-playlist-container, .profile-playlist-widget {
    max-width: none!important;
}

.profile-playlist-widget {
    border: 2px solid #434343!important;
}

.profile-playlist-widget li.current {
    background-color: rgba(204, 204, 255, 0.2)!important;
}

.profile-playlist-widget li:hover, .profile-playlist-widget li.hovering {
    background-color: rgba(204, 204, 255, 0.2)!important;
    box-shadow: none!important;
    transform: none!important;
    border-color: #ccccff!important;
}

.pp-drag, .profile-playlist-widget .song-info, .profile-playlist-widget button {
    color: #ccccff!important;
}

.pp-drag:hover, .profile-playlist-widget button:hover {
    background-color: rgba(204, 204, 255, 0.2)!important;
}

.pp-equalizer span {
    background-color: #ccccff!important;
}

.profile-playlist-widget ul div {
    background-image: linear-gradient(90deg, transparent, rgba(204, 204, 255, 0.8), transparent)!important;
}

#bar-playlist-btn,
.bar-playlist-container #bar-playlist-btn:hover,
.bar-playlist-container #bar-playlist-btn:active,
.bar-playlist-container #bar-playlist-btn:focus,
.bar-playlist-container #bar-playlist-btn:focus:active,
.music-bar .bar-btn.playlist-btn {
    background-image:url('https://i.postimg.cc/fR6BpSC0/triforce-sprite.png')!important;
}

.music-bar .bar-progress-fill {
    background-image: linear-gradient(90deg, #ccccff, #9999ff)!important;
}

#frw-im-button {
    background-image: none!important;
}

#frw-im-button:hover {
    background-image: linear-gradient(180deg, #9696fc, #9999ff, #7e7ed5)!important;
    transform: none!important;
}

.volume-slider {
    background-image: linear-gradient(180deg, #ccccff, #9999ff)!important;
    border: 1px solid #080808!important;
}

.music-bar .volume-slider::-webkit-slider-thumb{
    background: radial-gradient(circle, #cbcbcb 0%, #ccccff 15%, #cc6699 100%);
    border:1px solid #252525 !important;
}

.bar-now-playing, .bar-time-display, .bar-time-total {
    color: #ccccff!important;
}

body {
    background-color: #252525;
    background-image: url('https://i.postimg.cc/0ypcfMSR/bg.jpg');
    background-repeat: none;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.myspace-header {
    background-color: transparent;
}

.myspace-header #header-visualizer {
    display: none;
}

.myspace-header .search-input {
    border: 2px solid #ccccff;
    border-radius: 6px;
}

.myspace-header .search-button {
    color: #ccccff;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    background-color: #454545;
    border: 2px solid #ccccff;
    border-radius: 6px;
    margin-left: 2px;
}

.myspace-header .search-button:hover {
    background-image: none;
    color: #cc6699;
    border-color: #cc6699;
    cursor: pointer;
}

.myspace-header .top-nav {
    background-image: linear-gradient(#333333, #000000);
    border: 2px solid #000000;
    border-bottom: 0;
    height: 80px;
}

.myspace-header .main-nav-wrapper {
    background-image: linear-gradient(#333333, #000000)!important;
    border: 2px solid #000000;
    top: 0px;
    height: 34px;
    padding-top: 1px;
}

.myspace-header .main-nav li a {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
    border-right: 0;
    text-shadow: none;
}

.myspace-header .main-nav li a:hover {
    background-color: transparent;
}

.myspace-header .dropdown-menu {
    color: #ccccff;
    box-shadow: none;
    background-color: #333333;
    border: 2px solid #000000;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.myspace-header .dropdown-menu a {
    color: #ccccff!important;
    border-bottom: 2px solid #000000;
}

.myspace-header .dropdown-menu a:hover {
    color: #cc6699!important;
    background-color: #000000!important;
}

.myspace-header .dropdown-menu.js-dropdown-open {
    width: 200px;
    margin-top: 2px;
}

.myspace-header .nav-logo {
    content: url('https://i.postimg.cc/yNv5GPXG/logo.webp');
}

.master-container {
    max-width: 1000px;
}

main:before {
    width: 100%;
    height: 342px;
    display: block;
    content: "";
    background-image: url('https://i.postimg.cc/jqFn9jt7/banner.jpg');
    background-position: center center;
    background-size: cover;
    border-bottom: 2px solid #000000;
}

main {
    background-color: #252525;
    background-image: url('https://i.postimg.cc/SNHcRxwk/repeating.png');
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    padding: 0;
}

label {
    font-family: "Nunito";
    position: relative;
    top: 2px;
}

input {
    color: #ffffff;
    background-color: #333333;
    border: 1px solid #505050;
    border-radius: 8px;
    padding: 4px;
}

footer {
    background-color: #252525;
    border: 2px solid #000000;
}

footer .copyright {
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    font-family: "Nunito";
    color:#ffffff!important;
}

h4 {

    font-weight: bold;
    font-size: 14px;
    padding: 2px 0 2px 0;
}

.profile h1 {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
}

.friends .heading a.more {
    padding-top: 3px;
    font-family: "Nunito";
}

a:link, .bio-text p a, .details-table td a {
    color: #ccccff!important;
    text-decoration: none!important;
}

a:visited, .bio-text p a:visited, .details-table td a:visited {
    color: #ccccff!important;
}

a:hover, .bio-text p a:hover, .details-table td a:hover {
    color: #cc6699!important;
    text-decoration: none!important;
    cursor: pointer;
}

a:active, .bio-text p a:active, .details-table td a:active {
    color: #ffffff!important;
}

[aria-label="Footer navigation"] {
    border: 2px solid #000000!important;
}

[aria-label="Footer navigation"] .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 0;
    background-color: #434343;
    background-image: none;
}

[aria-label="Footer navigation"] .links li {
    padding: 6px 11px !important;
}

@media (max-width: 600px) {
    [aria-label="Footer navigation"] .links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

footer .links li:not(:last-child)::after {
    display: none;
}

body.profile-page .profile .table-section .inner a:has(img) {
    border: 0;
    padding: 12px;
}

.profile-page nav {
    height: auto;
}

.profile .contact .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.profile .table-section .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.fr-mutual-label {
    padding-top: 6px!important;
}

.profile .blurbs {
    border: 2px solid #434343;
}

.profile .blurbs, .profile .friends, #comments, .profile .url-info, .videos-preview, .photos-preview, .mutual-friends-section, .comments-table {
    background-image: url('https://i.postimg.cc/3N1r05tC/opacity.png');
}

.profile .blurbs .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

.profile .friends {
    border: 2px solid #434343;
    padding-bottom: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.profile .friends .heading {
    background-image: linear-gradient(180deg, #434343, #000000);
    text-shadow: 0 0 6px #000000;
}

p, .cb, li {
    font-family: "Nunito"!important;
    color: #cbcbcb!important;
}

.count {
    color: #ffffff;
}

.general-about .profile-pic img {
    border: 2px solid #434343;
    border-radius: 6px;
}

.online {
    color: #ffd67f;
}

.online img {
    content: url('https://i.postimg.cc/sX5KyLfB/triforce.gif');
    position: relative;
    animation: none;
    width: 24px!important;
    top: 4px;
}

.offline img.status-icon {
    width: 0!important;
}

.profile .url-info {
    border-color: #434343!important;
    border-radius: 6px;
}

.profile-info {
    text-shadow: 1px 1px 2px #000000;
    border-color: #434343!important;
    background-image: url('https://i.postimg.cc/TYHXBppD/profile-info.jpg');
    background-position: center;
    background-size: cover;
    height: 200px;
    border-radius: 6px;
}

.profile-info .inner h3 {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}

body.profile-page .profile .interest-content img, body.profile-page .profile .table-section .inner img {
    vertical-align: unset;
}

body.profile-page .details-table td {
    background-color: #555555!important;
}

body.profile-page .details-table td:first-child {
    font-family: "Nunito";
    background-color: #333333!important;
    text-align: center;
}

.contact {
    border-radius: 6px;
    border-color: #434343!important;
    background-image: url('https://i.postimg.cc/sfWdc12Q/contact.jpg')!important;
    background-size: cover;
    height: 190px;
}

.contact .inner a img {
    font-size: 0;
}

.contact .inner a {
    font-family: "Joti One", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    position: relative;
    top: 14px;
    left: 14px;
    text-shadow: 1px 1px 2px #000000;
}

.f-row {
    margin-left: 0!important;
    margin-right: 0!important;
}

.f-col {
    line-height: 33px;
}

.table-section {
    border-color: #434343!important;
    border-radius: 6px;
}

.details-table {
    margin-bottom: 0!important;
}

.comments-table {
    border: 1px solid #434343;
}

.comments-table td {
    color: #cbcbcb;
    background-color: #181818;
    padding: 10px;
}

.comments-table td:first-child {
    background-color: #080808;
    background-image: url('https://i.postimg.cc/NGDv7qX3/comment-td.png');
}

.comment-replies {
    position: relative;
    top: -12px;
    background-color: #252525;
    border-color: #434343;
    border-width: 2px;
}

.comments-table td button {
    color: #cbcbcb;
    background-color: #333333;
    border: 1px solid #434343;
    border-radius: 6px;
    padding: 4px;
}

.comments-table td button:hover {
    background-color: #434343;
    color: #cc6699;
    border-color: #cc6699;
    cursor: pointer;
}

.cb-author-name {
    color: #ccccff!important;
}

.blog-preview p, .blog-preview h4 {
    padding-left: 8px;
}

.profile .blurbs {
    margin-bottom: 10px;
    border-radius: 6px;
}

#top8-grid .person p {
    color: #ccccff!important;
}

#top8-grid .person p:hover {
    color: #cc6699!important;
}

#top8-grid .person img:not(.icon) {
    border: 2px solid #434343;
    border-radius: 6px;
}

#top8-grid .person img:not(.icon):hover {
    border: 2px solid #cc6699;
}

.comments-table td:first-child p {
    color: #ccccff;
}

.comments-table td:first-child p:hover {
    color: #cc6699!important;
}

.comments-table td:first-child img:not(.icon) {
    border: 2px solid #434343;
    border-radius: 6px!important;
}

.comments-table td:first-child img:not(.icon):hover {
    border: 2px solid #cc6699;
}

.friends p:first-of-type {
    margin-left: 0;
}

.next button {
    color: #cbcbcb;
    background-color: #333333;
    border: 1px solid #434343;
    border-radius: 8px;
    padding: 4px;
}

.next button:hover {
    color: #ffd67f;
    border-color: #ffd67f;
    cursor: pointer;
}

</style>