← Back to Layouts
Sasuke

Name: FriendRewind
Author: FriendRewind
Author: Lys.Ains🌀
Category: Classic
Created: October 25, 2026
Inspirado em Sasuke Uchiha
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":3,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"https://friendrewind.com/uploads/gallery/40505/img_6ade7c1e0afb63.35235434.webp","friends":"https://friendrewind.com/uploads/gallery/40505/img_6ade7ec11287b2.55018932.webp","Comments Background":"https://friendrewind.com/uploads/gallery/40505/img_6ade7e2a168a18.05014533.webp","comments":"https://friendrewind.com/uploads/gallery/40505/img_6ade7e6e295f90.79491781.gif"}} */
/* Generated by FriendRewind.com Visual Builder */

.blurbs {
  background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7c1e0afb63.35235434.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.friends {
  background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7ec11287b2.55018932.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#comments {
  background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7e2a168a18.05014533.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.comments-table td {
  background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7e6e295f90.79491781.gif") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
</style><style>


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


/* FR_MANUAL_EXTRAS */
</style>
<style>
/* ==================================================
   SASUKE UCHIHA • FRIENDREWIND PROFILE
   Paleta azul, azul-gelo e azul-marinho
================================================== */

/*
#C2E3DE  Azul-gelo
#8DBFC3  Azul pastel
#608FA2  Azul acinzentado
#3B5F82  Azul aço
#203361  Azul profundo
#0C1141  Azul-marinho
#060220  Azul quase preto
*/


/* ==================================================
   01. FUNDO DA PÁGINA
   IMAGEM 2
================================================== */

body,
body.profile-page {
    background-color: #060220 !important;
    background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7a513b0dc2.41369861.webp") !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-attachment: fixed !important;
    background-position: center top !important;
    color: #C2E3DE !important;
}


/* ==================================================
   02. BANNER DO TOPO
   IMAGEM 1
================================================== */

main::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 300px !important;

    background-image: url("https://friendrewind.com/uploads/gallery/40505/img_6ade7ac575d2d3.03584405.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;

    border: 1px solid #3B5F82 !important;
    box-shadow: 0 0 12px rgba(96, 143, 162, 0.35) !important;
}


/* ==================================================
   03. ÁREA GERAL DO PERFIL
================================================== */

.profile {
    background-color: rgba(6, 2, 32, 0.82) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: #C2E3DE !important;
}


/* ==================================================
   04. SEÇÃO DE INTERESSES
   IMAGEM 3
================================================== */

.interests {
    background-color: #0C1141 !important;

    background-image:
        linear-gradient(
            rgba(6, 2, 32, 0.28),
            rgba(6, 2, 32, 0.42)
        ),
        url("https://friendrewind.com/uploads/gallery/40505/img_6ade7a68779499.43585262.webp") !important;

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

    border: 2px solid #3B5F82 !important;
    border-radius: 5px !important;
    color: #C2E3DE !important;
}

.interests .heading {
    background-color: #203361 !important;
    color: #C2E3DE !important;
    border-bottom: 1px solid #608FA2 !important;
}

.interests table,
.interests tbody,
.interests tr,
.interests td,
.interests .inner,
.interests .content,
.interests .section-content {
    background-color: rgba(6, 2, 32, 0.30) !important;
    color: #C2E3DE !important;
}

/* ==================================================
   05. BIO • FUNDO DA ÁREA INTERNA
   IMAGEM 4
================================================== */

/* Caixa externa da Bio */
.blurbs {
    background-color: rgba(6, 2, 32, 0.85) !important;
    background-image: none !important;

    border: 1px solid #3B5F82 !important;
    border-radius: 5px !important;

    color: #C2E3DE !important;
}

/* Título da Bio */
.blurbs > .heading {
    background-color: #203361 !important;
    color: #C2E3DE !important;

    border-bottom: 1px solid #608FA2 !important;
}

/* IMAGEM APLICADA ATRÁS DO TEXTO DA BIO */
.blurbs .section {
    background-color: #060220 !important;

    background-image:
        linear-gradient(
            rgba(6, 2, 32, 0.30),
            rgba(6, 2, 32, 0.40)
        ),
        url("https://friendrewind.com/uploads/gallery/40505/img_6ade7c1e0afb63.35235434.webp") !important;

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

    color: #C2E3DE !important;
}

/* Evita que elementos internos cubram a imagem */
.blurbs .section p,
.blurbs .section div,
.blurbs .section span,
.blurbs .section table,
.blurbs .section tbody,
.blurbs .section tr,
.blurbs .section td {
    background-color: transparent !important;
}

/* ==================================================
   06. CAIXAS DO PERFIL
================================================== */

.table-section,
.friends,
.module,
.profileInfo,
.section,
.friend-space,
.badges-section,
.url-info,
.contact {
    background-color: rgba(6, 2, 32, 0.94) !important;
    border: 1px solid #3B5F82 !important;
    border-radius: 5px !important;
    color: #C2E3DE !important;
}


/* ==================================================
   07. TÍTULOS DAS CAIXAS
================================================== */

.table-section .heading,
.friends .heading,
.section .heading,
.module .heading,
.profileInfo .heading,
.contact .heading,
.url-info .heading,
.friend-space .heading,
.badges-section .heading {
    background-color: #203361 !important;
    color: #C2E3DE !important;
    border-bottom: 1px solid #608FA2 !important;
}


/* ==================================================
   08. TEXTOS
================================================== */

.profile,
.table-section,
.module,
.blurbs,
.section,
.profileInfo,
.friend-space,
.badges-section,
.url-info,
.contact,
.friends,
.interests {
    color: #C2E3DE !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.table-section h4,
.module h4,
.blurbs h4,
.section h4 {
    color: #C2E3DE !important;
    text-shadow: 0 0 5px rgba(96, 143, 162, 0.30) !important;
}


/* ==================================================
   09. LINKS
================================================== */

a,
.profile a,
.table-section a,
.module a,
.blurbs a,
.interests a,
.friends a,
.contact a {
    color: #8DBFC3 !important;
    transition: color 0.2s ease !important;
}

a:hover,
.profile a:hover,
.table-section a:hover,
.module a:hover,
.blurbs a:hover,
.interests a:hover,
.friends a:hover,
.contact a:hover {
    color: #C2E3DE !important;
}


/* ==================================================
   10. NAVEGAÇÃO
================================================== */

nav,
.navbar,
.topnav,
.navigation {
    background-color: #0C1141 !important;
    border-color: #3B5F82 !important;
}

nav a,
.navbar a,
.topnav a,
.navigation a {
    color: #8DBFC3 !important;
}

nav a:hover,
.navbar a:hover,
.topnav a:hover,
.navigation a:hover {
    color: #C2E3DE !important;
}


/* ==================================================
   11. CONTATO
================================================== */

.contact {
    border-color: #3B5F82 !important;
}

.contact .heading {
    background-color: #203361 !important;
    color: #C2E3DE !important;
}


/* ==================================================
   12. BORDAS E DETALHES
================================================== */

.table-section,
.friends,
.module,
.profileInfo,
.section,
.contact,
.url-info,
.friend-space,
.badges-section {
    border-color: #3B5F82 !important;
}

hr {
    border-color: #203361 !important;
}

::selection {
    background-color: #608FA2 !important;
    color: #060220 !important;
}


/* ==================================================
   13. CAMPOS E BOTÕES
================================================== */

input,
textarea,
select {
    background-color: #0C1141 !important;
    color: #C2E3DE !important;
    border: 1px solid #3B5F82 !important;
}

button {
    background-color: #203361 !important;
    color: #C2E3DE !important;
    border: 1px solid #608FA2 !important;
}

</style>