← Back to Layouts
meulayoutmaldito

Name: FriendRewind
Author: FriendRewind
Author: Rioshy Style
Category: Classic
Created: September 5, 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 */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

/* Barra inferior dos botões preta */
nav, .links, nav .links, .menu-links, .nav-bar {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
}
  
/* FORÇAR OS BOTÕES INDIVIDUAIS (Home, Browse, etc) A FICAREM PRETOS */
nav ul li, 
nav ul li a, 
.links a, 
.menu-links a,
.navbar a,
nav a,
[class*="nav"] a,
[class*="menu"] a,
li[class*="nav"] {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    border: none !important;
  }

/* Modifica especificamente os contornos azuis da busca */
.myspace-header .top-nav input[type="text"],
.myspace-header .top-nav button.search-button {
    border: 1px solid #a92323 !important; /* Aplica o vermelho escuro */
    outline: 1px solid #e6181a !important;
    box-shadow: 0 0 9px rgba(230, 24, 26, 0.6) !important;
}

.myspace-header .top-nav button.search-button,
nav .top button,
.myspace-header .top-nav form button {
    color: #a92323 !important;
}


/* 1. Mata especificamente a linha azul de baixo da barra e do menu */
.myspace-header .main-nav-wrapper,
.myspace-header .main-nav,
nav .main-nav-wrapper,
header nav {
    border-bottom: 1px solid #a92323 !important;
}

/* 2. Força o vermelho em todas as outras bordas das abas */
.myspace-header .main-nav li,
.myspace-header .main-nav li a,
nav .main-nav li {
    border: 1px solid #a92323 !important;
    box-shadow: 0 0 19px rgba(230, 24, 26, 0.6) !important;
}

/* 3. Garante as linhas verticais sem nenhuma sobra azul */
.myspace-header .main-nav li {
    border-left: 5px solid #a92323 !important;
    border-right: 1px solid #a92323 !important;
    box-shadow: 0 0 39px rgba(230, 24, 26, 0.6) !important;
    background-image: none !important;
    }

/* 3. Muda o fundo quando CLICA ou passa o mouse nas abas (Fim do fundo azul) */
.myspace-header .main-nav li a:hover,
.myspace-header .main-nav li a:focus,
.myspace-header .main-nav li a:active,
.myspace-header .main-nav li.active a,
.myspace-header .main-nav li.active,
nav .main-nav li:hover,
nav .main-nav li.active {
    background-color: #a92323 !important; /* Cor de fundo vermelha ao interagir */
    background-image: none !important; /* Garante que o azul sumiu ao clicar */
    box-shadow: none !important;
}

/* 4. Cor do texto ao interagir */
.myspace-header .main-nav li a:hover,
.myspace-header .main-nav li.active a {
    color: #ffffff !important; /* Texto fica branco para melhor leitura no vermelho */
}


</style>