/* ----------------------------------------------------------------------------- BleachSYSTEM Nome do site: BleachSYSTEM.com Desenvolvido por: Raséc. Referência das variáveis originais do Blogger. Estas declarações XML ficam aqui apenas como documentação: o navegador não as executa dentro de um arquivo CSS. Os valores ativos estão convertidos em propriedades personalizadas CSS no :root logo abaixo. ----------------------------------------------------------------------------- */ /* ========================================================================== BLEACHSYSTEM — CSS EXTERNO Hospedagem: Cloudflare Pages IMPORTANTE: o CSS externo não atualiza automaticamente pelo Editor de temas do Blogger. Para mudar cores/fontes, altere os valores abaixo. ========================================================================== */ :root { --bs-keycolor: #ffffff; --bs-follow-by-email: "Get all latest content delivered straight to your inbox."; --bs-main-color: #FFFFFF; --bs-main-dark-color: #111111; --bs-header-bg1: #eb3349; --bs-header-bg2: #f45c43; --bs-menu-color: #171717; --bs-title-color: #cdcdcd; --bs-body-background-color: #fdfdfd; --bs-body-background: #f8f8f8 url() repeat fixed bottom left; --bs-body-text-color: #7d7d7d; --bs-body-link-color: #fddd96; --bs-body-text-font: 13px Poppins, sans-serif; --bs-posts-background-color: #ffffff; --bs-tabs-font: 13px Poppins, sans-serif; --bs-posts-title-color: #626262; --bs-posts-text-color: #7d7d7d; --bs-posts-icons-color: #eb3349; --bs-labels-background-color: #eb3349; } /* ========================================================================== 01. CSS PRINCIPAL DO TEMA (antigo b:skin) ========================================================================== */ /*-- Material Icons Font --*/ @font-face { font-family:'Material Icons Round'; font-style:normal; font-weight:400; src:url(https://fonts.gstatic.com/s/materialiconsround/v105/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2'); } .material-icons-round, .material-symbols-rounded { font-family:'Material Icons Round'; font-weight:normal; font-style:normal; font-size:12px; color: #ffb05e; line-height:1; vertical-align:middle; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; } /*-- icone news--*/ .clarity--new-solid::after { display: inline-block; position: relative; width: 22px; right: 2px; top: 8px; left: 5px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath fill='%23f0ca90' d='m34.11 24.49l-3.92-6.62l3.88-6.35a1 1 0 0 0-.85-1.52H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h31.25a1 1 0 0 0 .86-1.51m-23.6-3.31H9.39l-3.26-4.34v4.35H5V15h1.13l3.27 4.35V15h1.12ZM16.84 16h-3.53v1.49h3.2v1h-3.2v1.61h3.53v1h-4.66V15h4.65Zm8.29 5.16H24l-1.55-4.59l-1.55 4.61h-1.12l-2-6.18H19l1.32 4.43L21.84 15h1.22l1.46 4.43L25.85 15h1.23Z' class='clr-i-solid clr-i-solid-path-1'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E"); } .line-md--arrow-small-down::after { display: inline-block; width: 36px; height: 36px; vertical-align: -0.125em; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='16' stroke-dashoffset='16' d='M12 5l0 13.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='16;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='10' stroke-dashoffset='10' d='M12 19l5 -5M12 19l-5 -5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.2s' dur='0.2s' values='10;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .line-md--chevron-double-down::after { display: inline-block; width: 18px; height: 18px; margin-left: 5px; margin-top: 2px; vertical-align: -0.125em; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-dasharray='12' stroke-dashoffset='12' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M12 19l-7 -7M12 19l7 -7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.3s' values='12;0'/%3E%3C/path%3E%3Cpath d='M12 13l-7 -7M12 13l7 -7'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.3s' dur='0.3s' values='12;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .line-md--play::after { display: inline-block; width: 18px; height: 18px; margin-top: 6px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6'%3E%3Canimate fill='freeze' attributeName='d' dur='0.6s' keyTimes='0;0.66;1' values='M9 18L7 18L7 6L9 6L9 18M15 6L17 6L17 18L15 18L15 6;M13 15L8 18L8 6L13 9L13 15M13 9L18 12L18 12L13 15L13 9;M13 15L8 18L8 6L13 9L13 9M13 9L18 12L18 12L13 15L13 15'/%3E%3C/path%3E%3C/svg%3E"); } .line-md--search::after { display: inline-block; width: 10px; height: 10px; vertical-align: -0.125em; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23e0e1e68c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath stroke-dasharray='40' stroke-dashoffset='40' d='M10.76 13.24c-2.34 -2.34 -2.34 -6.14 0 -8.49c2.34 -2.34 6.14 -2.34 8.49 0c2.34 2.34 2.34 6.14 0 8.49c-2.34 2.34 -6.14 2.34 -8.49 0Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.5s' values='40;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='12' stroke-dashoffset='12' d='M10.5 13.5l-7.5 7.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='12;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .arcticons--movielab::after { display: inline-block; width: 18px; height: 18px; vertical-align: -0.125em; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M41.876 28.694c4.198-8.521-3.855-14.405-12.665-18.702C5.33-1.654 5.615 12.15 5.03 22.65c-.39 7.044 1.69 24.287 16.698 17.702c18.619-8.17 19.542-14.95 5.469-23.172c-14.35-8.385-15.917-1.87-15.975 6.188c-.011 1.57-1.074 11.994 9.642 9.932a19.84 19.84 0 0 0 8.636-4.174'/%3E%3C/svg%3E"); } .entypo--download::after { display: inline-block; width: 14px; float: left; vertical-align: -0.125em; margin-right: 4px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffae1d' d='M15 7h-3V1H8v6H5l5 5zm4.338 6.532c-.21-.224-1.611-1.723-2.011-2.114A1.5 1.5 0 0 0 16.285 11h-1.757l3.064 2.994h-3.544a.27.27 0 0 0-.24.133L12.992 16H7.008l-.816-1.873a.28.28 0 0 0-.24-.133H2.408L5.471 11H3.715c-.397 0-.776.159-1.042.418c-.4.392-1.801 1.891-2.011 2.114c-.489.521-.758.936-.63 1.449l.561 3.074c.128.514.691.936 1.252.936h16.312c.561 0 1.124-.422 1.252-.936l.561-3.074c.126-.513-.142-.928-.632-1.449'/%3E%3C/svg%3E"); } .ri--links-fill::after { display: inline-block; width: 14px; height: 14px; margin-top: -5px; margin-right: 4px; vertical-align: -0.125em; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffae1d' d='m13.06 8.111l1.415 1.414a7 7 0 0 1 0 9.9l-.354.353a7 7 0 1 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415zm6.718 6.01l-1.414-1.414a5 5 0 0 0-7.071-7.07l-.354.353a5 5 0 0 0 0 7.07l1.415 1.415l-1.415 1.414l-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 1 1 9.9 9.9'/%3E%3C/svg%3E"); } .ri--links-fill:hover { color: #e73138; } .svg-spinners--bars-scale-fade { display: inline-block; width: 14px; height: 14px; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='6' height='14' x='1' y='4' fill='%2374747496' stroke-width='0.5' stroke='%2374747496'%3E%3Canimate id='SVGBoZ3Ab9F' fill='freeze' attributeName='y' begin='0;SVG0XJl4OCs.end-0.5s' dur='1.5s' values='1;5'/%3E%3Canimate fill='freeze' attributeName='height' begin='0;SVG0XJl4OCs.end-0.5s' dur='1.5s' values='22;14'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='0;SVG0XJl4OCs.end-0.5s' dur='1.5s' values='1;0.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='9' y='4' fill='%2374747496' opacity='0.4' stroke-width='0.5' stroke='%2374747496'%3E%3Canimate fill='freeze' attributeName='y' begin='SVGBoZ3Ab9F.begin+0.3s' dur='1.5s' values='1;5'/%3E%3Canimate fill='freeze' attributeName='height' begin='SVGBoZ3Ab9F.begin+0.3s' dur='1.5s' values='22;14'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='SVGBoZ3Ab9F.begin+0.3s' dur='1.5s' values='1;0.2'/%3E%3C/rect%3E%3Crect width='6' height='14' x='17' y='4' fill='%2374747496' opacity='0.3' stroke-width='0.5' stroke='%2374747496'%3E%3Canimate id='SVG0XJl4OCs' fill='freeze' attributeName='y' begin='SVGBoZ3Ab9F.begin+0.6s' dur='1.5s' values='1;5'/%3E%3Canimate fill='freeze' attributeName='height' begin='SVGBoZ3Ab9F.begin+0.6s' dur='1.5s' values='22;14'/%3E%3Canimate fill='freeze' attributeName='opacity' begin='SVGBoZ3Ab9F.begin+0.6s' dur='1.5s' values='1;0.2'/%3E%3C/rect%3E%3C/svg%3E"); } /*-- Reset CSS --*/ a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0; padding:0; border:0; outline:0; vertical-align:baseline; background:0 0; text-decoration:none } form, textarea, input, button { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0 } dl, ul { list-style-position:inside; font-weight:400; list-style:none } ul li { list-style:none } caption, th { text-align:center } img { border:none; position:relative } a, a:visited { text-decoration:none } .clearfix { clear:both } .section, .widget, .widget ul { margin:0; padding:0 } a { color:var(--bs-body-link-color) } a img { border:0 } abbr { text-decoration:none } .CSS_LIGHTBOX { z-index:999999!important } .separator a { clear:none!important; float:none!important; margin-left:0!important; margin-right:0!important } #navbar-iframe, .widget-item-control, a.quickedit, .home-link, .feed-links { display:none!important } .center { display:table; margin:0 auto; position:relative } .widget > h2, .widget > h3 { display:none } /*-- Body Content CSS --*/ body { background: #f8f8f8 url() repeat fixed bottom left; background-color: #fdfdfd; font-family: "Hind", Arial, sans-serif; font-size: 14px; color: #fff; word-wrap: break-word; margin: 0; padding: 0; } a svg:hover #facebook, a svg:hover #instagram { fill: #ff6520; } svg #facebook, a svg #instagram { transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out; } .image-credit:hover { transition: all 0.7s ease; filter: brightness(1.4); } /* Comentários gerais */ #comment-editor, .comments textarea, .comments .comment-form, .comments .comment-replybox-single { border-radius: 8px; } .comments textarea::placeholder { color: #aaa; } .comments-section { background-color: #1a1a1a; padding: 20px; margin-top: 40px; border-radius: 8px; color: #fff; box-shadow: 0px 0px 6px #000000; } /* Título de comentários */ .comments-section h4, .comments-section h3 { color: #f77833; font-size: 16px; text-transform: uppercase; margin-bottom: 15px; } /* Comentários individuais */ .comments .comment { box-shadow: -2px 3px 1px 0px #ffffff08; background: linear-gradient(180deg, rgb(22 22 22 / 74%) 0%, rgb(0 0 0 / 70%) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgb(255 255 255 / 4%); } /* Autor, data e texto */ .comment-author, .comment-content { color: #eee; } .comment-timestamp { color: #bbb; font-size: 12px; } /* Botões de resposta e exclusão */ .comment-actions { margin-top: 8px; } .comment-actions a { background-color: #f57820; padding: 2px 10px; color: #fff !important; font-size: 12px; border-radius: 4px; margin-right: 5px; text-transform: uppercase; } .comment-actions a:hover { background-color: #ff8216; } /* Setas e respostas */ .thread-toggle { color: #f77833; font-weight: bold; } /* GENERAL STYLES */ #outer-wrapper { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBbv-WfN9YTLDyGnhnHO2XPt1estQJtw_a9u-65LYquKBZYupXRWjdgv4uHBN3gX_k3i9-yluNFRtFfMEGqRp84W-v7NDYHxJqIN8lKm2FeJNebpkXZatt-3wpsISmtE01zwtRwWD3BO5Bum-37OeHaeu8tN3MBsdWBspIukQc-8yNDNrCQUyg1fbfO-p/s1600/fundo.jpg) repeat center fixed; } .row { width:1080px } #content-wrapper { margin: 0px auto 0; overflow: hidden; min-height: 850px; background: linear-gradient(180deg, rgb(6 6 6) 70%, rgb(10 10 10) 100%); border-right: 1px solid #141414ad; border-left: 1px solid #141414ad; box-shadow: 0 0 20px 2px rgb(0 0 0 / 70%); } #content-wrapper > .container { margin:0 } #newsite { font-weight: 700; background: radial-gradient(circle, rgb(28 28 28) 28%, rgb(0 0 0 / 14%) 68%); border-radius: 4px; text-align: center; padding: 5px; font-size: 12px; text-transform: uppercase; text-shadow: rgb(0 0 0) 0px 0px 4px; border-right: 4px solid #f6782b; border-left: 4px solid #f6782b; margin-top: 10px; margin-bottom: 25px; margin: 10px; } #sidebar-wrapper { float: left; PADDING:4px; overflow: hidden; width: 300px; box-sizing: border-box; word-wrap: break-word; } .post-image-wrap { position:relative; display:block } .post-image-link, .about-author .avatar-container, .comments .avatar-image-container { background-color: rgb(255 255 255); color:transparent!important } .post-image-link, .about-author .avatar-container, .comments .avatar-image-container { background-color: rgb(255, 255, 255); color: transparent !important; } .post-thumb { display: block; position: relative; width: 100%; height: 100%; z-index: 1; transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.6s ease, opacity 0.6s ease; transform: scale(1); /* Tamanho normal */ -webkit-user-select: none; user-select: none; pointer-events: none; } .post-image-link:hover .post-thumb, .post-image-wrap:hover .post-image-link .post-thumb, .slider-item-inner:hover .post-image-link .post-thumb { opacity: 1; /* Mantém a opacidade no hover */ transform: scale(1.04); /* Aumento sutil ao passar o mouse */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra mais leve */ } .post-title a { display:block } .social a:before { display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400 } .social .blogger a:before { content:"\f37d" } .social .facebook a:before { content:"\f09a" } .social .x a { box-shadow: 0px 1px 2px rgb(255 255 255 / 9%); display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px; color: #fff; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(18 18 18) 100%); transition: background-color 0.3s; transition: background-color 0.3s; /* Efeito de transição ao passar o mouse */ } .social .x a:hover { background-color: #202020; /* Cor de fundo ao passar o mouse */ } .social .x a:before { content: "\f00d"; /* Código do ícone 'times' do Font Awesome */ font-family: "Font Awesome 5 Free"; /* Fonte do Font Awesome */ font-weight: 900; /* Para garantir que o ícone seja exibido corretamente */ margin-right: 5px; /* Espaço entre o ícone e o texto */ } } .social .rss a:before { content:"\f09e" } .social .youtube a:before { content:"\f167" } .social .skype a:before { content:"\f17e" } .social .stumbleupon a:before { content:"\f1a4" } .social .tumblr a:before { content:"\f173" } .social .vk a:before { content:"\f189" } .social .stack-overflow a:before { content:"\f16c" } .social .github a:before { content:"\f09b" } .social .linkedin a:before { content:"\f0e1" } .social .dribbble a:before { content:"\f17d" } .social .soundcloud a:before { content:"\f1be" } .social .behance a:before { content:"\f1b4" } .social .digg a:before { content:"\f1a6" } .social .instagram a:before { content:"\f16d" } .social .x a:before { content: "\f00d"; /* Código Unicode do ícone 'times' do Font Awesome */ font-family: "Font Awesome 5 Free"; /* Fonte do Font Awesome */ font-weight: 900; /* Para garantir que o ícone seja exibido corretamente */ display: inline-block; } .social .pinterest a:before { content:"\f0d2" } .social .twitch a:before { content:"\f1e8" } .social .delicious a:before { content:"\f1a5" } .social .codepen a:before { content:"\f1cb" } .social .reddit a:before { content:"\f1a1" } .social .whatsapp a:before { content:"\f232" } .social .snapchat a:before { content:"\f2ac" } .social .email a:before { content:"\f0e0" } .social .external-link a:before { content:"\f35d" } .social-color .blogger a { background-color:#ff5722 } .social-color .facebook a { background-color:#3b5999 } .social-color .twitter a { background-color:#00acee } .social-color .youtube a { background-color:#f50000 } .social-color .instagram a { background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4) } .social-color .pinterest a { background-color:#ca2127 } .social-color .dribbble a { background-color:#ea4c89 } .social-color .linkedin a { background-color:#0077b5 } .social-color .tumblr a { background-color:#365069 } .social-color .twitch a { background-color:#6441a5 } .social-color .rss a { background-color:#ffc200 } .social-color .skype a { background-color:#00aff0 } .social-color .stumbleupon a { background-color:#eb4823 } .social-color .vk a { background-color:#4a76a8 } .social-color .stack-overflow a { background-color:#f48024 } .social-color .github a { background-color:#24292e } .social-color .soundcloud a { background:linear-gradient(#ff7400,#ff3400) } .social-color .behance a { background-color:#191919 } .social-color .digg a { background-color:#1b1a19 } .social-color .delicious a { background-color:#0076e8 } .social-color .codepen a { background-color:#000 } .social-color .reddit a { background-color:#ff4500 } .social-color .whatsapp a { background-color:#3fbb50 } .social-color .snapchat a { background-color:#ffe700 } .social-color .email a { background-color:#888 } .social-color .external-link a { background-color:var(--bs-main-dark-color) } #header-wrap { position:relative; margin:0 } .header-header { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtS0WjddO_wiWkZrt_Frb5Q642ehMCyLfrI3ZyvXhOgKfVInIJ2WudUa1oJcDeo13IjwdPlDr3TGpeASn_SRHO9djS4N8n2jOADY8p16dQXgqWUS34rZ4oaFpyXi5bo9CGAxBS53H50N7t5fnWH_elJDf24eGuJRq5vErfGsw4ThGVE_hkzqA8CA_aVm4r/s1600/5c4c5070-c572-4e3d-b2c6-edff7d25837b.png) center; background-size: cover; background-position-y: -60px; width: 100%; height: 170px; position:relative; } .header-header::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: blur(0.3px); background: inherit; z-index: 0; } .header-header .container { position:relative; margin:0 auto; padding:0 } .header-logo { position: relative; float: left; width: auto; max-width: 400px; padding: 0; left: -5px; top: 0px; z-index: 3; user-select: none; } /* Estrutura real do widget Image do Blogger */ .header-logo .widget-content { line-height: 0; } .header-logo .widget-content > a { position: relative; display: inline-block; overflow: visible; line-height: 0; } .header-logo .widget-content > a > img:not(.logo-shine-copy) { position: relative; z-index: 1; display: block; margin: 0; width: 400px; height: auto; image-rendering: auto; transition: transform .45s ease, filter .45s ease; } .header-logo .widget-content > a:hover > img:not(.logo-shine-copy) { transform: none; filter: brightness(1.04) saturate(1.03); } .header-logo .widget-content > a > img.logo-shine-copy { position: absolute !important; inset: 0 !important; z-index: 2 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain; pointer-events: none; opacity: 0; -webkit-mask-image: linear-gradient(105deg, transparent 0%, transparent 39%, rgba(0,0,0,.35) 43%, #000 48%, #000 52%, rgba(0,0,0,.35) 57%, transparent 61%, transparent 100%); mask-image: linear-gradient(105deg, transparent 0%, transparent 39%, rgba(0,0,0,.35) 43%, #000 48%, #000 52%, rgba(0,0,0,.35) 57%, transparent 61%, transparent 100%); -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 150% 0; mask-position: 150% 0; filter: brightness(1.8) saturate(1.55) sepia(.12) drop-shadow(0 0 2px rgba(255,90,0,.45)); mix-blend-mode: screen; } .header-logo .widget-content > a > img.logo-shine-copy { animation: bleachLogoAutoSweep 11s ease-in-out infinite; animation-delay: -3.7s; } /* Hover continua disparando um flash imediato */ .header-logo .widget-content > a:hover > img.logo-shine-copy { animation: bleachLogoRealSweep 1.1s cubic-bezier(.22,.61,.36,1); } @keyframes bleachLogoRealSweep { 0% { opacity: 0; -webkit-mask-position: 150% 0; mask-position: 150% 0; } 10% { opacity: .95; } 82% { opacity: .95; } 100% { opacity: 0; -webkit-mask-position: -50% 0; mask-position: -50% 0; } } /* Flash automático do logo: 1 passagem a cada 11 segundos, fora de fase do personagem */ @keyframes bleachLogoAutoSweep { 0% { opacity: 0; -webkit-mask-position: 150% 0; mask-position: 150% 0; } 1% { opacity: .95; } 10% { opacity: .95; -webkit-mask-position: -50% 0; mask-position: -50% 0; } 12%, 100% { opacity: 0; -webkit-mask-position: -50% 0; mask-position: -50% 0; } } /* ========================================================= PERSONAGEM DO TOPO — REIATSU DOURADA / LARANJA A CADA 8s ========================================================= */ #personagemTOP { overflow: visible; } #personagemTOP::after { content: ""; position: absolute; inset: -8px -12px -8px -12px; z-index: 2; pointer-events: none; opacity: 0; /* Núcleo quente + aura externa suave, seguindo o personagem pela máscara */ /* Reiatsu automática de 8s: energia concentrada no lado direito e avançando até metade do rosto. */ background: radial-gradient( ellipse 27% 58% at calc(47% + 2px) 74%, rgba(255,253,222,.383) 0%, rgba(255,230,145,.289) 16%, rgba(255,190,75,.188) 34%, rgba(245,135,32,.087) 52%, transparent 71% ), radial-gradient( ellipse 41% 78% at calc(47% + 24px) 80%, rgba(255,205,90,.13) 0%, rgba(255,150,38,.079) 38%, rgba(215,90,15,.037) 61%, transparent 80% ); -webkit-mask-image: var(--personagem-mask); mask-image: var(--personagem-mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 12px 8px; mask-position: 12px 8px; -webkit-mask-size: 676px 225px; mask-size: 676px 225px; filter: brightness(1.13) contrast(1.01) saturate(1.27) blur(1.75px) drop-shadow(2px 0 0 rgba(255,210,110,.202)) drop-shadow(-1px 0 0 rgba(255,175,50,.051)) drop-shadow(0 1px 0 rgba(255,165,40,.079)) drop-shadow(0 -1px 0 rgba(255,220,125,.116)) drop-shadow(3px 0 6px rgba(255,215,120,.167)) drop-shadow(7px 0 13px rgba(255,140,30,.087)); mix-blend-mode: screen; -webkit-animation: personagemReiatsu 8s cubic-bezier(.35,.05,.22,1) infinite; animation: personagemReiatsu 8s cubic-bezier(.35,.05,.22,1) infinite; transform-origin: calc(47% + 2px) 70%; will-change: opacity, transform, filter; transform: translateZ(0) scale(.994); -webkit-transform: translateZ(0) scale(.994); backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Reiatsu: surge devagar, ganha força, respira uma segunda vez e desaparece sem corte. */ @-webkit-keyframes personagemReiatsu { 0%, 3% { opacity: 0; -webkit-transform: translateZ(0) scale(.997); filter: brightness(1.08) saturate(1.16) blur(2.35px) drop-shadow(2px 0 0 rgba(255,195,75,.043)) drop-shadow(-1px 0 0 rgba(255,175,50,.014)); } 7% { opacity: .25; } 11% { opacity: .57; -webkit-transform: translateZ(0) scale(1.001); } 15% { opacity: .79; filter: brightness(1.18) contrast(1.00) saturate(1.22) blur(1.50px) drop-shadow(2px 0 0 rgba(255,238,175,.217)) drop-shadow(1px 0 0 rgba(255,205,95,.18)) drop-shadow(-1px 0 0 rgba(255,175,50,.043)) drop-shadow(0 -1px 0 rgba(255,235,165,.13)) drop-shadow(3px 0 5px rgba(255,235,165,.151)) drop-shadow(6px 0 10px rgba(255,175,55,.094)); -webkit-transform: translateZ(0) scale(1.004); } 18% { opacity: .84; -webkit-transform: translateZ(0) scale(1.006); } 22% { opacity: .73; } 27% { opacity: .52; -webkit-transform: translateZ(0) scale(1.008); } 33% { opacity: .27; } 39% { opacity: .09; } 43%, 100% { opacity: 0; -webkit-transform: translateZ(0) scale(1.010); filter: brightness(1.08) saturate(1.16) blur(2.35px) drop-shadow(2px 0 0 rgba(255,195,75,.029)) drop-shadow(-1px 0 0 rgba(255,175,50,.014)); } } @keyframes personagemReiatsu { 0%, 3% { opacity: 0; transform: translateZ(0) scale(.997); filter: brightness(1.08) saturate(1.16) blur(2.35px) drop-shadow(2px 0 0 rgba(255,195,75,.043)) drop-shadow(-1px 0 0 rgba(255,175,50,.014)); } 7% { opacity: .25; } 11% { opacity: .57; transform: translateZ(0) scale(1.001); } 15% { opacity: .79; filter: brightness(1.18) contrast(1.00) saturate(1.22) blur(1.50px) drop-shadow(2px 0 0 rgba(255,238,175,.217)) drop-shadow(1px 0 0 rgba(255,205,95,.18)) drop-shadow(-1px 0 0 rgba(255,175,50,.043)) drop-shadow(0 -1px 0 rgba(255,235,165,.13)) drop-shadow(3px 0 5px rgba(255,235,165,.151)) drop-shadow(6px 0 10px rgba(255,175,55,.094)); transform: translateZ(0) scale(1.004); } 18% { opacity: .84; transform: translateZ(0) scale(1.006); } 22% { opacity: .73; } 27% { opacity: .52; transform: translateZ(0) scale(1.008); } 33% { opacity: .27; } 39% { opacity: .09; } 43%, 100% { opacity: 0; transform: translateZ(0) scale(1.010); filter: brightness(1.08) saturate(1.16) blur(2.35px) drop-shadow(2px 0 0 rgba(255,195,75,.029)) drop-shadow(-1px 0 0 rgba(255,175,50,.014)); } } /* Reinício do glow ao retornar para a aba — acionado pelo XML */ #personagemTOP.bs-glow-restart::after { -webkit-animation: none !important; animation: none !important; } .header-logo h1 { color:#fff; font-size:22px; line-height:40px; text-transform:uppercase; margin:0 } .header-logo h1 a { color:#fff; transition:color .17s ease } .header-logo h1 a:hover { color:var(--bs-main-color) } .header-logo p { font-size:12px; margin:5px 0 0 } #personagemTOP { width: 657px; height: 222px; position: absolute; left: 400px; top: -50px; z-index: 1; } /* link comentário */ .comments .comment-header cite.user a { pointer-events: none; cursor: default; color: inherit; text-decoration: none; } /* doa */ #container { display: flex; box-sizing: border-box; flex-direction: column; justify-content: center; align-items: center; } #text { width: 250px; box-sizing: border-box; background-color: #eaeaea; color: black; text-shadow: #f94c00 0px 0px 5px; border-radius: 50px; padding: 10px 15px; margin-top: 10px; display: flex; justify-content: center; align-items: center; text-align: center; font-family: Arial, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; line-height: 1.5; box-shadow: 0px 2px 3px rgb(0 0 0 / 38%); } #copy { position: relative; box-sizing: border-box; margin-top: 10px; top: -22px; background: rgb(255,101,21); background: linear-gradient(180deg, rgba(255,101,21,1) 22%, rgba(198,69,2,1) 68%); text-shadow: rgb(0 0 0 / 61%) 2px 1px; color: white; width: 160px; min-height: 20px; font-size: 14px; font-family: arial; font-weight: 600; text-transform: uppercase; padding: 5px; border: 0; border-radius: 85px; outline: none; cursor: pointer; user-select: none; box-shadow: 0px 2px 3px rgb(0 0 0 / 57%); } #copy:hover { background: rgb(255,135,72); background: radial-gradient(circle, rgba(255,135,72,1) 0%, rgba(255,70,0,1) 100%); } /* Heading */ .heading { position: relative; margin-top: 0px; margin-bottom: 0px; } .heading h2 { width: 100%; height: 5px; margin-top: 15px; box-shadow: 0px -14px 8px 5px rgb(6 6 6); margin-bottom: 20px; text-align: center; border-bottom: 1px solid #26262666; } .heading h2 b { font-family: system-ui; font-size: 16px; text-transform: uppercase; padding: 6px; position: relative; top: -5px; color:#747474b3; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtS0WjddO_wiWkZrt_Frb5Q642ehMCyLfrI3ZyvXhOgKfVInIJ2WudUa1oJcDeo13IjwdPlDr3TGpeASn_SRHO9djS4N8n2jOADY8p16dQXgqWUS34rZ4oaFpyXi5bo9CGAxBS53H50N7t5fnWH_elJDf24eGuJRq5vErfGsw4ThGVE_hkzqA8CA_aVm4r/s1600/5c4c5070-c572-4e3d-b2c6-edff7d25837b.png) center; background-size: cover; background-position-y: 30px; background-size: cover; border-radius: 50px; text-shadow: 1px 1px 2px #000000; -webkit-user-select: none; user-select: none; border: 1px solid #26262666; } .heading h2 b span { color: #f10674; } /*-- epis --*/ @import url('https://fonts.googleapis.com/css?family=Fira+Sans|Lobster|Montserrat|Roboto'); body { font-family: arial; padding: 0; background: #0c0c0c; } .movie-card { width: 100%; background-blend-mode: multiply; position: relative; z-index: 0; transition: all 0.5s ease; } .movie-card { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXFXDSbdPY4TKYmJVtdWoYuPTBLLFl6mi6pIt0LFlX3hCUbzWnV_h8zVPiWRre5hhQ6yQ0W3NsDgqE0ME2VOGlXmcATKaiC9BxwmxnbCCOJxuDMc0UBRlCbXlcw0DLrpb_Lewh3liKAzN7kpTxZu_TQgpm2vJ1DZKBGkCifSkFE831JXzhCyfsw85ZbSC/s1600/fundo-bleach.jpg); background-position: center; background-size: cover; background-position-y: -350px; margin: 0px auto 0; box-shadow: 0px 5px 20px 4px rgb(0 0 0); } .card-overlay { background: linear-gradient(to bottom, #f791302e 05%, #00000070 70%, #060606 100%); position: absolute; width: 100%; height: 100%; background-size: cover; top: 0; left: 0; z-index: -1; } .center-link { width: 100%; margin-left: auto; margin-right: auto; /* margin: 10px; */ display: flex; align-items: center; flex-direction: row; margin-bottom: 10px; /* letter-spacing: 5px; */ justify-content: center; } .card { text-align: center; display: flex; flex-wrap: nowrap; align-items: center; flex-direction: column; align-content: center; justify-content: space-between; } .movie-card-description { width: 70%; color: #fff; text-transform: uppercase; background: radial-gradient(circle, rgb(6 6 6) 0%, rgb(0 0 0 / 80%) 70%, rgb(255 255 255 / 0%) 80%); -webkit-user-select: none; user-select: none; } .movie-title { margin: 0; font-size: 18px; margin-top: 20px; margin-bottom: 12px; color: #ffb043e0; text-shadow: 0px 3px 1px #4e380a; font-family: inherit; text-transform: uppercase; } .watch-btn a { font-size: 16px; text-decoration: none; color: #ffeec770; text-shadow: rgb(0 0 0) 0px 3px; } .watch-link a :hover { color: #f00; text-shadow: rgb(0 0 0) 0px 3px; } .movie-subtitle { font-size: 15px; margin-top: 4px; text-shadow: rgb(0 0 0 / 81%) 0px 3px; color: #4a4a4ae0; text-transform: uppercase; font-family: arial; font-weight: bold; margin-bottom: 10px; } .movie-shorts { margin-top: 12px; width: 75%; font-size: 14px; line-height: 1.3; font-weight: 500; margin-left: auto; margin-right: auto; font-family: system-ui; text-align: center; color: #7c7c7cc9; text-shadow: 0 1px 20px rgb(0 0 0); } .watch-btn { width: 250px; border-radius: 50px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtS0WjddO_wiWkZrt_Frb5Q642ehMCyLfrI3ZyvXhOgKfVInIJ2WudUa1oJcDeo13IjwdPlDr3TGpeASn_SRHO9djS4N8n2jOADY8p16dQXgqWUS34rZ4oaFpyXi5bo9CGAxBS53H50N7t5fnWH_elJDf24eGuJRq5vErfGsw4ThGVE_hkzqA8CA_aVm4r/s1600/5c4c5070-c572-4e3d-b2c6-edff7d25837b.png) center; background-size: cover; background-position-y: 17px; background-size: cover; font-family: arial; margin: auto; padding: 6px; border: 1px solid #ffffff12; text-transform: uppercase; font-size: 16px; box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 29%); font-style: italic; cursor: pointer; color: #ffeec770; transition: all 0.5s ease; margin-right: 10px; float: left; font-weight: 800; margin-top: 5px; display: flex; transition: background-color 0.5 ease, color 0.5s ease; justify-content: center; align-items: center; , } .watch-btn:hover { width: 250px; background-position-y: 55px; font-family: arial; margin: auto; padding: 6px; transition: background-color 0.8s ease, color 0.8s ease; text-transform: uppercase; font-size: 16px; text-shadow: 1px 0px 4px #000000; box-shadow: 0px 0px 20px 0px rgb(255 103 21 / 48%); font-style: italic; cursor: pointer; color: #ff7500; margin-right: 10px; float: left; font-weight: 800; margin-top: 5px; background-color: #0000007a; } .index-post .post-image-link { position: relative; overflow: hidden; } .index-post .post-image-link::before { content: ""; position: absolute; top: -80%; left: -80%; width: 80%; height: 260%; z-index: 5; pointer-events: none; opacity: 0; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 15%, rgba(255,255,255,0.07) 30%, rgba(255,255,255,0.20) 50%, rgba(255,255,255,0.07) 70%, rgba(255,255,255,0.02) 85%, transparent 100% ); filter: blur(24px); transform: rotate(20deg); animation: bleachLight 6s cubic-bezier(.37,.08,.23,1) infinite; will-change: left, opacity; } @keyframes bleachLight { 0%, 59% { left: -100%; opacity: 0; } 64% { opacity: .10; } 69% { opacity: .28; } 74% { opacity: .52; } 79% { opacity: .72; } 83% { opacity: .82; } 87% { opacity: .72; } 91% { opacity: .50; } 95% { opacity: .26; } 98% { opacity: .08; } 100% { left: 150%; opacity: 0; } } } .card-share { position: absolute; } .share-link { text-decoration: none; color: #e3e3e3; margin: 5px; } @media screen and (min-width: 1024px) { .rl_episodios { display: block !important; } } @media screen and (max-width: 650px) { .movie-title { font-size: 14px; } } @media screen and (max-width: 450px) { .movie-card-description { background: radial-gradient(circle, rgb(6 6 6) 0%, rgb(0 0 0 / 80%) 70%, rgb(255 255 255 / 0%) 80%); width: 90%; } } #footer-wrapper .copyright-area { .card-overlay { } .card-share { position: relative; } } #personagemRodape { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1B5V1XB54A1NM4yCUDTBRBcRBwRlRvTr5Str__0wOdb6wpknfhLC5V1LI5Sm1mHQsNckHMJA1Hmg5Wqaio9vO5S647sV7bCT-p2oSLNLaEfGszO45XurbvD0NzLgMDy8fVpJYpz65IWzW4cHzff8cxC4KSsK4nVRFqDd1YkEwZBnkuockn7Tkl1TO-NfJ/s1600/kon-bleach.png) no-repeat; width: 256px; height: 200px; position: absolute; margin-left: 632px; z-index: 1; margin-top: -112px; float: left; pointer-events: none; } #autordc { width: 126px; height: 30px; position: relative; left: 190px; float: left; top: -5px; display: block; } .containerm { position: relative; } #imagem { position: absolute; } #texto { color: #fff; font-family: arial; font-size: 18px; text-align: center; text-transform: uppercase; text-shadow: rgb(0 0 0) 2px 2px; } #header-social { float:right } .header-social li { float:left; margin:5px 0 0 10px } .header-social li a { display:block; width:30px; background-color:#fff; font-size:18px; color:var(--bs-header-bg2); text-align:center; line-height:30px; padding:0; border-radius:30px; transition:color .17s ease } .header-social li a:hover { color:var(--bs-title-color) } .header-menu { position: relative; width: 100%; height: 64px; margin: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtS0WjddO_wiWkZrt_Frb5Q642ehMCyLfrI3ZyvXhOgKfVInIJ2WudUa1oJcDeo13IjwdPlDr3TGpeASn_SRHO9djS4N8n2jOADY8p16dQXgqWUS34rZ4oaFpyXi5bo9CGAxBS53H50N7t5fnWH_elJDf24eGuJRq5vErfGsw4ThGVE_hkzqA8CA_aVm4r/s1600/5c4c5070-c572-4e3d-b2c6-edff7d25837b.png) center; background-size: cover; background-position-y: 20px; border-top: 1px solid #ffffff0d; z-index: 1; box-shadow: 0px -4px 10px 0px rgb(0 0 0 / 75%); } @keyframes pulse { 0%, 100% { filter: brightness(1); /* Brilho normal */ } 50% { filter: brightness(1.05); /* Aumenta o brilho levemente */ } } .header-menu::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; /* Largura da borda */ background: linear-gradient(270deg, #ff5e00 28%, #ff6a10 50%, #ff5e00 100%); animation: pulse 2s infinite; /* Animação de piscar mais suave */ } .header-menu .container { position:relative; margin:0 auto; padding:0 } #main-menu .widget, #main-menu .widget > .widget-title { display:none } #main-menu .show-menu { display:block } #main-menu { z-index: 2; align-items: center; display: flex; justify-content: center; align-items: center; width: 100%; top: 4px; position: absolute; } #main-menu ul > li { float:left; position:relative; margin:0; padding:0; transition:background .17s } #main-menu ul > li > a { user-select: none; position: relative; transition: background-color 0.4s ease, color 0.4s ease; color: #ffffff94; font-size: 34px; line-height: 60px; display: inline-block; margin: 0; padding: 0 10px; text-shadow: rgb(0 0 0 / 35%) 0px 2px 2px; font-family: 'Bebas Neue', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } #main-menu ul#main-menu-nav > li:first-child > a { padding:0 13px 0 0 } #main-menu ul > li:hover > a { color:#fd8300; ) } #main-menu ul > li > ul { position:absolute; float:left; left:0; top:48px; width:220px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxML4z5wcEofMBJeh2Dq4b4fD2xR_KxrGqwTQckhxzL_QYIGTWMIoiYF6Ukl991lZwdFhDSCBWgbp-_C7Dvmy9c30TmZoVj_P3H3pZkT2ohdKqp6w6waUAsEsolSniOVHFzovJAbDa889OZeG0UkGpVMpzIK0ougk731NC49AzMbpk3xcOhyphenhyphen8HXGZWmCE/s16000/fundo-menu-bleach.jpg) center; background-size: cover; background-color: #111111; z-index:99999; margin:0; padding:0; box-shadow:0 3px 5px rgba(0,0,0,0.2); visibility:hidden; opacity:0; box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 23%); -webkit-box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 23%); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.23); border: 1px solid #d76606; border-top-left-radius: 10px; border-top-right-radius:10px; border-bottom-left-radius: 05px; border-bottom-right-radius: 05px; } .menu-glow { position: relative; z-index: 0; width: 100%; } /* GLOW */ .menu-glow::after { content: ""; z-index: -1; position: absolute; left: 0; top: 54px; width: 100%; height: 18px; background: linear-gradient(to right, transparent, #ff8d00e8, #ff8d00e8, #ff8d00e8, transparent); filter: blur(15px); pointer-events: none; } @media (max-width: 1220px) { .menu-glow::after { content: ""; z-index: -1; position: absolute; left: 0; top: 55px; width: 100%; height: 20px; background: linear-gradient(to right, transparent, #ff6c00, #ff6c00, #ff6c00, transparent); filter: blur(12px); pointer-events: none; transform: translateZ(0); will-change: filter; } } .menu-glow { max-width: 1080px; margin: auto; } #main-menu ul > li > ul::before { border-radius: 5px; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; filter: blur(.2px); z-index: 0; } #main-menu ul > li > ul > li > ul { position:absolute; float:left; top:0; left:100%; padding:5px 0; margin:0; border-radius: 20px; } #main-menu ul > li > ul > li { border-bottom: 1px solid #ffffff3b; display: block; float: none; position: relative; transition: all .17s ease; } #main-menu ul > li > ul > li a { border-radius: 5px; display: block; font-size: 24px; color: #fff; line-height: 20px; margin: 0; padding: 8px; display: flex; box-shadow: 0px -3px 10px 3px rgb(0 0 0 / 60%); align-items: center; } #main-menu ul > li > ul > li a:hover { background: linear-gradient(90deg, #95959500 0%, #78787826 35%, #22222200 100%);} #main-menu ul > li > ul > li:hover > a { color:#ff7200; ) } #main-menu ul > li.has-sub > a:after { content: '\f107'; float: right; font-family: FontAwesome; font-size: 25px; color: #fbb206; text-shadow: rgb(244 63 6) 0px 0px 9px; font-weight: 800; margin: 0 0 0 4px; } #main-menu ul > li > ul > li.has-sub > a:after { content:'\f105'; float:right; margin:0; margin-left: 10px; } #main-menu .mega-menu { position:static!important } #main-menu .mega-menu > ul { width:100%; box-sizing:border-box; padding:6px; margin-top: 10px; } #main-menu .mega-menu > ul.mega-menu-inner { overflow:hidden } #main-menu ul > li:hover > ul, #main-menu ul > li > ul > li:hover > ul { visibility:visible; opacity:1 } #main-menu ul ul { transition:all .17s ease } .mega-menu-inner .mega-item { float:left; width:25%; box-sizing:border-box; padding:8px } .mega-menu-inner .mega-content { position: relative; background: radial-gradient(circle, rgb(61 59 59 / 47%) 28%, rgb(10 10 10) 68%); width: 100%; border: 1px solid #f77833; overflow: hidden; border-radius: 4px; transition: box-shadow 0.5 ease, opacity 0.5s ease, transform 0.5s ease; } .mega-menu-inner .mega-content:hover { box-shadow: 0px 0px 10px 4px rgb(255 101 21 / 50%); } .mega-content .post-image-wrap { width:100%; height:140px; overflow:hidden } .mega-content .post-image-link { width:100%; height:100%; z-index:1; display:block; position:relative; overflow:hidden } .mega-content .post-title { position: relative; text-align: center; border-top: 1px solid #ff6515; border-bottom: 1px solid #ff6515; font-size: 16px; padding: 4px; font-weight: 600; line-height: 1em; } .mega-content .post-title a { color: #8d8f8f; font-size: 15px; width: 100%; font-weight: 700; line-height: 1.4; text-transform: uppercase; text-decoration: none; margin-bottom: 4px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; user-select: none; transition: color .17s; } .mega-content:hover .post-title a { color: #f77833; } .no-posts { float:left; width:100%; height:100px; line-height:100px; text-align:center } .mega-menu .no-posts { line-height:60px; color:var(--bs-title-color) } /* ===== SEU BOTÃO DE PESQUISA (mantido 100%) ===== */ .show-search { width: 80px; height: 14px; text-align: center; position: absolute; right: 0; user-select: none; top: 14px; display: block; z-index: 2; color: #e0e1e636; font-size: 12px; cursor: pointer; padding: 8px; border: 1px solid #b7b7b700; text-transform: uppercase; border-radius: 28px; transition: all .50s ease; font-weight: bold; box-shadow: 0px 1px 1px rgb(248 150 52); } .show-search:hover { color:#fd6710; font-size: 12px; box-shadow: 0px 0px 8px 1px rgb(193 80 0 / 60%); border: 1px solid #ff6810; } .search-active .show-search { border-color: #888; } /* ===== NOVA BARRA DE BUSCA (centralizada na tela) ===== */ #nav-search { position: fixed; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 40%; height: auto; z-index: 10001; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(32 32 32) 100%); border-top: 1px solid #303030; box-shadow: 0px 2px 3px rgb(0 0 0 / 38%); backdrop-filter: blur(6px); padding: 15px; border-radius: 8px; visibility: hidden; opacity: 0; transition: all 0.3s ease; pointer-events: none; } /* ===== FUNDO ESCURECIDO ===== */ #search-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 10000; } /* ===== ESTADOS ATIVOS ===== */ .search-active #nav-search { visibility: visible; opacity: 1; pointer-events: auto; } .search-active #search-overlay { opacity: 1; visibility: visible; } /* ===== INPUT DE BUSCA ===== */ #nav-search .search-form { width: 100%; height: auto; background: transparent; border: none; padding: 0; } #nav-search .search-input { width: 100%; height: 38px; font-family: inherit; color: #fff; padding: 0 12px; background-color: rgba(255, 255, 255, 0.08); font-size: 14px; font-weight: 400; box-sizing: border-box; border: none; border-radius: 6px; text-align: center; outline: none; } #nav-search .search-input:focus { background-color: rgba(255, 255, 255, 0.15); } /* ===== BOTÃO DE FECHAR ===== */ #close-search { position: fixed; top: 8px; right: 20px; background: none; border: none; color: #fbde86; font-size: 38px; font-weight: bold; cursor: pointer; z-index: 10002; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .search-active #close-search { opacity: 1; visibility: visible; } #sociais { z-index: 2; position: absolute; top: 14px; float: right; right: 114px; user-select: none; } .search-active #nav-search { visibility:visible; opacity:1 } #nav-search .search-form { width:100%; height:28px; background-color:rgba(0,0,0,0); line-height:28px; overflow:hidden; padding:0; border:0 } #nav-search .search-input { width:100%; height:28px; font-family:inherit; color:#fff; margin:0; padding:0 10px; background-color:rgba(255,255,255,0.05); font-size:13px; font-weight:400; box-sizing:border-box; border:0; border-radius:3px; text-align: center; } #nav-search .search-input:focus { color:#fff; outline:none } .slide-menu-toggle { display:none; position:absolute; line-height:48px; height:48px; width:48px; top:0; left:0; font-family:FontAwesome; color:var(--bs-menu-color); font-size:17px; font-weight:400; text-align:left; cursor:pointer; z-index:4; padding:0 } .slide-menu-toggle:before { content:"\f0c9" } .nav-active .slide-menu-toggle:before { content:"\f00d" } .mobile-menu { display:none; position:absolute; top:48px; left:0; width:100%; background-color:var(--bs-main-dark-color); box-sizing:border-box; padding:4px; border-top:1px solid rgba(255,255,255,0.08); visibility:hidden; opacity:0; transform-origin:0 0; transform:scaleY(0); transition:all .17s ease } .nav-active .mobile-menu { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfxML4z5wcEofMBJeh2Dq4b4fD2xR_KxrGqwTQckhxzL_QYIGTWMIoiYF6Ukl991lZwdFhDSCBWgbp-_C7Dvmy9c30TmZoVj_P3H3pZkT2ohdKqp6w6waUAsEsolSniOVHFzovJAbDa889OZeG0UkGpVMpzIK0ougk731NC49AzMbpk3xcOhyphenhyphen8HXGZWmCE/s16000/fundo-menu-bleach.jpg) center; top: 62px; z-index: 2; visibility:visible; opacity:1; transform:scaleY(1) } .mobile-menu > ul { margin:0 } .mobile-menu .m-sub { display:none; padding:0 } .mobile-menu ul li { position:relative; display:block; overflow:hidden; float:left; width:100%; font-size:13px; font-weight:600; text-transform:uppercase; line-height:38px; margin:0; padding:0; border-bottom: 1px solid #ffffff0a; } .mobile-menu > ul li ul { overflow:hidden } .mobile-menu ul li a { color: #aaa; padding: 2px; text-shadow: rgb(0 0 0) 0px 0px 8px; text-align: center; font-size: 22px; background-color: #0000002e; display: block; transition: all .17s ease; } .mobile-menu ul li.has-sub .submenu-toggle { position:absolute; top:0; right:0; color:#fff; cursor:pointer } .mobile-menu ul li.has-sub .submenu-toggle:after { content:'\f105'; font-family:FontAwesome; font-weight:400; float:right; width:34px; font-family: FontAwesome; font-size: 20px; color: #ff8400; font-weight: 900; text-align:center; transition:all .17s ease } .mobile-menu ul li.has-sub.show > .submenu-toggle:after { transform:rotate(90deg) } .mobile-menu > ul > li > ul > li > a { color:#fff; opacity:.7; padding:0 0 0 15px } .mobile-menu > ul > li > ul > li > ul > li > a { color: #f77833; opacity: .7; text-shadow: rgb(0 0 0) 0px 0px 8px; padding: 2px; } .mobile-menu > ul > li > ul > li > ul > li > a:hover { font-size: 24px; color:#ff9f37; } .mobile-menu > ul > li > ul > li > a:hover { color:#f57820; } .mobile-menu ul li a:hover, .mobile-menu ul > li > .submenu-toggle:hover { color:var(--bs-main-color); background: #000000e3; } .post-meta { overflow:hidden; color:#aaa; font-size:12px; font-weight:400; padding:4px; text-align: center; } .post-meta .post-author, .post-meta .post-date { display:inline-block; margin:0 10px 0 0 } .post-meta .post-author:before, .post-meta .post-date:before { font-family:FontAwesome; font-weight:400; margin:0 3px 0 0 } .post-meta .post-author:before { content:'\f007' } .post-meta .post-date:before { content: "\ebcc"; font-family: 'Material Icons Round'; font-weight: 400; font-size: 12px; margin: 0 6px 0 0; color: #ffb05e; } .post-meta a { color:#aaa; transition:color .17s } .post-meta a:hover { color:var(--bs-main-color) } .slider-section { position:relative; float:left; width:100%; margin:0 } .slider-section.no-items { display:none } .slider-section .widget, .slider-section .widget > .widget-title { display:none } .slider-section .show-slider { display:block } .main-slider { position:relative; float:left; width:100%; height:320px; overflow:hidden; margin:0 } .main-slider li { position:relative; float:left; width:100%; height:320px; margin:0 } .slider-item-inner { position:relative; float:left; width:100%; height:100% } .slider-item .post-image-link { position:relative; float:left; width:100%; height:100%; z-index:5 } .slider-item .post-info { position:absolute; left:0; bottom:0; width:100%; z-index:10; box-sizing:border-box; padding:30px 20px 20px; background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)) } .slider-item .post-title { font-size:20px; font-weight:600; line-height:1.6em; margin:0 } .slider-item .post-title a { color:#fff } .slider-item .post-meta { font-size:12px; color:#f2f2f2; margin:0 0 5px } .show-slider .no-posts { position:absolute; top:calc(50% - 50px); left:0; width:100% } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0 } .slick-list:focus { outline:none } .slick-list.dragging { cursor:pointer; cursor:hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto } .slick-track:before, .slick-track:after { display:table; content:'' } .slick-track:after { clear:both } .slick-loading .slick-track { visibility:hidden } .slick-slide { display:none; float:left; height:100%; min-height:1px } [dir='rtl'] .slick-slide { float:right } .slick-slide img { display:block } .slick-slide.slick-loading img { display:none } .slick-slide.dragging img { pointer-events:none } .slick-initialized .slick-slide { display:block } .slick-loading .slick-slide { visibility:hidden } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent } .slick-arrow.slick-hidden { display:none } .slick-arrow { position:absolute; top:calc(50% - 20px); width:30px; height:40px; background-color:rgba(0,0,0,0.5); font-size:20px; color:#f2f2f2; text-align:center; line-height:40px; cursor:pointer; z-index:10; margin:0; visibility:hidden; opacity:0; transition:all .17s ease } .slick-arrow:hover { background-color:var(--bs-main-color); color:#fff } .slick-arrow:before { font-family:FontAwesome; font-weight:400 } .slick-prev { left:20px } .slick-prev:before { content:'\f104' } .slick-next { right:20px } .slick-next:before { content:'\f105' } .main-slider:hover .slick-arrow { visibility:visible; opacity:1 } .home-ad .widget > .widget-title { display:none } .home-ad .widget-content { float:left; width:728px; max-width:100%; line-height:0; margin:0 0 40px } /* Mensagem compacta de busca / rótulo */ .queryMessage { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 36px; margin: 0; padding: 5px 7px 5px 10px; overflow: hidden; box-sizing: border-box; border: 1px solid rgb(255 255 255 / 5%); border-left: 3px solid #ef792b; border-radius: 0px; box-shadow: 0 2px 8px rgb(0 0 0 / 22%); color: var(--bs-title-color); font-size: 12px; font-weight: 400; line-height: 1.2; } .queryMessage .query-info { display: flex; align-items: center; gap: 6px; min-width: 0; margin: 0; color: #cfcfcf; text-align: left; } .queryMessage .query-prefix { color: #a8a8a8; font-size: 12px; font-weight: 500; white-space: nowrap; } .queryMessage .search-query, .queryMessage .search-label { display: inline-flex; align-items: center; max-width: 100%; padding: 3px 8px; overflow: hidden; background: rgb(239 121 43 / 10%); border: 1px solid rgb(239 121 43 / 24%); border-radius: 999px; color: #f4d0b7; font-size: 12px; font-weight: 700; letter-spacing: .35px; text-overflow: ellipsis; white-space: nowrap; } .queryMessage .search-query:before, .queryMessage .search-label:before, .queryMessage .search-query:after, .queryMessage .search-label:after { content: none; } .queryMessage a.show-more { float: none; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 20px; padding: 4px; background: rgb(255 255 255 / 3%); border: 1px solid rgb(239 121 43 / 22%); border-radius: 5px; box-shadow: none; color: #e7e7e796; font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; } .queryMessage a.show-more:hover { background: rgb(239 121 43 / 11%); border-color: rgb(239 121 43 / 40%); box-shadow: none; color: #fff; transform: translateY(-1px); } .queryEmpty { font-size:13px; font-weight:400; padding:10px 0; margin:0 0 25px; text-align:center } .title-wrap { position:relative; float:left; width:100%; margin:0 0 20px } .title-wrap > h3 { position:relative; display:block; font-size:13px; color:var(--bs-title-color); font-weight:600; text-transform:uppercase; line-height:13px; padding:0 0 13px; margin:0; border-bottom:2px solid #ebebeb } .title-wrap > h3:before { content:''; position:absolute; height:2px; width:30px; left:0; bottom:0; background-color:var(--bs-main-color); margin:0 0 -2px } .custom-widget li { overflow:hidden; margin:20px 0 0 } .custom-widget li:first-child { padding:0; margin:0; border:0 } .custom-widget .post-image-link { position:relative; width:80px; height:65px; float:left; overflow:hidden; display:block; vertical-align:middle; margin:0 12px 0 0 } .custom-widget .post-info { overflow:hidden } .custom-widget .post-title { overflow:hidden; font-size:14px; font-weight:600; line-height:1.6em; margin:0 0 5px } .custom-widget .post-title a { display:block; color:var(--bs-title-color); transition:color .17s } .custom-widget li:hover .post-title a { color:var(--bs-main-color) } .index-post-wrap { position:relative; float:left; width:100%; z-index: 0; } .grid-posts { width: auto; display: flex; margin: 0; flex-wrap: wrap; justify-content: center; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .blog-post { display:block; overflow:hidden; word-wrap:break-word } .index-post { display: block; width: 30%; box-sizing: border-box; margin: 14px; text-align: center; background: radial-gradient(circle, rgb(61 59 59 / 47%) 28%, rgb(10 10 10) 68%); border: 1px solid #262626; border-radius: 10px; transition: box-shadow 0.4s ease, opacity 0.5s ease, transform 0.5s ease; } .index-post:hover { background: radial-gradient(circle, rgb(61 59 59 / 47%) 28%, rgb(10 10 10) 68%); box-shadow: 0px 0px 22px 0px rgb(217 76 22 / 88%); } @media (max-width: 857px) { .index-post { width: 44%; } } .index-post .post-image-wrap { width: 100%; height: 170px; overflow: hidden; border-bottom: 1px solid #262626; } .index-post .post-image-wrap .post-image-link { position: relative; /* Garante que o ::after seja posicionado em relação ao link */ display: block; width: 100%; height: 100%; } .index-post .post-image-wrap .post-image-link .post-thumb { width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.6s ease, opacity 0.6s ease; transform: scale(1); /* Tamanho normal */ z-index: 1; /* Mantém a imagem base abaixo do hover */ } /* Adiciona a imagem de hover */ .index-post .post-image-wrap .post-image-link::after { content: ''; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHr7FK6pKMZ_xRRsz0l_L64xJ8YuluxQec_GhN_pjSH2MgoIUEsHwMkcP-dzsiAUzGk3yDQCUNudGrykLBDtk35QnTQGeZGeUjknQGkojXVr1uzhkrl6w76vaBQFwczxo_3-8ZFK303NY-zYjus3GnuDSNjIfzkOn6RTz3i4WPpNnHQWvD_yppNMwqJnX/s1600/fundo-post.png'); background-size: cover; background-position: center; position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; box-shadow: 0px 0px 8px 2px rgb(193 80 0 / 60%); transition: opacity 1s ease, transform 1s ease; z-index: 2; /* Garante que o ::after esteja acima da .post-thumb */ pointer-events: none; /* Não interferir na interação do mouse */ } .mega-content { position: relative; /* Para que o ::after seja posicionado corretamente */ display: inline-block; } .mega-content .post-image-link { display: block; position: relative; overflow: hidden; /* Garante que o ::after não ultrapasse os limites */ } .mega-content .post-image-link img { display: block; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); } .mega-content .post-image-link:hover img { transform: scale(1.1); /* Apenas para adicionar um efeito ao passar o mouse */ } .mega-content .post-image-link::after { content: ''; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHr7FK6pKMZ_xRRsz0l_L64xJ8YuluxQec_GhN_pjSH2MgoIUEsHwMkcP-dzsiAUzGk3yDQCUNudGrykLBDtk35QnTQGeZGeUjknQGkojXVr1uzhkrl6w76vaBQFwczxo_3-8ZFK303NY-zYjus3GnuDSNjIfzkOn6RTz3i4WPpNnHQWvD_yppNMwqJnX/s1600/fundo-post.png'); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease, transform 1s ease; z-index: 2; pointer-events: none; /* Apenas para o ::after, não no link principal */ } .mega-content .post-image-link:hover::after { opacity: 1; /* Torna visível ao passar o mouse */ transform: scale(1.05); /* Efeito de zoom suave */ } .index-post .post-image-wrap .post-image-link:hover::after { opacity: 1; /* Torna a imagem de hover visível */ transform: scale(1); /* Reduz a escala ao tamanho normal */ } .index-post .post-image-wrap .post-image-link:hover .post-thumb { transform: scale(1.04); /* Aumento sutil da imagem base no hover */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra mais leve */ } .index-post .post-info { float:left; width:100%; overflow:hidden } .index-post .post-info > h2 { font-size: 14px; text-transform: uppercase; width: 100%; align-items: center; display: flex; justify-content: center; align-items: center; align-content: center; min-height: 40px; padding: 1px; font-weight: 700; line-height: 1.4; text-decoration: none; margin-bottom: 4px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #262626; user-select: none; } .post-date { -webkit-user-select: none; /* Desabilita a seleção no Safari e Chrome */ user-select: none; /* Desabilita a seleção nos navegadores modernos */ font-size: 12px; color: #ffffff57; text-transform: uppercase; } .post-date-2 { } .index-post .post-info > h2 > a { display:block; color: #8d8f8f; text-shadow: 0px 0px 20px #000000cc; transition:color .17s } .index-post:hover .post-info > h2 > a { color: #ff6528; ) } .widget iframe, .widget img { max-width:100% } .date-header { display:block; overflow:hidden; font-weight:400; margin:0!important; padding:0 } .blog-post .post-meta { font-size:12px } .index-post .post-meta .post-date { margin-top: 5px; margin-bottom: 2px; } #breadcrumb { font-size:13px; font-weight:600; color:#aaa; box-shadow: 0px 6px 8px 0px rgb(243 242 138 / 9%); padding: 8px; border-bottom: 1px solid #ffffff0d; } #breadcrumb a { color:#767676ab; transition: background-color 1s ease, color 1s ease; } #breadcrumb a:hover { color:#fbf9b7; } #breadcrumb a, #breadcrumb em { display:inline-block } #breadcrumb .delimiter:after { content: '\f054'; font-family: FontAwesome; font-size: 10px; font-weight: 400; font-style: normal; vertical-align: middle; margin: 6px; color: #fdb232; } h1.post-title { color: #99979691; text-shadow: 0px 0px 14px #44424075; text-transform: uppercase; text-align: center; padding: 4px; background: linear-gradient(180deg, rgb(86 86 86 / 0%) 0%, rgb(32 32 32 / 0%) 100%); border-bottom: 1px solid #ffffff14; box-shadow: 0px 2px 3px rgb(0 0 0 / 18%); font-size: 34px; font-weight: 400; position: relative; font-family: 'Bebas Neue'; display: block; margin-bottom: 0px; margin-top: 0px; } .static_page .item-post h1.post-title { margin:0; margin-bottom: 10px; } .item-post .post-body { color: #a3a3a3d9; text-shadow: rgb(0 0 0 / 72%) 2px 2px 2px; font-size: 16px; border-radius: 10px; font-family: Arial, sans-serif; margin: 10px; max-width: 800px; margin-top: 20px; } .item-post .post-outer { padding:0 } .item-post .post-body img { max-width:100% } .main .widget { margin:0 } .main .Blog { border-bottom-width:0 } .post-footer { position:relative; float:left; width:100%; margin:0; } .inline-ad { position:relative; display:block; max-height:60px; margin:0 0 30px } .inline-ad > ins { display:block!important; margin:0 auto!important } .item .inline-ad { float:left; width:100%; margin:20px 0 0 } .item-post-wrap > .inline-ad { margin:0 0 20px } .post-labels { display: flex; justify-content: center; align-items: center; overflow:hidden; height:auto; position:relative; margin:0 0 20px; padding:0 } .post-labels span, .post-labels a { font-family: arial; float: left; height: 22px; color: #ffffff; font-size: 12px; line-height: 22px; font-weight: 600; margin: 0; padding: 6px; border: 1px solid #292929; border-radius: 6px; } .post-labels span { } .post-labels a { margin:4px; transition:all .17s ease } .post-labels a:hover { background-color:#242424; color:#fff; border-color:#666; ) } .post-reactions { height:28px; display:block; margin:0 0 15px } .post-reactions span { float:left; color:var(--bs-title-color); font-size:12px; line-height:25px; text-transform:uppercase; font-weight:600 } .reactions-inner { float:left; margin:0; height:28px } .post-share { position: relative; overflow: hidden; line-height: 0; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; padding: 4px; background: radial-gradient(circle, rgb(28 28 28) 28%, rgb(0 0 0 / 14%) 68%); } ul.share-links { display: flex; justify-content: center; align-items: center; position: relative; margin:0 -2.5px } .share-links li { width:calc(80% / 4.9); float:left; box-sizing:border-box; padding:0 3px; margin:0 0 5px } .share-links li a { border-radius: 12px; float:left; display:inline-block; cursor:pointer; width:100%; height:32px; line-height:32px; color:#fff; font-weight:400; font-size:17px; text-align:center; box-shadow: 0px 2px 3px rgb(0 0 0 / 38%); box-sizing:border-box; opacity:1; transition:all .17s ease } .share-links li a:hover { opacity:.5 } ul.post-nav { position:relative; overflow:hidden; display:block; margin:0 0 30px } .post-nav li { display:inline-block; width:50% } .post-nav .post-prev { float:left; text-align:left; box-sizing:border-box; padding:0 10px 0 0 } .post-nav .post-next { float:right; text-align:right; box-sizing:border-box; padding:0 0 0 10px } .post-nav li a { color:var(--bs-title-color); line-height:1.4em; display:block; overflow:hidden; transition:color .17s } .post-nav li:hover a { color:var(--bs-main-color) } .post-nav li span { display:block; font-size:11px; color:#aaa; font-weight:600; text-transform:uppercase; padding:0 0 3px } .post-nav .post-prev span:before { content:"\f053"; float:left; font-family:FontAwesome; font-size:10px; font-weight:400; text-transform:none; margin:0 2px 0 0 } .post-nav .post-next span:after { content:"\f054"; float:right; font-family:FontAwesome; font-size:10px; font-weight:400; text-transform:none; margin:0 0 0 2px } .post-nav p { font-size:12px; font-weight:400; line-height:1.6em; margin:0 } .post-nav .post-nav-active p { color:#aaa } .about-author { position:relative; display:block; overflow:hidden; padding:20px; margin:0 0 30px; border:1px solid #ebebeb } .about-author .avatar-container { position:relative; float:left; width:80px; height:80px; background-color:rgba(255,255,255,0.05); overflow:hidden; margin:0 15px 0 0 } .about-author .author-avatar { float:left; width:100%; height:100%; border-radius:0 } .author-name { overflow:hidden; display:inline-block; font-size:16px; font-weight:600; margin:0 } .author-name span { color:var(--bs-title-color) } .author-name a { color:var(--bs-main-color); transition:opacity .17s } .author-name a:hover { opacity:.8 } .author-description { display:block; overflow:hidden; font-size:12px; font-weight:400; line-height:1.6em } .author-description a:hover { text-decoration:underline } #related-wrap { overflow:hidden; margin:0 0 30px } #related-wrap .related-tag { display:none } .related-ready { float:left; width:100% } .related-ready .loader { height:178px } ul.related-posts { position:relative; overflow:hidden; margin:0 -10px; padding:0 } .related-posts .related-item { width:33.33333333%; position:relative; overflow:hidden; float:left; display:block; box-sizing:border-box; padding:0 10px; margin:0 } .related-posts .post-image-link { width:100%; height:130px; position:relative; overflow:hidden; display:block; margin:0 0 10px } .related-posts .post-title { font-size:14px; font-weight:600; line-height:1.6em; display:block; margin:0 } .related-posts .post-title a { color:var(--bs-title-color); transition:color .17s } .related-posts .post-meta { font-size:11px; margin:0 0 3px } .related-posts .related-item:hover .post-title a { color:var(--bs-main-color) } #blog-pager { float: left; width: 100%; overflow: hidden; clear: both; margin: 0 0 15px; display: flex; justify-content: center; align-items: center; margin-top: 5px; } .blog-pager a, .blog-pager span { float: left; display: block; min-width: 30px; height: 30px; background-color: #34343442; color: var(--bs-title-color); font-size: 12px; font-weight: 600; line-height: 28px; text-align: center; box-sizing: border-box; padding: 0 10px; margin: 0 5px 0 0; border: 1px solid #2c2c2c; transition: all .17s ease; user-select: none; } .blog-pager span.page-dots { min-width: 30px; border-radius: 14px; background-color: #111; font-size: 16px; color: var(--bs-body-text-color); font-weight: 400; line-height: 30px; padding: 0; border: 0; } .blog-pager .page-of { display: none; width: auto; float: right; border-color: rgba(0, 0, 0, 0); margin: 0; } .blog-pager .page-active, .blog-pager a:hover { text-shadow: rgb(0 0 0 / 92%) 2px 2px 1px; border-color: #c44b16; text-decoration: none; user-select: none; font-family: arial; color: #d96719; margin: 2px; background: radial-gradient(circle, rgb(253 228 228 / 12%) 28%, rgb(12 12 12) 68%); background-position: bottom; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 14px; font-size: 20px; box-shadow: 0px 2px 7px rgb(0 0 0 / 87%); } .paginationContainer { width: 100%; text-align: center; overflow: hidden; font-size: 12px; font-weight: 700; margin-bottom: 30px; } .blog-pager .page-prev:before, .blog-pager .page-next:before { font-family: FontAwesome; font-size: 18px; font-weight: 400; } .blog-pager .page-prev:before { content: '\f053'; } .blog-pager .page-next:before { content: '\f054'; } .blog-pager .blog-pager-newer-link, .blog-pager .blog-pager-older-link { float: left; display: inline-block; width: auto; padding: 0 10px; margin: 0; } .blog-pager .blog-pager-older-link { float: right; } /* Ajustes para Dispositivos Móveis */ @media (max-width: 768px) { .blog-pager a, .blog-pager span { font-size: 14px; /* Ajuste do tamanho de fonte para ser legível em dispositivos menores */ padding: 0 8px; margin: 0 3px; } .blog-pager .page-active, .blog-pager a:hover { font-size: 16px; /* Ajuste da página ativa em dispositivos menores */ } #blog-pager { justify-content: space-around; /* Melhor espaçamento em telas menores */ } } .archive #blog-pager, .home .blog-pager .blog-pager-newer-link, .home .blog-pager .blog-pager-older-link { display:none } .blog-post-comments { display:none; margin:0 0 80px; padding: 10px; } .static_page .blog-post-comments { margin:30px 0 } .blog-post-comments .comments-title { margin:0 0 20px } .comments-system-disqus .comments-title, .comments-system-facebook .comments-title { margin:0 } #comments { margin:0 } #gpluscomments { float:left!important; width:100%!important; margin:0 0 25px!important } #gpluscomments iframe { float:left!important; width:100% } .comments { display:block; clear:both; margin:0; color:var(--bs-title-color) } .comments .comment-thread > ol { padding:0 } .comments > h3 { font-size: 13px; color: #9b9b9b; margin-bottom: 10px; text-shadow: rgb(0 0 0 / 50%) 2px 2px 2px; font-weight: 500; padding-top: 1px; background-color: #2424241a; text-align: center; padding: 3px; border-right: 2px dotted #c654009e; border-left: 2px dotted #c654009e; } .comments .comments-content .comment { list-style: none; margin: 1px; padding: 4px; margin-bottom: 30px; border-top-left-radius: 100px 50px; } .comments .comments-content .comment:first-child { padding-top:10px; } .facebook-tab, .fb_iframe_widget_fluid span, .fb_iframe_widget iframe { width:100%!important } .comments .item-control { position:static } .comments .avatar-image-container { float:left; overflow:hidden; position:absolute } .comments .avatar-image-container, .comments .avatar-image-container img { -webkit-user-select: none; user-select: none; pointer-events: none; height:60px; max-height:60px; width:60px; max-width:60px; border-radius:100%; border: 1px solid #e69138; box-shadow: 3px 2px 1px 1px rgb(0 0 0 / 90%); /* imagem de fundo */ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX87i5AhUR5lb_E6lGt67dwgL8oeM3SzB49_qDlcWij4KDOv0w0palwJHbhHzI6Gfepa337Nye06D-wp67QxefYMxgyuPZAON9FQX_pRi7K1jb6hIYKTeDsX4KONu-kBKdAMIAMV108QcR2GZyHitljauAaj5znSm8v8_aJkx3MPgQPWae4YhJOW8iMAmM/s1600/foto-anonimo-bleachsystem.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; /* oculta a imagem interna padrão */ display: block; overflow: hidden; } .comments .comment-block { overflow:hidden; padding:0 0 15px } .comments .comment-block, .comments .comments-content .comment-replies { margin:0 0 0 70px } .comments .comments-content .inline-thread { padding:0 } .comments .comment-actions { float:left; width:100%; position:relative; margin:0 } .comments .comments-content .comment-header { font-size: 16px; -webkit-user-select: none; user-select: none; pointer-events: none; display:block; overflow:hidden; clear:both; margin:0 0 3px; padding:0 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .comments .comments-content .comment-header a { color:var(--bs-title-color); transition:color .17s } .comments .comments-content .comment-header a:hover { color:var(--bs-main-color) } .comments .comments-content .user { border-bottom: 1px solid rgb(102 102 102 / 8%); font-style:normal; font-weight:600; display:block } .comments .comments-content .icon.blog-author { display:none } .comments .comments-content .comment-content { float: left; font-size: 18px; font-style: italic; color: #a3a3a3; font-weight: 500; text-align: left; line-height: 1.9em; margin: 10px 0; } .comments .comment .comment-actions a { margin-right:5px; padding:2px 5px; background-color: #b59144; color:var(--bs-title-color); text-shadow: rgb(0 0 0 / 69%) 0px 2px 2px; font-weight:500; font-size:11px; border-radius:2px; transition:all .17s ease } .comments .comment .comment-actions a:hover { color:#fff; background-color: #78602b; border-color:var(--bs-main-color); text-decoration:none } .comments .comments-content .datetime { float:left; font-size:11px; font-weight:400; color:#aaa; position:relative; padding:0 1px; margin:5px 0 0; display:block } .comments .comments-content .datetime a, .comments .comments-content .datetime a:hover { color:#aaa } .comments .thread-toggle { margin-bottom:4px } .comments .thread-toggle .thread-arrow { height:7px; margin:0 3px 2px 0 } .comments .thread-count a, .comments .continue a { transition:opacity .17s } .comments .thread-count a:hover, .comments .continue a:hover { opacity:.8 } .comments .continue a { display:none } .comments .thread-expanded { padding:5px 0 0 } .comments .thread-chrome.thread-collapsed { display:none } .thread-arrow:before { content:''; font-family:FontAwesome; color:var(--bs-title-color); font-weight:400; margin:0 2px 0 0 } .comments .thread-expanded .thread-arrow:before { content:'\f0d7' } .comments .thread-collapsed .thread-arrow:before { content:'\f0da' } .comments .comments-content .comment-thread { margin:0 } .comments .continue a { padding:0 0 0 60px; font-weight:400 } .comments .comments-content .loadmore.loaded { margin:0; padding:0 } .comments .comment-replybox-thread { margin:0 } .comments .comments-content .loadmore, .comments .comments-content .loadmore.loaded { display:none } #comment-editor { margin:0 0 20px } .sora-moji { display:inline-block; height:18px; width:18px; vertical-align:middle; background-size:100%; background-repeat:no-repeat; margin:0 } .mj-0 { background-image:url(https://twemoji.maxcdn.com/36x36/1f44d.png) } .mj-1 { background-image:url(https://twemoji.maxcdn.com/36x36/1f600.png) } .mj-2 { background-image:url(https://twemoji.maxcdn.com/36x36/1f615.png) } .mj-3 { background-image:url(https://twemoji.maxcdn.com/36x36/1f601.png) } .mj-4 { background-image:url(https://twemoji.maxcdn.com/36x36/1f60f.png) } .mj-5 { background-image:url(https://twemoji.maxcdn.com/36x36/1f603.png) } .mj-6 { background-image:url(https://twemoji.maxcdn.com/36x36/1f62c.png) } .mj-7 { background-image:url(https://twemoji.maxcdn.com/36x36/1f604.png) } .mj-8 { background-image:url(https://twemoji.maxcdn.com/36x36/1f61e.png) } .mj-9 { background-image:url(https://twemoji.maxcdn.com/36x36/1f62d.png) } .mj-10 { background-image:url(https://twemoji.maxcdn.com/36x36/1f616.png) } .mj-11 { background-image:url(https://twemoji.maxcdn.com/36x36/1f61c.png) } .mj-12 { background-image:url(https://twemoji.maxcdn.com/36x36/1f62e.png) } .mj-13 { background-image:url(https://twemoji.maxcdn.com/36x36/1f606.png) } .mj-14 { background-image:url(https://twemoji.maxcdn.com/36x36/1f609.png) } .mj-15 { background-image:url(https://twemoji.maxcdn.com/36x36/1f614.png) } .mj-16 { background-image:url(https://twemoji.maxcdn.com/36x36/1f619.png) } .mj-17 { background-image:url(https://twemoji.maxcdn.com/36x36/1f625.png) } .mj-18 { background-image:url(https://twemoji.maxcdn.com/36x36/1f620.png) } .mj-19 { background-image:url(https://twemoji.maxcdn.com/36x36/1f60e.png) } .mj-20 { background-image:url(https://twemoji.maxcdn.com/36x36/1f624.png) } .mj-21 { background-image:url(https://twemoji.maxcdn.com/36x36/1f634.png) } .mj-22 { background-image:url(https://twemoji.maxcdn.com/36x36/1f635.png) } .mj-23 { background-image:url(https://twemoji.maxcdn.com/36x36/1f637.png) } .mj-24 { background-image:url(https://twemoji.maxcdn.com/36x36/1f35c.png) } .mj-25 { background-image:url(https://twemoji.maxcdn.com/36x36/1f60d.png) } .mj-26 { background-image:url(https://twemoji.maxcdn.com/36x36/1f496.png) } .emoji-toggle { display:inline-block; background-color:var(--bs-main-color); color:#fff; height:26px; line-height:26px; font-size:14px; cursor:pointer; padding:0 10px; margin:0 0 10px; border-radius:2px; transition:background .17s ease } .emoji-toggle:hover { background-color:var(--bs-main-dark-color) } #emoji-box { display:none; padding:20px 0 0; margin:10px 0; border-top:1px dashed #ccc } #emoji-box .mj-item { display:inline-block; text-align:center; font-size:12px; font-weight:700; padding:0 10px; margin:0 0 10px } #emoji-box .sora-moji { display:block; margin:0 0 5px } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { color:var(--bs-title-color); font-weight:700; } .post-body h1, .post-body h2 { font-size:24px } .post-body h3 { font-size:21px } .post-body h4 { font-size:18px } .post-body h5 { font-size:16px } .post-body h6 { font-size:13px } blockquote { font-style:italic; padding:10px; margin:0; border-left:4px solid var(--bs-main-color) } blockquote:before, blockquote:after { display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; color:#aaa; line-height:1 } blockquote:before { content:'\f10d'; margin:0 10px 0 0 } blockquote:after { content:'\f10e'; margin:0 0 0 10px } .widget .post-body ul, .widget .post-body ol { line-height:1.5; font-weight:400 } .widget .post-body li { margin:5px 0; padding:0; line-height:1.5 } .post-body ul { padding:0 0 0 20px } .post-body ul li:before { font-family:FontAwesome; font-size:13px; font-weight:400; margin:0 5px 0 0 } .post-body u { text-decoration:underline } .post-body a { transition:color .8s ease } .post-body strike { text-decoration:line-through } .contact-form { overflow:hidden } .contact-form .widget-title { display:none } .contact-form .contact-form-name { width:calc(50% - 5px) } .contact-form .contact-form-email { width:calc(50% - 5px); float:right } .sidebar .widget { position:relative; overflow:hidden; box-sizing:border-box; padding:0; margin-top: 10px; } .sidebar .widget-title { position:relative; float:left; width:100%; margin:0 0 5px } .sidebar .widget-title > h3 { text-align: center; position: relative; display: block; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 20px; padding: 0 0 5px; margin: 0; border-bottom: 2px solid #ebebeb; } .sidebar .widget-title > h3:before { content:''; position:absolute; height:2px; width:30px; left:0; bottom:0; background-color:#ff6520; margin:0 0 -2px } .sidebar .widget-content { float:left; width:100%; margin:0 } .list-label li { position:relative; display:block; padding:7px 0; border-top:1px dotted #ebebeb } .list-label li:first-child { padding-top:0; border-top:0 } .list-label li:last-child { padding-bottom:0; border-bottom:0 } .list-label li a { display:block; color:var(--bs-title-color); font-size:12px; font-weight:400; text-transform:capitalize; transition:color .17s } .list-label li a:before { content:"\f054"; float:left; color:var(--bs-title-color); font-weight:400; font-family:FontAwesome; font-size:6px; margin:7px 3px 0 0; transition:color .17s } .list-label li a:hover { color:var(--bs-main-color) } .list-label .label-count { position:relative; float:right; font-size:11px; font-weight:400; text-align:center; line-height:16px } .cloud-label li { position:relative; float:left; margin:0 5px 5px 0 } .cloud-label li a { display:block; height:26px; color:var(--bs-title-color); font-size:12px; line-height:26px; font-weight:400; padding:0 10px; border:1px dotted #ebebeb; transition:all .17s ease } .cloud-label li a:hover { color:#fff; background-color:var(--bs-main-color); border-color:var(--bs-main-color) } .cloud-label .label-count { display:none } .sidebar .FollowByEmail > .widget-title > h3 { margin:0 } .FollowByEmail .widget-content { position:relative; overflow:hidden; background-color:#f9f9f9; text-align:center; font-weight:400; box-sizing:border-box; padding:20px; border:1px solid #ebebeb } .FollowByEmail .widget-content > h3 { font-size:17px; color:var(--bs-title-color); font-weight:700; margin:0 0 13px } .FollowByEmail .before-text { font-size:13px; line-height:1.5em; margin:0 0 15px; display:block; padding:0 10px; overflow:hidden } .FollowByEmail .follow-by-email-inner { position:relative } .FollowByEmail .follow-by-email-inner .follow-by-email-address { width:100%; height:32px; color:var(--bs-title-color); font-size:11px; font-family:inherit; padding:0 10px; margin:0 0 10px; box-sizing:border-box; border:1px solid #eee; transition:ease .17s } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { width:100%; height:32px; font-family:inherit; font-size:11px; color:#fff; background-color:var(--bs-main-color); text-transform:uppercase; text-align:center; font-weight:600; cursor:pointer; margin:0; border:0; transition:background .17s ease } .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background-color:var(--bs-main-dark-color) } #ArchiveList ul.flat li { color:var(--bs-title-color); font-size:13px; font-weight:400; padding:7px 0; border-bottom:1px dotted #eaeaea } #ArchiveList ul.flat li:first-child { padding-top:0 } #ArchiveList ul.flat li:last-child { padding-bottom:0; border-bottom:0 } #ArchiveList .flat li > a { display:block; color:var(--bs-title-color); transition:color .17s } #ArchiveList .flat li > a:hover { color:var(--bs-main-color) } #ArchiveList .flat li > a:before { content:"\f054"; float:left; color:#161619; font-weight:400; font-family:FontAwesome; font-size:6px; margin:7px 3px 0 0; display:inline-block; transition:color .17s } #ArchiveList .flat li > a > span { position:relative; float:right; width:16px; height:16px; background-color:var(--bs-main-color); color:#fff; font-size:11px; font-weight:400; text-align:center; line-height:16px } .PopularPosts .post { overflow:hidden; margin:20px 0 0 } .PopularPosts .post:first-child { padding:0; margin:0; border:0 } .PopularPosts .post-image-link { position:relative; width:80px; height:65px; float:left; overflow:hidden; display:block; vertical-align:middle; margin:0 12px 0 0 } .PopularPosts .post-info { overflow:hidden } .PopularPosts .post-title { font-size:14px; font-weight:600; line-height:1.6em; margin:0 0 5px } .PopularPosts .post-title a { display:block; color:var(--bs-title-color); transition:color .17s } .PopularPosts .post:hover .post-title a { color:var(--bs-main-color) } .PopularPosts .post-date:before { font-size:10px } .FeaturedPost .post-content { position:relative; display:block; width:100% } .FeaturedPost .post-image-link { display:block; position:relative; width:100%; height:180px; overflow:hidden; z-index:1; margin:0 0 13px } .FeaturedPost .post-info { float:left; width:100% } .FeaturedPost .post-title { display:block; font-size:17px; overflow:hidden; font-weight:600; line-height:1.6em; margin:0 } .FeaturedPost .post-title a { color:var(--bs-title-color); display:block; transition:color .17s ease } .FeaturedPost .post:hover .post-title a { color:var(--bs-main-color) } .FeaturedPost .post-meta .post-date { margin:0 0 5px } .Text { font-size:13px } .contact-form-widget form { font-weight:400 } .contact-form-name { float:left; width:100%; height:30px; font-family:inherit; font-size:13px; line-height:30px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb; border-radius:2px } .contact-form-email { float:left; width:100%; height:30px; font-family:inherit; font-size:13px; line-height:30px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb; border-radius:2px } .contact-form-email-message { float:left; width:100%; font-family:inherit; font-size:13px; box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb; border-radius:2px } .contact-form-button-submit { float:left; width:100%; height:30px; background-color:var(--bs-main-color); font-size:13px; color:#fff; line-height:30px; cursor:pointer; box-sizing:border-box; padding:0 10px; margin:0; border:0; border-radius:2px; transition:background .17s ease } .contact-form-button-submit:hover { background-color:var(--bs-main-dark-color) } .contact-form-error-message-with-border { float:left; width:100%; background-color:#fbe5e5; font-size:11px; text-align:center; line-height:11px; padding:3px 0; margin:10px 0; box-sizing:border-box; border:1px solid #fc6262 } .contact-form-success-message-with-border { float:left; width:100%; background-color:#eaf6ff; font-size:11px; text-align:center; line-height:11px; padding:3px 0; margin:10px 0; box-sizing:border-box; border:1px solid #5ab6f9 } .contact-form-cross { margin:0 0 0 3px } .contact-form-error-message, .contact-form-success-message { margin:0 } .BlogSearch .search-input { float:left; width:75%; height:30px; background-color:#fff; font-weight:400; font-size:13px; line-height:30px; box-sizing:border-box; padding:5px 10px; border:1px solid #ebebeb; border-right-width:0; border-radius:2px 0 0 2px } .BlogSearch .search-action { float:right; width:25%; height:30px; font-family:inherit; font-size:13px; line-height:30px; cursor:pointer; box-sizing:border-box; background-color:var(--bs-main-color); color:#fff; padding:0 5px; border:0; border-radius:0 2px 2px 0; transition:background .17s ease } .BlogSearch .search-action:hover { background-color:var(--bs-main-dark-color) } .Profile .profile-img { float:left; width:80px; height:80px; margin:0 15px 0 0; transition:all .17s ease } .Profile .profile-datablock { margin:0 } .Profile .profile-data .g-profile { display:block; font-size:18px; color:var(--bs-title-color); font-weight:700; margin:0 0 5px; transition:color .17s ease } .Profile .profile-data .g-profile:hover { color:var(--bs-main-color) } .Profile .profile-info > .profile-link { color:var(--bs-title-color); font-size:11px; margin:5px 0 0; transition:color .17s ease } .Profile .profile-info > .profile-link:hover { color:var(--bs-main-color) } .Profile .profile-datablock .profile-textblock { display:none } .common-widget .LinkList ul li, .common-widget .PageList ul li { width:calc(50% - 5px); padding:7px 0 0 } .common-widget .LinkList ul li:nth-child(odd), .common-widget .PageList ul li:nth-child(odd) { float:left } .common-widget .LinkList ul li:nth-child(even), .common-widget .PageList ul li:nth-child(even) { float:right } .common-widget .LinkList ul li a, .common-widget .PageList ul li a { display:block; color:var(--bs-title-color); font-size:13px; font-weight:400; transition:color .17s ease } .common-widget .LinkList ul li a:hover, .common-widget .PageList ul li a:hover { color:var(--bs-main-color) } .common-widget .LinkList ul li:first-child, .common-widget .LinkList ul li:nth-child(2), .common-widget .PageList ul li:first-child, .common-widget .PageList ul li:nth-child(2) { padding:0 } #footer-wrapper { display: block; width: 100%; overflow: hidden; color: #fff; padding: 0; border-top: 1px solid rgb(255 255 255 / 3%); background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM7HbxFjZS4lLh7bRaozxmJ_QpDhhZKWen7VTBdyd3hDJR7SjrRziUsGEh2n1oruhpX4PziQY7ushL541P5NGq3-KuiRIC56RO0iY7BoNruebqTijK-8ZYh3oBHykCcQ8eEJsWEKyv1KO9SIXOU4vZq6yj12QJYPJar81CBkkBB9K1OJRkzRwvG5YdcCs/s1600/textura%20para%20bleachSYSTEM.webp) center; background-size: cover; background-position-y: -70px; box-shadow: 0px -5px 20px 0px rgb(0 0 0 / 70%); } #footer-wrapper .container { overflow:hidden; margin:0 auto; padding:15px 0; -webkit-user-select: none; user-select: none; } #footer-wrapper .rod { position: relative; } #footer-wrapper .copyright-area { float: left; color: #727272a8; text-shadow: 0 1px 10px rgb(0 0 0 / 30%); font-size: 23px; font-family: 'Bebas Neue', sans-serif; font-weight: 300; text-transform: uppercase; line-height: 34px; text-transform: uppercase; display: block; width: 100%; line-height: 34px; margin-left: 7px; } #footer-wrapper .copyright-area a { color:#d96719; transition:color .17s } #footer-wrapper .copyright-area a:hover { text-decoration: underline; transition:color .17s } #menu-footer { float: right; position: relative; display: block; margin-top: -25px; } #menu-footer .widget > .widget-title { display:none } #menu-footer ul li { float:left; display:inline-block; height:29px; padding:0; margin:0 } #menu-footer ul li a { font-size: 30px; text-shadow: rgb(0 0 0) 2px 2px; display: block; color: #ffffff36; font-family: 'Bebas Neue', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 34px; padding: 0 6px; margin: 0 0 0 5px; transition: color .17s ease; } #menu-footer ul li a:hover { color:#ffffffad; } #menu-footer ul li:last-child a { padding:0 0 0 5px } .hidden-widgets { display:none; visibility:hidden } .back-top { display:none; z-index:1010; width:32px; height:32px; position:fixed; bottom:25px; right:25px; cursor:pointer; overflow:hidden; font-size:13px; color:#fff; text-align:center; line-height:32px; border-radius:8px; } .back-top:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color: #303030; opacity:.5; transition:opacity .17s ease } .back-top:after { content:'\f077'; position:relative; font-family:FontAwesome; font-weight:400; opacity:.8; transition:opacity .17s ease } .back-top:hover:before, .back-top:hover:after, .nav-active .back-top:after, .nav-active .back-top:before { opacity:1 } .error404 #main-wrapper { width:100%!important; margin:0!important } .error404 #sidebar-wrapper { display:none } .errorWrap { color:var(--bs-title-color); text-align:center; padding:80px 0 200px; min-height: 570px; } .errorWrap h3 { font-size:160px; line-height:1; margin:0 0 30px } .errorWrap h4 { font-size:25px; margin:0 0 20px } .errorWrap p { margin:0 0 10px } .errorWrap a { display:block; color:var(--bs-main-color); padding:10px 0 0 } .errorWrap a i { font-size:20px } .errorWrap a:hover { text-decoration:underline } .post-inner-data.flex { display:flex; align-content:center; } .post-inner-user { position:relative; float:left; } span.author-image { position:relative; display:block; } span.author-image img:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 66%; background-image: linear-gradient(to bottom,transparent,rgb(4 12 62)); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; opacity: 1; margin: 0; transition: opacity .25s ease; } span.author-image img { border-radius: 5px; width: 70px; height: 48px; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%); } img.post-author-image { position: relative; float: left; height: 102px; width: 200px; top: -7px; } .rtl img.post-author-image { margin: 0 0 0 5px; } span.post-author:after { position:relative; display:inline-block; content:""; margin:0 3px; color:var(--post-snip-data) } .post-inner-data.flex { display:flex; align-content:center; } .post-inner-user { position:relative; float:left; } span.author-image { position:relative; display:block; } span.author-image img:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 66%; background-image: linear-gradient(to bottom,transparent,rgb(4 12 62)); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; opacity: 1; margin: 0; transition: opacity .25s ease; } span.author-image img { border-radius: 5px; width: 70px; height: 48px; box-shadow: 0px 2px 3px rgb(0 0 0 / 40%); } .Bentery-category { float: left; text-transform: uppercase; margin-top: 2px; font-size: 12px; text-shadow: rgb(0 0 0) 2px 2px 2px; position: relative; opacity: 0.4; } .post-inner-username { display:flex; flex-direction:column; margin:0 0 0 10px; } .all-flex { display: flex; top: -20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZx-SPZki6tLQeMK_fdRLMqCLI4oniDn5WUABqhf6o_AMMtwVLnpeLMVYV6VbgS43tLaCpwWwIwQl_dQfXX5gPSwN7mVzUAuuUGXTZo8pKz0AoIjCTKP2eC4EntFGH3184BOmIj1-UmmMdcKzA9rIxnoVL9K6bfKs_MOrbRsTOlhPTVhw01O023DZ1N0HJ/s1600/fundo-post.png); box-shadow: 0px 8px 8px 1px rgb(255 103 20 / 30%); background-repeat: no-repeat; background-position-y: 8px; background-position-x: center; padding: 3px; -webkit-user-select: none; user-select: none; justify-content: center; } .post-inner-comments.flex { position:relative; overflow:hidden; margin:0 5px 0; display:flex; align-items:center; align-content:center; } .post-inner-comments .share-top span { font-size:18px; } .post-author-times span { font-size:16px; margin:0 4px 0 0; } .post-times { position:relative; overflow:hidden; margin:4px 0 0; } .post-author-times { float: left; margin-right: 10px; } .post-author-times i { margin:0 4px 0 0; } .post-times span.post-date { position:relative; font-size:12px; color:var(--post-snip-data); } span#readTime { position:relative; font-size:12px; color:var(--post-snip-data); } span#readTime:before { content:"\e8b5"; font-family:'Material Icons Round'; font-weight:400; font-size:13px; vertical-align: middle; margin:0 3px 0 5px; } .rtl .post-times span.post-date:before { margin:0 0 0 5px; } .post-date:before { content:"\ebcc"; font-family:'Material Icons Round'; font-weight:400; font-size:12px; margin:0 5px 0 0; color: #ffb05e; } .item .post-snip .post-author:before { content:'Por -'; margin:0 3px 0 0; font-weight:normal; } .post-snip a { color:#333; transition:color .40s } .post-snip .author-image { overflow:hidden; position:relative; display:inline-block; width:25px; vertical-align:middle; height:25px; background-color:var(--runs-author-color); padding:1px; margin:0 3px 0 0; border:1px solid rgba(0 0 0 / 0.25); border-radius:100%; box-shadow:0px 0px 4px 3px rgba(0 0 0 / 0.06); } .post-author-times span { font-size: 14px; margin: 0 4px 0 0; } .post-times span.post-date { position: relative; font-size: 12px; color: var(--post-snip-data); } .avatar { pointer-events: none; position: relative; float: left; } .Profile .profile-img { float:left; width:70px; height:70px; margin:0 15px 0 0; border-radius:50%; transition:all .30s ease } .team-member { position:relative; display:block; overflow:hidden; float:left; width:100%; box-sizing:border-box; margin:0 0 15px; } .team-member .team-member-img { position:relative; display:block; float:left; margin:0; } .team-flex, .profile-datablock { position:relative; display:block; overflow:hidden; } .team-flex a, .profile-datablock a { position:relative; display:block; font-size:14px; font-weight:600; color:var(--main-menu-text-color); margin:0; } .profile-textblock { position:relative; display:block; font-size:12px; color:var(--post-snip-data) } .Profile .profile-info >.profile-link { color:var(--theme-text-color); font-size:11px; margin:5px 0 0 } .Profile .profile-info >.profile-link:hover { opacity:0.8 } .Profile .profile-datablock .profile-textblock a { position:relative; overflow:hidden; display:block; float:left; margin:13px 0; } .Profile .profile-info ul.description-links.show { display:flex; justify-content:center; } .Profile .profile-datablock .profile-textblock { position:relative; display:block; z-index:11; float:left; overflow:hidden; } .profile-data.location:before { content:"\e55e"; font-family:'Material Icons Round'; font-size:15px; font-weight:400; vertical-align:middle; } a.user-image { position:relative; display:block; overflow:hidden; float:left; z-index:1; } .post-date-2:before { content: "\ebcc"; font-family: 'Material Icons Round'; font-weight: 400; font-size: 12px; vertical-align: middle; margin: 0 5px 0 0; color: #ffb05e; } .post-times span.post-date { position: relative; font-size: 12px; color: var(--post-snip-data); } .post-snip { float: left; } @media screen and (max-width: 960px) { #outer-wrapper { max-width:100% } .row { width:100% } #hot-wrapper { box-sizing:border-box; padding:0 20px } #header-wrap { height:auto } .header-header { box-sizing:border-box; height: 180px; } .header-menu { box-sizing: border-box; padding: 0 20px; position: relative; width: 100%; height: 70px; margin: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtS0WjddO_wiWkZrt_Frb5Q642ehMCyLfrI3ZyvXhOgKfVInIJ2WudUa1oJcDeo13IjwdPlDr3TGpeASn_SRHO9djS4N8n2jOADY8p16dQXgqWUS34rZ4oaFpyXi5bo9CGAxBS53H50N7t5fnWH_elJDf24eGuJRq5vErfGsw4ThGVE_hkzqA8CA_aVm4r/s1600/5c4c5070-c572-4e3d-b2c6-edff7d25837b.png) center; background-size: cover; background-position-y: 60px; border-top: 1px solid #ffffff14; z-index: 1; box-shadow: 0px -4px 10px 2px rgb(0 0 0 / 80%); } #content-wrapper { position:relative; box-sizing:border-box; padding:0; margin:0px 0 0 } #footer-wrapper .container { box-sizing:border-box; padding:10px 20px } } @media screen and (max-width: 960px) { #content-wrapper > .container { margin:0 } .header-logo { max-width: 100%; width: 100%; text-align: center; max-height: 170px; padding: 0px; margin: 0px; left: 0px; top: 2px; } } @media screen and (max-width: 1200px) { #footer-wrapper { display: block; width: 100%; overflow: hidden; color: #fff; padding: 0; border-top: 1px solid rgb(255 255 255 / 5%); background: linear-gradient(1deg, #141414 0%, #0a0a0a 50%, #141414 100%); box-shadow: 0px 0px 19px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 19px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 19px 4px rgba(0,0,0,0.4); } .header-logo .header-image-wrapper { display:inline-block } #header-social { width:100%; text-align:center } .header-social li { float:none; margin:20px 10px 5px; display:inline-block } #main-menu { display:none } .slide-menu-toggle, .mobile-menu { display:block; color: #ff8d00; font-size: 25px; z-index: 1; } #header-wrap { padding:0 } #header-inner a { display:inline-block!important } #main-wrapper, #sidebar-wrapper { width:100%; min-height: 580px; } .item #sidebar-wrapper { margin-top:20px } } @media screen and (max-width: 800px) { .footer-widgets-wrap { display:block } #footer-wrapper .footer { width:100%; margin-right:0 } #footer-sec2, #footer-sec3 { margin-top:25px } } @media screen and (max-width: 840px) { #menu-footer, #footer-wrapper .copyright-area { width:100%; height:auto; line-height:inherit; text-align:center } #menu-footer { margin:10px 0 0 } #footer-wrapper .copyright-area { margin:10px 0 } #menu-footer ul li { float:none; height:auto } #menu-footer ul li a { line-height:inherit; margin:0 3px 5px } } @media screen and (max-width: 560px) { .main-slider, .main-slider li { height:250px } .index-post, #nav-search { width:100% } ul.related-posts { margin:0 } .related-posts .related-item { width:100%; padding:0; margin:20px 0 0 } .related-posts .item-0 { margin:0 } .related-posts .post-image-link { width:80px; height:70px; float:left; margin:0 12px 0 0 } .related-posts .post-title { font-size:14px; overflow:hidden; margin:0 0 5px } .post-reactions { display:none } } @media screen and (max-width: 440px) { .queryMessage { gap: 6px; min-height: 34px; padding: 5px 6px 5px 8px; text-align: left; } .queryMessage .query-info { gap: 4px; font-size: 11px; } .queryMessage .query-prefix { font-size: 10px; } .queryMessage .search-query, .queryMessage .search-label { padding: 3px 6px; font-size: 9px; } .queryMessage a.show-more { width: auto; min-height: 26px; margin: 0; padding: 5px 7px; font-size: 9px; } .div h1.post-title { font-size:23px } .about-author { text-align:center } .about-author .avatar-container { float:none; display:table; margin:0 auto 10px } #comments ol { padding:0 } .errorWrap { padding:70px 0 100px } .errorWrap h3 { font-size:120px } } @media screen and (max-width: 360px) { .header-social li { margin:20px 5px 5px } .about-author .avatar-container { width:60px; height:60px } } @media only screen and (max-width: 728px) { .mobile-hide { display: none !important; } } @media only screen and (max-width: 400px) { .mobile { display: inline !important; } } @media only screen and (min-width: 500px) { .desktop-hide { display: none !important; } } @media(max-width: 960px) { #personagemTOP { display: none; } } @media(max-width: 468px) { .ads-mobile { display: none; } } @media(min-width: 1200px) { .ads-468 { display: none; } } @media(max-width: 1200px) { #personagemRodape { display: none; } } @media(max-width: 960px) { .movie-card { background-position: bottom; background-size: cover; } } @media(max-width: 1100px) { #autordc { float: left; left: 40%; } } @media(max-width: 982px) { #sidebar-wrapper { } } .pergunta { background-color: #ffffff08; color: #ff8a00; padding: 10px; border-radius: 8px; font-size: 23px; margin-bottom: 15px; margin-top: 15px; } .comments-section { margin: 30px auto; background: #111; padding: 20px; color: #fff; border: 1px solid #ff8216; border-radius: 10px; } .comments-section h4, .comments-section h3 { color: #f77833; text-transform: uppercase; } /*--- Paginacao numerada --- */ .pagenavi .pages { display: none; } #blog-pager, .pagenavi { } #blog-pager a, .pagenavi span, .pagenavi a { text-decoration: none; user-select: none; font-family: arial; text-shadow: rgb(0 0 0 / 92%) 2px 2px 1px; color: #d96719; margin: 4px; background: radial-gradient(circle, rgb(255 81 0 / 30%) 28%, rgb(0 0 0) 68%); background-position: bottom; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 20px; font-size: 22px; box-shadow: 0px 1px 2px rgb(0 0 0); } #blog-pager a:hover, .pagenavi a:hover { background: ##191919; order-color: #c44b16; } #blog-pager-older-link, #blog-pager-newer-link { float: none; } .pagenavi .current { background: #dc6f93; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); a:link { text-decoration: none; outline: none; } download a:link { text-decoration: none; outline: none; transition: all 0.25s; } download a:visited, download a:link:hover, download a:visited:hover { text-decoration: none; } .button { list-style: none; text-align: center; width: 95%; margin: 10px; padding: 2px; font-size: 14px; clear: both; } .buttonDOWNLOAD .onlineB ul { margin: 0; padding: 0 } .buttonDOWNLOAD li { display: inline; margin: 5px; padding: 0; list-style: none; } .buttonDOWNLOAD li a.download { position: relative; padding: 10px 38px 5px 10px; background: #f98437; display: block; color: #fff!important; font-weight: 700; font-size: 14px; text-align: left; text-transform: uppercase; letter-spacing: .2px; border-radius: 3px; text-shadow: rgb(0 0 0 / 35%) -2px 0px; line-height: normal; transition: all .3s; max-width: 100px; margin: auto; overflow: hidden; margin-bottom: 10px; } .buttonDOWNLOAD li a.demo:hover, .buttonDOWNLOAD li a.download:hover { background: #666; } .buttonDOWNLOAD li a.demo:active, .buttonDOWNLOAD li a.download:active { cursor: pointer; } .buttonDOWNLOAD li a.demo:after, .buttonDOWNLOAD li a.download:after { content: '\F054'; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; font-weight: normal; display: inline-block; margin: 0 0 0 10px; color: #fff; padding: 14px 10px; font-family: fontawesome; transition: all .3s; } .buttonDOWNLOAD li:hover a.demo:after, .buttonDOWNLOAD li:hover a.download:after { background: transparent; -webkit-animation: bounceright .3s alternate ease infinite; animation: bounceright .3s alternate ease infinite; } .buttonON ul { margin: 0; padding: 0 } .buttonON li { display: inline; margin: 5px; padding: 0; list-style: none; } .buttonON li a.demo, .buttonON li a.download { position: relative; padding: 10px 38px 5px 10px; background: #2abb3c; display: block; color: #fff!important; font-weight: 700; font-size: 14px; text-align: left; text-transform: uppercase; letter-spacing: .2px; border-radius: 3px; text-shadow: rgb(0 0 0 / 35%) -2px 0px; line-height: normal; transition: all .3s; max-width: 120px; margin: auto; overflow: hidden; margin-bottom: 10px; } .buttonON li a.demo:hover, .buttonON li a.download:hover { background: #666; } .buttonON li a.demo:active, .buttonON li a.download:active { cursor: pointer; } .buttonON li a.demo:after, .buttonON li a.download:after { content: '\F054'; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; font-weight: normal; display: inline-block; margin: 0 0 0 10px; color: #fff; padding: 14px 10px; font-family: fontawesome; transition: all .3s; } .buttonON li:hover a.demo:after, .buttonON li:hover a.download:after { background: transparent; -webkit-animation: bounceright .3s alternate ease infinite; animation: bounceright .3s alternate ease infinite; } @-webkit-keyframes bounceright { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(3px); } } @keyframes bounceright { from { transform: translateX(0); } to { transform: translateX(3px); } } .onlineB:before { content: "\f019"; margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @import url(https://fonts.googleapis.com/css?family=Roboto); .text { width: 100%; text-align: center; height: 50px; line-height: 50px; font-size: 30px; position: absolute; top: 0; bottom: 0; margin: auto; .dash { display: inline-block; height: 3px; width: 20px; background-color: #3498db; animation: blink .5s infinite linear; } } @keyframes blink { 0% { opacity: 1; } 99% { opacity: 0; } 100% { opacity: 1; } } /*--- Skin Epis --- */ .rl_episodios_infos { display: none; flex-wrap: wrap; text-transform: uppercase; } .rl_containerPost, .rl_postsepis { max-width: 900px; min-width: 900px; overflow: hidden; word-wrap: break-word } .rl_episodios { width: 100%; background: rgb(255 255 255 / 0%); border-radius: 3px; margin-top: 2px; margin-bottom: 10px; overflow: hidden; font-size: 12px; } .rl_episodios_header { text-align: center; display: block; padding: 2px; background: linear-gradient(90deg, #222222 0%, #0e0e0e 35%, #222222 100%); font-size: 15px; font-weight: bolder; color: #ffeab7; border-bottom: 1px solid #ff6515; text-shadow: rgb(0 0 0) 2px 2px; text-transform: uppercase; border-top-left-radius: 5px; border-top-right-radius: 5px; } .rl_episodios_header-class { text-align: center; display: block; padding: 2px; background: linear-gradient(90deg, #1c1c1c 0%, #3a3a3a 35%, #1c1c1c 100%); border-bottom: 1px solid #ff6515; text-shadow: rgb(0 0 0) 2px 2px; text-transform: uppercase; -webkit-user-select: none; user-select: none; border-top-left-radius: 5px; border-top-right-radius: 5px; } .rl_episodios_header-class h2 { text-align: center; display: block; padding: 2px; font-size: 22px; font-weight: bolder; color: #ffeab7; text-shadow: rgb(0 0 0) 2px 2px; text-transform: uppercase; } .rl_episodios_header h2 { padding: 6px; text-align: center; font-size: 15px; font-weight: bold; color: #ffeab7; text-shadow: rgb(0 0 0) 0px 2px 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .rl_episodios_img_assets { position: relative; -webkit-user-select: none; user-select: none; } .rl_episodios_img_epi, .rl_episodios_img_online { position: absolute; padding: 5px; background: #2b2b2b; border-radius: 2px; font-weight: bolder } .rl_episodios_img_epi { margin: 3px } .rl_episodios_img_online { margin: 85px 3px 3px 52px; cursor: pointer } .rl_episodios_img { pointer-events: none; width: 100%; height: 160px; float: left; display: block; margin-bottom: 1px; border-bottom: 1px solid #c65400; box-shadow: 0px -5px 8px 0px rgb(235 83 10 / 70%); } .rl_episodios_opcs { width: 100%; display: flex; background: #3d3d3d; overflow: hidden; text-align: center; font-weight: bolder; margin-bottom: 1px; -webkit-user-select: none; user-select: none; } .rl_episodios_opcs-classico { width: 100%; display: flex; background: #3d3d3d; overflow: hidden; text-align: center; font-weight: bolder; margin-bottom: 1px; -webkit-user-select: none; user-select: none; box-shadow: 0px -5px 8px 0px rgb(235 83 10 / 70%); } .FullHD { transition: background-color 0.8s ease, color 0.8s ease; width: 100%; background-color: #222; display: flex; justify-content: center; align-items: center; text-transform: uppercase; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; cursor: pointer; font-size: 19px; color: #ffffffcf; font-weight: 800; text-shadow: rgb(0 0 0 / 49%) -2px 1px 1px; } .FullHD:hover { color: #ffff; background: linear-gradient(90deg, #161616 0%, #242424 35%, #161616 100%); } .infos-aba { transition: background-color 0.8s ease, color 0.8s ease; width: 100%; background-color: #222; display: flex; justify-content: center; align-items: center; text-transform: uppercase; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; cursor: pointer; font-size: 14px; color: #7d7d7d; font-weight: 800; text-shadow: rgb(0 0 0 / 49%) -2px 1px 1px; } .infos-aba:hover { color: #ffff; background: linear-gradient(90deg, #161616 0%, #242424 35%, #161616 100%); } .ASSISTIRONLINE { transition: background-color 0.8s ease, color 0.8s ease; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; display: flex; justify-content: center; align-items: center; text-transform: uppercase; width: 100%; cursor: pointer; background-color: #c65400; /* laranja sólido */ color: #ffffffcf; text-shadow: rgb(0 0 0 / 49%) -2px 1px 1px; font-size: 19px; font-weight: 800; } .ASSISTIRONLINE:hover { background-color: #1b9f31; /* verde sólido */ color: #ffff; } .rl_episodios_footer, .rl_episodios_infos { display: flex; flex-wrap: nowrap; } .rl_episodios_infos { width: 100%; text-align: center; flex-direction: row; background: #333; border-top: 1px solid #ffffff2b; -webkit-user-select: none; user-select: none; } .rl_episodios_info_box { width: 50%; float: left; margin-bottom: 1px; } .rl_episodios_info { border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; padding: 4px; font-size: 11px; color: #dddddd82; background: linear-gradient(90deg, #303030 0%, #242424 35%, #303030 100%); text-shadow: rgb(0 0 0 / 34%) 2px 2px; } .rl_episodios_info:nth-child(2n+1), .rl_episodios_link:nth-child(2n+1) { background: linear-gradient(90deg, #1e1e1e 0%, #303030 35%, #1e1e1e 100%); text-transform: uppercase; } .rl_episodios_footer { width: 100%; height: 100%; text-align: center; background: #333; font-size: 14px; font-style: normal; border-top: 1px solid #ffffff24; border-bottom: 1px solid #ffffff24; font-weight: bolder; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; -webkit-user-select: none; user-select: none; } .rl_episodios_footer a { float: left; width: 100%; color: #ffdbbf; font-size: 17px; font-style: normal; text-shadow: rgb(0 0 0 / 33%) 2px 2px 2px; } .episodio-classico-link a { float: left; width: 100%; color: #ffdbbf; font-size: 19px; font-style: normal; text-shadow: rgb(0 0 0 / 33%) 2px 2px 2px; } .nota-baixar { width: 100%; color: #ffad35; height: 30px; background: linear-gradient(90deg, #2a2a2a 0%, #181818 35%, #2a2a2a 100%); align-items: center; display: flex; justify-content: center; align-items: center; text-transform: uppercase; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; -webkit-user-select: none; user-select: none; font-size: 15px; font-style: normal; text-shadow: rgb(0 0 0 / 33%) 2px 2px 2px; } /* MOBILE */ @media screen and (max-width: 580px) { .movie-shorts { margin-top: 4px; margin-bottom: 0px; width: 70%; font-size: 11px; line-height: 1.3; font-weight: 500; margin-left: auto; margin-right: auto; font-family: system-ui; text-align: center; color: #7c7c7cc9; text-shadow: 0 1px 20px rgb(0 0 0); } } /* MOBILE */ @media screen and (max-width: 580px) { .watch-btn { width: 170px; font-size: 11px; } } /* MOBILE */ @media screen and (max-width: 580px) { .watch-btn:hover { width: 170px; font-size: 11px; } } /* MOBILE */ @media screen and (max-width: 580px) { .nota-baixar { width: 100%; color: #ffad35; height: 30px; background: linear-gradient( 90deg, #2a2a2a 0%, #181818 35%, #2a2a2a 100% ); display: flex; justify-content: center; align-items: center; text-transform: uppercase; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; -webkit-user-select: none; user-select: none; font-size: 10px; font-style: normal; text-shadow: rgb(0 0 0 / 33%) 2px 2px 2px; } } /* MOBILE */ @media screen and (max-width: 580px) { .ASSISTIRONLINE { font-size: 14px; } } @media screen and (max-width: 580px) { .rl_episodios_info { font-size: 10px; } } /* MOBILE */ @media screen and (max-width: 580px) { .FullHD { font-size: 14px; } } @media screen and (max-width: 580px) { .rl_episodios_header h2 { font-size: 12px; } } @media screen and (max-width: 580px) { h1.post-title { font-size: 17px !important; } } @media screen and (max-width: 580px) { .parte-btn.ativa { font-size: 14px !important; } } @media screen and (max-width: 580px) { .parte-btn { font-size: 14px !important; } } @media screen and (max-width: 580px) { .heading h2 b { font-size: 14px; } } @media screen and (max-width: 580px) { .index-post .post-info > h2 { font-size: 12px; text-transform: uppercase; width: 100%; height: autopx; padding: 0; margin: 10; font-weight: 700; text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center; border-bottom: 1px solid #262626; user-select: none; } .index-post .post-info > h2 span { width: 100%; line-height: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } } .rl_episodios_servidor { display: flex; justify-content: center; align-items: center; border-left: 1px solid #ffffff17; border-right: 1px solid #ffffff17; padding: 6px; cursor: pointer; transition: .4s all; } .rl_episodios_servidor a { color:#fff; font-weight: 900; font-size: 14px; text-shadow: rgb(0 0 0) 2px 2px 2px; text-transform: uppercase; } .rl_episodios_servidor a:hover { color: #f30a0f; font-size: 14px; } .rl_episodios_servidor:nth-child(2n+1) { text-transform: uppercase; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .1) } .rl_episodios_servidor:hover { background: rgb(0 0 0 / 32%); color: #db5c2b; } .ScrollBtn { position: fixed; right: 10px; bottom: 10px; background: #d35400; cursor: pointer; display: none; height: 40px; border-radius: 50%; width: 40px; z-index: 98 } .ScrollBtn:before { display: inline-block; width: 0; height: 0; border-bottom: 5px solid #fff; margin-top: 17px; margin-left: 14px } .discordIcon, .fbIcon, .igIcon, .ttIcon { position: fixed; z-index: 98; border-radius: 3px; opacity: .8; display: none; overflow: hidden } .rl_EPOnline iframe, .rl_EPOnline video, .xatCode { height: 500px; width: 100% } .form { padding: 10px } .form input[type=email], .form input[type=text] { display: block; border: none; padding: 5px; border-radius: 3px; margin-bottom: 5px; width: 100% } .form textarea { display: block; width: 100%; height: 100px } .form button { background: #d25400; border: none; border-radius: 3px; padding: 5px; color: #fff; font-weight: bolder; margin-top: 5px } .fbIcon { right: 60px; bottom: 17px } .igIcon { right: 90px; bottom: 18px } .ttIcon { right: 120px; bottom: 15px } .discordIcon { right: 148px; bottom: 16px } .xatContainer { display: flex; max-width: 1260px; overflow: hidden; margin: 10px auto; justify-content: space-between } .mfooter { text-align: center; font-size: 12px; background: #191919; padding: 10px; border-top: 1px solid #333 } .rl_EPOnline, .rl_comentarios { border-radius: 5px; border-top: 5px solid #d35400 } .mfooter span { font-size: 15px; text-shadow: 0 0 5px #e32e48 } .sempost { padding: 10px; font-size: 15px; text-align: center } .rl_Calendario { width: 100%; margin: 10px; background: #222 } .rl_Calendario_Dia { width: 100%; padding: 10px; background: #d25400; text-transform: uppercase } .rl_Calendario ul { margin: 0; padding: 0; list-style: none } .rl_Calendario a { display: block; width: 100%; padding: 10px; background: #333 } .rl_Calendario a:nth-child(2n+1) { background: #373737 } .eq-member { display: flex; width: 100%; overflow: hidden; background: #222; padding: 10px } .eq-img { margin-right: 10px } .eq-img img { width: 100px; border-radius: 50%; border: 3px solid #d35400; box-sizing: border-box } .eq-infos { width: 100%; font-size: 15px } .eq-info { background: rgba(0, 0, 0, .2); padding: 5px } .eq-info:nth-child(2n+1) { background: rgba(0, 0, 0, .1) } .fPost { font-size: 15px } .rl_EPOnline { padding: 5px; background: rgba(0, 0, 0, .2) } .rl_TituloEPOnline { background: #222; padding: 5px; margin: 0 -5px 5px; font-weight: bolder; font-size: 18px } .rl_EPOnline iframe { max-width: 100% } .rl_EPOnline_metadados { display: flex; justify-content: space-between; margin-top: 3px } .rl_EPOnline_metadados a { display: block; width: 100%; margin-left: 3px } .rl_EPOnline_meta { padding: 5px; font-size: 12px; font-weight: bolder; background: #d35400; width: 100%; margin-left: 3px; text-align: center; cursor: pointer; } .rl_EPOnline_meta:first-child { margin-left: 0 } .rl_EPOnline_meta:hover { background: #d77534 } .rl_EPOn_metaAnime { background: #bd2929; transition: .5s all } .rl_EPOn_metaAnime:hover { background: #a52020 } .rl_comentarios { background: #fff; margin-top: 5px; margin-bottom: 5px; padding: 5px } .rl_anime_metadados { background: rgba(0, 0, 0, .2); overflow: hidden; border-radius: 3px } .rl_capa_anime { width: 100%; position: relative; height: 200px } .rl_nome_anime { position: absolute; top: 3px; left: 3px; padding: 5px; font-weight: 15px; font-weight: bolder; background: rgba(0, 0, 0, .5); box-shadow: 0 0 5px rgba(0, 0, 0, .5) } .rl_anime_metainfos { display: flex; flex-direction: column; font-size: 14px } .rl_anime_meta { width: 100%; padding: 5px; margin-bottom: 3px; background: #222; text-align: justify } .rl_anime_meta:nth-child(2n+1) { background: #272727 } .rl_anime_episodios { margin-top: 10px } } /* Estilo para destacar a página atual em dispositivos móveis */ @media (max-width: 768px) { .page-current { background-color: #333; /* Cor de fundo do botão da página atual */ color: #fff; /* Cor do texto da página atual */ font-weight: bold; /* Deixa o texto mais visível */ } } @media only screen and (max-width:950px) { .rl_comentarios, .rl_episodios { width: 100% } .rl_EPOnline, .rl_anime_metadados, .rl_anime_paginationContainer, .rl_sidebar { width: 750px; margin: auto } .rl_EPOnline iframe, .rl_EPOnline video { height: 440px } .ListaLetras { width: 6.7% } } @media only screen and (max-width:790px) { .rl_episodios { width: 100% } .rl_EPOnline, .rl_anime_metadados, .rl_anime_paginationContainer, .rl_sidebar { width: 100%; margin: auto } .rl_comentarios { width: 100% } .rl_capa_anime, .rl_capa_anime img { width: 100%; height: auto } .rl_EPOnline iframe, .rl_EPOnline video { max-height: 390px } .rl_EPOnline_metadados { flex-direction: column } .rl_EPOnline_meta, .rl_EPOnline_metadados a { margin-left: 0 } .rl_EPOnline_meta { padding: 10px; margin-bottom: 2px } } @media only screen and (max-width:530px) { .eq-member { flex-direction: column } .buscaHeader { width: 80% } .buscaHeaderScroll { width: 100% !important } .rl_episodios_img_epi { top: 0 } .rl_episodios_img_online { margin-top: 0; bottom: 0 } .rl_episodios_info_box { text-align: center } .rl_episodios_footer a { font-size: 13px } .rl_EPOnline iframe, .rl_EPOnline video { max-height: 320px } .rl_sidebar_footer { flex-direction: column } .rl_widget_footer { margin: 0 0 5px } } @media only screen and (max-width:450px) { .rl_episodios_footer { text-align: center; background: #333; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; flex-direction: row; -webkit-user-select: none; user-select: none; } .rl_episodios_footer a { font-size: 12px } .rl_EPOnline iframe, .rl_EPOnline video { max-height: 270px } } @media only screen and (max-width:320px) { .rl_episodios_img, .rl_episodios_img_assets { width: 100%; height: 160px } .rl_episodios_img { max-width: 100%; margin-right: 0; float: none } .rl_episodios_img_online { margin-left: 32%; padding: 10px; border-radius: 10px } .rl_EPOnline iframe, .rl_EPOnline video { max-height: 200px } .ListaLetras { width: 13% } .center-link .watch-btn > i.fa-play { margin-right: 6px !important; display: inline-block !important; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 5px; -moz-osx-font-smoothing: grayscale; } ]]> /* ========================================================================== 02. CSS DO EDITOR DE LAYOUT DO BLOGGER (body#layout) ========================================================================== */ /*------Layout (No Edit)----------*/ body#layout #outer-wrapper, body#layout .row { width:auto; padding:0 } body#layout { width:860px; position:relative; padding:95px 5px 0; margin:0 } body#layout div.section { margin:0 5px 10px!important; padding:16px 16px 18px!important } body#layout .section h4 { font-size:14px; margin:0 } body#layout .layout-widget-description { display:none } body#layout .theme-options, body#layout #main-menu .widget { display:block!important } body#layout div.sora-panel { background-color:#d7d7d7!important; overflow:hidden!important; border-color:#bcbcbc } body#layout .sora-panel .widget { float:left; width:49%; margin-right:2% } body#layout .sora-panel #LinkList71 { margin-right:0 } body#layout #header-wrap { height:auto } body#layout .header-header { float:left; width:100%; height:auto; padding:0 } body#layout .header-header .container { display:flex } body#layout div.header-logo, body#layout div.header-social { float:left; width:50%; height:auto; max-width:none; max-height:none } body#layout .mobile-header { display:block; float:right; width:33.33%; height:auto } body#layout .mobile-menu { display:none } body#layout .header-menu { float:left; width:100%; height:auto } body#layout #main-menu { height:auto } body#layout .slider-section { float:none; width:auto } body#layout #slider-section .widget { display:block } body#layout #content-wrapper { margin:0 } body#layout #content-wrapper > .container { display:flex; margin:0 } body#layout #main-wrapper { width:66.66%; padding:0 } body#layout #sidebar-wrapper { width:33.33%; padding:0 } body#layout .sidebar .widget, body#layout .sidebar .widget-content { float:none; width:auto; overflow:visible } body#layout .footer-widgets-wrap { display:flex } body#layout .footer-widgets-wrap div.footer { width:100% } body#layout .home-ad .widget-content { float:none; width:auto; margin:0 } /*------Layout (end)----------*/ /* ========================================================================== 03. Tipografia, shortcodes e tabelas Origem aproximada: linha 102 do XML original ========================================================================== */ /*-------Typography and ShortCodes-------*/ .firstcharacter { float:left; color:#27ae60; font-size:75px; line-height:60px; padding-top:4px; padding-right:8px; padding-left:3px } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { margin-bottom:0; color:#ffeab7; } blockquote { font-style: italic; font-size: 19px; color: #fff; border-left: 5px solid #0489b3; margin-left: 0; padding: 10px 15px; } blockquote:before { content:'\f10d'; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-right:10px; color:#888 } blockquote:after { content:'\f10e'; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-left:10px; color:#888 } .button { background-color:#2c3e50; float:left; padding:5px 12px; margin:5px; color:#fff; text-align:center; border:0; cursor:pointer; border-radius:3px; display:block; text-decoration:none; font-weight:400; transition:all .3s ease-out !important; -webkit-transition:all .3s ease-out !important } a.button { color:#fff } .button:hover { background-color:#27ae60; color:#fff } .button.small { font-size:12px; padding:5px 12px } .button.medium { font-size:16px; padding:6px 15px } .button.large { font-size:18px; padding:8px 18px } .small-button { width:100%; overflow:hidden; clear:both } .medium-button { width:100%; overflow:hidden; clear:both } .large-button { width:100%; overflow:hidden; clear:both } .demo:before { content:"\f06e"; margin-right:5px; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .buy:before { content:"\f09d"; margin-right:5px; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .visit:before { content:"\f14c"; margin-right:5px; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:400; line-height:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .widget .post-body ul, .widget .post-body ol { line-height:1.5; font-weight:400 } .widget .post-body li { margin:5px 0; padding:0; line-height:1.5 } .post-body ul li:before { font-family:fontawesome } pre { font-family:Monaco, "Andale Mono", "Courier New", Courier, monospace; background-color:#2c3e50; background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); -webkit-background-size:100% 50px; -moz-background-size:100% 50px; background-size:100% 50px; line-height:25px; color:#f1f1f1; position:relative; padding:0 7px; margin:15px 0 10px; overflow:hidden; word-wrap:normal; white-space:pre; position:relative } pre:before { content:'Code'; display:block; background:#F7F7F7; margin-left:-7px; margin-right:-7px; color:#2c3e50; padding-left:7px; font-weight:400; font-size:14px } pre code, pre .line-number { display:block } pre .line-number a { color:#27ae60; opacity:0.6 } pre .line-number span { display:block; float:left; clear:both; width:20px; text-align:center; margin-left:-7px; margin-right:7px } pre .line-number span:nth-child(odd) { background-color:rgba(0, 0, 0, 0.11) } pre .line-number span:nth-child(even) { background-color:rgba(255, 255, 255, 0.05) } pre .cl { display:block; clear:both } #contact { background-color:#fff; margin:30px 0 !important } #contact .contact-form-widget { max-width:100% !important } #contact .contact-form-name, #contact .contact-form-email, #contact .contact-form-email-message { background-color:#FFF; border:1px solid #eee; border-radius:3px; padding:10px; margin-bottom:10px !important; max-width:100% !important } #contact .contact-form-name { width:47.7%; height:50px } #contact .contact-form-email { width:49.7%; height:50px } #contact .contact-form-email-message { height:150px } #contact .contact-form-button-submit { max-width:100%; width:100%; z-index:0; margin:4px 0 0; padding:10px !important; text-align:center; cursor:pointer; background:#27ae60; border:0; height:auto; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; text-transform:uppercase; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; -ms-transition:all .2s ease-out; transition:all .2s ease-out; color:#FFF } #contact .contact-form-button-submit:hover { background:#2c3e50 } #contact .contact-form-email:focus, #contact .contact-form-name:focus, #contact .contact-form-email-message:focus { box-shadow:none !important } .alert-message { position:relative; display:block; background-color:#FAFAFA; padding:20px; margin:20px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#2f3239; border:1px solid } .alert-message p { margin:0 !important; padding:0; line-height:22px; font-size:13px; color:#2f3239 } .alert-message span { font-size:14px !important } .alert-message i { font-size:16px; line-height:20px } .alert-message.success { background-color:#f1f9f7; border-color:#e0f1e9; color:#1d9d74 } .alert-message.success a, .alert-message.success span { color:#1d9d74 } .alert-message.alert { background-color:#DAEFFF; border-color:#8ED2FF; color:#378FFF } .alert-message.alert a, .alert-message.alert span { color:#378FFF } .alert-message.warning { background-color:#fcf8e3; border-color:#faebcc; color:#8a6d3b } .alert-message.warning a, .alert-message.warning span { color:#8a6d3b } .alert-message.error { background-color:#FFD7D2; border-color:#FF9494; color:#F55D5D } .alert-message.error a, .alert-message.error span { color:#F55D5D } .fa-check-circle:before { content:"\f058" } .fa-info-circle:before { content:"\f05a" } .fa-exclamation-triangle:before { content:"\f071" } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-right: 5px; } } -exclamation-circle:before { content:"\f06a" } .post-table table { border-collapse:collapse; width:100% } .post-table th { background-color:#eee; font-weight:bold } .post-table th, .post-table td { border:0.125em solid #333; line-height:1.5; padding:0.75em; text-align:left } @media (max-width: 30em) { .post-table thead tr { position:absolute; top:-9999em; left:-9999em } .post-table tr { border:0.125em solid #333; border-bottom:0 } .post-table tr + tr { margin-top:1.5em } .post-table tr, .post-table td { display:block } .post-table td { border:none; border-bottom:0.125em solid #333; padding-left:50% } .post-table td:before { content:attr(data-label); display:inline-block; font-weight:bold; line-height:1.5; margin-left:-100%; width:100% } } @media (max-width: 20em) { .post-table td { padding-left:0.75em } .post-table td:before { display:block; margin-bottom:0.75em; margin-left:0 } } .FollowByEmail { clear: both; } .widget .post-body ol { padding: 0 0 0 15px; } .post-body ul li { list-style: none; } .invisible-tags-homepage { position: absolute; left: -9999px; top: -9999px; } /* ========================================================================== ESTILOS QUE ANTES ERAM GERADOS DINAMICAMENTE NO XML/JS ========================================================================== */ /* Banner do cabeçalho */ #personagemTOP { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiz9cYwmmt4x-usS81ecx7D7o09x4g7AKkcT1XuDounuwIM8fJZf1yMbH2tQlHCd_xpF4cpQIboJHe8kgBNMdQWnwYbVvkcBnXAFm-s-8ShvAj-5kY8AL5YZSUf2MwbPCYQqstEIYn9AFtgnlq2xj_SxczN48imVSACw-wuL4NCTXuOzE1oQ1oTsOXOk/s1600/ichigo-bleachsystem.png) no-repeat top left; } /* Sidebar sticky: regra que antes era inserida por JavaScript */ .theiaStickySidebar:after { content: ""; display: table; clear: both; } /* Alternância de layout das páginas de post (marcadores left-sidebar/right-sidebar/full-width) */ body.item.layout-left-sidebar #main-wrapper { float: right; } body.item.layout-left-sidebar #sidebar-wrapper { float: left; } body.item.layout-right-sidebar #main-wrapper { float: left; } body.item.layout-right-sidebar #sidebar-wrapper { float: right; } body.item.layout-full-width #main-wrapper { width: 100%; } body.item.layout-full-width #sidebar-wrapper { display: none; } /* Elementos que antes usavam style= inline */ .theme-options { display: none; } .episodes-info { margin-top: 0; color: #ffffff75; font-size: 12px; font-weight: 450; text-transform: uppercase; } .notice-muted { color: #7b7b7b; -webkit-user-select: none; user-select: none; } .notice-accent { color: #ff8c3c; } .no-select { -webkit-user-select: none; user-select: none; } .shared { background: radial-gradient(circle, rgb(28 28 28) 28%, rgb(0 0 0 / 14%) 68%); font-size: 16px; user-select: none; color: #9b9b9b94; margin-bottom: 10px; text-shadow: rgb(0 0 0 / 50%) 2px 2px 2px; font-weight: 600; padding-top: 1px; background-color: #2424241a; text-align: center; padding: 4px; margin: 3px; text-transform: uppercase; margin-top: 5px; } .queryEmpty { text-align: center; padding: 30px; } .query-empty-image { max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 15px; -webkit-user-select: none; user-select: none; pointer-events: none; } .query-empty-message { color: #ffc19e; font-size: 16px; position: relative; text-shadow: rgb(0 0 0) 0 1px 2px; top: -300px; } .promo-anchor { text-decoration: none; } .donation-image { -webkit-user-select: none; user-select: none; pointer-events: none; } .footer-brand { color: #a1a1a1; } .footer-rights, .footer-author-link { color: #c3c3c3a8; } /* Estado inicial das informações de episódios; o JavaScript controla a abertura/fechamento. */ .rl_episodios_infos { display: none; } /* ========================================== BleachSYSTEM — Reações ========================================== */ .bs-reactions { width:100%; box-sizing:border-box; margin:0px; padding:5px; text-align:center; background: radial-gradient(circle, rgb(28 28 28) 28%, rgb(0 0 0 / 14%) 68%); } .bs-reactions-title { margin: 0 0 5px; color: #b7b7b7; font-size: 14px; color: #9b9b9b94; text-transform: uppercase; font-weight: 600; line-height: 1.4; text-align: center; text-shadow: rgb(0 0 0 / 49%) -2px 1px 1px; border-bottom: 1px solid #ffffff08; } .bs-reactions-list { display:flex; align-items:flex-start; justify-content:center; gap:24px; width:100%; } .bs-reaction-btn { -webkit-appearance:none !important; appearance:none !important; display:flex !important; flex-direction:column; align-items:center; justify-content:flex-start; gap:7px; min-width:45px; margin:0 !important; padding:4px 5px !important; background:transparent !important; border:0 !important; border-radius:0 !important; outline:0; box-shadow:none !important; color:#aaa; font-family:inherit; cursor:pointer; line-height:1; transition:transform .2s ease,opacity .2s ease; } .bs-reaction-btn .bs-emoji { display:block; font-size:32px; line-height:1; transform:translateY(0) scale(1); transition:transform .2s ease,filter .2s ease; } .bs-reaction-btn .bs-count { display:block; width:100%; margin:0; padding:0; color:#888; font-size:12px; font-weight:600; line-height:1; text-align:center; font-variant-numeric:tabular-nums; transition:color .2s ease; } .bs-reaction-btn:hover .bs-emoji {transform:translateY(-3px) scale(1.12);} .bs-reaction-btn:hover .bs-count {color:#fff;} .bs-reaction-btn.is-active .bs-emoji { transform:scale(1.14); filter:drop-shadow(0 0 7px rgba(255,115,0,.55)); } .bs-reaction-btn.is-active .bs-count {color:#ff7300;} .bs-reaction-btn:active .bs-emoji {transform:scale(.92);} .bs-reaction-btn:disabled {cursor:wait;opacity:.65;} .bs-reaction-btn::before,.bs-reaction-btn::after {display:none !important;content:none !important;} .bs-reactions-status { min-height:5px; margin-top:1px; color:#888; font-size:11px; line-height:14px; text-align:center; } /* Em resoluções menores, post e sidebar ocupam a largura total. Esta regra fica no final do arquivo para não ser sobrescrita. */ @media screen and (max-width:1200px) { #content-wrapper > .container {display:block;} #main-wrapper { float:none; width:100%; max-width:100%; margin:0 auto; margin-right:0; border-right:0; box-sizing:border-box; } #sidebar-wrapper { float:none; width:100%; max-width:100%; margin-left:0; margin-right:0; box-sizing:border-box; } .item #sidebar-wrapper {margin-top:20px;} } @media screen and (max-width:600px) { .bs-reactions {margin:22px auto 18px;padding:17px 4px;} .bs-reactions-title {margin-bottom:16px;font-size:14px;} .bs-reactions-list {gap:13px;} .bs-reaction-btn {min-width:39px;padding:3px !important;gap:7px;} .bs-reaction-btn .bs-emoji {font-size:29px;} .bs-reaction-btn .bs-count {font-size:11px;} } @media screen and (max-width:380px) { .bs-reactions-list {gap:7px;} .bs-reaction-btn {min-width:36px;} .bs-reaction-btn .bs-emoji {font-size:27px;} } /* ============================================================ BleachSYSTEM - CORRECAO RESPONSIVA FINAL Evita o post ficar com viewport - 310px em tablets/celulares. Mantido no final do arquivo propositalmente. ============================================================ */ @media screen and (max-width:1200px) { html, body { max-width:100%; overflow-x:hidden; } #content-wrapper.row, #content-wrapper { width:100% !important; max-width:100% !important; box-sizing:border-box !important; } #content-wrapper > .container { display:block !important; width:100% !important; max-width:100% !important; margin:0 !important; box-sizing:border-box !important; } #main-wrapper { float:none !important; width:100% !important; max-width:100% !important; margin:0 !important; border-right:0 !important; box-sizing:border-box !important; } #sidebar-wrapper { float:none !important; width:100% !important; max-width:100% !important; margin:20px 0 0 !important; box-sizing:border-box !important; } } \n\n/* ============================================================ BleachSYSTEM - SELO DUBLADO / LEGENDADO NA THUMBNAIL ============================================================ */ .index-post .post-image-wrap { position:relative; } .bs-thumb-badge { position:absolute; right:8px; bottom:8px; z-index:4; display:inline-flex; align-items:center; justify-content:center; min-height:21px; padding:1px 7px 0; border:1px solid rgba(255,126,0,.75); border-radius:4px; background:rgba(10,10,10,.88); box-shadow:0 2px 8px rgba(0,0,0,.45); color:#ff7e00; font-size:9px; font-weight:800; line-height:19px; letter-spacing:.45px; text-transform:uppercase; pointer-events:none; box-sizing:border-box; } .bs-thumb-badge--dublado { background:rgba(255,101,40,.94); border-color:#ff6528; color:#fff; } .bs-thumb-badge--legendado { background:rgba(10,10,10,.90); border-color:rgba(255,126,0,.82); color:#ff8b19; } @media screen and (max-width:600px) { .bs-thumb-badge { right:6px; bottom:6px; min-height:19px; padding:0 6px; font-size:8px; line-height:17px; } } /* Fallback do Blogger: garante que o hover funcione mesmo antes da máscara ser carregada */ .header-logo .header-image-wrapper:not([style*="--logo-mask"])::after { -webkit-mask-image: none; mask-image: none; border-radius: 4px; } /* Mantém o logo acima de elementos do header que possam capturar o mouse */ .header-logo, .header-logo .header-image-wrapper, .header-logo img { pointer-events: auto; } /* ============================================================ BleachSYSTEM - PLAQUINHAS DE IDIOMA DOS EPISODIOS Pagina inicial + sobreposicao nas paginas de episodios ============================================================ */ .post-image-wrap { position: relative; } .episode-badges { opacity: 0.8; position: absolute; right: 8px; bottom: 8px; z-index: 5; display: flex; gap: 5px; align-items: center; pointer-events: none; } .episode-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 7px; border-radius: 4px; color: #fff; font: 700 10px/1 'Poppins', sans-serif; letter-spacing: .35px; text-transform: uppercase; box-shadow: 0 2px 7px rgba(0, 0, 0, .55); } .episode-badge-dublado { background: #f36b12; } .episode-badge-legendado { background: #1976d2; } .episode-badge-noticia { background: #b83232; gap: 4px; } .episode-badge-noticia i { font-size: 10px; line-height: 1; } .post-body .episode-post-overlay-badges { position: absolute; z-index: 20; } @media (max-width: 480px) { .episode-badges { right: 6px; bottom: 6px; gap: 4px; } .episode-badge { padding: 4px 6px; font-size: 9px; } } /* ============================================================ BleachSYSTEM - CAMADAS DO MENU / SOCIAIS / BUSCA ============================================================ */ .header-menu { position: relative; z-index: 100; } .header-menu .container { position: relative; z-index: 1; } #main-menu { z-index: 2 !important; } /* Apenas os dropdowns ficam acima das plaquinhas. */ #main-menu ul > li > ul, #main-menu ul > li > ul > li > ul { z-index: 100 !important; } /* Redes sociais e busca continuam acima da area do menu. */ #sociais, .show-search { z-index: 20 !important; } /* Busca aberta acima de todo o header. */ #search-overlay { z-index: 10000; } #nav-search { z-index: 10001; } #close-search { z-index: 10002; } /* ============================================================ BleachSYSTEM - LOGO ACIMA DOS DEMAIS ELEMENTOS Sobe apenas o container e preserva as camadas do efeito hover. ============================================================ */ .header-logo { position: relative; z-index: 1000000 !important; } /* ============================================================ BleachSYSTEM - COMENTÁRIOS V2 Visual mais limpo, compacto e fluido. A ordem dos comentários continua sendo controlada pelo Blogger. ============================================================ */ /* Área geral */ #comments.comments, .comments { --bs-cmt-accent: #d9912f; --bs-cmt-accent-2: #f0b24e; --bs-cmt-admin: #f28a2e; --bs-cmt-bg: rgba(13, 13, 13, .92); --bs-cmt-bg-hover: rgba(20, 20, 20, .96); --bs-cmt-border: rgba(255, 255, 255, .075); --bs-cmt-muted: #919191; --bs-cmt-text: #d8d8d8; clear: both; color: var(--bs-cmt-text); margin: 10px 0 0; } #comments > h3, .comments > h3 { position: relative; display: flex; align-items: center; justify-content: center; min-height: 34px; margin: 0 0 18px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .055); border-left: 2px solid rgba(217, 145, 47, .72); border-right: 2px solid rgba(217, 145, 47, .72); border-radius: 7px; background: linear-gradient(180deg, rgba(25, 25, 25, .54), rgba(7, 7, 7, .32)); box-shadow: 0 8px 24px rgba(0, 0, 0, .18); color: #bcbcbc; font-size: 12px; font-weight: 600; letter-spacing: .15px; text-transform: none; text-shadow: 0 1px 2px rgba(0, 0, 0, .7); } .comments .comments-content, .comments .comment-thread, .comments .comment-thread > ol { margin: 0; padding: 0; } /* Card de comentário */ .comments .comments-content .comment { position: relative; list-style: none; margin: 0 0 16px; padding: 12px 14px 12px 12px; border: 1px solid var(--bs-cmt-border); border-radius: 10px; background: linear-gradient(180deg, rgba(20, 20, 20, .78), rgba(5, 5, 5, .82)); box-shadow: 0 7px 18px rgba(0, 0, 0, .20); transform: translateZ(0); transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease; } .comments .comments-content .comment:first-child { padding-top: 12px; } .comments .comments-content .comment:hover { border-color: rgba(217, 145, 47, .18); background: linear-gradient(180deg, rgba(24, 24, 24, .82), rgba(7, 7, 7, .88)); box-shadow: 0 9px 22px rgba(0, 0, 0, .26); transform: translateY(-1px); } /* Avatar */ .comments .avatar-image-container { position: absolute; top: 12px; left: 12px; float: none; width: 52px; height: 52px; max-width: 52px; max-height: 52px; overflow: hidden; border: 1px solid rgba(225, 145, 55, .88); border-radius: 50%; background-color: #111; box-shadow: 0 3px 10px rgba(0, 0, 0, .62); } .comments .avatar-image-container img { display: block; width: 52px; height: 52px; max-width: 52px; max-height: 52px; object-fit: cover; border: 0; border-radius: 50%; box-shadow: none; } /* Mantém sua imagem personalizada de anônimo quando necessário */ .comments .avatar-image-container, .comments .avatar-image-container img { background-size: cover; background-position: center; background-repeat: no-repeat; } /* Conteúdo principal */ .comments .comment-block { overflow: visible; min-height: 52px; margin: 0 0 0 66px; padding: 0; } .comments .comments-content .comment-header { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; clear: both; overflow: visible; margin: 0; padding: 0 0 7px; border-bottom: 1px solid rgba(255, 255, 255, .055); font-size: 14px; pointer-events: auto; user-select: text; } .comments .comments-content .user { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; color: #e2e2e2; font-style: normal; font-weight: 700; line-height: 1.25; } .comments .comments-content .comment-header a { color: #e2e2e2; transition: color .18s ease; } .comments .comments-content .comment-header a:hover { color: #fff; } .comments .comments-content .datetime { float: none; display: inline-flex; align-items: center; position: relative; margin: 0; padding: 0; color: #7f7f7f; font-size: 10px; font-weight: 400; line-height: 1.4; } .comments .comments-content .datetime:before { content: "•"; margin-right: 7px; color: rgba(217, 145, 47, .55); } .comments .comments-content .datetime a, .comments .comments-content .datetime a:hover { color: #7f7f7f; } .comments .comments-content .comment-content { float: none; display: block; width: auto; margin: 11px 0 10px; color: #c7c7c7; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.65; text-align: left; overflow-wrap: anywhere; } .comments .comments-content .comment-content p { margin: 0 0 8px; } .comments .comments-content .comment-content p:last-child { margin-bottom: 0; } /* Ações */ .comments .comment-actions { float: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: auto; margin: 0; position: relative; } .comments .comment .comment-actions a { display: inline-flex; align-items: center; min-height: 24px; margin: 0; padding: 4px 9px; border: 1px solid rgba(217, 145, 47, .22); border-radius: 6px; background: rgba(217, 145, 47, .10); box-shadow: none; color: #cdb17f !important; font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .15px; text-shadow: none; text-transform: uppercase; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; } .comments .comment .comment-actions a:hover { color: #fff !important; background: rgba(217, 145, 47, .22); border-color: rgba(240, 178, 78, .42); text-decoration: none; transform: translateY(-1px); } /* Respostas aninhadas */ .comments .comments-content .comment-replies { position: relative; margin: 12px 0 0 64px; padding: 0 0 0 13px; border-left: 1px solid rgba(217, 145, 47, .22); } .comments .comments-content .inline-thread { padding: 0; } .comments .comments-content .comment-replies .comment { margin-bottom: 10px; background: linear-gradient(180deg, rgba(17, 17, 17, .76), rgba(4, 4, 4, .80)); box-shadow: 0 5px 15px rgba(0, 0, 0, .16); } .comments .thread-toggle { display: inline-flex; align-items: center; min-height: 25px; margin: 7px 0 0; padding: 3px 8px; border-radius: 6px; color: #d4a556; font-size: 11px; font-weight: 700; transition: background-color .18s ease, color .18s ease; } .comments .thread-toggle:hover { background: rgba(217, 145, 47, .08); color: #f0b24e; } .comments .thread-toggle .thread-arrow { height: auto; margin: 0 4px 0 0; } .comments .thread-expanded .thread-arrow:before, .comments .thread-collapsed .thread-arrow:before { color: #d9a14a; } .comments .thread-expanded { padding-top: 5px; } /* ============================================================ BleachSYSTEM - RESPOSTAS RECOLHIDAS - Respostas comuns ficam ocultas por padrão. - Respostas do ADM permanecem visíveis. - Se uma resposta comum for ancestral de uma resposta do ADM, ela permanece visível apenas para preservar o contexto da thread. ============================================================ */ .comments .bs-reply-hidden { display: none !important; } .comments .bs-replies-control { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 9px 0 5px 64px; padding-left: 13px; } .comments .bs-replies-toggle, .comments .bs-replies-summary { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 29px; margin: 0; padding: 5px 10px; border: 1px solid rgba(181, 145, 68, .26); border-radius: 7px; outline: 0; background: linear-gradient(180deg, rgba(24, 24, 24, .94), rgba(8, 8, 8, .96)); box-shadow: 0 4px 12px rgba(0, 0, 0, .22); color: #c2a875; font-family: inherit; font-size: 10px; font-weight: 700; line-height: 1; letter-spacing: .08px; text-shadow: 0 1px 1px rgba(0, 0, 0, .85); } .comments .bs-replies-toggle { cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; } .comments .bs-replies-toggle::before { content: "\f078"; font-family: FontAwesome; color: #b59144; font-size: 9px; font-weight: 400; transition: transform .20s ease, color .18s ease; } .comments .bs-replies-toggle[aria-expanded="true"]::before { transform: rotate(180deg); } .comments .bs-replies-toggle:hover { color: #ead09a; border-color: rgba(217, 161, 74, .48); background: linear-gradient(180deg, rgba(32, 29, 23, .98), rgba(11, 10, 8, .98)); box-shadow: 0 5px 14px rgba(0, 0, 0, .30); transform: translateY(-1px); } .comments .bs-replies-toggle:hover::before { color: #d9a14a; } .comments .bs-replies-summary { cursor: default; color: #aaa07f; background: rgba(181, 145, 68, .055); box-shadow: none; } .comments .bs-replies-total { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 18px; padding: 0 5px; border: 1px solid rgba(181, 145, 68, .20); border-radius: 999px; background: rgba(181, 145, 68, .10); color: #cbb17d; font-size: 8px; font-weight: 900; line-height: 1; } .comments .bs-reply-reveal { animation: bsReplyReveal .22s ease both; } @keyframes bsReplyReveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 640px) { .comments .bs-replies-control { margin-left: 24px; padding-left: 9px; gap: 5px; } .comments .bs-replies-toggle, .comments .bs-replies-summary { min-height: 27px; padding: 5px 8px; font-size: 9px; } } /* Destaque do administrador — integrado ao layout */ .comments .comments-content .icon.blog-author { display: none !important; } .comments .comments-content .comment.bs-admin-comment { border-color: rgba(181, 145, 68, .16); box-shadow: inset 2px 0 0 rgba(181, 145, 68, .48), 0 8px 22px rgba(0, 0, 0, .20); } .comments .comments-content .comment.bs-admin-comment:hover { border-color: rgba(181, 145, 68, .24); box-shadow: inset 2px 0 0 rgba(217, 161, 74, .62), 0 10px 24px rgba(0, 0, 0, .25); } .bs-admin-badge { display: inline-flex; align-items: center; justify-content: center; height: 17px; margin-left: 7px; padding: 0 7px; border: 1px solid rgba(255, 190, 94, .78); border-radius: 4px; background: linear-gradient(180deg, #f6a13f 0%, #d66b20 100%); color: #fff; font-size: 8px; font-weight: 900; line-height: 1; letter-spacing: .55px; text-shadow: 0 1px 2px rgba(0, 0, 0, .65); text-transform: uppercase; vertical-align: middle; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 2px 7px rgba(230, 112, 29, .24); user-select: none; } .comments .bs-admin-comment .avatar-image-container { border-color: rgba(217, 161, 74, .78); box-shadow: 0 0 0 2px rgba(181, 145, 68, .05), 0 3px 10px rgba(0, 0, 0, .62); } /* Formulário */ .comments .comment-form, .comments .comment-replybox-single, #comment-editor { border-radius: 9px; } .comments .comment-form { margin-top: 15px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .06); } #comment-editor { overflow: hidden; margin: 0 0 18px; border: 1px solid rgba(255, 255, 255, .06); background: #0d0d0d; } /* Botão "Mostrar mais comentários" */ .bs-comments-more-wrap { display: flex; justify-content: center; width: 100%; margin: 4px 0 2px; padding: 3px 0 8px; } #btnVerMais.bs-comments-more { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 36px; padding: 7px 12px 7px 14px; border: 1px solid rgba(181, 145, 68, .28); border-radius: 7px; outline: 0; background: linear-gradient(180deg, rgba(24, 24, 24, .96), rgba(7, 7, 7, .98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 4px 13px rgba(0, 0, 0, .30); color: #b9a276; cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .1px; text-shadow: 0 1px 1px rgba(0, 0, 0, .85); transition: color .20s ease, border-color .20s ease, background .20s ease, box-shadow .20s ease, transform .20s ease; } #btnVerMais.bs-comments-more::before { content: "\f078"; font-family: FontAwesome; color: #b59144; font-size: 9px; font-weight: 400; transition: transform .22s ease, color .20s ease; } #btnVerMais.bs-comments-more:hover { color: #e1c68f; border-color: rgba(217, 161, 74, .48); background: linear-gradient(180deg, rgba(31, 28, 22, .98), rgba(10, 9, 7, .98)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 5px 15px rgba(0, 0, 0, .34); transform: translateY(-1px); } #btnVerMais.bs-comments-more:hover::before { color: #d9a14a; transform: translateY(1px); } #btnVerMais.bs-comments-more:active { transform: translateY(0); } #btnVerMais .bs-more-count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 19px; padding: 0 6px; border: 1px solid rgba(181, 145, 68, .22); border-radius: 999px; background: rgba(181, 145, 68, .10); color: #c6aa70; font-size: 9px; font-weight: 800; line-height: 1; } /* Caso o Blogger exiba o loadmore nativo */ .comments .loadmore, .comments .comments-content .loadmore { text-align: center; } .comments .loadmore a, .comments .loadmore button, .comments .comments-content .loadmore a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 7px 14px; border: 1px solid rgba(181, 145, 68, .26); border-radius: 7px; background: linear-gradient(180deg, rgba(24, 24, 24, .96), rgba(7, 7, 7, .98)); color: #b9a276 !important; font-size: 11px; font-weight: 700; box-shadow: 0 4px 13px rgba(0, 0, 0, .28); transition: all .20s ease; } .comments .loadmore a:hover, .comments .loadmore button:hover, .comments .comments-content .loadmore a:hover { border-color: rgba(217, 161, 74, .46); color: #e1c68f !important; transform: translateY(-1px); } @keyframes bsMoreCommentIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .comments .comment.bs-comment-reveal { animation: bsMoreCommentIn .24s ease both; } /* Entrada suave, sem alterar a ordem */ @keyframes bsCommentFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } .comments .comments-content .comment { animation: bsCommentFadeIn .24s ease both; } /* Responsivo */ @media (max-width: 640px) { #comments > h3, .comments > h3 { margin-bottom: 14px; min-height: 32px; font-size: 11px; } .comments .comments-content .comment { margin-bottom: 12px; padding: 10px; border-radius: 8px; } .comments .avatar-image-container, .comments .avatar-image-container img { width: 44px; height: 44px; max-width: 44px; max-height: 44px; } .comments .avatar-image-container { top: 10px; left: 10px; } .comments .comment-block { min-height: 44px; margin-left: 55px; } .comments .comments-content .comment-header { gap: 3px 6px; padding-bottom: 6px; font-size: 13px; } .comments .comments-content .datetime { width: 100%; font-size: 9px; } .comments .comments-content .datetime:before { display: none; } .comments .comments-content .comment-content { margin: 9px 0; font-size: 14px; line-height: 1.58; } .comments .comments-content .comment-replies { margin-left: 24px; padding-left: 9px; } .comments .comment .comment-actions a { min-height: 23px; padding: 4px 8px; font-size: 9px; } } @media (max-width: 640px) { #btnVerMais.bs-comments-more { min-height: 34px; padding: 7px 10px 7px 12px; font-size: 10px; } #btnVerMais .bs-more-count { min-width: 22px; height: 18px; font-size: 8px; } } @media (prefers-reduced-motion: reduce) { .comments .comments-content .comment, .comments .comment .comment-actions a, .comments .thread-toggle, .comments .bs-replies-toggle, .comments .bs-reply-reveal, .comments .loadmore a, .comments .loadmore button { animation: none !important; transition: none !important; transform: none !important; } }