.post-button {background-color: #AACADD00;} .user-profile { background-color: #AACADD00; width: 40%;} .user-profile:hover { background-color: #AACADD00;} .nav-icon:hover {background: #AACADD00; } .dropdown-menu { background: #AACADD; background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png");} .dropdown-menu a:hover { background-color: #AACADD00; } /* Start https://www.cursors-4u.com */ * {cursor: url(https://sweezy-cursors.com/wp-content/uploads/cursor/dagger-dark-rose-halloween/dagger-and-dark-rose-halloween-cursor-32x32.png), url(), auto !important;} /* End https://www.cursors-4u.com */ .postcaixa1 { margin: 0 0 0px 260px; width: 120px; background: #a62228; color: #fff; padding: 5px; text-align: center; border-radius: 55px 55px 1px 1px; font-family: the coffins; } .table1 { width: 56%; margin: auto; padding:10px; font-size: 11px; text-align: justify; color: #ffffff; border-radius: 10px 10px 10px 10px; text-shadow: 2px 2x 4px #679ebd; font-family: garamond; background: #050c1b; background-image: url("https://i.imgur.com/oZkYLHu.png"); border: 0px solid transparent; box-shadow: 0px 0px 0px #9BBFD5; } .post-button span, .theme-toggle, .search-box { display: none !important; } .theme-toggle { display: none; } .profile-name { font-size: 0.94rem; font-weight: 500; color: #fff; } .main-flog { display: flex; gap: 15rem 0rem; } .navbar { position: absolute; top: 410px; left: 50%; transform: translateX(-50%); max-width: 430px; background-color: #fff !important; backdrop-filter: blur(1px); background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png"); -webkit-backdrop-filter: blur(10px); padding: 7px; border-radius: 50px 50px 50px 50px; border: 1px solid #ff; box-shadow: 0 0 1px 4px #ff; } .main-flog { background: transparent; margin-top: 1px; padding-top: 120px; } .navbar-content { display: flex; justify-content: center; align-items: center; } .search-box { display: none; } .navbar-left { content-visibility: hidden;} .profile-infos { display: none; } .follow-btn { align-items: center; padding: 12px 24px; background-color: var(--button-color); color: var(--button-text-color); border-radius: var(--button-radius); font-size: var(--font-size); cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; font-weight: 500; border-radius: 50px; transform: scale(0.5); } .subtitulo { text-transform: ; font-family: italic; font-family: the coffins; font-size: 13px; width: 135px; background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png"); border-radius: 50px 50px 50px 50px; border-left: 4px solid #000000; background: #ff; letter-spacing: 1px; color: #a62228; border-top: 2px solid #000000; } /* ÁREA ONDE ESCREVE O COMENTÁRIO */ .comment-textarea { min-height: 100px; /* Altura mínima da caixa de texto */ height: 158px; resize: auto; /* Permite aumentar a altura da caixa */ outline: none; font-family: the coffins; border: 2px solid #000000; /* Borda da caixa */ background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png"); background-color: #cedbe2; /* Cor de fundo da caixa */ color: #a80000; /* Cor do texto digitado */ } .comment-textarea.expanded { /* Altura mínima da caixa de texto */ resize: auto; /* Permite aumentar a altura da caixa */ border: 2px solid #fff; /* Borda da caixa */ outline: none; background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png"); color: #fff; background-color: #cedbe2; /* Cor de fundo da caixa */ color: #c89622; /* Cor do texto digitado */ } .comment-textarea.expanded { resize: auto; border: 3px solid #000000; outline: none; font-family: the coffins; background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png"); color: #fff; background-color: #cedbe2; color: #91333b; } element { } { color:#000000;font-size:10px;letter-spacing:0.5;font-family:trebuchet MS; } b{ color:#000000;font-size:10px;letter-spacing:0.5;font-family:trebuchet MS; } i{ color:#000000;font-size:16px;letter-spacing:0.5;font-family:trebuchet MS; } s{ font-family:trebuchet MS;font-size:8pt;font-weight:normal;letter-spacing:1px;color:#a62228; } a.delete-comment { background: #a6222800; } img[src="https://pixelog.me/assets/selos/pixegold.svg"] { content: url(https://i.imgur.com/ypu7J7D.png); } img[src="https://pixelog.me/assets/img/gv.gif"] { color: #b97890; content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/94a475cc-8a38-4310-954b-dfef865e319f/dh2un0n-4e89a62a-f276-41f2-86c0-5473d7a52b04.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi85NGE0NzVjYy04YTM4LTQzMTAtOTU0Yi1kZmVmODY1ZTMxOWYvZGgydW4wbi00ZTg5YTYyYS1mMjc2LTQxZjItODZjMC01NDczZDdhNTJiMDQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.O2hQvaEeJvlWGVGMnE1EPesEfFikeGfiiXJ5HQWK2ic); } /* OPACIDADE DAS ULTIMAS FOTOS DA COLUNA ESQUERDA */ .latest-photos img { opacity: 30%; /* Deixa a imagem quase transparente */ border-radius: 15px; border: 2px solid #fff; /* Cantos retos (sem arredondamento) */ transition-duration: 1s; /* Suaviza as mudanças de estilo */ background-color: #f8f8f8; /* Cor de fundo atrás da imagem */ padding: 0px; /* Espaçamento interno */ } .latest-photos img:hover { opacity: 100%; /* Deixa a imagem visível ao passar o mouse */ } /* OPACIDADE DOS FAVORITOS DA COLUNA DIREITA */ .friend-thumbnail { opacity: 0.2; /* Bem transparente */ filter: grayscale(70%); /* Filtro preto e branco 70% */ transition-duration: 1s; /* Suaviza a mudança */ background-color: #fef1f0; /* Fundo rosado claro */ padding: 0px; border-radius: 15px; border: 2px solid #fff; } .friend-thumbnail:hover { opacity: 100%; /* Mostra totalmente ao passar o mouse */ filter: grayscale(0%); /* Volta para cor normal */ background-color: #f8f8f8; } .friend-item { display: flex; flex-direction: column; align-items: center; } .friend-item .name-friend { font-size: 13px; font-family: the coffins; font-style: bold; border-radius: 15px; border: 0px solid #fff; position: static !important; margin-top: 5px; text-align: center; background: #; border: 1px solid #000000; background-image: url("https://i.postimg.cc/HsVZSgPy/hallo-FUNDO.png") } .friend-item .name-friend a { color: #a62228 !important; } .friend-thumbnail:hover { opacity: 100%; /* Mostra totalmente ao passar o mouse */ filter: grayscale(100%); /* Volta para cor normal */ background-color: #ffffff; } .post-img { margin-bottom: 1rem; display: flex; image-rendering: pixelated; position: relative; justify-content: center; border: 3px solid #A62228; outline: 2px solid #000000; outline-offset: 0; border-radius: 10px; /* borda arredondada */ }