From d8a1dd3a3e7670c457ba35e8e84929d34184b1e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nath=C3=A3=20Cazelato?= <114589105+Html-Czllt@users.noreply.github.com> Date: Wed, 31 Jul 2024 21:06:56 -0300 Subject: [PATCH] Delete darkambientef2.css --- darkambientef2.css | 296 --------------------------------------------- 1 file changed, 296 deletions(-) delete mode 100644 darkambientef2.css diff --git a/darkambientef2.css b/darkambientef2.css deleted file mode 100644 index 24bd602..0000000 --- a/darkambientef2.css +++ /dev/null @@ -1,296 +0,0 @@ -body { - background-color: #1e1e1e; /* Fundo escuro */ - margin: 0; - padding: 0; - color: #e0e0e0; /* Texto claro */ - font-size: 26px; -} - -header { - background-color: #2c2c2c; /* Fundo de elementos secundários */ - color: #f5f5f5; /* Texto secundário e cabeçalhos */ - padding: 20px; - text-align: center; -} - -.header-container { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; /* Adiciona flex-wrap para permitir que os itens quebrem linha */ -} - -.logo img { - border-radius: 50%; - box-shadow: #002fffad 0px 0px 20px; - width: 100px; - height: auto; - margin-left: 20%; -} - -/* Media query para telas menores */ -@media (max-width: 768px) { - .header-container { - flex-direction: column; /* Altera a direção do flex para coluna em telas menores */ - align-items: center; /* Centraliza os itens na coluna */ - } - - .logo img { - margin-left: 0; /* Remove a margem à esquerda */ - margin-bottom: 20px; /* Adiciona margem inferior para separar a logo dos botões */ - } -} - -nav { - text-align: center; -} - -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown button { - margin: 5px; - padding: 10px 15px; - color: #e0e0e0; /* Texto claro */ - font-size: 26px; - background-color: #333; /* Fundo escuro */ - text-decoration: none; - border: 2px solid #333; /* Borda escura */ - border-radius: 5px; - transition: background-color 0.5s, color 0.5s; -} - -.dropdown-content { - display: block; /* Sempre exibe o menu para transição */ - max-height: 0; /* Começa com altura zero */ - overflow: hidden; /* Oculta o conteúdo que ultrapassa o max-height */ - position: absolute; - background-color: #2c2c2c; /* Fundo escuro */ - border: 1px solid #444; /* Borda escura */ - min-width: 160px; - box-shadow: 0px 0px 10px rgb(0, 0, 0); - z-index: 1; - border-radius: 4px; - transition: max-height 0.8s ease, opacity 0.8s ease; /* Transições para altura máxima e opacidade */ - opacity: 0; /* Começa invisível */ -} - -.dropdown-content a { - color: #e0e0e0; /* Texto claro */ - padding: 12px 16px; - text-decoration: none; - display: block; -} - -.dropdown-content a:hover { - background-color: #444; /* Cor ao passar o mouse sobre o link */ -} - -.dropdown:hover .dropdown-content { - max-height: 300px; /* Altura máxima para o menu visível */ - opacity: 1; /* Torna o menu visível */ -} - -.dropdown:hover button { - background-color: #555; /* Cor do botão ao passar o mouse */ - color: #77bcc5; /* Texto claro */ -} - -nav a.button { - display: inline-block; - margin: 5px; - padding: 10px 15px; - color: #e0e0e0; /* Texto claro */ - background-color: #333; /* Fundo escuro */ - text-decoration: none; - border: 2px solid #333; /* Borda escura */ - border-radius: 5px; - transition: background-color 0.5s, color 0.5s; -} - -nav a.button.button1:hover { background-color: #555; color: #976dbe; } -nav a.button.button2:hover { background-color: #555; color: #71b86b; } -nav a.button.button3:hover { background-color: #555; color: #bd9d6d; } -nav a.button.button4:hover { background-color: #555; color: #bec46f; } - -main { - padding: 20px; - display: flex; - flex-direction: column; - align-items: center; -} - -.card-container { - display: flex; - flex-direction: column; - width: 100%; -} - -.card-content { - display: flex; - align-items: flex-start; - margin-bottom: 20px; -} - -.card { - position: relative; - width: 350px; - height: 350px; - border: 3px solid #444; /* Borda escura */ - border-radius: 10px; - margin-right: 20px; - perspective: 1000px; - overflow: hidden; - transition: transform 0.3s, box-shadow 0.3s; /* Transição suave */ -} - -.card-inner { - position: relative; - width: 100%; - height: 100%; - transition: transform 0.6s; - transform-style: preserve-3d; -} - -.card:hover { - transform: translateY(-10px); /* Move o card 10px para cima */ - box-shadow: 9px 9px 5px rgba(255, 255, 255, 0.116); /* Adiciona sombra */ -} - -.card-front { - position: absolute; - width: 100%; - height: 100%; - backface-visibility: hidden; - display: flex; - justify-content: center; - align-items: center; - box-sizing: border-box; - background-color: #2c2c2c; /* Fundo do card */ -} - -.card-front img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.card-text { - flex: 1; - padding: 20px; - background-color: #2c2c2c; /* Fundo do texto */ - border: 2px solid #444; /* Borda escura */ - border-radius: 10px; - color: #e0e0e0; /* Texto claro */ -} - -footer { - background-color: #2c2c2c; /* Fundo escuro */ - color: #fff; - padding: 20px 0; -} - -.footer-container { - display: flex; - flex-wrap: wrap; - justify-content: space-around; - gap: 5px; - padding: 0 10px; -} - -.footer-section { - flex: 1 0 300px; - max-width: 300px; - margin-bottom: 20px; - text-align: center; -} - -.footer-section h3 { - margin-bottom: 10px; -} - -.footer-section ul { - list-style: none; - padding: 0; -} - -.footer-section ul li { - margin-bottom: 8px; -} - -.footer-section ul li a { - color: #fff; /* Texto dos links claro */ - text-decoration: none; -} - -.footer-section ul li a:hover { - text-decoration: underline; -} - -.footer-section p { - margin: 0; -} - -.footer-image { - display: flex; - justify-content: center; - align-items: center; - width: 300px; /* Ajuste conforme necessário */ - height: 100px; - background-color: #2c2c2c; - padding: 10px; - margin: 20px; -} - -.footer-image img { - width: 160px; - background-color: #2c2c2c; /* Fundo da imagem */ - border: #444 solid 2px; /* Borda escura */ - border-radius: 6px; - padding: 2px; - margin-right: 5px; -} - -.footer-bottom { - text-align: center; - padding: 10px 0; - background-color: #1e1e1e; /* Fundo do rodapé */ - margin-top: 20px; -} - -.footer-bottom p { - margin: 0; -} - -@media (max-width: 768px) { - .footer-container { - flex-direction: column; - align-items: center; - } - - .footer-section { - flex: 1 0 auto; - max-width: none; - } - - .footer-images-container { - width: auto; /* Permite que o contêiner se ajuste */ - } -} - -@media (max-width: 768px) { - .social-icons li { - width: 100%; - margin: 10px 0; - text-align: center; - } -} - -@media (max-width: 600px) { - .card-container { - flex-direction: column; - align-items: stretch; - } -}